/* Панель организатора: раскладка поверх style.css, те же токены. Отступы по шкале 4/8/12/16/20/24/32. */
.adm{padding:40px 0 96px}
.adm-title{font:700 clamp(28px,4vw,40px)/1.15 var(--display);letter-spacing:-1.5px;margin:12px 0 32px}
.adm-login{max-width:440px;margin:24px auto 0}
.adm-label{display:block;font-size:12px;font-weight:700;color:var(--light);margin-bottom:8px}
.adm .field{margin:0;min-width:0;width:100%;height:48px;padding:0 14px;font-size:16px}
.adm-btn{width:100%;height:48px;padding:0 18px;gap:16px;font-size:13px}
.adm .primary:disabled:hover{background:var(--light-3)}

.adm-card,.adm-section{background:#fff;border-radius:var(--br-m);box-shadow:var(--shadow);padding:24px}
.adm-card{display:flex;flex-direction:column}
.adm-card h2,.adm-section h2{font:700 18px/1.3 var(--display);letter-spacing:-.5px;margin:8px 0}
.adm-hint{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.adm-foot{margin-top:auto}
.adm-login .adm-btn{margin-top:4px}

.adm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.adm-tile{background:var(--light-4);border:1px solid var(--light-2);border-radius:var(--br-m);padding:16px 20px;min-width:0}
.adm-tile>span{display:block;font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}
.adm-tile b{display:block;font:600 28px/1.2 var(--display);margin-top:8px}
.adm-tile b small{font:700 14px var(--font);color:var(--cyan)}
.adm-tile em{display:block;font-style:normal;font-size:12px;color:var(--light);margin-top:4px;overflow-wrap:anywhere}
.phase{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;margin-top:12px}
.phase:before{content:'';flex:none;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px var(--light-2)}
.phase-open{color:var(--green)}
.phase-closed{color:var(--orange)}
.phase-settled{color:var(--ink)}

.adm-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.adm-fields{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;margin-bottom:12px}
.adm-result{font-size:13px;line-height:1.5;color:var(--cyan);margin-top:12px}
.adm-result:empty{display:none}
#settleForm .field{margin-bottom:12px}
.adm-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--light-3);border:1px solid var(--light-2);border-radius:var(--br-m)}
.adm-seg button{height:40px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:800;font-size:13px}
.adm-seg button:not(:disabled):hover{color:var(--ink);background:#fff}
.adm-seg button[aria-pressed=true]{opacity:1;cursor:default}
.adm-seg button[data-phase=open][aria-pressed=true]{background:#fff;color:var(--green);box-shadow:0 1px 3px rgba(30,30,30,.12)}
.adm-seg button[data-phase=closed][aria-pressed=true]{background:#fff;color:var(--amber-ink);box-shadow:0 1px 3px rgba(30,30,30,.12)}

.adm-bot{margin-top:16px;padding-top:16px;border-top:1px solid var(--light-2)}
.adm-bot-actions{display:flex;gap:8px;flex-wrap:wrap}
.adm-small{padding:10px 14px;font-size:12px}
.adm-bot-msg{font-size:13px;line-height:1.5;margin-top:10px}
.adm-bot-msg:empty{display:none}
.adm-bot-msg.ok{color:var(--cyan)}
.adm-bot-msg.err{color:var(--red)}
.adm-section{margin-bottom:16px}
.adm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px}
.adm-section-head .adm-hint{margin:0}
.adm-section-head .field{width:240px;flex:none}
.adm-count{color:var(--muted);font-weight:600}
.p-list{max-height:640px;overflow:auto}
.p-row{display:grid;grid-template-columns:40px minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,.7fr);gap:12px;align-items:center;padding:12px 8px;border-top:1px solid var(--light-2);font-size:14px}
.p-head{border-top:0;padding-top:16px;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--muted)}
.p-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.p-rank{font:700 13px var(--display);color:var(--muted)}
.p-row.first .p-rank{color:var(--bg);background:var(--cyan);border-radius:6px;width:28px;line-height:24px;text-align:center}
.p-who{min-width:0}
.p-who b{display:block;font-weight:700;overflow-wrap:anywhere}
.p-who code{font:600 12px ui-monospace,Menlo,monospace;color:var(--muted)}
.p-team{color:var(--light);overflow-wrap:anywhere}
.pos{color:var(--cyan)}
.neg{color:var(--orange)}
.dim{color:var(--dark-3)}
.adm-empty{padding:32px 8px;text-align:center;color:var(--muted);font-size:14px}

/* Сброс: кнопка в шапке панели, подтверждение — в окне */
.adm-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}
.adm-top .adm-title{margin-bottom:0}
.adm-dialog{width:min(480px,calc(100% - 32px));padding:24px;border:0;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 24px 64px rgba(28,28,40,.25)}
.adm-dialog::backdrop{background:rgba(28,28,40,.5)}
.adm-dialog .overline{color:var(--red)}
.adm-dialog h2{font:700 20px/1.3 var(--display);letter-spacing:-.5px;margin:8px 0}
.adm-dialog-actions{display:flex;justify-content:flex-end;gap:12px}
.adm-dialog-actions button{height:48px}
.adm-check{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:var(--light);margin-bottom:16px;cursor:pointer;max-width:640px}
.adm-check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--red)}
.danger{height:44px;padding:0 20px;border-radius:var(--br-s);border:1px solid #f3b4b4;background:#fff;color:var(--red);font-weight:600;font-size:14px}
.danger:not(:disabled):hover{background:var(--red);border-color:var(--red);color:#fff}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--dark-1);border:0;color:#fff;padding:12px 20px;border-radius:var(--br-m);font-size:14px;font-weight:500;box-shadow:0 12px 40px rgba(28,28,40,.3);z-index:20}
.toast.err{background:var(--red)}
.toast[hidden]{display:none}

@media(max-width:1000px){
 .adm-actions{grid-template-columns:1fr 1fr}
 .adm-actions>:last-child{grid-column:1/-1}
}
@media(max-width:700px){
 .adm{padding:24px 0 64px}
 .adm-title{margin-bottom:24px}
 .adm-top{flex-direction:column;align-items:stretch;margin-bottom:24px}
 .adm-dialog-actions button{flex:1}
 .adm-tiles{grid-template-columns:1fr 1fr;gap:12px}
 .adm-tile{padding:14px 16px}
 .adm-tile b{font-size:22px}
 .adm-actions{grid-template-columns:1fr;gap:12px}
 .adm-card,.adm-section{padding:20px}
 .adm-section-head{flex-direction:column;align-items:stretch}
 .adm-section-head .field{width:100%}
 .p-head{display:none}
 .p-list{max-height:none}
 .p-row{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"rank who when" "rank team team";gap:4px 12px;padding:14px 0}
 .p-rank{grid-area:rank;align-self:start;padding-top:2px}
 .p-who{grid-area:who}
 .p-team{grid-area:team;font-size:13px}
 .p-when{grid-area:when;font-size:13px;color:var(--muted)}
}
