/* Group creation/admin UX. */
.group-section-head{gap:6px}
.group-section-head .group-section-meta{display:flex;align-items:center;gap:5px;margin-left:auto}
.group-create-btn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #9fc2ad;border-radius:7px;background:#f7fbf8;color:#256a47;font-size:16px;line-height:1}
.group-create-btn:hover{background:#eaf4ed;border-color:#78a68b}
.group-admin-dialog{padding:0;border:1px solid #cbd9d1;border-radius:14px;background:#fff;color:#294b39;box-shadow:0 24px 70px rgba(28,52,39,.25)}
.group-admin-dialog::backdrop{background:rgba(28,47,37,.34);backdrop-filter:blur(2px)}
.group-admin-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e0e8e3}
.group-admin-dialog>header h2{margin:0;font-size:17px}
.group-admin-dialog>header small{display:block;margin-top:3px;font-size:9px;color:#73857a}
.ga-close{width:36px;height:36px;padding:0;border-radius:9px;font-size:22px;line-height:1}
.group-admin-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:10px 16px;border-top:1px solid #e0e8e3}
.group-admin-dialog>footer button{min-height:35px;padding:6px 12px;font-size:10px}
.ga-create-dialog{width:min(660px,calc(100vw - 30px));max-height:calc(100dvh - 30px)}
.ga-settings-dialog{width:min(850px,calc(100vw - 30px));height:min(720px,calc(100dvh - 30px));max-height:calc(100dvh - 30px)}
.ga-settings-dialog[open]{display:flex;flex-direction:column}
.ga-create-body,.ga-body{padding:14px 16px;overflow:auto}
.ga-create-body{display:grid;gap:12px}
.ga-body{flex:1 1 auto;min-height:0}
.ga-card{border:1px solid #d9e5dd;border-radius:10px;background:#fbfdfb;padding:12px 13px}
.ga-card h3{margin:0 0 7px;font-size:12px}
.ga-card .field{margin-top:8px}
.ga-card input,.ga-card textarea,.ga-card select,.ga-members-toolbar input{font-size:10px}
.ga-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 0;border-top:1px solid #e6ede8}
.ga-setting-row:first-of-type{border-top:0}
.ga-setting-row b,.ga-setting-row small{display:block}
.ga-setting-row b{font-size:10px}
.ga-setting-row small{margin-top:2px;font-size:8.5px;line-height:1.35;color:#72857a}
.ga-setting-row>select{width:150px;min-height:34px}
.ga-segment{display:flex;gap:4px}
.ga-segment button{min-width:80px;min-height:32px;padding:5px 8px;border:1px solid #d4e1d8;border-radius:7px;background:#fff;color:#526c5e;font-size:9px}
.ga-segment button.active{background:#e8f3ec;border-color:#91bba1;color:#246747;font-weight:750}
.ga-segment button:disabled{opacity:.45;cursor:not-allowed}
.ga-username{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;border:1px solid #d3dfd7;border-radius:7px;background:#fff}
.ga-username>span{display:grid;place-items:center;height:34px;border-right:1px solid #e1e8e3;color:#72857a}
.ga-username input{border:0!important;box-shadow:none!important}
.ga-note,.ga-capabilities{padding:9px 10px;border-radius:8px;background:#eef6f1;color:#60776a;font-size:8.8px;line-height:1.45}
.ga-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px 16px;border-bottom:1px solid #e0e8e3}
.ga-tabs button{min-height:36px;border:1px solid #d7e3db;border-radius:8px;background:#fff;color:#526c5e;font-size:10px}
.ga-tabs button.active{background:#eaf4ed;border-color:#9ec4ad;color:#246747;font-weight:750}
.ga-main-grid{display:grid;gap:12px}
.ga-capabilities{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ga-capabilities b{font-size:9.5px;color:#315943}
.ga-capabilities span{font-size:8.5px}
.ga-members{height:100%;display:flex;flex-direction:column;min-height:0}
.ga-members-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
.ga-members-toolbar input{min-height:36px;border:1px solid #d3dfd7;border-radius:7px;padding:7px 9px}
.ga-members-list{margin-top:9px;overflow:auto;min-height:0;border:1px solid #d9e4dd;border-radius:10px;background:#fff}
.ga-member{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 10px;border-top:1px solid #edf1ee}
.ga-member:first-child{border-top:0}
.ga-member-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6f1ea;color:#2c6748;font-size:11px;font-weight:800}
.ga-member b,.ga-member small{display:block}
.ga-member b{font-size:10px}
.ga-member small{margin-top:2px;font-size:8.5px;color:#74867b}
.ga-member-role{padding:3px 6px;border-radius:999px;background:#eef3ef;color:#5f7468;font-size:8px;white-space:nowrap}
.ga-member-role.owner{background:#e2f1e7;color:#246a47}.ga-member-role.admin{background:#edf0f7;color:#4e617f}
.ga-member>button{min-height:29px;padding:4px 7px;font-size:8.5px}
.ga-settings-dialog>footer{justify-content:space-between}
.ga-pagination{display:flex;align-items:center;gap:7px}
.ga-pagination span{min-width:100px;text-align:center;font-size:9px;color:#71847a}
.ga-loading,.ga-error,.ga-empty{padding:24px;text-align:center;color:#667a6f;font-size:10px}
.ga-opening{min-height:220px;display:grid;place-items:center}
.ga-error{color:#914c43}
.order-menu [data-group-operation="settings"][hidden]{display:none!important}
@media(max-width:700px){
 .ga-settings-dialog,.ga-create-dialog{width:calc(100vw - 18px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}
 .ga-create-dialog[open]{display:flex;flex-direction:column}
 .ga-create-body{flex:1 1 auto;min-height:0}
 .ga-setting-row{grid-template-columns:1fr;gap:6px}
 .ga-segment{justify-content:flex-start}
 .ga-setting-row>select{width:100%}
 .ga-capabilities{align-items:flex-start;flex-direction:column}
 .ga-member{grid-template-columns:34px minmax(0,1fr) auto}
 .ga-member-role{grid-column:2}.ga-member>button{grid-column:3;grid-row:1/3}
 .ga-settings-dialog>footer{align-items:stretch;flex-direction:column}
 .ga-pagination{width:100%;justify-content:space-between}
}
.group-section-title{display:flex;align-items:center;gap:7px;min-width:0}.group-section-title strong{min-width:0}


/* Group admin v2: compact creation, username availability, member permissions. */
.ga-create-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
.ga-create-dialog>header{padding:11px 13px}
.ga-create-body{padding:10px 12px;gap:8px}
.ga-create-dialog .ga-card{padding:9px 10px}
.ga-create-dialog .ga-card h3{margin-bottom:5px}
.ga-create-dialog .ga-setting-row{padding:6px 0;gap:10px}
.ga-create-dialog .ga-setting-row small{font-size:8px}
.ga-create-dialog .ga-segment button{min-width:67px;min-height:29px;padding:4px 6px}
.ga-create-dialog .ga-card .field{margin-top:6px}
.ga-create-dialog .ga-card input,.ga-create-dialog .ga-card textarea,.ga-create-dialog .ga-card select{min-height:32px}
.ga-create-dialog textarea{resize:vertical;max-height:90px}
.ga-create-dialog>footer{padding:8px 12px}
.ga-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px}
.ga-card-heading h3{margin:0!important}
.ga-card-heading small{display:block;margin-top:2px;font-size:8px;color:#71847a}
.ga-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 7px}
.ga-permission-item{display:grid;grid-template-columns:17px minmax(0,1fr);gap:6px;align-items:start;padding:6px 7px;border:1px solid #e0e8e3;border-radius:7px;background:#fff;cursor:pointer}
.ga-permission-item:hover{border-color:#b8cec0;background:#f8fbf9}
.ga-permission-item.is-disabled{opacity:.55;cursor:not-allowed}
.ga-permission-item input{width:15px;height:15px;margin:1px 0 0}
.ga-permission-item b,.ga-permission-item small{display:block}
.ga-permission-item b{font-size:8.8px;color:#315943}
.ga-permission-item small{margin-top:1px;font-size:7.5px;line-height:1.3;color:#7b8c82}
.ga-username-status{display:block;min-height:13px;margin-top:3px;font-size:8.5px;font-weight:650;color:#71847a}
.ga-username-status.is-checking{color:#6b7d72}
.ga-username-status.is-ok{color:#24704b}
.ga-username-status.is-error{color:#a64e43}
.ga-username:has(+ .ga-username-status.is-ok),.ga-username:has(.ga-username-status.is-ok){border-color:#83b497}
.ga-username:has(+ .ga-username-status.is-error),.ga-username:has(.ga-username-status.is-error){border-color:#d59b92}
.ga-settings-dialog .ga-permissions-card{margin-top:0}
@media(max-width:620px){
 .ga-create-dialog{width:calc(100vw - 14px)}
 .ga-permission-grid{grid-template-columns:1fr}
}


/* Group admin v4: 30% narrower dialogs. */
.ga-create-dialog{width:min(392px,calc(100vw - 24px))!important}
.ga-settings-dialog{width:min(600px,calc(100vw - 24px))!important}
.ga-create-dialog .ga-permission-grid{grid-template-columns:1fr}
.ga-create-dialog .ga-setting-row{grid-template-columns:minmax(0,1fr) auto}
.ga-create-dialog .ga-segment button{min-width:62px}
@media(max-width:620px){
 .ga-create-dialog,.ga-settings-dialog{width:calc(100vw - 14px)!important}
}


/* Group admin v5: compact success confirmation after Telegram save. */
.group-admin-success-dialog{width:min(300px,calc(100vw - 28px));padding:14px 16px 12px;border:1px solid #bdd6c6;border-radius:12px;background:#fff;box-shadow:0 18px 54px rgba(29,55,40,.24);text-align:center;color:#294b39}
.group-admin-success-dialog::backdrop{background:rgba(28,47,37,.20);backdrop-filter:blur(1.5px)}
.group-admin-success-dialog[open]{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 12px;align-items:center}
.ga-success-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e2f2e8;color:#24704b;font-size:22px;font-weight:900}
.ga-success-copy{text-align:left}
.ga-success-copy strong{display:block;font-size:14px}
.ga-success-copy p{margin:3px 0 0;font-size:9.5px;line-height:1.35;color:#667b6f}
.group-admin-success-dialog>button{grid-column:1/-1;justify-self:end;min-width:70px;min-height:32px;padding:5px 11px;font-size:9.5px}