/* ── Админ-панель (#/admin, admin.js, 08.10) ── только токены темы: обе темы сразу */
.adm{display:flex;flex-direction:column;gap:14px}
.adm .sec-body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}
.adm-cbody{display:flex;flex-direction:column;gap:10px;min-width:0}
.adm-sum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.adm-stile{background:var(--surface-2);text-align:left;cursor:pointer;font:inherit;color:inherit;min-width:0;border:1px solid transparent}
.adm-stile:hover{border-color:var(--line)}
.adm-stile.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.adm-stile.bad .v{color:var(--bad)}
.adm-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.adm-f,.adm-act select,.adm-act input[type=date]{height:32px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:inherit;font-size:var(--fs-sm);padding:0 8px;max-width:100%}
.adm-count{margin-left:auto}
.adm-tw{overflow-x:auto;min-width:0}
.adm .adm-tbl{width:100%;min-width:0;table-layout:auto;border-collapse:collapse;font-size:var(--fs-sm)}
.adm-tbl th{text-align:left;font-weight:var(--w-regular);color:var(--mute);font-size:var(--fs-xs);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.adm-tbl th.adm-n{text-align:right}
.adm-sort{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.adm-sort.on,.adm-sort:hover{color:var(--ink)}
.adm-tbl td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top;min-width:0}
.adm-tbl td.adm-n{text-align:right;white-space:nowrap;font-weight:var(--w-medium)}
.adm-tr{cursor:pointer}
.adm-tr:hover td,.adm-tr.on td{background:var(--surface-2)}
.adm-tr.bad td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
.adm-c-name{max-width:260px}
.adm-name{font-weight:var(--w-medium);overflow-wrap:anywhere}
.adm-who{color:var(--mute);font-size:var(--fs-xs);overflow-wrap:anywhere;margin-top:2px}
.adm-copy{background:none;border:0;padding:0 0 0 4px;color:var(--accent);font:inherit;font-size:var(--fs-xs);font-weight:var(--w-regular);cursor:pointer}
.adm-pills{display:flex;flex-wrap:wrap;gap:4px}
.adm-pill{display:inline-block;font-size:var(--fs-xs);border-radius:999px;padding:1px 8px;white-space:nowrap}
.adm-pill.bad{color:var(--bad);background:var(--bad-bg)}
.adm-ok{color:var(--mute);font-size:var(--fs-xs)}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.adm-grid ul,.adm-list{margin:4px 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
.adm-devs .btn{margin-top:4px;height:28px;font-size:var(--fs-xs)}
.adm-tg{color:var(--accent);font-size:var(--fs-xs)}
.adm-k{color:var(--mute);font-size:var(--fs-xs)}
.adm-dim{color:var(--mute);font-size:var(--fs-xs)}
.adm-bad{color:var(--bad)}
.adm-tag{font-size:var(--fs-xs);color:var(--accent);background:var(--accent-bg);border-radius:999px;padding:1px 8px}
.adm-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.adm-till,.adm-forever{display:flex;gap:6px;align-items:center;color:var(--mute)}
/* поиск клиента с подсказками */
.adm-search{position:relative}
.adm-search .adm-find{width:100%;box-sizing:border-box;height:40px;font-size:var(--fs-base)}
.adm-sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md,12px);box-shadow:0 8px 24px rgba(0,0,0,.18);padding:4px;display:flex;flex-direction:column;max-height:60vh;overflow:auto}
.adm-sug[hidden]{display:none}
.adm-sg{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:none;border:0;border-radius:var(--r-sm);padding:8px 10px;font:inherit;color:var(--ink);cursor:pointer;min-width:0}
.adm-sg:hover,.adm-sg:focus{background:var(--surface-2);outline:none}
.adm-sg>*{max-width:100%;overflow-wrap:anywhere}
.adm-sg-none{padding:8px 10px}
/* карточка клиента */
.adm-cardbox{padding:14px 16px 16px}
.adm-cardbox[hidden]{display:none}
.adm-card{display:flex;flex-direction:column;gap:12px;font-size:var(--fs-sm);min-width:0}
.adm-chead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.adm-chead>div{min-width:0}
.adm-ctitle{font-size:var(--fs-lg,18px);font-weight:var(--w-medium);overflow-wrap:anywhere}
.adm-status{border-radius:var(--r-sm);padding:8px 12px;overflow-wrap:anywhere}
.adm-status.ok{background:var(--good-bg);color:var(--good)}
.adm-status.bad{background:var(--bad-bg);color:var(--bad)}
.adm-status b{font-weight:var(--w-medium)}
.adm-card .adm-act{margin-top:8px}
.adm-card .adm-pill{white-space:normal}
.adm-log ul{margin:6px 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);overflow-wrap:anywhere}
/* доска состояния */
.adm-overall{border-radius:var(--r-sm);padding:10px 12px;font-weight:var(--w-medium);overflow-wrap:anywhere}
.adm-overall.s-ok{background:var(--good-bg);color:var(--good)}
.adm-overall.s-warn{background:var(--warn-bg);color:var(--warn)}
.adm-overall.s-bad{background:var(--bad-bg);color:var(--bad)}
.adm-parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.adm-part{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}
.adm-part:last-child{border-bottom:0}
.adm-dot{flex:0 0 10px;height:10px;border-radius:50%;margin-top:5px;background:var(--good)}
.adm-part.s-warn .adm-dot{background:var(--warn)}
.adm-part.s-bad .adm-dot{background:var(--bad)}
.adm-pbody{min-width:0;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.adm-ptitle{font-weight:var(--w-medium)}
.adm-ptitle .adm-dim{font-weight:var(--w-regular)}
.adm-part.s-bad .adm-pcause{color:var(--bad)}
.adm-part.s-warn .adm-pcause{color:var(--warn)}
@media (max-width:900px){.adm-sum{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .adm .sec-body{padding:10px}
  .adm-sum{grid-template-columns:1fr 1fr}
  .adm-tw{overflow:visible}
  .adm-f{flex:1 1 140px}
  .adm-count{margin-left:0;width:100%}
  .adm-cardbox{padding:12px 10px}
  .adm-tbl,.adm-tbl tbody,.adm-tbl tr,.adm-tbl td{display:block;box-sizing:border-box;max-width:100%}.adm-tbl,.adm-tbl tbody{width:100%}
  .adm-tbl thead{display:none}
  .adm-tr{border-bottom:1px solid var(--line);padding:8px 0}
  .adm-tbl td{border:0;padding:3px 6px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;text-align:right;align-items:start}
  .adm-grid{grid-template-columns:minmax(0,1fr)}
  .adm-tbl td.adm-n{text-align:right}
  .adm-tbl td::before{content:attr(data-l);color:var(--mute);font-size:var(--fs-xs);text-align:left;flex:0 0 auto}
  .adm-tbl td.adm-c-name{display:block;text-align:left;max-width:none}
  .adm-tbl td.adm-c-name::before{content:none}
  .adm-tbl td>*{min-width:0}
  .adm-pills{justify-content:flex-end}
  .adm-tr.bad td:first-child{box-shadow:none}
  .adm-tr.bad{box-shadow:inset 3px 0 0 var(--bad)}
}