:root { --bg:#F9F9F9; --card:#FFF; --text:#0F0F0F; --text2:#606060; --line:#E5E5E5; --hover:#F2F2F2; --blue:#065FD4; --red:#C5221F; --green:#0B8043; --chip:#F2F2F2; }
@media (prefers-color-scheme: dark) { :root { --bg:#0F0F0F; --card:#1F1F1F; --text:#F1F1F1; --text2:#AAA; --line:#3A3A3A; --hover:#2A2A2A; --blue:#3EA6FF; --red:#FF6B5E; --green:#34C77B; --chip:#2A2A2A; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:14px/1.45 Roboto, Arial, "Helvetica Neue", sans-serif; }
a { color:inherit; }
:focus-visible { outline:2px solid var(--blue); outline-offset:2px; border-radius:4px; }
.bar { background:var(--card); border-bottom:1px solid var(--line); }
.bar-in { max-width:1100px; margin:0 auto; padding:10px 20px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.logo { display:flex; align-items:center; gap:10px; font-weight:700; font-size:18px; text-decoration:none; }
.logo svg, .logo img { width:28px; height:28px; border-radius:50%; }
.nav { margin-left:auto; display:flex; gap:16px; align-items:center; }
.nav a, .link { color:var(--text2); text-decoration:none; font:inherit; background:none; border:0; cursor:pointer; padding:0; }
.nav a:hover, .link:hover { color:var(--text); text-decoration:underline; }
.nav form { margin:0; }
.wrap { max-width:1100px; margin:0 auto; padding:20px 20px 60px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin-bottom:16px; }
h1 { font-size:22px; margin:0 0 14px; } h2 { font-size:17px; font-weight:500; margin:0 0 12px; }
.count { color:var(--text2); font-weight:400; margin-left:6px; }
.muted { color:var(--text2); font-size:13px; margin:8px 0 0; }
.flash { border-radius:8px; padding:10px 14px; margin:0 0 14px; }
.flash-ok { background:rgba(11,128,67,.12); } .flash-error { background:rgba(197,34,31,.12); }
label { display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--text2); }
input[type=text], input:not([type]), input[type=password], input[type=number] { font:inherit; color:var(--text); background:var(--chip); border:1px solid transparent; border-radius:8px; padding:9px 12px; min-height:38px; }
input:focus { border-color:var(--blue); outline:none; }
fieldset { border:0; margin:0; padding:0; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
legend { font-size:13px; color:var(--text2); padding:0; margin-bottom:4px; width:100%; }
fieldset label { flex-direction:row; align-items:center; gap:6px; color:var(--text); font-size:14px; }
.btn { font:inherit; font-weight:500; cursor:pointer; border:1px solid var(--line); background:var(--card); color:var(--text); border-radius:18px; padding:8px 16px; min-height:36px; white-space:nowrap; list-style:none; }
.btn:hover { background:var(--hover); }
.btn-primary { background:var(--blue); border-color:var(--blue); color:#fff; } .btn-primary:hover { filter:brightness(1.1); background:var(--blue); }
.btn-danger { color:var(--red); }
summary.btn { display:inline-flex; align-items:center; }
summary.btn::-webkit-details-marker { display:none; }
.login { max-width:420px; margin:40px auto; } .login form { display:flex; flex-direction:column; gap:14px; }
.status { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; flex-wrap:wrap; } .status p { margin:0; }
.dot { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--text2); margin-right:8px; }
.dot-ok { background:var(--green); } .dot-err { background:var(--red); } .dot-run { background:var(--blue); }
pre { white-space:pre-wrap; background:var(--chip); padding:10px; border-radius:8px; font-size:12px; max-height:300px; overflow:auto; }
.add { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:16px; align-items:end; }
.grow { min-width:0; }
.list { list-style:none; margin:0; padding:0; }
.row { display:flex; gap:12px; align-items:center; padding:10px 0; border-top:1px solid var(--line); flex-wrap:wrap; }
.row:first-child { border-top:0; }
.who { display:flex; gap:12px; align-items:center; flex:1; min-width:240px; }
.who b { font-weight:500; } .who small { display:block; color:var(--text2); font-size:12px; }
.av { width:40px; height:40px; border-radius:50%; object-fit:cover; background:var(--chip); flex:none; display:inline-block; }
.tags { display:flex; gap:6px; flex-wrap:wrap; margin-top:4px; }
.tag { font-size:12px; padding:2px 8px; border-radius:4px; background:var(--chip); color:var(--text2); }
.row form { margin:0; }
.edit[open] { flex-basis:100%; order:3; }
.edit[open] > summary { margin-bottom:12px; }
.editform { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:16px; align-items:end; background:var(--chip); border-radius:10px; padding:14px; }
.editform input:not([type=radio]):not([type=checkbox]) { background:var(--card); }
.upd { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:end; margin-top:12px; }
input[type=file] { font:inherit; color:var(--text); background:var(--chip); border-radius:8px; padding:8px; }
.dz-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; }
.dz-head h2 { margin-bottom:4px; }
.dz[open] { flex-basis:100%; }
.dzform { grid-template-columns:1fr 1fr auto; }
.dz-warn { grid-column:1 / -1; margin:0; color:var(--text); }
.btn-danger-solid { background:var(--red); border-color:var(--red); color:#fff; }
.btn-danger-solid:hover { filter:brightness(1.08); background:var(--red); }
.userform { display:grid; grid-template-columns:1fr 1fr auto; gap:16px; align-items:end; margin:14px 0 6px; }
.ulist { margin-top:10px; }
.pwform { grid-template-columns:minmax(0,1fr) auto; }
.av-letter { display:grid; place-items:center; font-weight:700; color:#fff; background:var(--blue); }
.aiform { display:flex; flex-direction:column; gap:16px; margin-top:12px; }
.keys { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.keybox { background:var(--chip); border-radius:10px; padding:14px; display:flex; flex-direction:column; gap:10px; }
.keybox h3 { margin:0; font-size:15px; font-weight:500; }
.keybox input:not([type=checkbox]) { background:var(--card); }
.keystate { margin:0; font-size:13px; } .keystate code { font-size:12px; background:var(--card); padding:2px 6px; border-radius:4px; }
.chk { flex-direction:row; align-items:center; gap:6px; color:var(--text); }
.keybox .muted { margin:0; }
.aiform > .btn { align-self:flex-start; }
@media (max-width:860px) { .add, .editform, .upd, .userform, .dzform, .keys { grid-template-columns:1fr; } .nav { margin-left:0; width:100%; } }

/* deleted bloggers (collapsible, like FAQ) */
.trash { padding:0; overflow:hidden; }
.trash-d > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:12px; padding:16px 20px; font-size:17px; font-weight:500; }
.trash-d > summary::-webkit-details-marker { display:none; }
.trash-d > summary:hover { background:var(--hover); }
.trash-d > summary:focus-visible { outline:2px solid var(--blue); outline-offset:-2px; border-radius:12px; }
.trash-ic { width:34px; height:34px; border-radius:50%; background:var(--chip); color:var(--text2); display:grid; place-items:center; flex:none; }
.trash-ic svg { width:18px; height:18px; }
.chev { margin-left:auto; width:9px; height:9px; border-right:2px solid var(--text2); border-bottom:2px solid var(--text2); transform:rotate(45deg); margin-top:-4px; transition:transform .2s; }
.trash-d[open] .chev { transform:rotate(-135deg); margin-top:4px; }
.trash-d[open] > summary { border-bottom:1px solid var(--line); }
.trash-top { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 20px 4px; flex-wrap:wrap; }
.trash-top .muted { margin:0; max-width:70ch; }
.trash-list { padding:0 20px 8px; }
.trash-empty { padding:4px 20px 16px; }
.row.gone .who { opacity:.55; }
.row.gone .av { filter:grayscale(1); }
.row.gone b { text-decoration:line-through; text-decoration-color:var(--text2); }

/* undo toast */
.toast { position:fixed; left:50%; bottom:24px; z-index:50; width:min(640px, calc(100vw - 24px)); background:#2B2B2B; color:#F1F1F1; border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.35); overflow:hidden; transform:translate(-50%, 20px); opacity:0; transition:transform .22s ease, opacity .22s ease; }
.toast.in { transform:translate(-50%, 0); opacity:1; }
.toast.gone { transform:translate(-50%, 20px); opacity:0; }
.toast-row { display:flex; align-items:center; gap:12px; padding:12px 12px 12px 16px; }
.toast-ic { color:#AAA; display:grid; place-items:center; } .toast-ic svg { width:20px; height:20px; }
.toast-text { flex:1; min-width:0; font-size:14px; }
.toast-form { margin:0; }
.toast-btn { font:inherit; font-weight:700; color:#8AB4F8; background:none; border:0; border-radius:8px; padding:8px 12px; cursor:pointer; text-transform:uppercase; letter-spacing:.04em; }
.toast-btn:hover { background:rgba(138,180,248,.12); }
.toast-btn:focus-visible, .toast-x:focus-visible { outline:2px solid #8AB4F8; outline-offset:1px; }
.toast-sec { font-variant-numeric:tabular-nums; color:#AAA; font-size:13px; min-width:2ch; text-align:right; }
.toast-x { background:none; border:0; color:#AAA; font-size:22px; line-height:1; width:32px; height:32px; border-radius:50%; cursor:pointer; }
.toast-x:hover { background:rgba(255,255,255,.08); color:#FFF; }
.toast-bar { display:block; height:3px; background:rgba(255,255,255,.1); }
.toast-bar span { display:block; height:100%; width:100%; background:#8AB4F8; }
@media (prefers-reduced-motion: reduce) { .toast, .chev { transition:none; } }

/* conditions and users' blogger sets */
.add .cond, .editform .cond { grid-column:1 / -1; }
.tag-cond { background:rgba(6,95,212,.12); color:var(--blue); }
.usets[open] { flex-basis:100%; order:3; }
.usets-body { display:flex; flex-direction:column; gap:10px; background:var(--chip); border-radius:10px; padding:12px 14px; }
.uset { border-bottom:1px solid var(--line); padding-bottom:10px; } .uset:last-child { border-bottom:0; padding-bottom:0; }
.uset p { margin:0 0 6px; }
.uset-h { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.uset-c { font-size:13px; color:var(--blue); }
.uset-ch { display:flex; flex-wrap:wrap; gap:6px; }
.uset-ch .tag { background:var(--card); }
.muted-inline { color:var(--text2); font-size:12px; }

/* admin edits a user's set */
.uset-act { display:flex; flex-wrap:wrap; gap:8px; align-items:flex-start; margin-top:4px; }
.uset-edit[open] { flex-basis:100%; }
.setform { display:flex; flex-direction:column; gap:12px; background:var(--card); border-radius:10px; padding:12px 14px; }
.setform-top { display:grid; grid-template-columns:1fr 1.5fr; gap:12px; }
.setform-top input { background:var(--chip); }
.setform-ch { display:flex; flex-wrap:wrap; gap:6px 16px; }
.setform-ch label { flex-direction:row; align-items:center; gap:6px; color:var(--text); font-size:14px; }
.setform > .btn { align-self:flex-start; }
@media (max-width:860px) { .setform-top { grid-template-columns:1fr; } }

.tag-code { font-family:ui-monospace, Menlo, Consolas, monospace; letter-spacing:.06em; }

.err-inline { color:var(--red); font-weight:500; }

.run-btns { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.run-btns form { margin:0; }

.tag-role { margin-left:8px; background:rgba(233,164,0,.16); color:#C88A00; font-weight:500; }
.role-badge { font-size:12px; font-weight:500; padding:3px 10px; border-radius:999px; background:rgba(233,164,0,.16); color:#C88A00; }

/* YouTube API quota */
.q-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; flex-wrap:wrap; }
.q-head h2 { margin-bottom:4px; } .q-head .muted { margin:0; max-width:70ch; }
.q-big { text-align:right; } .q-num { display:block; font-size:34px; font-weight:700; line-height:1.1; font-variant-numeric:tabular-nums; }
.q-of { color:var(--text2); font-size:13px; }
.q-bar { margin:14px 0 12px; } .q-bar svg { width:100%; height:12px; display:block; }
.q-track { fill:var(--chip); } .q-fill { fill:var(--green); } .q-bar.warn .q-fill { fill:var(--red); }
.q-stats { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:12px; }
.q-stats b { display:block; font-size:20px; font-variant-numeric:tabular-nums; } .q-stats span { color:var(--text2); font-size:12px; }
.q-charts { display:grid; grid-template-columns:1.6fr 1fr; gap:20px; margin-top:16px; }
.q-charts figure { margin:0; } .q-charts figcaption { color:var(--text2); font-size:12px; margin-bottom:6px; }
.q-chart { width:100%; height:64px; display:block; background:var(--chip); border-radius:8px; }
.q-chart rect.on { fill:var(--blue); } .q-chart rect.off { fill:var(--line); } .q-chart rect.today { fill:var(--green); }
.q-axis { display:flex; justify-content:space-between; color:var(--text2); font-size:11px; margin-top:4px; }
.q-runs { margin-top:12px; } .q-runs summary { cursor:pointer; color:var(--blue); font-size:13px; }
.q-runs table { border-collapse:collapse; margin-top:8px; font-size:13px; } .q-runs th, .q-runs td { text-align:left; padding:4px 14px 4px 0; } .q-runs th { color:var(--text2); font-weight:500; }
.q-note { margin-top:12px !important; }
@media (max-width:1000px) { .q-stats { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:860px) { .q-stats { grid-template-columns:1fr 1fr; } .q-charts { grid-template-columns:1fr; } .q-big { text-align:left; } }

.ai-budget { max-width:320px; } .ai-budget input { background:var(--chip); }
.ai-state { margin-top:14px; display:flex; flex-direction:column; gap:6px; font-size:13px; }
.ai-state p { margin:0; } .ai-state form { margin:0; }
.ai-pause { color:var(--text); }
.err-full summary { cursor:pointer; list-style:none; } .err-full summary::-webkit-details-marker { display:none; }
.err-full summary u { color:var(--blue); text-decoration:none; }
.err-full pre { margin-top:8px; max-height:320px; }

/* AI keys */
.ai-general { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; margin:12px 0; }
.ai-general .ai-budget { max-width:280px; }
.keys-cat { border:1px solid var(--line); border-radius:12px; margin:8px 0 6px; overflow:hidden; }
.keys-cat > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; padding:12px 16px; font-weight:500; }
.keys-cat > summary::-webkit-details-marker { display:none; }
.keys-cat > summary:hover { background:var(--hover); }
.keys-cat[open] > summary { border-bottom:1px solid var(--line); }
.keys-cat[open] .chev { transform:rotate(-135deg); margin-top:4px; }
.kc-ic { font-size:16px; }
.kc-body { padding:12px 16px 16px; display:flex; flex-direction:column; gap:12px; }
.kc-rules { margin:0; }
.klist { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.krow { display:flex; gap:12px; align-items:center; flex-wrap:wrap; background:var(--chip); border-radius:10px; padding:10px 12px; }
.krow.kpaused { box-shadow:inset 3px 0 0 var(--red); }
.kn { width:24px; height:24px; border-radius:50%; background:var(--card); display:grid; place-items:center; font-weight:700; font-size:12px; flex:none; }
.kinfo { flex:1; min-width:220px; display:flex; flex-direction:column; gap:2px; }
.kinfo small { color:var(--text2); font-size:12px; } .kinfo code { font-size:12px; }
.ok-inline { color:var(--green) !important; }
.kact { display:flex; gap:6px; flex-wrap:wrap; } .kact form { margin:0; }
.kbtn { padding:6px 10px; min-width:34px; } .kbtn:disabled { opacity:.4; cursor:default; }
.kadd > summary { display:inline-flex; gap:6px; list-style:none; } .kadd > summary::-webkit-details-marker { display:none; }
.kadd[open] > summary { margin-bottom:12px; }
.kadd-form { display:grid; grid-template-columns:1fr 1fr; gap:12px; background:var(--chip); border-radius:10px; padding:14px; }
.kadd-form fieldset, .kadd-form .chk, .kadd-form .muted, .kadd-form > .btn { grid-column:1 / -1; }
.kadd-form input:not([type=radio]):not([type=checkbox]) { background:var(--card); }
.kadd-form > .btn { justify-self:start; }
@media (max-width:860px) { .kadd-form { grid-template-columns:1fr; } }
.ktitle { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }

/* quick navigation */
.jump { position:sticky; top:0; z-index:20; display:flex; flex-wrap:wrap; gap:8px; padding:10px 0 12px; margin:-8px 0 8px; background:var(--bg); }
.jump a { text-decoration:none; font-size:13px; font-weight:500; padding:7px 12px; border-radius:999px; background:var(--card); border:1px solid var(--line); white-space:nowrap; }
.jump a:hover { border-color:var(--blue); color:var(--blue); }
.card, details.card { scroll-margin-top:64px; }
.jump-hit { animation:jump-hit 1.4s ease; }
@keyframes jump-hit { 0%, 35% { box-shadow:0 0 0 3px var(--blue); } 100% { box-shadow:0 0 0 0 transparent; } }

/* API log */
details.logs-card { padding:0; overflow:hidden; }
.logs-sum { list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; padding:16px 20px; font-size:17px; font-weight:500; flex-wrap:wrap; }
.logs-sum::-webkit-details-marker { display:none; }
.logs-sum:hover { background:var(--hover); }
.logs-card[open] .logs-sum { border-bottom:1px solid var(--line); }
.logs-card[open] .chev { transform:rotate(-135deg); margin-top:4px; }
.logs-hint { color:var(--text2); font-size:13px; font-weight:400; }
.tag-err { background:rgba(197,34,31,.14); color:var(--red); }
.logs-body { padding:12px 20px 16px; display:flex; flex-direction:column; gap:10px; }
.log-filters { display:flex; gap:6px; flex-wrap:wrap; }
.lchip { font:inherit; font-size:13px; font-weight:500; border:0; background:var(--chip); color:var(--text2); padding:6px 12px; border-radius:999px; cursor:pointer; }
.lchip[aria-pressed="true"] { background:var(--text); color:var(--card); }
.log-wrap { overflow:auto; max-height:520px; border:1px solid var(--line); border-radius:10px; }
.log-table { width:100%; border-collapse:collapse; font-size:13px; }
.log-table th { position:sticky; top:0; background:var(--card); text-align:left; font-weight:500; color:var(--text2); padding:8px 10px; border-bottom:1px solid var(--line); }
.log-table td { padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
.log-table td small { display:block; color:var(--text2); font-size:11px; }
.log-table tr[hidden] { display:none; }
.nowrap { white-space:nowrap; font-variant-numeric:tabular-nums; }
.st { display:inline-block; font-size:12px; font-weight:500; padding:2px 8px; border-radius:999px; white-space:nowrap; }
.st-ok { background:rgba(11,128,67,.14); color:var(--green); }
.st-limit { background:rgba(233,164,0,.18); color:#C88A00; }
.st-broken, .st-error { background:rgba(197,34,31,.14); color:var(--red); }
.log-detail { max-width:460px; }
.log-d summary { cursor:pointer; list-style:none; color:var(--text2); word-break:break-word; } .log-d summary::-webkit-details-marker { display:none; }
.log-d summary u { color:var(--blue); text-decoration:none; }
.log-d pre { margin:6px 0 0; max-height:260px; font-size:11px; }

/* paid keys switch */
.paid-box { border:1px dashed var(--line); border-radius:10px; padding:12px 14px; display:flex; flex-direction:column; gap:8px; }
.paid-box.on { border-style:solid; border-color:var(--red); background:rgba(197,34,31,.06); }
.paid-box form { margin:0; }
.paid-h { margin:0; font-weight:500; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.paid-box .muted { margin:0; }
.paid-left { color:var(--red); font-size:13px; }

/* live requests */
.live { flex-basis:100%; border-top:1px solid var(--line); padding-top:12px; margin-top:4px; display:flex; flex-direction:column; gap:10px; }
.live-head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:14px; }
.live-tot { color:var(--text2); font-size:13px; }
.live-dot { width:10px; height:10px; border-radius:50%; background:var(--line); flex:none; }
.live.on .live-dot { background:var(--green); animation:pulse 1.2s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { box-shadow:0 0 0 0 rgba(11,128,67,.6); } 50% { box-shadow:0 0 0 6px rgba(11,128,67,0); } }
.live-charts { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.live-charts figure { margin:0; } .live-charts figcaption { font-size:12px; color:var(--text2); margin-bottom:4px; display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.lg { display:inline-flex; gap:8px; align-items:center; } .lg i { display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:-4px; }
.c-yt { background:#E5484D; } .c-ai, .c-gf { background:#3EA6FF; } .c-gp { background:#8B5CF6; } .c-cl { background:#D97757; } .c-err { background:#FFD60A; }
.live-chart { width:100%; height:64px; display:block; background:var(--chip); border-radius:8px; }
.live-chart rect.yt { fill:#E5484D; } .live-chart rect.gf, .live-chart rect.ai { fill:#3EA6FF; } .live-chart rect.gp { fill:#8B5CF6; } .live-chart rect.cl { fill:#D97757; } .live-chart rect.err { fill:#FFD60A; }
.live-chart line.base { stroke:var(--line); stroke-width:1; }
.live-fly { display:flex; flex-wrap:wrap; gap:6px; } .live-fly:empty { display:none; }
.fly { font-size:12px; font-weight:500; padding:4px 10px; border-radius:999px; background:var(--blue); color:#fff; animation:blink 1s steps(2, start) infinite; }
.fly.slow { background:#F5A524; color:#111; }
@keyframes blink { to { visibility:hidden; } }
.live-feed { list-style:none; margin:0; padding:0; font:12px/1.6 ui-monospace, Menlo, Consolas, monospace; color:var(--text2); max-height:160px; overflow:auto; }
.live-feed:empty { display:none; }
.live-feed li.in { color:var(--text); } .live-feed li.bad { color:var(--red); }
@media (max-width:860px) { .live-charts { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { .fly, .live.on .live-dot { animation:none; } }

/* key kinds: one colour each */
.kchip { display:inline-block; font-size:11px; font-weight:500; padding:2px 8px; border-radius:999px; margin:2px 4px 0 0; color:#fff; }
.k-google_free { background:#3EA6FF; } .k-google_paid { background:#8B5CF6; } .k-claude { background:#D97757; } .k-youtube { background:#E5484D; }
.fly.k-youtube { background:#E5484D; } .fly.k-google_free { background:#3EA6FF; } .fly.k-google_paid { background:#8B5CF6; } .fly.k-claude { background:#D97757; }
.fly.slow { background:#FFD60A !important; color:#111; }
.lg-row { margin:0; font-size:12px; color:var(--text2); display:flex; flex-wrap:wrap; gap:4px 12px; align-items:center; }
.lg-row i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:-6px; }
.live-sum { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.live-sum > div { background:var(--chip); border-radius:10px; padding:10px 12px; font-size:13px; }
.live-sum b { display:block; margin-bottom:4px; font-weight:500; }
.live-sum p { margin:2px 0; } .ls-row { font-variant-numeric:tabular-nums; }
.live-tools { display:flex; gap:8px; }
.req-btn { background:linear-gradient(135deg, #3EA6FF, #8B5CF6); color:#fff; border:0; font-weight:600; box-shadow:0 4px 14px rgba(139,92,246,.35); transition:transform .15s; }
.req-btn:hover { transform:translateY(-1px) scale(1.02); background:linear-gradient(135deg, #3EA6FF, #8B5CF6); }
.req-dlg { border:0; border-radius:14px; padding:0; width:min(860px, calc(100vw - 24px)); max-height:86vh; background:var(--card); color:var(--text); box-shadow:0 24px 64px rgba(0,0,0,.45); }
.req-dlg::backdrop { background:rgba(0,0,0,.55); }
.rq-head { display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--card); }
.rq-tabs { display:inline-flex; background:var(--chip); border-radius:999px; padding:3px; }
.rq-tabs button { font:inherit; font-size:13px; font-weight:500; border:0; background:none; color:var(--text2); padding:5px 12px; border-radius:999px; cursor:pointer; }
.rq-tabs button[aria-pressed="true"] { background:var(--card); color:var(--text); box-shadow:0 1px 3px rgba(0,0,0,.2); }
.rq-x { margin-left:auto; font:inherit; font-size:22px; line-height:1; border:0; background:none; color:var(--text2); cursor:pointer; width:34px; height:34px; border-radius:50%; }
.rq-x:hover { background:var(--hover); }
.rq-body { padding:14px 16px 16px; }
.rq-meta { margin:0 0 10px; color:var(--text2); font-size:13px; }
.rq-label { margin:10px 0 4px; font-weight:600; font-size:13px; }
.rq-pre { margin:0; font-size:12px; line-height:1.5; max-height:300px; overflow:auto; border-left:3px solid #3EA6FF; }
.rq-pre.in { border-left-color:#30A46C; } .rq-pre.bad { border-left-color:#E5484D; }
/* AI statistics */
.ai-stats { margin-top:14px; display:flex; flex-direction:column; gap:10px; }
.as-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.as-range[hidden] { display:none; }
.as-row { display:grid; grid-template-columns:220px 1fr; gap:6px 14px; align-items:center; padding:6px 0; border-top:1px solid var(--line); }
.as-name { font-size:14px; } .as-name small { display:block; color:var(--text2); font-size:12px; }
.as-bar { width:100%; height:12px; display:block; border-radius:6px; background:var(--chip); }
.as-bar rect.k-google_free { fill:#3EA6FF; } .as-bar rect.k-google_paid { fill:#8B5CF6; } .as-bar rect.k-claude { fill:#D97757; }
.as-kinds { grid-column:2; }
@media (max-width:860px) { .live-sum, .as-row { grid-template-columns:1fr; } .as-kinds { grid-column:1; } }

/* floating messages */
.flashes { position:fixed; top:64px; right:16px; z-index:60; display:flex; flex-direction:column; gap:8px; width:min(440px, calc(100vw - 32px)); }
.flashes .flash { margin:0; display:flex; gap:10px; align-items:flex-start; padding:12px 12px 12px 16px; border-radius:12px; background:var(--card);
  border:1px solid var(--line); box-shadow:0 12px 32px rgba(0,0,0,.35); animation:flash-in .25s ease; transition:opacity .4s, transform .4s; }
.flashes .flash span { flex:1; }
.flashes .flash-ok { border-left:4px solid var(--green); } .flashes .flash-error { border-left:4px solid var(--red); }
.flashes .flash.gone { opacity:0; transform:translateX(20px); }
.flash-x { border:0; background:none; color:var(--text2); font-size:20px; line-height:1; cursor:pointer; padding:0 4px; }
.flash-x:hover { color:var(--text); }
@keyframes flash-in { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .flashes .flash { animation:none; transition:none; } }

/* ---------- iPhone and other touch phones ---------- */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
button, a, summary, label, input, select { touch-action:manipulation; }
.bar { padding-top:env(safe-area-inset-top); }
.bar-in, .wrap { padding-left:max(16px, env(safe-area-inset-left)); padding-right:max(16px, env(safe-area-inset-right)); }
.wrap { padding-bottom:calc(32px + env(safe-area-inset-bottom)); }
.jump { top:0; padding-top:calc(10px + env(safe-area-inset-top)); }
.flashes { top:calc(64px + env(safe-area-inset-top)); right:calc(16px + env(safe-area-inset-right)); }
.toast { bottom:calc(16px + env(safe-area-inset-bottom)); }
.req-dlg { max-height:86dvh; }
@media (pointer: coarse), (max-width: 760px) {
  input, select, textarea { font-size:16px !important; }        /* iOS would zoom into smaller fields */
  input[type=checkbox], input[type=radio] { width:22px; height:22px; }
  .nav a, .nav .link { min-height:40px; display:inline-flex; align-items:center; }
  .btn { min-height:42px; }
  .kbtn { min-width:42px; }
  .lchip, .rq-tabs button { min-height:36px; }
  .row .who a { padding:6px 0; }
}
@media (max-width: 760px) {
  .jump { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin-left:-16px; margin-right:-16px; padding-left:16px; padding-right:16px; }
  .jump::-webkit-scrollbar { display:none; }
  .jump a { flex:none; }
  .flashes { left:12px; right:12px; width:auto; top:calc(70px + env(safe-area-inset-top)); }
  .q-head .q-big { text-align:left; }
  .log-detail { max-width:260px; }
  .req-dlg { width:calc(100vw - 16px); max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .rq-head { flex-wrap:wrap; }
  .klist .kact { width:100%; }
}

.lgi { white-space:nowrap; display:inline-flex; align-items:center; gap:6px; }
.lg-row .lgi i { margin-right:0; }

.empty-list { flex-basis:100%; margin:0; font-size:13px; }

/* Shorts switch */
.sh-row { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.sh-row h2 { display:flex; align-items:center; gap:10px; } .sh-row .muted { margin:0; max-width:72ch; }
.sh-row form { margin:0; }
.big-switch { display:inline-flex; align-items:center; gap:10px; cursor:pointer; font-weight:500; white-space:nowrap; }
.big-switch input { position:absolute; opacity:0; width:1px; height:1px; }
.big-switch .sw { position:relative; width:48px; height:28px; border-radius:999px; background:var(--line); transition:background-color .2s; flex:none; }
.big-switch .sw::after { content:""; position:absolute; left:3px; top:3px; width:22px; height:22px; border-radius:50%; background:#fff; transition:transform .2s cubic-bezier(.2,.8,.2,1); box-shadow:0 1px 3px rgba(0,0,0,.3); }
.big-switch input:checked + .sw { background:var(--green); }
.big-switch input:checked + .sw::after { transform:translateX(20px); }
.big-switch input:focus-visible + .sw { outline:2px solid var(--blue); outline-offset:2px; }

.new-switch { flex-basis:100%; display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; margin:0; font-size:14px; }
.new-switch .muted { font-size:13px; }

/* the last run, kept after it ended: greyed, "Выполнено" on hover */
.live { position:relative; }
.live.done .live-chart rect { opacity:.42; }
.live.done .live-sum, .live.done .live-feed, .live.done .lg-row, .live.done .live-tot { opacity:.6; }
.live.done .live-dot { background:var(--green); opacity:.6; }
.live.done .live-state { color:var(--text2); font-weight:500; }
.live.done::after { content:attr(data-done-label); position:absolute; left:50%; top:110px; transform:translate(-50%, 0) scale(.92); opacity:0; pointer-events:none;
  background:var(--green); color:#fff; font-weight:700; font-size:16px; letter-spacing:.04em; padding:10px 22px; border-radius:999px; box-shadow:0 10px 28px rgba(0,0,0,.35);
  transition:opacity .2s ease, transform .2s ease; }
.live.done[data-done-label^="✗"]::after { background:var(--red); }
.live.done:hover::after { opacity:1; transform:translate(-50%, 0) scale(1); }
.live.done:hover .live-chart rect { opacity:.6; }

.live.done[data-done-label^="⚠"]::after { background:#E9A400; color:#111; }
.live-feed { max-height:220px; }

/* money saved with free Gemini */
.money { display:flex; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; align-items:center; padding:14px 16px; margin:4px 0 10px; border-radius:12px;
  background:linear-gradient(135deg, rgba(48,164,108,.16), rgba(62,166,255,.10)); border:1px solid rgba(48,164,108,.35); }
.money.none { background:var(--chip); border-color:var(--line); }
.mo-main { display:flex; gap:12px; align-items:center; min-width:0; }
.mo-ic { font-size:30px; line-height:1; }
.mo-sum { display:block; font-size:30px; line-height:1.1; font-variant-numeric:tabular-nums; color:var(--green); }
.money.none .mo-sum { color:var(--text2); }
.mo-main small { display:block; color:var(--text2); font-size:12px; max-width:62ch; }
.mo-side { display:flex; flex-direction:column; gap:3px; font-size:13px; color:var(--text2); text-align:right; }
.mo-side b { color:var(--text); }
.mo-spent b { color:#D97757; }
.mo-note { margin:0; font-size:12px; }
@media (max-width:860px) { .mo-side { text-align:left; } }

/* savings: pick the Claude model to compare with */
.mo-model[hidden] { display:none; }
.mo-pick { display:inline-flex; align-self:flex-end; background:var(--chip); border-radius:999px; padding:3px; margin-bottom:4px; }
.mo-pick button { font:inherit; font-size:12px; font-weight:600; border:0; background:none; color:var(--text2); padding:6px 12px; border-radius:999px; cursor:pointer; white-space:nowrap; }
.mo-pick button[aria-pressed="true"] { background:#D97757; color:#fff; box-shadow:0 2px 8px rgba(217,119,87,.4); }
.money[data-model="opus"] .mo-sum { color:#E9A400; }
.money[data-model="fable"] .mo-sum { color:#FF6B9A; }
.mo-sum.pop { animation:mo-pop .45s cubic-bezier(.2,.8,.2,1); }
@keyframes mo-pop { 0% { transform:scale(.85); opacity:.4; } 60% { transform:scale(1.08); } 100% { transform:none; opacity:1; } }
@media (prefers-reduced-motion: reduce) { .mo-sum.pop { animation:none; } }
@media (max-width:760px) { .mo-pick { align-self:flex-start; } }

/* ---------- wide screens: the admin panel uses the whole screen, no holes between cards ---------- */
@media (min-width: 1400px) {
  main.wrap { max-width:none; padding-left:max(28px, env(safe-area-inset-left)); padding-right:max(28px, env(safe-area-inset-right)); }
  .bar-in { max-width:none; padding-left:28px; padding-right:28px; }
  /* a 3-column grid; admin.js gives every card a row span from its height and the grid packs them densely — no holes */
  .dash-grid { display:grid; grid-template-columns:repeat(var(--cols, 3), minmax(0, 1fr)); grid-auto-rows:4px; column-gap:20px; align-items:start; }
  .dash-grid > * { margin:0 !important; min-width:0; }   /* positions (and «Все каналы» over two columns) are set by admin.js */
  #quota .q-stats { grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)); }
  #quota .q-charts { grid-template-columns:1fr; }
  #quota .q-head { flex-direction:column; } #quota .q-big { text-align:left; }
  #run .live-charts, #run .live-sum { grid-template-columns:1fr; }
}



.tag-topic { background:rgba(139,92,246,.14); color:#8B5CF6; }

/* collections per day */
.runs-form { flex-basis:100%; display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; margin:0; font-size:14px; }
.runs-form select { margin-left:6px; width:auto; padding:6px 10px; }
.runs-form .muted { font-size:13px; }
/* Shorts: extra switches */
.sh-extra { display:flex; flex-direction:column; gap:10px; margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.sh-extra form { margin:0; }
.big-switch.sm { white-space:normal; font-size:14px; }
.big-switch.sm small { color:var(--text2); font-weight:400; }
.guard-on { margin:0; padding:8px 12px; border-radius:8px; background:rgba(233,164,0,.14); color:var(--text); font-size:13px; }
/* forecast */
details.fc { border:1px solid var(--line); border-radius:12px; margin:12px 0 6px; overflow:hidden; }
.fc > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; padding:12px 16px; font-weight:500; flex-wrap:wrap; }
.fc > summary::-webkit-details-marker { display:none; }
.fc > summary:hover { background:var(--hover); }
.fc[open] > summary { border-bottom:1px solid var(--line); }
.fc[open] .chev { transform:rotate(-135deg); margin-top:4px; }
.fc-hint { color:var(--text2); font-size:12px; font-weight:400; }
.fc-body { padding:12px 16px 14px; display:flex; flex-direction:column; gap:10px; }
.fc-ctl { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
.fc-x { display:flex; align-items:center; gap:8px; font-weight:600; }
.fc-x input { width:90px; font-size:16px; padding:6px 10px; }
.fc-ctl .mo-pick { margin:0 0 0 auto; align-self:center; }
.fc-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:10px; }
.fc-table { width:100%; border-collapse:collapse; font-size:14px; }
.fc-table th { text-align:left; font-weight:500; color:var(--text2); font-size:12px; padding:8px 12px; border-bottom:1px solid var(--line); white-space:nowrap; }
.fc-table td { padding:9px 12px; border-bottom:1px solid var(--line); vertical-align:top; font-variant-numeric:tabular-nums; }
.fc-table tr:last-child td { border-bottom:0; }
.fc-table td small { display:block; color:var(--text2); font-size:11px; }
.fc-money { font-weight:700; color:#D97757; }
.fc-money.free { color:var(--green); }
.fc-yt { margin:0; padding:8px 12px; border-radius:8px; font-size:13px; background:var(--chip); }
.fc-yt.warn { background:rgba(233,164,0,.14); } .fc-yt.bad { background:rgba(197,34,31,.14); }
.fc-base { margin:0; font-size:12px; }

/* AI speed slider */
.speed { margin:12px 0 4px; padding:12px 16px 10px; border:1px solid var(--line); border-radius:12px; display:flex; flex-direction:column; gap:6px; }
.sp-h { margin:0; display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline; }
.sp-now { font-size:13px; }
.sp-track { padding:4px 8px 0; }
.sp-range { width:100%; accent-color:var(--blue); height:28px; }
.sp-labels { position:relative; height:46px; margin:2px 0 0; }
.sp-l { position:absolute; top:6px; display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--text2); white-space:nowrap;
  transform-origin:center top; transition:transform .12s ease-out, color .15s; }
.sp-l[data-at="0"] { left:0; transform-origin:left top; }
.sp-l[data-at="50"] { left:50%; translate:-50% 0; }
.sp-l[data-at="100"] { right:0; transform-origin:right top; }
.sp-l.near { color:var(--text); }
.sp-l[data-at="0"].near { color:#E9A400; } .sp-l[data-at="100"].near { color:var(--green); }
.snail { width:22px; height:17px; }
.sp-eta { margin:0; font-size:12px; }
@media (prefers-reduced-motion: reduce) { .sp-l { transition:none; } }

/* channel lists: one switch folds them all; inside — sections by theme */
.ch-master .dz-head { align-items:center; }
.ch-switch { margin-left:auto; white-space:nowrap; display:inline-flex !important; flex-direction:row !important; align-items:center; gap:10px; }
.ch-master .dz-head { flex-wrap:wrap; gap:12px 20px; }
.chg-body { display:grid; grid-template-rows:1fr; transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1), opacity .2s; }
.chg-body > * { min-height:0; }
.chg-body { overflow:hidden; }
.ch-folded .chgroup .chg-body { grid-template-rows:0fr; opacity:0; height:0; }
.ch-folded .ch-master .ch-desc { display:none; }
.ch-folded .chgroup h2 { margin-bottom:0; }
.chg-topics { display:inline-flex; flex-wrap:wrap; gap:6px; margin-left:10px; vertical-align:middle; }
.chg-topics .tag { font-size:12px; text-decoration:none; }
details.tp-grp { border:1px solid var(--line); border-radius:12px; padding:0 14px; margin:10px 0 0; }
.tp-grp > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; padding:11px 0; font-weight:500; }
.tp-grp > summary::-webkit-details-marker { display:none; }
.tp-grp[open] > summary { border-bottom:1px solid var(--line); }
.tp-grp .pc-ic { width:26px; height:26px; border-radius:8px; background:rgba(139,92,246,.16); color:#8B5CF6; display:grid; place-items:center; font-weight:700; flex:none; }
.tp-grp .chev { margin-left:auto; width:9px; height:9px; border-right:2px solid var(--text2); border-bottom:2px solid var(--text2); transform:rotate(45deg); margin-top:-4px; transition:transform .2s; flex:none; }
.tp-grp[open] .chev { transform:rotate(-135deg); margin-top:4px; }
.tp-grp .list { margin:0; }
@media (prefers-reduced-motion: reduce) { .chg-body { transition:none; } }

/* AI queue */
.aiq { margin:12px 0 4px; padding:12px 16px; border:1px solid var(--line); border-radius:12px; display:flex; flex-direction:column; gap:10px; }
.aiq.has { border-color:rgba(233,164,0,.6); background:rgba(233,164,0,.05); }
.aiq-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.aiq-head form { margin:0 0 0 auto; }
.aiq-sub { font-size:12px; flex-basis:100%; order:3; }
.aiq-list { margin:0; padding-left:18px; font-size:13px; display:flex; flex-direction:column; gap:4px; }
.aiq-chart { width:100%; max-width:420px; height:48px; display:block; background:var(--chip); border-radius:8px; }
.qd-in { fill:#E9A400; } .qd-out { fill:var(--green); }
.aiq-axis { display:flex; justify-content:space-between; max-width:420px; font-size:10px; color:var(--text2); margin-top:2px; }
.aiq-tot { margin:6px 0 0; font-size:12px; }
.c-ok { background:var(--green); }
.aiq-tot .lgi i { display:inline-block; width:10px; height:10px; border-radius:3px; }
.aiq-tot .lgi { margin-right:8px; }

/* recommended free budget */
.rec-box { margin:4px 0 10px; padding:10px 14px; border-radius:10px; background:rgba(62,166,255,.08); border:1px solid rgba(62,166,255,.35); display:flex; flex-direction:column; gap:8px; font-size:14px; }
.rec-box p { margin:0; } .rec-box .muted { font-size:12px; }
.rec-acts { display:flex; flex-wrap:wrap; gap:8px; } .rec-acts form { margin:0; }

/* refresh frequency stepped down */
.refresh-err { flex-basis:100%; order:-1; display:flex; gap:12px 16px; align-items:center; flex-wrap:wrap; padding:12px 14px; border-radius:10px;
  background:rgba(197,34,31,.12); border:1px solid rgba(197,34,31,.55); margin-bottom:6px; }
.refresh-err p { margin:0; flex:1 1 400px; font-size:14px; } .refresh-err form { margin:0; }

.rpd-form { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; margin:0; font-size:13px; }
.rpd-form label { display:flex; align-items:center; gap:8px; } .rpd-form input { width:110px; padding:6px 10px; }

/* cards dealt into narrow columns: forms stack instead of squeezing */
.dash-grid #add .add { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); align-items:start; }
.dash-grid #add .add > .grow, .dash-col #add .add > .cond, .dash-col #add .add > .muted, .dash-col #add .add > p { grid-column:1 / -1; }
.dash-grid #add .add > button[type="submit"] { grid-column:1 / -1; justify-self:start; order:9; }

/* key models: main → backups */
.kmodels { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; margin-top:4px; }
.kmodel { font-size:11px; font-family:ui-monospace, Menlo, Consolas, monospace; padding:2px 8px; border-radius:999px; background:rgba(48,164,108,.14); color:var(--green); }
.kmodel.off { background:rgba(233,164,0,.16); color:#C88A00; }
.karrow { color:var(--text2); font-size:11px; }
.kfb { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; } .kfb input { flex:1 1 260px; min-width:0; font-size:13px; padding:6px 10px; background:var(--card); color:var(--text); border:1px solid var(--line); border-radius:8px; }

/* the model chain */
.chain-form { display:flex; flex-direction:column; gap:8px; margin:0; }
.chain-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:10px; background:var(--card); }
.chain { width:100%; border-collapse:collapse; font-size:13px; }
.chain th { text-align:left; font-weight:500; color:var(--text2); font-size:11px; padding:7px 10px; border-bottom:1px solid var(--line); white-space:nowrap; }
.chain td { padding:7px 10px; border-bottom:1px solid var(--line); vertical-align:middle; font-variant-numeric:tabular-nums; }
.chain tfoot td { border-bottom:0; color:var(--text2); }
.chain td small { display:block; color:var(--text2); }
.chain input { width:90px; padding:5px 8px; font-size:13px; background:var(--chip); color:var(--text); border:1px solid var(--line); border-radius:6px; }
.chain tr.now td:first-child .q-n { background:var(--green); color:#fff; }
.chain tr.done { opacity:.55; }
.q-n { display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--chip); font-weight:700; font-size:12px; }
.use-bar { display:inline-block; width:70px; height:6px; border-radius:3px; background:var(--chip); vertical-align:middle; overflow:hidden; }
.use-fill { display:block; height:100%; width:0; background:var(--green); border-radius:3px; }
tr.done .use-fill { background:#E9A400; }
.chain-acts { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; font-size:13px; }
.chain-acts input { width:70px; padding:5px 8px; }
.chain td:last-child { white-space:nowrap; }
.chain-acts label { display:inline-flex !important; flex-direction:row !important; align-items:center !important; gap:6px; flex-wrap:nowrap; white-space:nowrap; }
.chain-acts label input { margin:0; }

/* «Все каналы»: one card, the two language lists side by side, the site's round fold button */
.cb-head { display:flex; align-items:center; gap:12px 16px; flex-wrap:wrap; }
.cb-title { flex:1 1 300px; min-width:0; } .cb-title h2 { margin:0; }
.cb-mini { margin:4px 0 0; font-size:13px; }
.chan-box .dz { margin:0; }
.fold-btn { width:40px; height:40px; border-radius:50%; border:1px solid var(--line); background:var(--card); color:var(--text); display:grid; place-items:center; cursor:pointer; flex:none; transition:background-color .15s; }
.fold-btn:hover { background:var(--hover); }
.fold-btn svg { width:20px; height:20px; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
.chan-box.folded .fold-btn svg { transform:rotate(-90deg); }
.cb-body { display:grid; grid-template-rows:1fr; transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1), opacity .25s; }
.cb-inner { min-height:0; overflow:hidden; }
.chan-box.folded .cb-body { grid-template-rows:0fr; opacity:0; }
.ch-desc { margin:12px 0 4px; }
.chan-cols { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; }
.chan-cols .chgroup h3 { margin:6px 0 4px; font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; }
.chan-cols .chgroup .chg-topics { margin-left:0; }
@media (max-width:1000px) { .chan-cols { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { .cb-body, .fold-btn svg { transition:none; } }
/* «Добавить блогера»: several links */
.links-box { display:flex; flex-direction:column; gap:6px; }
.lb-l { font-size:13px; color:var(--text2); }
.link-rows { display:flex; flex-direction:column; gap:6px; }
.link-row { display:flex; gap:6px; align-items:center; } .link-row input { flex:1; min-width:0; }
.link-x { width:32px; height:32px; border-radius:50%; border:0; background:var(--chip); color:var(--text2); font-size:18px; cursor:pointer; flex:none; }
.link-x:hover { color:var(--red); }
.link-plus { align-self:flex-start; padding:6px 12px; font-size:13px; }

/* «Подробные логи» / «Подробнее» inside cards */
details.sublog { border:1px solid var(--line); border-radius:12px; margin-top:14px; overflow:hidden; }
.sublog > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px 10px; padding:10px 14px; font-weight:500; flex-wrap:wrap; }
.sublog > summary::-webkit-details-marker { display:none; }
.sublog > summary:hover { background:var(--hover); }
.sublog[open] > summary { border-bottom:1px solid var(--line); }
.sublog[open] > summary .chev { transform:rotate(-135deg); margin-top:4px; }
.sublog .chev { margin-left:auto; }
.sl-body { padding:10px 14px 12px; display:flex; flex-direction:column; gap:8px; }
.sublog .log-wrap { max-height:420px; }
.st-sent { background:var(--chip); color:var(--text2); }
.live-log { margin-top:6px; }

/* «Нагрузка на сайт» */
.load { margin-top:18px; }
.ld-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .ld-head h2 { margin:0; }
.ld-tiles { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; margin:14px 0 10px; }
.ld-tile { background:var(--chip); border-radius:10px; padding:10px 12px; display:flex; flex-direction:column; gap:3px; font-size:13px; cursor:pointer; border:1px solid transparent; }
.ld-tile.on { border-color:var(--blue); }
.ld-tile b { font-size:14px; margin-bottom:2px; }
.ld-tile i, .ld-tip i, .lg-row i.c-ld-r, .lg-row i.c-ld-u, .lg-row i.c-ld-c { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; }
.c-ld-r { background:#3EA6FF; } .c-ld-u { background:#30A46C; } .c-ld-c { background:#F5A524; }
.ld-fig { position:relative; margin:0; }
.ld-chart { width:100%; height:220px; display:block; background:var(--chip); border-radius:10px; }
.ld-grid { stroke:var(--line); stroke-width:1; }
.ld-line { fill:none; stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.ld-r { stroke:#3EA6FF; fill:#3EA6FF; } .ld-u { stroke:#30A46C; fill:#30A46C; } .ld-c { stroke:#F5A524; fill:#F5A524; }
.ld-line.ld-r, .ld-line.ld-u, .ld-line.ld-c { fill:none; }
.ld-dot { stroke:none; }
.ld-axis { position:relative; height:18px; font-size:11px; color:var(--text2); }
.ld-axis span { position:absolute; transform:translateX(-50%); white-space:nowrap; top:3px; }
.ld-tip { position:absolute; top:8px; background:var(--card); border:1px solid var(--line); border-radius:8px; padding:8px 10px; font-size:12px; display:flex; flex-direction:column; gap:2px; pointer-events:none; box-shadow:0 6px 18px rgba(0,0,0,.3); }
.ld-note { font-size:12px; margin:6px 0 0; }
@media (max-width:860px) { .ld-tiles { grid-template-columns:1fr 1fr; } }

/* model queue: a folding block, each model a tidy row (fits a narrow column) */
.chain-cat { margin:10px 0 6px; }
.cq-lead { margin:0; font-size:13px; }
.chain-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.cm { background:var(--chip); border-radius:10px; padding:10px 12px; border:1px solid transparent; }
.cm.now { border-color:rgba(48,164,108,.55); }
.cm.done { opacity:.6; }
.cm-top { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-bottom:8px; }
.cm-top b { font-size:14px; } .cm-top code { font-size:11px; color:var(--text2); }
.cm.now .q-n { background:var(--green); color:#fff; }
.cm-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px 12px; align-items:start; }
.cm-f { display:flex !important; flex-direction:column !important; gap:3px; font-size:12px; color:var(--text2); min-width:0; }
.cm-f > span:first-child { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cm-f input { width:100%; padding:5px 8px; font-size:13px; background:var(--card); color:var(--text); border:1px solid var(--line); border-radius:6px; }
.cm-f small { font-size:11px; color:var(--text2); min-height:14px; }
.cm-cap { font-size:18px; color:var(--text); line-height:30px; }
.cm-use { display:flex; align-items:center; gap:6px; color:var(--text); line-height:30px; white-space:nowrap; }
.cm-use .use-bar { width:56px; }
.cq-total { font-size:13px; }
.cq-note { margin:0; font-size:12px; }
@media (max-width:620px) { .cm-grid { grid-template-columns:1fr 1fr; } }
/* foldable cards (Shorts …) */
.fold-head { display:flex; align-items:center; gap:12px; } .fold-head .fh-t { flex:1; margin:0; display:flex; align-items:center; gap:10px; }
.foldable .cb-body { display:grid; grid-template-rows:1fr; transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1), opacity .25s; }
.foldable .cb-inner { min-height:0; overflow:hidden; }
.foldable.folded .cb-body { grid-template-rows:0fr; opacity:0; }
.foldable.folded .fold-btn svg { transform:rotate(-90deg); }
.shorts-card .sh-row { margin-top:10px; }
/* deleted bloggers inside «Все каналы» */
.trash.in-chan { margin-top:16px; border-top:1px solid var(--line); padding-top:12px; }
.dz-btns { display:flex; gap:8px; flex-wrap:wrap; }
.cm-off { margin-left:auto; border:1px solid var(--line); background:var(--card); border-radius:999px; width:34px; height:34px; font-size:16px; line-height:1; cursor:pointer; display:grid; place-items:center; transition:transform .15s; }
.cm-off:hover { transform:scale(1.1); }
.tag-off { background:rgba(139,92,246,.16); color:#8B5CF6; }

.cm-gap.cm-will { color:#E9A400 !important; font-weight:600; }

.cb-title h2 { display:flex; align-items:center; gap:10px; }
.cb-ic { width:34px; height:34px; border-radius:10px; background:rgba(62,166,255,.14); color:var(--blue); display:grid; place-items:center; flex:none; }
.cb-ic svg { width:22px; height:22px; }

/* «Сбор информации»: title + buttons, the live charts on top, the status and settings below */
.status > .run-head, .status > .run-info { flex-basis:100%; }
.run-head { display:flex; align-items:center; justify-content:space-between; gap:10px 16px; flex-wrap:wrap; } .run-head h2 { margin:0; }
.status > .live { border-top:0; padding-top:0; margin-top:0; }
.run-info { border-top:1px solid var(--line); padding-top:12px; display:flex; flex-direction:column; gap:4px; }
/* «Лимит YouTube API»: title with today's number, the charts on top */
.q-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; } .q-title h2 { margin:0; }
.q-title .q-big { text-align:right; }
#quota .q-charts { margin:0 0 14px; }
.q-desc { margin:12px 0 0 !important; font-size:13px; }

/* «!» hints */
.hint { display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; border:1.6px solid var(--text2); color:var(--text2);
  font-size:12px; font-weight:800; line-height:1; cursor:help; margin:0 4px 0 8px; vertical-align:middle; flex:none; transition:color .15s, border-color .15s, background-color .15s; }
.hint:hover, .hint:focus-visible { color:var(--blue); border-color:var(--blue); background:rgba(62,166,255,.1); outline:none; }
.hint-text { display:none; }
.hint-l { font-size:13px; color:var(--text2); }
.hint-row { display:flex; align-items:center; gap:2px; margin:8px 0 0; } .hint-row .hint { margin-left:0; }
#hintTip { position:fixed; z-index:1000; max-width:min(420px, calc(100vw - 16px)); background:var(--card); color:var(--text); border:1px solid var(--line); border-radius:10px;
  padding:10px 12px; font-size:13px; line-height:1.5; box-shadow:0 10px 30px rgba(0,0,0,.35); pointer-events:none; font-weight:400; }
#hintTip p { margin:0 0 6px; } #hintTip p:last-child { margin:0; }
#hintTip code { font-size:12px; }

/* card title icons (same look as «Все каналы») */
h2.h-ic { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ic-blue { background:rgba(62,166,255,.14) !important; color:#3EA6FF !important; }
.ic-orange { background:rgba(245,165,36,.16) !important; color:#F5A524 !important; }
.ic-purple { background:rgba(139,92,246,.16) !important; color:#8B5CF6 !important; }
.ic-pink { background:rgba(236,72,153,.15) !important; color:#EC4899 !important; }
.ic-green { background:rgba(48,164,108,.16) !important; color:#30A46C !important; }
.ic-teal { background:rgba(20,184,166,.15) !important; color:#14B8A6 !important; }
.ic-gray { background:var(--chip) !important; color:var(--text2) !important; }

/* AI statistics by task: a divider under the savings, then tidy rows with stacked bars */
.as-sep { display:flex; align-items:center; gap:10px; margin:16px 0 4px; font-size:12px; font-weight:600; color:var(--text2); letter-spacing:.04em; text-transform:uppercase; }
.as-sep::before, .as-sep::after { content:""; flex:1; height:1px; background:var(--line); }
.as-sep::before { flex:0 0 0; }
.as-row { display:grid !important; grid-template-columns:36px minmax(0, 1fr) !important; gap:12px !important; align-items:start !important; padding:12px 0 !important; border-top:1px solid var(--line); }
.as-row:first-of-type { border-top:0; }
.as-ic { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:rgba(62,166,255,.14); color:#3EA6FF; }
.as-ic svg { width:20px; height:20px; }
.as-ic-classify { background:rgba(139,92,246,.16); color:#8B5CF6; } .as-ic-test { background:rgba(245,165,36,.16); color:#F5A524; }
.as-main { min-width:0; display:flex; flex-direction:column; gap:7px; }
.as-top { display:flex; align-items:baseline; justify-content:space-between; gap:6px 12px; flex-wrap:wrap; } .as-top > b { font-size:14px; }
.as-num { font-size:12px; color:var(--text2); } .as-num b { font-size:15px; color:var(--text); }
.as-track { height:22px; border-radius:7px; background:var(--chip); overflow:hidden; }
.as-fill { height:100%; width:0; display:flex; gap:2px; transition:width .6s cubic-bezier(.2,.8,.2,1); }
.as-seg { display:flex; align-items:center; justify-content:center; min-width:22px; height:100%; font-size:11px; font-weight:700; color:#fff; border-radius:6px; overflow:hidden; white-space:nowrap; }
.as-seg.k-google_free { background:linear-gradient(90deg, #3EA6FF, #6CBBFF); }
.as-seg.k-google_paid { background:linear-gradient(90deg, #8B5CF6, #A78BFA); }
.as-seg.k-claude { background:linear-gradient(90deg, #D97757, #E8977D); }
.as-meta { display:flex; flex-wrap:wrap; gap:4px 14px; font-size:12px; color:var(--text2); }
.as-meta .lgi i { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; }
.as-tok { margin-left:auto; } .as-err { color:var(--down); font-style:normal; }

.cb-head, .fold-head { cursor:pointer; }
.cb-head :is(details, form, input, label) { cursor:auto; }
/* Shorts stands right above «Обновление сайта»: the two travel together as one block */
.stack { display:flex; flex-direction:column; gap:18px; }
.stack > .card { margin:0 !important; }

/* forecast: controls in one line, one card per period, the YouTube line with a bar */
.fc-ctl { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; }
.fc-x-box { display:flex; align-items:center; gap:8px 10px; flex-wrap:wrap; }
.fc-x-l { font-weight:600; font-size:14px; }
.fc-step { display:inline-flex; align-items:center; background:var(--chip); border-radius:999px; padding:3px; }
.fc-step button { width:30px; height:30px; border:0; border-radius:50%; background:var(--card); color:var(--text); font-size:16px; font-weight:700; cursor:pointer; }
.fc-step button:hover { background:var(--hover); }
.fc-step input { width:56px !important; text-align:center; border:0 !important; background:transparent !important; font-size:15px !important; font-weight:700; padding:4px 2px !important; -moz-appearance:textfield; }
.fc-step input::-webkit-outer-spin-button, .fc-step input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.fc-xn { font-size:13px; color:var(--text2); }
.fc-ctl .mo-pick { margin:0; }
.fc-cards { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.fc-card { background:var(--chip); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:10px; min-width:0; }
.fc-p { font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--text2); }
.fc-prices { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.fc-price { display:flex; flex-direction:column; gap:2px; min-width:0; }
.fc-price span { font-size:11px; color:var(--text2); line-height:1.3; }
.fc-price b { font-size:22px; line-height:1.15; font-variant-numeric:tabular-nums; }
.fc-price b.paid { color:#D97757; } .fc-price b.free { color:var(--green); }
.fc-facts { list-style:none; margin:0; padding:10px 0 0; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:5px; font-size:12.5px; color:var(--text2); }
.fc-facts li { display:flex; align-items:baseline; gap:8px; } .fc-facts b { color:var(--text); font-weight:600; }
.fc-facts i { width:8px; height:8px; border-radius:50%; flex:none; transform:translateY(-1px); }
.ff-v { background:#3EA6FF; } .ff-r { background:#8B5CF6; } .ff-t { background:#F5A524; }
.fc-yt { margin:0 !important; padding:10px 12px !important; border-radius:10px; display:flex; flex-direction:column; gap:6px; }
.fc-yt-t { font-size:13px; }
.fc-yt-bar { height:6px; border-radius:3px; background:rgba(127,127,127,.2); overflow:hidden; }
.fc-yt-fill { display:block; height:100%; width:0; border-radius:3px; background:var(--green); transition:width .4s; }
.fc-yt.warn .fc-yt-fill { background:#E9A400; } .fc-yt.bad .fc-yt-fill { background:var(--down); }
@media (max-width:620px) { .fc-cards { grid-template-columns:1fr; } }

/* «Сбор информации», bottom: settings on the left, Shorts on the right — compact */
.status > .run-set { flex-basis:100%; }
.run-set { display:grid; grid-template-columns:minmax(0, 1.6fr) minmax(0, 1fr); gap:14px; margin-top:4px; }
.rs-left { display:flex; flex-direction:column; gap:12px; min-width:0; }
.rs-field { background:var(--chip); border-radius:12px; padding:10px 14px 8px; margin:0; }
.rs-top { display:flex; align-items:center; gap:4px 6px; flex-wrap:wrap; font-size:14px; }
.rs-top .hint { margin-left:2px; }
.rs-val { margin-left:auto; font-size:12.5px; color:var(--text2); }
.rs-val b { color:var(--text); font-weight:600; } .rs-val.changed b { color:#E9A400; }
.rs-range { -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:3px; margin:12px 0 6px;
  background:linear-gradient(90deg, var(--blue) 0 var(--p, 0%), rgba(127,127,127,.25) var(--p, 0%) 100%); outline:none; }
.rs-range::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:#fff; border:3px solid var(--blue); box-shadow:0 2px 6px rgba(0,0,0,.3); cursor:pointer; }
.rs-range::-moz-range-thumb { width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid var(--blue); cursor:pointer; }
.rs-ticks { display:flex; justify-content:space-between; font-size:11px; color:var(--text2); padding:0 2px; }
.rs-sw { display:flex; align-items:center; gap:4px; margin:0; } .rs-sw .big-switch { font-size:13.5px; }
.rs-shorts { background:var(--chip); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:10px; min-width:0; align-self:start; }
.rs-shorts form { margin:0; }
.rs-sh-head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:14px; }
.cb-ic.sm { width:28px; height:28px; border-radius:8px; } .cb-ic.sm svg { width:18px; height:18px; }
.rs-shorts .big-switch.sm { font-size:13px; gap:10px; }
.rs-shorts .guard-on { margin:0; font-size:12px; }
@media (max-width:620px) { .run-set { grid-template-columns:1fr; } }
/* compact switches: the switch on the left, the text on the right, one line */
.rs-shorts .big-switch, .rs-sw .big-switch { display:flex !important; flex-direction:row !important; align-items:center !important; gap:10px !important; text-align:left; white-space:normal; margin:0; }
.rs-shorts .big-switch .sw, .rs-sw .big-switch .sw { transform:scale(.78); transform-origin:left center; margin-right:-8px; flex:none; }
.rs-sw { padding:2px 4px; }

/* «Экономия на ИИ»: a designed card — big green sum on the left, a glossy money bag on the right edge */
.money { position:relative !important; overflow:hidden; display:block !important; padding:18px 20px 16px !important; border-radius:18px !important; margin:10px 0 12px !important;
  background:radial-gradient(120% 140% at 100% 50%, rgba(48,164,108,.32), transparent 55%), linear-gradient(135deg, #0f2a1f 0%, #10212a 100%) !important;
  border:1px solid rgba(74,222,128,.28) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 30px rgba(0,0,0,.25); }
.money.none { background:linear-gradient(135deg, #1d2226, #191d21) !important; border-color:var(--line) !important; }
.mo-text { position:relative; z-index:1; display:flex; flex-direction:column; gap:6px; max-width:calc(100% - 150px); }
.mo-k { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#86EFAC; opacity:.9; }
.money.none .mo-k { color:var(--text2); }
.mo-model { display:flex; flex-direction:column; gap:4px; }
.mo-model[hidden] { display:none; }
.mo-sum { font-size:44px !important; line-height:1.05; font-weight:800; letter-spacing:-.02em; font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg, #A7F3C0, #22C55E); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
.money.none .mo-sum { background:none; color:var(--text2) !important; }
.mo-sub { font-size:13px; color:rgba(255,255,255,.72); line-height:1.4; } .mo-sub b { color:#fff; }
.money .mo-pick { align-self:flex-start; margin:6px 0 0; background:rgba(0,0,0,.25); }
.mo-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.mo-chips span { font-size:11.5px; padding:4px 10px; border-radius:999px; background:rgba(0,0,0,.25); color:rgba(255,255,255,.75); }
.mo-chips b { color:#FDBA74; }
.mo-art { position:absolute; right:-14px; bottom:-18px; width:170px; height:170px; transform:rotate(-8deg); filter:drop-shadow(0 12px 18px rgba(0,0,0,.45)) drop-shadow(0 0 24px rgba(250,204,21,.18));
  pointer-events:none; transition:transform .4s cubic-bezier(.2,.8,.2,1); }
.money:hover .mo-art { transform:rotate(-3deg) translateY(-4px) scale(1.03); }
.money.none .mo-art { opacity:.45; filter:grayscale(.6); }
.mo-art svg { width:100%; height:100%; display:block; }
@media (max-width:520px) { .mo-text { max-width:100%; } .mo-art { width:110px; height:110px; opacity:.55; } .mo-sum { font-size:36px !important; } }
@media (prefers-reduced-motion: reduce) { .mo-art { transition:none; } }
.money[hidden] { display:none !important; }

/* the savings card takes the colour of the chosen model: Haiku green → Opus amber → Fable red */
.money { transition:background .5s, border-color .5s; }
.money .mo-sum { transition:filter .4s; }
.money[data-model="opus"] { background:radial-gradient(120% 140% at 100% 50%, rgba(245,158,11,.34), transparent 55%), linear-gradient(135deg, #2b2210 0%, #241a14 100%) !important; border-color:rgba(251,191,36,.35) !important; }
.money[data-model="opus"] .mo-sum { background:linear-gradient(180deg, #FDE68A, #F59E0B); -webkit-background-clip:text; background-clip:text; }
.money[data-model="opus"] .mo-k { color:#FCD34D; }
.money[data-model="fable"] { background:radial-gradient(120% 140% at 100% 50%, rgba(239,68,68,.38), transparent 55%), linear-gradient(135deg, #2e1214 0%, #23131a 100%) !important; border-color:rgba(248,113,113,.4) !important; }
.money[data-model="fable"] .mo-sum { background:linear-gradient(180deg, #FECACA, #EF4444); -webkit-background-clip:text; background-clip:text; }
.money[data-model="fable"] .mo-k { color:#FCA5A5; }
.money[data-model="opus"] .mo-art svg { filter:hue-rotate(-8deg) saturate(1.15); }
.money[data-model="fable"] .mo-art svg { filter:hue-rotate(-28deg) saturate(1.35); }
.mo-art { width:190px !important; height:180px !important; right:-18px !important; bottom:-20px !important; transform:rotate(-4deg) !important; }
.money:hover .mo-art { transform:rotate(0deg) translateY(-4px) scale(1.03) !important; }
.mo-text { max-width:calc(100% - 165px) !important; }

/* live charts: several sessions side by side, a line between them */
.ses-line { opacity:1; }
.ses-line.ses-ok { stroke:#30A46C; } .ses-line.ses-bad { stroke:#E5484D; } .ses-line.ses-int { stroke:#E9A400; }
.ses-hit { fill:transparent; cursor:help; }
.ses-tip { position:fixed; z-index:1001; pointer-events:none; background:var(--card); border:1px solid var(--line); border-left:4px solid var(--line); border-radius:8px; padding:8px 10px; font-size:12px; line-height:1.45; box-shadow:0 8px 24px rgba(0,0,0,.35); }
.ses-tip b { font-size:13px; }
.ses-tip.ses-ok { border-left-color:#30A46C; } .ses-tip.ses-ok b { color:#30A46C; }
.ses-tip.ses-bad { border-left-color:#E5484D; } .ses-tip.ses-bad b { color:#E5484D; }
.ses-tip.ses-int { border-left-color:#E9A400; } .ses-tip.ses-int b { color:#E9A400; }

.ls-shorts { margin-top:8px; padding:8px 10px; border-radius:8px; background:rgba(236,72,153,.08); border-left:3px solid #EC4899; display:flex; flex-direction:column; gap:2px; }
.ls-shorts b { font-size:13px; color:#F472B6; }

.trash-acts, .trash-row-acts { display:flex; gap:8px; flex-wrap:wrap; } .trash-acts form, .trash-row-acts form { margin:0; }
.tp-del { margin-left:auto; padding:4px 12px !important; font-size:12px !important; min-height:0 !important; height:28px; opacity:.75; }
.tp-del:hover { opacity:1; }
.tp-grp > summary .tp-del + .chev { margin-left:10px; }

.u-adds { display:block; margin-top:2px; } .ua-n { font-weight:700; color:var(--text2); } .ua-n.on { color:var(--green); }

/* «Избранный канал» */
.fav { margin-top:18px; }
.fav-form { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; margin-top:10px; } .fav-form input[name=link] { flex:1 1 320px; }
.fav-form label, .fav-acts label { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:6px; font-size:13px; }
.fav-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:10px 0; } .fav-head .av { width:44px; height:44px; border-radius:50%; }
.fav-who { display:flex; flex-direction:column; gap:2px; flex:1 1 260px; } .fav-who small { color:var(--text2); } .fav-who .up { color:var(--green); font-weight:600; }
.fav-acts { display:flex; gap:8px; flex-wrap:wrap; align-items:center; } .fav-acts form { margin:0; }
.fav-chart { display:flex; flex-direction:column; gap:10px; }
.fav-fig { position:relative; margin:0; } .fav-svg { width:100%; height:200px; display:block; background:var(--chip); border-radius:10px; }
.fav-line { fill:none; stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round; }
.fav-axis { position:relative; height:18px; font-size:11px; color:var(--text2); } .fav-axis span { position:absolute; transform:translateX(-50%); top:3px; white-space:nowrap; }
.fav-tip { position:absolute; top:8px; background:var(--card); border:1px solid var(--line); border-radius:8px; padding:8px 10px; font-size:12px; display:flex; flex-direction:column; gap:2px; pointer-events:none; box-shadow:0 6px 18px rgba(0,0,0,.3); }
.fav-tip i, .fav-legend i { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; }
.fav-legend { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:4px; font-size:13px; }
.fav-legend li { display:flex; align-items:center; gap:4px; flex-wrap:wrap; } .fav-legend a { color:var(--text); text-decoration:none; } .fav-legend a:hover { text-decoration:underline; }
.fav-legend small { color:var(--text2); margin-left:6px; }
.fc0 { background:#3EA6FF; } .fc1 { background:#30A46C; } .fc2 { background:#F5A524; } .fc3 { background:#EC4899; } .fc4 { background:#8B5CF6; }

.tester-use { margin:10px 0 0; padding:8px 12px; border-radius:8px; background:var(--chip); font-size:13px; }
.tester-use.warn { background:rgba(233,164,0,.14); border-left:3px solid #E9A400; }

/* the queue: which model is for what */
.tier-flow { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; padding:10px 12px; border-radius:10px; background:var(--chip); }
.tf-step { display:flex; align-items:center; gap:6px; font-size:13px; } .tf-step small { color:var(--text2); }
.tf-arrow { font-size:11px; color:var(--text2); }
.tag-tier { font-size:11px; } .tag-tier.t0 { background:rgba(139,92,246,.18); color:#A78BFA; }
.cm:nth-child(1) .tag-tier { background:rgba(139,92,246,.18); color:#A78BFA; } .cm:nth-child(2) .tag-tier { background:rgba(62,166,255,.16); color:#3EA6FF; } .cm:nth-child(3) .tag-tier { background:rgba(48,164,108,.16); color:#30A46C; }
/* ИИ ВЫБОР in the admin */
.aip-adm { margin:8px 0 12px; padding:10px 14px; border-radius:12px; border:1px solid rgba(139,92,246,.35); background:rgba(139,92,246,.07); display:flex; flex-direction:column; gap:8px; }
.aip-adm form { margin:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; }
.aa-g { color:var(--text2); } .aa-t { font-weight:600; } .aip-adm .btn { margin-left:auto; padding:6px 12px; font-size:12.5px; }
.aip-adm .big-switch.sm { display:flex !important; flex-direction:row !important; align-items:center; gap:10px; font-size:13px; }
.aa-state { margin:0; font-size:13px; color:#C4B5FD; } .aa-state.err { color:var(--down); }

/* live charts: a long pause shown as 2 faint cells */
.gapc { opacity:.16; } .gapc.g-idle { fill:var(--text2) !important; opacity:.1; }
.gapc.g-err { fill:#E9A400 !important; opacity:.28; }
.gapc.g-wait { opacity:.22; animation:gapPulse 2.4s ease-in-out infinite; }
@keyframes gapPulse { 0%, 100% { opacity:.14; } 50% { opacity:.3; } }
@media (prefers-reduced-motion: reduce) { .gapc.g-wait { animation:none; } }

.aa-every { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:6px; font-size:13px; } .aa-every select { width:auto; padding:4px 8px; }
.aa-cnt { font-size:12px; }
.aa-sets summary { cursor:pointer; font-size:13px; color:var(--text2); } .aa-sets ul { margin:6px 0 0; padding-left:18px; font-size:13px; display:flex; flex-direction:column; gap:3px; }
.aa-sets small { color:var(--text2); }
.aa-made { margin:0; font-size:13px; } .aa-made small { color:var(--text2); }

/* ИИ ВЫБОР in the admin: every group and set in one list */
.aa-list { display:flex; flex-direction:column; gap:6px; }
.aa-head { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13px; color:var(--text2); } .aa-head b { color:var(--text); }
.aa-row { border:1px solid var(--line); border-radius:10px; background:var(--card); }
.aa-row > summary { list-style:none; cursor:pointer; display:grid; grid-template-columns:auto minmax(0, 1fr) minmax(0, 1.4fr) auto auto 14px; align-items:center; gap:4px 10px; padding:7px 10px; }
.aa-row > summary::-webkit-details-marker { display:none; }
.aa-row[open] > summary { border-bottom:1px solid var(--line); }
.aa-row[open] .chev { transform:rotate(-135deg); margin-top:4px; }
.aa-kind { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:3px 7px; border-radius:6px; background:rgba(62,166,255,.14); color:#7CC4FF; }
.aa-kind.set { background:rgba(139,92,246,.16); color:#C4B5FD; }
.aa-who { display:flex; flex-direction:column; min-width:0; } .aa-who b { font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aa-who small { font-size:11.5px; color:var(--text2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aa-topic { font-size:13.5px; font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .aa-topic em { font-weight:400; color:var(--text2); font-style:normal; }
.aa-when { font-size:11.5px; color:var(--text2); white-space:nowrap; }
.aa-regen { padding:4px 10px !important; min-height:0 !important; height:28px; font-size:14px !important; }
.aa-body { padding:8px 12px 10px; display:flex; flex-direction:column; gap:6px; }
.aa-why { margin:0; font-size:13px; color:var(--text2); }
.aa-titles { margin:0; padding-left:20px; columns:2 280px; column-gap:24px; font-size:13px; } .aa-titles li { break-inside:avoid; margin:0 0 3px; }
@media (max-width:620px) { .aa-row > summary { grid-template-columns:auto minmax(0, 1fr) auto 14px; } .aa-topic { grid-column:2 / -1; grid-row:2; } .aa-when { display:none; } }
.aa-head [data-aa-all] { background:none; border:0; color:var(--blue); font:inherit; font-size:13px; font-weight:600; cursor:pointer; padding:2px 4px; } .aa-head [data-aa-all]:hover { text-decoration:underline; }
.aa-kind.l-ru { background:rgba(62,166,255,.14); color:#7CC4FF; } .aa-kind.l-en { background:rgba(245,165,36,.16); color:#F5B301; }
.aa-theme { display:flex; flex-direction:column; gap:4px; padding:6px 0; border-top:1px dashed var(--line); } .aa-theme:first-child { border-top:0; } .aa-theme > b { font-size:13px; color:#C4B5FD; }

.aa-all { display:flex; align-items:center; gap:8px 14px; flex-wrap:wrap; margin:0 0 4px; } .aa-all .btn { padding:7px 14px; font-size:13px; }
.aa-chg { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:6px; font-size:13px; }
.aa-cost { font-size:12px; color:var(--text2); }
.ai-line { margin:6px 0; font-size:13px; padding:7px 10px; border-radius:8px; background:var(--chip); } .ai-line b { font-weight:600; }
.ses-tip.bar-tip { border-left-color:#3EA6FF; } .ses-tip .bt-err { color:#E5484D; } .live-chart { cursor:crosshair; }

/* «Сколько новых каналов в сутки»: two sliders */
.lim-form { margin:10px 0 14px; padding:12px 14px; border-radius:12px; background:var(--chip); display:flex; flex-direction:column; gap:8px; }
.lim-top { display:flex; align-items:center; gap:4px; font-size:14px; }
.lim-row { display:grid !important; grid-template-columns:130px minmax(0, 1fr) 54px; align-items:center; gap:12px; margin:0; font-size:13.5px; }
.lim-range { -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:3px; outline:none;
  background:linear-gradient(90deg, var(--blue) 0 var(--p, 0%), rgba(127,127,127,.25) var(--p, 0%) 100%); }
.lim-range::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:#fff; border:3px solid var(--blue); cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.3); }
.lim-range::-moz-range-thumb { width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid var(--blue); cursor:pointer; }
.lim-val { font:700 16px/1 inherit; text-align:right; font-variant-numeric:tabular-nums; } .lim-val.changed { color:#E9A400; }
.aa-poop > b { color:#E2B98A !important; }
.aa-poop-li { color:#E2B98A; }

.run-rules { margin-top:12px; } .rr-row { grid-template-columns:170px minmax(0, 1fr) 40px !important; }
.rr-row .big-switch.sm { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:8px; margin:0; }
.lim-range:disabled { opacity:.35; }

.u-fav-form { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:6px 0 0; } .u-fav-form .big-switch.sm { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:8px; margin:0; font-size:13px; }
.u-fav-form select { width:auto; padding:3px 8px; font-size:12.5px; } .u-fav-form select:disabled { opacity:.4; } .u-fav { display:block; margin-top:4px; color:var(--text2); }
.fav-own { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:10px 0; font-size:14px; } .fav-own label { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:6px; }
.fav-list { width:100%; border-collapse:collapse; font-size:13px; } .fav-list th, .fav-list td { text-align:left; padding:6px 8px; border-bottom:1px solid var(--line); } .fav-list th { color:var(--text2); font-weight:500; }
.fav-sum { margin:8px 0 0; font-size:12.5px; }

/* reloads after an action cross-fade instead of flashing white (Chrome, Edge, Safari 18+) */
@view-transition { navigation:auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration:.18s; }
/* a setting being saved in the background */
form.saving { opacity:.75; transition:opacity .15s; }

/* «⚡ Овердрайв индустрии» */
.od-state { margin:8px 0; font-size:14px; } .od-cost { margin:8px 0; font-size:13.5px; color:var(--text2); } .od-cost b { color:var(--text); }
.od-warn { margin:6px 0; padding:8px 12px; border-radius:10px; background:rgba(233,164,0,.14); font-size:13px; } .od-warn.bad { background:rgba(229,72,77,.16); }
.od-go { font-size:14px; padding:10px 18px; }
.od-chart { position:relative; margin-top:12px; } .od-chart h3 { margin:14px 0 8px; font-size:15px; } .od-chart h3 small { color:var(--text2); font-weight:400; }
.od-hours { display:grid; grid-template-columns:repeat(24, minmax(0, 1fr)); gap:4px; height:170px; align-items:end; }
.od-h { display:flex; flex-direction:column; align-items:center; gap:4px; height:100%; cursor:default; }
.od-bar { flex:1; width:100%; display:flex; align-items:flex-end; border-radius:6px; background:rgba(127,127,127,.08); overflow:hidden; }
.od-fill { display:block; width:100%; background:linear-gradient(180deg, #5AB6FF, #2A7FD0); border-radius:6px 6px 0 0; transition:height .5s ease; }
.od-h.top .od-fill { background:linear-gradient(180deg, #FFB547, #F06A2A); } .od-h.low .od-fill { background:rgba(127,127,127,.5); }
.od-h.none .od-bar { background:repeating-linear-gradient(45deg, rgba(127,127,127,.08) 0 4px, transparent 4px 8px); }
.od-hl { font-size:10.5px; color:var(--text2); font-variant-numeric:tabular-nums; } .od-h.top .od-hl { color:#F5A524; font-weight:700; }
.od-best { margin:10px 0 0; font-size:14px; }
.od-line { width:100%; height:180px; display:block; } .od-path { fill:none; stroke:#3EA6FF; stroke-width:2.2; vector-effect:non-scaling-stroke; } .od-area { fill:rgba(62,166,255,.14); }
.od-axis { position:relative; height:18px; font-size:11px; color:var(--text2); } .od-axis span { position:absolute; transform:translateX(-50%); white-space:nowrap; }
.od-tip { position:absolute; z-index:5; padding:8px 10px; border-radius:8px; background:var(--card); border:1px solid var(--line); font-size:12.5px; box-shadow:0 8px 24px rgba(0,0,0,.35); pointer-events:none; white-space:nowrap; }

/* the three sections on top: big buttons, a little smaller than the main page's «Русскоязычные блогеры» */
.atabs { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; margin:4px 0 20px; }
.atab { display:flex; align-items:center; gap:14px; padding:14px 18px; border-radius:16px; border:1.5px solid var(--line); background:var(--card); color:var(--text);
  cursor:pointer; text-align:left; font:inherit; transition:border-color .2s, background-color .2s, transform .15s; min-width:0; }
.atab:hover { transform:translateY(-1px); border-color:rgba(127,127,127,.5); }
.atab[aria-selected="true"] { border-color:var(--text); background:linear-gradient(180deg, rgba(255,255,255,.04), transparent); box-shadow:0 0 0 1px var(--text) inset; }
.atab-ic { flex:none; width:44px; height:44px; border-radius:12px; display:grid; place-items:center; font-size:22px; }
.atab b { display:block; font-size:18px; line-height:1.2; } .atab small { display:block; font-size:12.5px; color:var(--text2); margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.atab > span:last-child { min-width:0; }
@media (max-width:760px) { .atabs { grid-template-columns:1fr; gap:8px; } .atab { padding:10px 14px; } .atab b { font-size:16px; } .atab-ic { width:36px; height:36px; font-size:18px; } }
.card[hidden], section.card[hidden] { display:none !important; }

/* «ИИ ВЫБОР» as a tidy folding panel */
.aip-adm { border:1px solid var(--line); border-radius:16px; padding:0 !important; background:linear-gradient(180deg, rgba(139,92,246,.07), transparent 60%); overflow:hidden; }
.aa-sum { list-style:none; display:flex; align-items:center; gap:12px; padding:14px 16px; cursor:pointer; }
.aa-sum::-webkit-details-marker { display:none; }
.aa-sum:hover { background:rgba(127,127,127,.06); }
.aa-sum-ic { flex:none; width:38px; height:38px; border-radius:11px; display:grid; place-items:center; font-size:20px; background:rgba(139,92,246,.18); }
.aa-sum-t { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; } .aa-sum-t b { font-size:15px; letter-spacing:.02em; }
.aa-sum-t small { color:var(--text2); font-size:12.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aa-sum-chips { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.aa-chip { font-size:12px; font-weight:600; padding:4px 10px; border-radius:999px; background:var(--chip); white-space:nowrap; }
.aa-chip.wait { background:rgba(233,164,0,.16); color:#E9A400; } .aa-chip.run { background:rgba(62,166,255,.16); color:#7CC4FF; } .aa-chip.err { background:rgba(229,72,77,.16); color:#E5484D; }
.aa-sum-chev { flex:none; width:20px; height:20px; color:var(--text2); transition:transform .25s; } .aip-adm[open] .aa-sum-chev { transform:rotate(180deg); }
.aa-body { padding:4px 16px 16px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:12px; }
.aa-settings { display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:8px; padding-top:12px; }
.aa-set { display:flex; align-items:center; gap:6px; padding:10px 12px; border-radius:12px; background:var(--chip); margin:0 !important; }
.aa-set .aa-every { display:flex !important; flex-direction:row !important; align-items:center; gap:8px; margin:0; font-size:13px; flex:1; min-width:0; }
.aa-set select { flex:1; min-width:0; font-size:13px; padding:5px 8px; }
.aa-mods .big-switch.sm { display:flex !important; flex-direction:row !important; align-items:center; gap:8px; margin:0; font-size:13px; }
.aa-tiles { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
.aa-tile { padding:10px 12px; border-radius:12px; background:var(--chip); display:flex; flex-direction:column; gap:2px; }
.aa-tile b { font-size:22px; line-height:1.1; font-variant-numeric:tabular-nums; } .aa-tile b span { font-size:14px; color:var(--text2); font-weight:500; }
.aa-tile small { font-size:11.5px; color:var(--text2); } .aa-tile.warn b { color:#E9A400; }
.aa-made { margin:0; font-size:12px; color:var(--text2); } .aa-made:empty { display:none; }
.aa-all { padding:10px 12px; border-radius:12px; border:1px dashed rgba(62,166,255,.4); }
@media (max-width:700px) { .aa-tiles { grid-template-columns:1fr 1fr; } .aa-sum-chips { display:none; } }

/* «Очередь ИИ»: the state first and clear; the week is history, folded */
.aiq-ok { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; background:rgba(48,164,108,.16); color:#3DD68C; font-size:12.5px; font-weight:700; }
.aiq:not(.has) { border-color:rgba(48,164,108,.35); }
.aiq-week > summary { list-style:none; cursor:pointer; font-size:13px; font-weight:600; padding:6px 0; display:flex; align-items:center; gap:6px; }
.aiq-week > summary::-webkit-details-marker { display:none; }
.aiq-week > summary::before { content:"▸"; color:var(--text2); transition:transform .2s; display:inline-block; } .aiq-week[open] > summary::before { transform:rotate(90deg); }
.aiq-week > summary .muted { font-weight:400; }

/* «Добавить каналы» — the users' dialog, in the admin */
.ac { display:flex !important; flex-direction:column; gap:12px; }
.ac-count { display:grid; grid-template-columns:auto auto minmax(0, 1fr); align-items:center; gap:12px; font-weight:600; font-size:14px; }
.ac-nv { color:var(--blue); font-size:20px; min-width:28px; text-align:center; font-variant-numeric:tabular-nums; }
.ac-n { -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:3px; outline:none;
  background:linear-gradient(90deg, var(--blue) 0 var(--p, 0%), rgba(127,127,127,.25) var(--p, 0%) 100%); }
.ac-n::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:#fff; border:3px solid var(--blue); cursor:pointer; }
.ac-n::-moz-range-thumb { width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid var(--blue); cursor:pointer; }
.ac-bulk { border:1px dashed rgba(62,166,255,.45); border-radius:14px; padding:12px; background:rgba(62,166,255,.05); display:flex; flex-direction:column; gap:6px; }
.ac-bl { font-size:12.5px; color:var(--text2); margin:0; display:block; } .ac-bl b { color:var(--text); }
.ac-bulk textarea { width:100%; min-height:72px; resize:vertical; font:inherit; font-size:13.5px; padding:10px 12px; border-radius:10px; border:1px solid var(--line); background:var(--bg, #121212); color:var(--text); box-sizing:border-box; }
.ac-st { margin:0; font-size:12.5px; color:var(--text2); } .ac-st:empty { display:none; }
.ac-tp { display:flex; flex-wrap:wrap; align-items:center; gap:6px; } .ac-tpl { font-size:13px; color:var(--text2); margin-right:2px; }
.ac-chips { display:contents; }
.ac-chip { border:1px solid var(--line); border-radius:999px; padding:6px 12px; background:var(--chip); color:var(--text); font:700 12.5px/1 inherit; cursor:pointer; }
.ac-chip[aria-pressed="true"] { border-color:var(--blue); background:rgba(62,166,255,.18); color:#7CC4FF; }
.ac-new { flex:0 1 190px; min-width:120px; border-radius:999px !important; padding:6px 12px !important; font-size:12.5px !important; }
.ac-rows { display:flex; flex-direction:column; gap:6px; max-height:360px; overflow:auto; padding-right:2px; }
.ac-row { display:grid; grid-template-columns:22px minmax(0, 1fr); align-items:center; gap:8px; } .ac-i { font-size:12px; color:var(--text2); text-align:right; font-variant-numeric:tabular-nums; }
.ac-row input { width:100%; box-sizing:border-box; }
.ac-more > summary { cursor:pointer; font-size:13px; color:var(--text2); padding:4px 0; }
.ac-more-in { display:flex; flex-direction:column; gap:10px; padding-top:8px; }
.ac-foot { display:flex; align-items:center; gap:12px; justify-content:flex-end; } .ac-sum { font-size:13px; color:var(--text2); margin-right:auto; }
/* names search (same look as on the site) */
.ns { display:flex; flex-direction:column; gap:6px; margin-top:4px; padding-top:8px; border-top:1px dashed rgba(62,166,255,.35); }
.ns-top { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .ns-top b { font-size:13px; }
.ns-cost { margin:0; font-size:12px; color:var(--text2); } .ns-free { color:#30A46C; }
.ns-list { display:flex; flex-direction:column; gap:4px; max-height:300px; overflow:auto; }
.ns-row { display:grid; grid-template-columns:minmax(0, 150px) minmax(0, 1fr) auto auto; align-items:center; gap:8px; padding:4px 6px; border-radius:8px; font-size:13px; }
.ns-row:nth-child(odd) { background:rgba(127,127,127,.06); }
.ns-name { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ns-pick { min-width:0; font-size:12.5px !important; padding:4px 6px !important; }
.ns-av { width:24px; height:24px; border-radius:50%; } .ns-check { font-size:11px; font-weight:700; color:#E9A400; } .ns-tr { font-size:11px; color:var(--text2); } .ns-how { font-size:11px; color:#30A46C; white-space:nowrap; }
.ns-row.bad .ns-none { grid-column:2 / -1; color:#E5484D; font-size:12.5px; }
.ns-also-row { grid-column:2 / -1; display:flex; flex-wrap:wrap; gap:4px 12px; } .ns-also { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:6px; font-size:12.5px; color:var(--text2); margin:0; } .ns-also b { color:var(--text); }
/* the old «Добавить блогера» rules must not squeeze the new card */
.ac > * { width:100%; max-width:none; box-sizing:border-box; grid-column:auto !important; }
.ac .ac-row input, .ac .ac-bulk textarea { width:100% !important; max-width:none !important; }
.ac .ac-n { width:100%; min-width:120px; }
.ac .ac-tp .ac-new { flex:1 1 200px; width:auto; max-width:260px; }
.ac .ac-foot .btn { width:auto; }
.ac .ac-more-in input[name="condition"] { width:100%; }
.ns[hidden] { display:none !important; }

/* ---------- «Пользователи сайта»: создание, лимиты и карточки людей ---------- */
.u-top { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap:12px; margin:4px 0 16px; }
.u-box { margin:0 !important; padding:12px 14px; border-radius:12px; background:var(--chip); container-type:inline-size; }
.u-box-h { display:flex; align-items:center; gap:4px; font-size:14px; margin-bottom:2px; }
.u-top .userform { display:flex; flex-direction:column; align-items:stretch; gap:8px; margin:0; }
.uf-row { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) auto; gap:8px; }
.uf-row input { background:var(--card); min-width:0; }
.uf-row .btn { display:inline-flex; align-items:center; gap:6px; }
@container (max-width:440px) { .uf-row { grid-template-columns:1fr 1fr; } .uf-row .btn { grid-column:1 / -1; justify-content:center; } }
@container (max-width:300px) { .uf-row { grid-template-columns:1fr; } }
.u-top .lim-row { grid-template-columns:104px minmax(0, 1fr) 46px; }
.u-top .lim-range { background:linear-gradient(90deg, var(--blue) var(--p, 0%), var(--line) var(--p, 0%)); }

.ulist { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(min(310px, 100%), 1fr)); gap:12px; }
.uc { --rc:#3EA6FF; --rc2:#1C6FD6; --rt:var(--text2);
  position:relative; display:flex; flex-direction:column; gap:12px; padding:14px 12px 12px; border:1px solid var(--line); border-radius:16px; min-width:0; width:100%; justify-self:stretch;
  background:radial-gradient(130% 90% at 0 0, color-mix(in srgb, var(--rc) 11%, transparent), transparent 55%), var(--card);
  transition:border-color .2s, box-shadow .2s; }
.uc:hover { border-color:color-mix(in srgb, var(--rc) 45%, var(--line)); box-shadow:0 6px 22px rgba(0,0,0,.12); }
.uc-owner { --rc:#F7B733; --rc2:#E8730C; --rt:#D99A00; }
.uc-mod, .uc-admin { --rc:#9A7BFF; --rc2:#5B47D6; --rt:#8C72F5; }
@media (prefers-color-scheme: dark) { .uc-owner { --rt:#F2B530; } .uc-mod, .uc-admin { --rt:#A891FF; } }
.ulist .uc:has(> .uc-act > details[open]) { grid-column:1 / -1; }

.uc-head { display:flex; align-items:center; gap:12px; min-width:0; }
.uc-av { flex:none; width:44px; height:44px; border-radius:14px; display:grid; place-items:center; font:700 19px/1 inherit; color:#fff;
  background:linear-gradient(135deg, var(--rc), var(--rc2)); box-shadow:0 4px 12px color-mix(in srgb, var(--rc2) 35%, transparent); }
.uc-id { display:flex; flex-direction:column; gap:2px; min-width:0; }
.uc-name { font-size:16px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.uc-sub { display:flex; flex-wrap:wrap; align-items:center; gap:0 8px; font-size:12.5px; color:var(--text2); }
.uc-role { color:var(--rt); font-weight:500; }
.uc-date::before { content:"·"; margin-right:8px; color:var(--text2); }

.uc-stats { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:6px; }
.uc-st { background:var(--chip); border-radius:10px; padding:8px 10px; display:flex; flex-direction:column; gap:2px; min-width:0; }
.uc-st b { font-size:18px; line-height:1.1; font-weight:700; font-variant-numeric:tabular-nums; }
.uc-st b.up { color:var(--green); }
.uc-st span { font-size:11.5px; line-height:1.25; color:var(--text2); text-wrap:balance; }

.uc-fav { display:flex; align-items:center; gap:10px; margin:0; padding:8px 10px; border-radius:10px; background:var(--chip); min-height:46px; }
.uc-fav-ic { font-size:18px; line-height:1; transition:filter .2s, opacity .2s; }
.uc-fav:not(.on) .uc-fav-ic { filter:grayscale(1); opacity:.45; }
.uc-fav-t { flex:1 1 0; min-width:0; overflow:hidden; display:flex; flex-direction:column; }
.uc-fav-t > * { min-width:0; }
.uc-fav-t b { font-size:13.5px; font-weight:500; }
.uc-fav-t small { font-size:12px; color:var(--text2); overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; }
.seg { display:inline-flex; padding:2px; border-radius:999px; background:var(--card); flex:none; }
.seg label { display:block; margin:0; cursor:pointer; }
.seg input { position:absolute; opacity:0; width:1px; height:1px; }
.seg span { display:block; padding:3px 9px; border-radius:999px; font-size:12.5px; color:var(--text2); transition:background-color .2s, color .2s; white-space:nowrap; }
.seg label:hover span { color:var(--text); }
.seg input:checked + span { background:var(--blue); color:#fff; }
.seg input:focus-visible + span { outline:2px solid var(--blue); outline-offset:1px; }
.seg input:disabled + span { opacity:.4; cursor:default; }
.seg:has(input:disabled) { opacity:.7; }
.uc-sw { flex-direction:row !important; gap:8px !important; margin:0; font-size:13px; color:var(--text); }
.uc-sw .sw { width:36px; height:22px; }
.uc-sw .sw::after { width:16px; height:16px; }
.uc-sw input:checked + .sw::after { transform:translateX(14px); }
.uc-mod .uc-sw input:checked + .sw { background:#8C72F5; }

.uc-act { display:flex; flex-wrap:wrap; align-items:center; gap:6px 5px; margin-top:auto; padding-top:10px; border-top:1px solid var(--line); }
.uc-act form { margin:0; }
.uc-mod { margin-right:auto; }
.uc-act > :nth-child(1 of :not(.uc-mod)) { margin-left:auto; }
.btn-sm { min-height:32px; padding:5px 10px; font-size:13px; gap:6px; display:inline-flex; align-items:center; }
.uc-bi { width:16px; height:16px; flex:none; }
.uc-n { margin-left:0; padding:0 6px; border-radius:999px; background:var(--chip); font-size:12px; color:var(--text2); line-height:18px; }
.btn-icon { width:32px; padding:0; justify-content:center; }
.btn-icon svg { width:17px; height:17px; }
.uc-del .btn-danger:hover { background:color-mix(in srgb, var(--red) 12%, transparent); border-color:color-mix(in srgb, var(--red) 40%, var(--line)); }
.uc-act > details[open] { flex-basis:100%; order:3; }
.uc-act > details[open] > summary { margin-bottom:10px; }
.uc-pw .pwform { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:8px; margin:0; }
@media (max-width:480px) { .uc { padding:12px; } .uc-st b { font-size:16px; } .uc-fav { flex-wrap:wrap; } .uc-fav-t { flex-basis:calc(100% - 90px); } .uc-fav .seg { margin-left:28px; } }
.uc-pw-t { display:none; }
.uc-pw[open] > summary { width:auto; padding:5px 12px; }
.uc-pw[open] .uc-pw-t { display:inline; }
.uc-fav .uc-sw input:checked + .sw { background:#E9A400; }

/* ---------- «Обновить» в правом углу верхней полоски: на каждой вкладке, тихо ---------- */
.upill { margin:0 0 0 auto; flex:none; display:inline-flex; align-items:center; gap:7px; height:31px; padding:0 4px 0 11px; border-radius:999px;
  border:1px solid var(--line); background:var(--card); font-size:12px; color:var(--text2); position:relative; transition:border-color .2s, box-shadow .2s, background-color .2s; }
.upill-file { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.upill-dot { width:7px; height:7px; border-radius:50%; background:var(--green); flex:none; }
.upill-t { font-variant-numeric:tabular-nums; white-space:nowrap; }
.upill-btn { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:5px; height:23px; padding:0 10px 0 8px; border-radius:999px; cursor:pointer;
  font-size:12px; font-weight:500; color:var(--text2); background:var(--chip); transition:background-color .15s, color .15s; }
.upill-btn:hover, .upill-btn:focus-visible { color:var(--text); background:var(--hover); }
.upill-btn svg { width:13px; height:13px; }
.upill-run { padding-right:12px; }
.upill-run .upill-dot { background:var(--blue); animation:upill-pulse 1.2s ease-in-out infinite; }
.upill-run .upill-t { color:var(--text); }
@keyframes upill-pulse { 50% { opacity:.25; transform:scale(.7); } }
.upill-err .upill-dot { background:var(--red); }
.upill-busy .upill-dot { background:var(--blue); animation:upill-pulse 1s ease-in-out infinite; }
.upill-busy .upill-btn { pointer-events:none; opacity:.5; }
.upill-drop { border-color:var(--blue); box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 22%, transparent); }
.upill-drop .upill-btn { background:var(--blue); color:#fff; }
.upill-log { position:relative; }
.upill-log > summary { list-style:none; cursor:pointer; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; font-weight:700; color:var(--red); background:color-mix(in srgb, var(--red) 14%, transparent); }
.upill-log > summary::-webkit-details-marker { display:none; }
.upill-pop { position:absolute; right:0; top:calc(100% + 8px); width:min(460px, 88vw); z-index:30; padding:12px 14px; border-radius:12px; background:var(--card); border:1px solid var(--line); box-shadow:0 12px 32px rgba(0,0,0,.25); color:var(--text); font-size:13px; }
.upill-pop p { margin:4px 0 8px; color:var(--text2); } .upill-pop pre { max-height:240px; margin:0; }
@media (prefers-reduced-motion: reduce) { .upill-run .upill-dot, .upill-busy .upill-dot { animation:none; } }
@media (max-width:760px) {
  .upill { position:sticky; right:0; box-shadow:-14px 0 12px -4px var(--bg); padding-left:9px; }
  .upill-bt { display:none; } .upill-btn { padding:0 7px; }
}
/* «Самые просматриваемые часы»: what's already collected stays and adds up */
.od-kept { margin:8px 0; padding:9px 12px; border-radius:10px; background:var(--chip); font-size:13px; color:var(--text2); line-height:1.5; }
.od-kept b { color:var(--text); }
.od-reset { display:inline; margin:0 0 0 4px; }
.od-reset button { border:0; background:none; padding:0; font:inherit; color:var(--blue); cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
.od-reset button:hover { color:var(--text); }
/* which language groups the hourly scan covers */
.od-start { margin:8px 0 0; }
.od-gq { margin:10px 0 6px; font-size:13px; font-weight:600; display:flex; align-items:center; gap:4px; }
.od-groups { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:8px; margin-bottom:8px; }
.od-g { display:flex !important; flex-direction:row !important; align-items:center; gap:10px; margin:0; padding:10px 12px; border-radius:12px; cursor:pointer;
  border:1px solid var(--line); background:var(--chip); transition:border-color .15s, background-color .15s; }
.od-g:hover { border-color:color-mix(in srgb, var(--blue) 45%, var(--line)); }
.od-g input { position:absolute; opacity:0; width:1px; height:1px; }
.od-gbox { flex:none; width:20px; height:20px; border-radius:6px; border:2px solid var(--text2); display:grid; place-items:center; transition:background-color .15s, border-color .15s; }
.od-gbox::after { content:""; width:10px; height:6px; border:2.4px solid #fff; border-top:0; border-right:0; transform:rotate(-45deg) translate(1px, -1px) scale(0); transition:transform .15s; }
.od-g input:checked ~ .od-gbox { background:var(--blue); border-color:var(--blue); }
.od-g input:checked ~ .od-gbox::after { transform:rotate(-45deg) translate(1px, -1px) scale(1); }
.od-g input:focus-visible ~ .od-gbox { outline:2px solid var(--blue); outline-offset:2px; }
.od-g:has(input:checked) { border-color:var(--blue); background:color-mix(in srgb, var(--blue) 10%, var(--chip)); }
.od-gt { display:flex; flex-direction:column; min-width:0; } .od-gt b { font-size:13.5px; font-weight:600; } .od-gt small { font-size:12px; color:var(--text2); }
.od-start .od-go:disabled { opacity:.45; cursor:default; }
/* «Самые просматриваемые часы»: what it spends of the YouTube limit, and the fuse */
.od-spend { margin:10px 0 12px; padding:14px; border-radius:14px; border:1px solid var(--line); background:color-mix(in srgb, var(--chip) 55%, transparent); }
.ods-top { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
.ods-n { display:flex; flex-direction:column; gap:1px; padding:8px 10px; border-radius:10px; background:var(--card); min-width:0; margin:0; }
.ods-n > span { font-size:11.5px; color:var(--text2); } .ods-n b { font-size:22px; line-height:1.15; font-weight:700; font-variant-numeric:tabular-nums; }
.ods-n small { font-size:11.5px; color:var(--text2); }
.ods-n:first-child b { color:#F39A2E; }
.ods-budget select { margin:3px 0 1px; padding:4px 6px; font-size:13px; font-weight:600; border-radius:8px; background:var(--chip); color:var(--text); border:1px solid var(--line); max-width:100%; }
.ods-bar { position:relative; display:flex; height:14px; margin:14px 0 6px; border-radius:999px; background:var(--chip); overflow:visible; }
.ods-bar i { display:block; height:100%; } .ods-bar i:first-child { border-radius:999px 0 0 999px; }
.b-rest { background:#3EA6FF; } .b-mine { background:#F39A2E; }
.b-res { background:repeating-linear-gradient(45deg, rgba(43,166,64,.55) 0 5px, rgba(43,166,64,.25) 5px 10px); }
.ods-bar .b-cap { position:absolute; top:-4px; bottom:-4px; width:2px; margin-left:-1px; background:#F39A2E; border-radius:2px; box-shadow:0 0 0 2px var(--card); }
.ods-leg { display:flex; flex-wrap:wrap; gap:4px 14px; font-size:12px; color:var(--text2); }
.ods-leg span { display:inline-flex; align-items:center; gap:6px; } .ods-leg i { width:10px; height:10px; border-radius:3px; display:inline-block; }
.ods-days { position:relative; display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:6px; margin:14px 0 4px; }
.ods-d { display:flex; flex-direction:column; align-items:center; gap:2px; }
.ods-col { width:100%; max-width:44px; height:62px; display:flex; align-items:flex-end; border-radius:6px; background:var(--chip); overflow:hidden; }
.ods-col i { display:block; width:100%; background:color-mix(in srgb, #F39A2E 70%, transparent); border-radius:6px 6px 0 0; }
.ods-d.today .ods-col i { background:#F39A2E; } .ods-d small { font-size:11px; font-variant-numeric:tabular-nums; } .ods-d.today small:first-of-type { font-weight:700; }
.ods-cap { position:absolute; left:0; right:0; border-top:1.5px dashed color-mix(in srgb, #F39A2E 70%, transparent); font-size:10px; color:#F39A2E; text-align:right; line-height:1; padding-top:2px; pointer-events:none; }
.ods-fuse { margin:10px 0 0; font-size:12.5px; color:var(--text2); line-height:1.5; } .ods-fuse b { color:var(--text); }
@media (max-width:700px) { .ods-top { grid-template-columns:1fr 1fr; } }
.ods-leg .b-capi { width:2px; height:12px; border-radius:1px; background:#F39A2E; }
.ods-h { margin:14px 0 -6px; font-size:12px; font-weight:600; color:var(--text2); }
/* «Лимит YouTube API»: bars you can point at */
.qc { position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); align-items:end; height:76px; padding:8px 4px 0; border-radius:8px; background:var(--chip); cursor:crosshair; touch-action:pan-y; }
.qc-col { position:relative; height:100%; display:flex; align-items:flex-end; padding:0 2px; border-radius:5px 5px 0 0; transition:background-color .12s; }
.qc-col i { display:block; width:100%; min-height:2px; border-radius:3px 3px 0 0; background:var(--blue); transition:opacity .15s, filter .15s; }
.qc-col.zero i { background:var(--line); }
.qc-col.today i { background:var(--green); }
.qc-col.now i { box-shadow:inset 0 2px 0 rgba(255,255,255,.35); }
.qc.hot .qc-col i { opacity:.22; }
.qc.hot .qc-col.on { background:color-mix(in srgb, var(--text) 7%, transparent); }
.qc.hot .qc-col.on i { opacity:1; filter:brightness(1.15) saturate(1.1); }
.qc-tip { position:absolute; bottom:calc(100% + 8px); transform:translateX(-50%); z-index:20; min-width:170px; padding:9px 12px; border-radius:10px; pointer-events:none;
  background:var(--card); border:1px solid var(--line); box-shadow:0 10px 28px rgba(0,0,0,.28); display:flex; flex-direction:column; gap:1px; white-space:nowrap; }
.qc-tip .qt-t { font-size:12.5px; font-weight:600; } .qc-tip .qt-s { font-size:11px; color:var(--text2); }
.qc-tip .qt-v { font-size:22px; line-height:1.2; margin-top:4px; font-variant-numeric:tabular-nums; } .qc-tip .qt-v small { font-size:12px; font-weight:500; color:var(--text2); }
.qc-tip .qt-p { font-size:11.5px; color:var(--text2); }
.qc-note { margin-left:6px; padding:1px 7px; border-radius:999px; background:var(--chip); font-size:10.5px; cursor:help; }
#quota .q-stats { grid-template-columns:repeat(auto-fit, minmax(118px, 1fr)) !important; }
.qc-tip[hidden] { display:none; }
/* three ways to start the hourly scan */
.od-go-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-top:6px; }
.od-go-main { display:flex; flex-direction:column; gap:3px; margin-right:6px; } .od-go-main small { font-size:11.5px; color:var(--text2); }
.od-go-row .od-go { white-space:nowrap; }
.od-go2 { background:var(--chip); color:var(--text); border:1px solid var(--line); }
.od-go2:hover:not(:disabled) { border-color:var(--blue); }
.od-later { display:inline-flex; align-items:center; gap:6px; padding:3px 6px 3px 3px; border-radius:999px; border:1px solid var(--line); }
.od-later .od-go2 { border:0; }
.od-later input { width:58px; padding:6px 8px; border-radius:8px; border:1px solid var(--line); background:var(--card); color:var(--text); font:600 13px/1 inherit; text-align:center; }
.od-later select { padding:6px 8px; border-radius:8px; border:1px solid var(--line); background:var(--card); color:var(--text); font-size:13px; }
.od-later > span { font-size:13px; color:var(--text2); }
/* ---------- the engine: updates in place without flashing ---------- */
.eng-swap *, .eng-swap *::before, .eng-swap *::after { transition:none !important; }   /* the moment of the update only */
.eng-bar { position:fixed; top:0; left:0; right:0; height:2px; z-index:9999; pointer-events:none; opacity:0; transition:opacity .2s;
  background:linear-gradient(90deg, transparent, var(--blue), transparent); background-size:40% 100%; background-repeat:no-repeat; }
.eng-bar.on { opacity:1; animation:eng-run 1.1s ease-in-out infinite; }
@keyframes eng-run { from { background-position:-40% 0; } to { background-position:140% 0; } }
form.eng-busy { cursor:progress; }
.eng-busy-btn { position:relative; color:transparent !important; pointer-events:none; }
.eng-busy-btn::after { content:""; position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%;
  border:2px solid var(--text2); border-right-color:transparent; animation:eng-spin .7s linear infinite; }
.eng-busy-btn > * { visibility:hidden; }
@keyframes eng-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .eng-bar.on, .eng-busy-btn::after { animation:none; } }
/* how often each video is asked: hot / warm / quiet */
.od-tiers { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; margin:8px 0 2px; font-size:12.5px; }
.odt { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; background:var(--chip); color:var(--text2); }
.odt b { color:var(--text); font-variant-numeric:tabular-nums; }
.odt.hot { box-shadow:inset 0 0 0 1px rgba(243,154,46,.45); } .odt.warm { box-shadow:inset 0 0 0 1px rgba(62,166,255,.35); } .odt.cold { box-shadow:inset 0 0 0 1px var(--line); }
.odt-sum { color:var(--text2); margin-left:4px; } .od-tiers .hint { margin:0; }
.ods-bonus { display:block; color:#2BA640; }
/* ИИ ВЫБОР: two stages or the smart model alone */
.aa-two .big-switch > span:last-child { display:flex; flex-direction:column; gap:1px; }
.aa-two-sub { font-size:11.5px; color:var(--text2); font-weight:400; }
.aa-stage { display:inline-block; margin-left:6px; padding:1px 8px; border-radius:999px; font-size:11px; font-weight:600; background:var(--chip); color:var(--text2); white-space:nowrap; }
.aa-stage.two { color:#8C72F5; background:rgba(140,114,245,.12); } .aa-stage.one { color:#3EA6FF; background:rgba(62,166,255,.12); } .aa-stage.fallback { color:#D99A00; background:rgba(233,164,0,.12); }
/* ИИ ВЫБОР: the queue */
.aa-queue { margin:6px 0 12px; padding:12px 14px; border-radius:12px; background:color-mix(in srgb, var(--blue) 7%, var(--chip)); border:1px solid color-mix(in srgb, var(--blue) 25%, var(--line)); }
.aa-q-h { margin:0 0 8px; font-size:13px; font-weight:600; display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.aa-q { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.aa-q-row { display:flex; align-items:center; gap:10px; padding:6px 8px; border-radius:10px; background:var(--card); }
.aa-q-row form { margin:0 0 0 auto; }
.aa-q-n { flex:none; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:700; background:var(--chip); color:var(--text2); }
.aa-q-row.running .aa-q-n { background:var(--blue); color:#fff; animation:pulse 1.4s ease-in-out infinite; }
.aa-q-t { display:flex; flex-direction:column; min-width:0; } .aa-q-t b { font-size:13px; font-weight:600; } .aa-q-t small { font-size:11.5px; color:var(--text2); }
.aa-stage.batch, .aa-stage.batch1 { color:#2BA640; background:rgba(43,166,64,.12); }
/* ИИ ВЫБОР: choose several sets */
.aa-pickbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:6px 0 8px; padding:8px 12px; border-radius:10px; background:var(--chip); font-size:13px; position:sticky; top:52px; z-index:5; }
.aa-pk-sel { color:var(--text2); } .aa-pk-sel .linkbtn { font-size:13px; }
.aa-pk-go { display:flex; align-items:center; gap:8px; flex-wrap:wrap; width:100%; } .aa-pk-go[hidden] { display:none; }
.aa-pk-n { font-size:15px; } .aa-pk-cost { color:var(--text2); } .aa-pk-go .btn { margin-left:auto; }
.aa-pick { width:17px; height:17px; margin:0 2px 0 0; flex:none; accent-color:var(--blue); cursor:pointer; }
.aa-row:has(.aa-pick:checked) > summary { background:color-mix(in srgb, var(--blue) 8%, transparent); }
/* with a tick in front: one more column */
.aa-row > summary:has(> .aa-pick) { grid-template-columns:auto auto minmax(0, 1fr) minmax(0, 1.4fr) auto auto 14px; }
@media (max-width:620px) { .aa-row > summary:has(> .aa-pick) { grid-template-columns:auto auto minmax(0, 1fr) auto 14px; } .aa-row > summary:has(> .aa-pick) .aa-topic { grid-column:3 / -1; } }
.aa-pk-go .linkbtn { font-size:13px; }
.aa-pickbar .linkbtn { border:0; background:none; padding:0; font:inherit; font-size:13px; color:var(--blue); cursor:pointer; } .aa-pickbar .linkbtn:hover { text-decoration:underline; }
/* a moderator: the statistics, read only */
.ro-note { margin:0 0 12px; padding:8px 12px; border-radius:10px; background:color-mix(in srgb, var(--blue) 10%, var(--chip)); font-size:13px; color:var(--text2); }
.ro-note b { color:var(--text); }
.ro .ro-off { cursor:not-allowed !important; }
.ro .big-switch:has(.ro-off), .ro label:has(> .ro-off) { opacity:.6; cursor:not-allowed; }
.ro button.ro-off, .ro select.ro-off, .ro input.ro-off:not([type="checkbox"]):not([type="radio"]) { opacity:.55; }
/* ---------- «Сбор информации»: the schedule and the settings tiles ---------- */
.sched { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:8px 0 2px; }
.sc-chip { display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px; font-size:12.5px; color:var(--text2);
  background:color-mix(in srgb, var(--chip) 85%, transparent); box-shadow:inset 0 0 0 1px var(--line); white-space:nowrap; }
.sc-chip b { color:var(--text); font-weight:600; }
.sc-chip svg { width:14px; height:14px; }
.sc-chip.main { color:#fff; font-weight:600; background:linear-gradient(135deg, #3EA6FF, #6D5BF5); box-shadow:0 4px 14px rgba(62,166,255,.28); }
.sc-chip.next { color:var(--text); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blue) 45%, var(--line)); }
.run-set { display:block; margin-top:14px; }
.run-set .rs-left { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.run-set .rs-field, .run-set .run-rules, .run-set .rs-tile { position:relative; margin:0; padding:14px 16px 12px; border-radius:16px; border:1px solid var(--line);
  background:radial-gradient(120% 120% at 0 0, color-mix(in srgb, var(--rc, #3EA6FF) 9%, transparent), transparent 60%), var(--chip);
  transition:border-color .2s, box-shadow .2s; }
.run-set .rs-field:hover, .run-set .run-rules:hover, .run-set .rs-tile:hover { border-color:color-mix(in srgb, var(--rc, #3EA6FF) 40%, var(--line)); box-shadow:0 6px 20px rgba(0,0,0,.12); }
.run-set .rs-field:nth-of-type(2) { --rc:#14B8A6; } .run-set .run-rules { --rc:#8B5CF6; } .run-set .rs-tile { --rc:#F59E0B; }
.run-set .rs-top { gap:8px; font-size:14.5px; min-height:30px; }
.run-set .rs-top > b { font-weight:650; }
.rs-ic { flex:none; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; }
.rs-ic svg { width:17px; height:17px; }
.rs-ic.ic-blue { color:#3EA6FF; background:rgba(62,166,255,.14); } .rs-ic.ic-teal { color:#14B8A6; background:rgba(20,184,166,.14); }
.rs-ic.ic-purple { color:#8B5CF6; background:rgba(139,92,246,.14); } .rs-ic.ic-orange { color:#F59E0B; background:rgba(245,158,11,.14); }
.run-set .rs-val { display:flex; flex-direction:column; align-items:flex-end; line-height:1.25; font-size:11.5px; text-align:right; }
.run-set .rs-val b { font-size:14px; color:var(--text); }
.run-set .rs-range { height:8px; margin:14px 0 8px; border-radius:999px; background:linear-gradient(90deg, #3EA6FF 0, var(--rc, #6D5BF5) var(--p, 0%), color-mix(in srgb, var(--text2) 22%, transparent) var(--p, 0%) 100%); }
.run-set .rs-range::-webkit-slider-thumb { width:22px; height:22px; border:3px solid var(--rc, #3EA6FF); box-shadow:0 0 0 5px color-mix(in srgb, var(--rc, #3EA6FF) 22%, transparent), 0 2px 8px rgba(0,0,0,.3); transition:box-shadow .2s, transform .15s; }
.run-set .rs-range:hover::-webkit-slider-thumb { transform:scale(1.08); }
.run-set .rs-range::-moz-range-thumb { border-color:var(--rc, #3EA6FF); }
.run-set .rs-ticks { font-size:11px; font-variant-numeric:tabular-nums; }
.run-set .run-rules .rr-row { margin-top:6px; }
.run-set .run-rules .lim-val { font-size:15px; font-weight:700; color:var(--text); text-align:right; }
.run-set .run-rules .lim-range { height:8px; border-radius:999px; background:linear-gradient(90deg, #8B5CF6 0 var(--p, 0%), color-mix(in srgb, var(--text2) 22%, transparent) var(--p, 0%) 100%); }
.run-set .run-rules .lim-range::-webkit-slider-thumb { border-color:#8B5CF6; box-shadow:0 0 0 5px rgba(139,92,246,.2), 0 2px 8px rgba(0,0,0,.3); }
.run-set .run-rules > small { display:block; margin-top:6px; font-size:11.5px; }
.run-set .rs-tile { display:flex; flex-direction:column; gap:10px; }
.run-set .rs-tile .big-switch { font-size:13.5px; padding:0; }
.run-set .rs-tile .hint { position:absolute; right:14px; bottom:12px; }
@media (max-width:820px) { .run-set .rs-left { grid-template-columns:1fr; } }
/* «Shorts» — a card of its own in «Настройки» */
.shorts-card .sh-body { display:flex; flex-direction:column; gap:8px; }
.shorts-card .sh-body form { margin:0; padding:10px 14px; border-radius:12px; background:var(--chip); }
.shorts-card .big-switch { display:flex !important; flex-direction:row !important; align-items:center !important; gap:10px !important; margin:0; font-size:14px; }
.shorts-card .guard-on { margin:0; font-size:12.5px; }
.rs-val .rs-x { color:var(--text2); }
.rs-val .rs-x::before { content:" · "; } .run-set .rs-val .rs-x::before { content:""; }
.run-set .run-rules .rr-row { display:grid !important; grid-template-columns:minmax(0, 1fr) auto !important; grid-template-areas:"who val" "range range"; gap:4px 10px; align-items:center; }
.run-set .run-rules .rr-row > label { grid-area:who; } .run-set .run-rules .rr-row > .lim-val { grid-area:val; } .run-set .run-rules .rr-row > .lim-range { grid-area:range; width:100%; margin:2px 0 4px; }
.run-set .rs-tile.rs-sw { align-items:stretch; padding:14px 16px 12px; }
.run-set .rs-tile .hint { position:static; align-self:flex-start; }
.run-set .rs-tile > .big-switch + .hint { margin-top:-4px; }
.run-set .rs-tile .big-switch > span:last-child { display:flex; flex-direction:column; gap:2px; } .rs-sub { font-size:11.5px; color:var(--text2); }
.run-set .rs-top .hint { align-self:center !important; }
/* «Нагрузка на сайт»: the chart you can point at, and what the requests went to */
.ld-tile { font:inherit; color:inherit; text-align:left; transition:border-color .15s, background-color .15s; }
.ld-tile:hover { border-color:color-mix(in srgb, var(--blue) 45%, transparent); }
.ld-tile.on { background:color-mix(in srgb, var(--blue) 10%, var(--chip)); }
.ld-fig { position:relative; }
.ld-chart { cursor:crosshair; touch-action:pan-y; }
.ld-area { fill:color-mix(in srgb, var(--blue) 10%, transparent); stroke:none; }
.ld-guide { stroke:var(--text2); stroke-width:1; stroke-dasharray:3 3; opacity:.7; }
.ld-hot { stroke:var(--card); stroke-width:2.5; }
.ld-hot.ld-r { fill:#3EA6FF; } .ld-hot.ld-u { fill:#30A46C; } .ld-hot.ld-c { fill:#F5A524; }
.ld-chart.hot .ld-dot { opacity:.35; } .ld-chart.hot .ld-line { opacity:.75; }
.ld-tip { top:6px; min-width:200px; padding:10px 12px; gap:3px; border-radius:12px; font-size:12.5px; }
.ld-tip .ld-t { font-size:13px; margin-bottom:3px; }
.ld-tip .ld-v { font-size:13.5px; font-weight:600; }
.ld-tip .ld-sep { height:1px; background:var(--line); margin:5px 0 3px; }
.ld-tip .ld-k { color:var(--text2); font-size:12px; } .ld-tip .ld-k i { width:8px; height:8px; border-radius:2px; }
.ld-tip .ld-ms { margin-top:3px; }
.ld-why { margin:10px 0 2px; padding:12px 14px; border-radius:12px; background:var(--chip); }
.ld-why-h { margin:0 0 8px; font-size:13px; font-weight:600; }
.ld-bar { display:flex; height:10px; border-radius:999px; overflow:hidden; background:color-mix(in srgb, var(--text2) 15%, transparent); }
.ld-bar i { display:block; height:100%; }
.ld-leg { display:flex; flex-wrap:wrap; gap:4px 14px; margin-top:8px; font-size:12px; color:var(--text2); }
.ld-leg span { display:inline-flex; align-items:center; gap:6px; } .ld-leg i { width:10px; height:10px; border-radius:3px; display:inline-block; } .ld-leg b { color:var(--text); }
.ld-speed { margin:8px 0 0; font-size:12.5px; color:var(--text2); } .ld-speed b { color:var(--text); }
/* «Нагрузка на сайт» — one column of the grid: everything fits a half-width card */
.load { margin-top:0; container-type:inline-size; }
@container (max-width:820px) {
  .load .ld-tiles { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
  .load .ld-tile { padding:9px 11px; font-size:12.5px; }
  .load .ld-head { gap:8px 12px; } .load .rq-tabs button { padding:5px 10px; font-size:12.5px; }
  .load .ld-chart { height:200px; }
  .load .lg-row { font-size:12px; } .load .lg-row .muted { display:block; margin-top:2px; }
  .load .ld-leg { gap:4px 10px; }
}
/* «Нагрузка на сайт»: 9 ranges, the sum of the chosen one, zoom and drag */
.ld-tabs { display:flex; flex-wrap:wrap; gap:2px; margin:12px 0 0; border-radius:14px; }
.ld-tabs button { padding:5px 11px; }
.load .ld-tiles { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin:12px 0 10px; }
.ld-big { display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:12px; background:var(--chip); min-width:0; }
.ld-big b { font-size:22px; line-height:1.1; font-variant-numeric:tabular-nums; }
.ld-big span { font-size:12px; color:var(--text2); } .ld-big span i { font-style:normal; padding:0 6px; border-radius:999px; background:var(--card); cursor:help; }
.ld-big:nth-child(1) b { color:#3EA6FF; } .ld-big:nth-child(2) b { color:#30A46C; } .ld-big:nth-child(3) b { color:#F5A524; }
.ld-chart.dragging { cursor:grabbing; }
.ld-nav { display:flex; align-items:center; gap:10px; margin-top:6px; font-size:11.5px; color:var(--text2); }
.ld-hint { white-space:nowrap; }
.ld-reset { border:0; background:none; color:var(--blue); font:inherit; font-size:12px; cursor:pointer; padding:0; white-space:nowrap; }
.ld-reset[hidden] { display:none; }
@container (max-width:820px) { .load .ld-tiles { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
/* the badge «Сайт не лагает / под нагрузкой / большие задержки» */
.hpill { flex:none; display:inline-flex; align-items:center; gap:7px; height:31px; padding:0 12px; border-radius:999px; font-size:12.5px; font-weight:600; text-decoration:none; white-space:nowrap;
  color:var(--text); background:var(--chip); border:1px solid var(--line); }
#hpill { margin-left:auto; } #hpill + .upill { margin-left:8px; }
.hp-dot { width:9px; height:9px; border-radius:50%; background:var(--text2); flex:none; }
.hp-ms { font-weight:500; color:var(--text2); font-variant-numeric:tabular-nums; }
.hp-ok .hp-dot { background:#30A46C; box-shadow:0 0 0 3px rgba(48,164,108,.18); }
.hp-busy { border-color:rgba(233,164,0,.45); } .hp-busy .hp-dot { background:#E9A400; box-shadow:0 0 0 3px rgba(233,164,0,.2); animation:hpPulse 1.6s ease-in-out infinite; }
.hp-slow { border-color:rgba(229,72,77,.55); background:rgba(229,72,77,.1); } .hp-slow .hp-dot { background:#E5484D; animation:hpPulse 1s ease-in-out infinite; }
.hp-quiet .hp-dot { background:var(--text2); opacity:.6; }
@keyframes hpPulse { 50% { transform:scale(.65); opacity:.6; } }
.hpill.static { height:26px; font-size:12px; padding:0 10px; }
@media (max-width:760px) { #hpill .hp-ms { display:none; } #hpill { padding:0 10px; } }
@media (prefers-reduced-motion: reduce) { .hp-dot { animation:none !important; } }
/* «⚡ Скорость ответа» in «Нагрузка на сайт» */
.ld-speedbox { margin:10px 0 2px; padding:12px 14px; border-radius:12px; background:var(--chip); }
.ls-head { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; } .ls-head b { font-size:14px; } .ls-head small { color:var(--text2); font-size:12px; }
.ls-tiles { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin:10px 0 4px; }
.ls-tiles div { background:var(--card); border-radius:10px; padding:8px 10px; display:flex; flex-direction:column; gap:2px; }
.ls-tiles b { font-size:18px; font-variant-numeric:tabular-nums; } .ls-tiles span { font-size:11.5px; color:var(--text2); }
.ls-h { margin:10px 0 6px; font-size:12.5px; font-weight:600; }
.ls-hist { display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:6px; align-items:end; height:120px; }
.ls-col { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; gap:3px; min-width:0; }
.ls-col i { display:block; width:100%; max-width:42px; min-height:2px; border-radius:6px 6px 2px 2px; background:#30A46C; }
.ls-col.mid i { background:#E9A400; } .ls-col.bad i { background:#E5484D; }
.ls-col small { font-size:10.5px; color:var(--text2); white-space:nowrap; } .ls-n { font-size:11px; font-weight:600; font-variant-numeric:tabular-nums; }
.ls-kinds { display:flex; flex-wrap:wrap; gap:4px 14px; margin:10px 0 0; font-size:12px; color:var(--text2); }
.ls-kinds span { display:inline-flex; align-items:center; gap:6px; } .ls-kinds i { width:10px; height:10px; border-radius:3px; display:inline-block; } .ls-kinds b { color:var(--text); }
@container (max-width:820px) { .load .ls-tiles { grid-template-columns:repeat(2, minmax(0, 1fr)); } .load .ls-col small { font-size:9.5px; } }

/* «Нагрузка на сайт»: the navigator under the chart — full width, draggable with the mouse or a finger */
.ld-nav { display:flex !important; flex-direction:column; align-items:stretch !important; gap:8px; margin:6px 0 4px; }
.ld-map { position:relative; height:26px; border-radius:10px; cursor:pointer; touch-action:none; user-select:none;
  background:repeating-linear-gradient(90deg, transparent 0 calc(100% / 24 - 1px), color-mix(in srgb, var(--text2) 14%, transparent) calc(100% / 24 - 1px) calc(100% / 24)),
             color-mix(in srgb, var(--text2) 10%, transparent); }
.ld-map:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.ld-map.off { opacity:.35; pointer-events:none; }
.ld-win { position:absolute; top:0; bottom:0; border-radius:10px; cursor:grab; background:color-mix(in srgb, var(--blue) 26%, transparent);
  box-shadow:inset 0 0 0 2px var(--blue), 0 4px 14px rgba(62,166,255,.25); transition:background-color .15s; }
.ld-map:not(.on) .ld-win { background:color-mix(in srgb, var(--blue) 12%, transparent); box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--blue) 55%, transparent); }
.ld-map.drag .ld-win { cursor:grabbing; background:color-mix(in srgb, var(--blue) 34%, transparent); }
.ld-h { position:absolute; top:3px; bottom:3px; width:14px; cursor:ew-resize; display:grid; place-items:center; }
.ld-h.l { left:-7px; } .ld-h.r { right:-7px; }
.ld-h::after { content:""; width:6px; height:14px; border-radius:3px; background:var(--card); box-shadow:0 0 0 1.5px var(--blue), 0 1px 3px rgba(0,0,0,.3); }
.ld-h::before { content:""; position:absolute; inset:-8px -6px; }   /* a bigger target for a finger */
.ld-hints { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.ld-chip { padding:3px 9px; border-radius:999px; font-size:11.5px; color:var(--text2); background:color-mix(in srgb, var(--chip) 85%, transparent); box-shadow:inset 0 0 0 1px var(--line); white-space:nowrap; }
.ld-hints .ld-reset { margin-left:auto; padding:4px 11px; border-radius:999px; font-size:12px; font-weight:600; color:var(--blue); background:color-mix(in srgb, var(--blue) 12%, transparent); }
@media (hover:none) { .ld-chip:first-child { display:none; } }   /* a phone has no wheel */
/* ---------- «ИИ Подборка» in the admin: the site's sparkle and a calmer, cleaner look ---------- */
.aip-adm { border:1px solid color-mix(in srgb, #8B5CF6 30%, var(--line)); border-radius:18px; position:relative;
  background:radial-gradient(120% 90% at 0% 0%, rgba(139,92,246,.14), transparent 55%), radial-gradient(90% 70% at 100% 0%, rgba(62,166,255,.10), transparent 60%), var(--card); }
.aip-adm[open] { box-shadow:0 10px 30px rgba(139,92,246,.12); }
.aa-sum { padding:16px 18px; gap:14px; }
.aa-sum:hover { background:color-mix(in srgb, #8B5CF6 6%, transparent); }
.aip-logo { flex:none; width:40px; height:40px; border-radius:12px; display:grid; place-items:center; position:relative; overflow:hidden; font-size:0;
  background:conic-gradient(from 210deg, #8B5CF6, #3EA6FF, #22D3EE, #EC4899, #8B5CF6); box-shadow:0 6px 18px rgba(139,92,246,.35), inset 0 0 0 1px rgba(255,255,255,.18); }
.aip-logo::after { content:""; position:absolute; inset:0; background:radial-gradient(80% 60% at 30% 20%, rgba(255,255,255,.35), transparent 60%); }
.aip-logo svg { width:22px; height:22px; position:relative; z-index:1; filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)); }
.aa-sum:hover .aip-logo svg { animation:aaTwinkle 1.6s ease-in-out infinite; }
@keyframes aaTwinkle { 50% { transform:scale(1.12) rotate(8deg); } }
.aa-name { font-size:17px !important; font-weight:800; letter-spacing:-.01em !important; background:linear-gradient(90deg, var(--text), #C4B5FD 60%, #7DD3FC); -webkit-background-clip:text; background-clip:text; color:transparent; }
.aa-chip { padding:5px 11px; box-shadow:inset 0 0 0 1px var(--line); background:color-mix(in srgb, var(--chip) 85%, transparent); }
.aa-body { padding:4px 18px 18px; gap:14px; }
.aa-settings { gap:10px; padding-top:14px; }
.aa-set { padding:12px 14px; border-radius:14px; border:1px solid var(--line); background:color-mix(in srgb, var(--chip) 85%, transparent); transition:border-color .2s, box-shadow .2s; }
.aa-set:hover { border-color:color-mix(in srgb, #8B5CF6 40%, var(--line)); box-shadow:0 4px 14px rgba(0,0,0,.08); }
.aa-set select { border-radius:9px; }
.aa-row { border-radius:12px; transition:border-color .15s, box-shadow .15s; }
.aa-row:hover { border-color:color-mix(in srgb, #8B5CF6 35%, var(--line)); }
.aa-row[open] { box-shadow:0 6px 18px rgba(0,0,0,.1); }
.aa-row > summary { padding:9px 12px; }
.aa-topic { font-weight:600; }
@media (prefers-reduced-motion: reduce) { .aa-sum:hover .aip-logo svg { animation:none; } }

/* =====================================================================================================
   «Статистика» — the 2026 design layer: one look for every card (soft accent glow, gradient icon tiles,
   calm tiles for numbers, chart wells, pill controls). Each card has its own accent colour (--acc).
   ===================================================================================================== */
#run { --acc:#3EA6FF; } #quota { --acc:#F5A524; } #overdrive { --acc:#F97316; } #ai { --acc:#8B5CF6; } #load { --acc:#22D3EE; }
:is(#run, #quota, #overdrive, #ai, #load).card {
  border-radius:22px; padding:22px 24px;
  border:1px solid color-mix(in srgb, var(--acc) 20%, var(--line));
  background:
    radial-gradient(130% 70% at 0% 0%, color-mix(in srgb, var(--acc) 10%, transparent), transparent 62%),
    radial-gradient(80% 50% at 100% 0%, color-mix(in srgb, var(--acc) 5%, transparent), transparent 70%),
    var(--card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 22px 44px -28px rgba(0,0,0,.6);
  transition:border-color .25s, box-shadow .25s;
}
:is(#run, #quota, #overdrive, #ai, #load).card:hover { border-color:color-mix(in srgb, var(--acc) 34%, var(--line)); }
@media (prefers-color-scheme: light) { :is(#run, #quota, #overdrive, #ai, #load).card { box-shadow:0 1px 2px rgba(0,0,0,.04), 0 18px 40px -26px rgba(30,40,80,.25); } }

/* the title: a gradient icon tile, a confident heading */
:is(#run, #quota, #overdrive, #ai, #load) h2.h-ic, :is(#run, #quota, #overdrive, #ai, #load) .ld-head h2 { font-size:18px; font-weight:750; letter-spacing:-.01em; gap:12px; }
:is(#run, #quota, #overdrive, #ai, #load) h2 > .cb-ic {
  width:40px; height:40px; border-radius:13px; color:#fff !important;
  background:linear-gradient(135deg, var(--acc), color-mix(in srgb, var(--acc) 55%, #EC4899)) !important;
  box-shadow:0 8px 18px -6px color-mix(in srgb, var(--acc) 70%, transparent), inset 0 0 0 1px rgba(255,255,255,.2);
}
:is(#run, #quota, #overdrive, #ai, #load) h2 > .cb-ic svg { width:21px; height:21px; filter:drop-shadow(0 1px 1px rgba(0,0,0,.2)); }

/* small section titles inside the cards */
:is(#run, #quota, #overdrive, #ai, #load) :is(figcaption, .ods-h, .ld-why-h, .ls-h, .od-chart h3, .aa-q-h) {
  font-size:11.5px !important; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text2);
}

/* number tiles: one calm surface everywhere */
:is(#quota .q-stats > div, #run .live-sum > div, #overdrive .ods-n, #load .ld-big, #load .ls-tiles > div, #ai .aa-tile) {
  border-radius:14px !important; border:1px solid var(--line);
  background:linear-gradient(180deg, color-mix(in srgb, var(--text) 3%, var(--chip)), var(--chip)) !important;
  transition:border-color .2s, transform .2s;
}
:is(#quota .q-stats > div, #overdrive .ods-n, #load .ld-big, #load .ls-tiles > div, #ai .aa-tile):hover { border-color:color-mix(in srgb, var(--acc) 40%, var(--line)); transform:translateY(-1px); }
#quota .q-stats { gap:10px; } #quota .q-stats > div { padding:12px 14px; display:flex; flex-direction:column; gap:3px; }
:is(#quota .q-stats b, #overdrive .ods-n b, #load .ld-big b, #load .ls-tiles b, #ai .aa-tile b) { font-weight:750; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
#quota .q-stats b { font-size:22px; }

/* the big «5 572 из 10 000» */
#quota .q-num { font-size:40px; font-weight:800; letter-spacing:-.03em;
  background:linear-gradient(180deg, var(--text) 30%, color-mix(in srgb, var(--acc) 70%, var(--text))); -webkit-background-clip:text; background-clip:text; color:transparent; }
#quota .q-bar svg { height:10px; border-radius:999px; overflow:hidden; }
#quota .q-fill { fill:url(#qGrad); } #quota .q-bar.warn .q-fill { fill:#E5484D; }

/* chart wells */
:is(#quota .qc, #run .live-chart, #load .ld-chart, #ai .aiq-chart) {
  border-radius:14px !important; border:1px solid var(--line);
  background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 6%, var(--chip)), var(--chip)) !important;
}
#load .ld-fig { border-radius:14px; }

/* tabs and chips: pills with a hint of the card's colour */
:is(#run, #quota, #overdrive, #ai, #load) .rq-tabs { padding:4px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--line); background:color-mix(in srgb, var(--chip) 85%, transparent); }
:is(#run, #quota, #overdrive, #ai, #load) .rq-tabs button { transition:color .15s, background-color .15s; }
:is(#run, #quota, #overdrive, #ai, #load) .rq-tabs button[aria-pressed="true"] { box-shadow:0 2px 6px rgba(0,0,0,.18), inset 0 0 0 1px color-mix(in srgb, var(--acc) 45%, transparent); }
:is(#run, #quota, #overdrive, #ai, #load) :is(.sc-chip, .odt, .aa-chip, .ld-chip, .qc-note) { backdrop-filter:blur(4px); }

/* buttons: pills that lift a little */
:is(#run, #quota, #overdrive, #ai, #load) .btn { border-radius:999px; transition:transform .2s cubic-bezier(.3,1.5,.5,1), box-shadow .2s, border-color .2s; }
:is(#run, #quota, #overdrive, #ai, #load) .btn:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 6px 16px -6px rgba(0,0,0,.35); }
#run .run-btns .btn { border:1.5px solid transparent;
  background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(135deg, #3EA6FF, #8B5CF6) border-box; }

/* folding blocks (logs, history…): rounded, with an accent border on hover */
:is(#run, #quota, #overdrive, #ai, #load) details:not(.aa-row):not(.aip-adm):not(.hint) > summary { border-radius:14px; }
:is(#run, #quota, #overdrive, #ai, #load) :is(.logs, .api-log, .aiq, .keys-cat, .fc) { border-radius:16px !important; transition:border-color .2s; }
:is(#run, #quota, #overdrive, #ai, #load) :is(.logs, .api-log, .aiq, .keys-cat, .fc):hover { border-color:color-mix(in srgb, var(--acc) 35%, var(--line)) !important; }

/* separators: a fading line instead of a hard one */
#run .live { border-top:0 !important; position:relative; }
#run .run-set::before, #run .status > p:first-of-type { position:relative; }

/* the overdrive spending panel and the run tiles share the same rhythm */
#overdrive .od-spend { border-radius:18px; border-color:color-mix(in srgb, var(--acc) 18%, var(--line)); }
#overdrive .ods-n b { font-size:24px; }
:is(#overdrive .ods-col, #load .ls-col i) { transition:filter .2s; }
:is(#overdrive .ods-d:hover .ods-col, #load .ls-col:hover i) { filter:brightness(1.15); }
@media (prefers-reduced-motion: reduce) {
  :is(#run, #quota, #overdrive, #ai, #load) :is(.btn, .q-stats > div, .ods-n, .ld-big, .aa-tile) { transition:none !important; transform:none !important; }
}
/* a lonely last tile takes the whole row instead of leaving three holes */
#quota .q-stats > div:last-child:nth-child(4n + 1) { grid-column:1 / -1; flex-direction:row; align-items:baseline; gap:10px; }
#quota .q-stats > div:last-child:nth-child(4n + 1) b { flex:none; }
.hp-maint { border-color:color-mix(in srgb, var(--blue) 45%, var(--line)); } .hp-maint .hp-dot { background:var(--blue); animation:hpPulse 1.4s ease-in-out infinite; }
.ld-tip .ld-mt { color:#7CC4FF; margin-top:3px; white-space:normal; max-width:260px; }
/* the limit bar: a card when pointed at */
#quota { position:relative; } #quota .q-bar { cursor:help; padding:6px 0; margin:8px 0 6px; } #quota .q-bar:focus-visible { outline:2px solid var(--acc); outline-offset:3px; border-radius:999px; }
#quota .q-bar:hover svg { filter:brightness(1.12); }
.q-bar-tip { position:absolute; z-index:20; min-width:240px; max-width:320px; padding:10px 12px; border-radius:12px; background:var(--card); border:1px solid var(--line);
  box-shadow:0 12px 28px rgba(0,0,0,.3); display:flex; flex-direction:column; gap:3px; font-size:12.5px; color:var(--text2); pointer-events:none; }
.q-bar-tip[hidden] { display:none; }
.q-bar-tip > b { color:var(--text); font-size:13px; }
.qbt-big { font-size:20px; font-weight:750; color:var(--text); font-variant-numeric:tabular-nums; } .qbt-big small { font-size:12px; font-weight:500; color:var(--text2); }
.q-bar-tip span b { color:var(--text); } .qbt-reset { margin-top:3px; font-size:11.5px; }
/* «ИИ использование»: which AI worked and on what */
.aiu { margin:10px 0 14px; padding:14px 16px; border-radius:18px; border:1px solid color-mix(in srgb, #8B5CF6 22%, var(--line));
  background:radial-gradient(100% 80% at 0% 0%, rgba(139,92,246,.10), transparent 60%), color-mix(in srgb, var(--chip) 70%, transparent); }
.aiu-top { display:grid; grid-template-columns:150px minmax(0, 1fr); gap:16px; align-items:center; }
.aiu-donut { position:relative; margin:0; width:150px; height:150px; }
.aiu-donut svg { width:100%; height:100%; transform:rotate(0deg); }
.aiu-ring-bg { stroke:color-mix(in srgb, var(--text2) 14%, transparent); }
.aiu-arc { transition:stroke-width .2s, opacity .2s; cursor:pointer; } .aiu-arc.dim { opacity:.3; }
.aiu-donut figcaption { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; text-align:center; }
.aiu-donut figcaption b { font-size:24px; font-weight:800; letter-spacing:-.02em; font-variant-numeric:tabular-nums; } .aiu-donut figcaption span { font-size:11px; color:var(--text2); max-width:90px; }
.aiu-models { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; }
.aiu-models li { display:grid; grid-template-columns:12px minmax(0, 1fr) auto; align-items:center; gap:10px; padding:7px 10px; border-radius:10px; cursor:default; transition:background-color .15s; }
.aiu-models li:hover, .aiu-models li.on { background:color-mix(in srgb, var(--text) 5%, transparent); }
.aiu-models li > i { width:12px; height:12px; border-radius:4px; }
.aiu-mn { display:flex; flex-direction:column; min-width:0; } .aiu-mn b { font-size:13px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .aiu-mn small { font-size:11.5px; color:var(--text2); }
.aiu-pc { font-weight:750; font-size:14px; font-variant-numeric:tabular-nums; }
.aiu-none { color:var(--text2); font-size:13px; }
.aiu-h { margin:14px 0 6px; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text2); }
.aiu-day-note { text-transform:none; letter-spacing:0; font-weight:500; }
.aiu-tasks { display:flex; flex-direction:column; gap:6px; }
.aiu-tr { display:grid; grid-template-columns:minmax(0, 170px) minmax(0, 1fr) auto; align-items:center; gap:10px; font-size:12.5px; }
.aiu-tn { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text2); }
.aiu-tb { display:flex; height:12px; border-radius:999px; overflow:hidden; background:color-mix(in srgb, var(--text2) 12%, transparent); min-width:4px; }
.aiu-tb i { display:block; height:100%; transition:opacity .2s; } .aiu-tb i.dim, .aiu-days rect.dim { opacity:.25; }
.aiu-tr b { font-variant-numeric:tabular-nums; font-size:12.5px; }
.aiu-days { position:relative; }
.aiu-days-svg { width:100%; height:90px; display:block; border-radius:12px; background:color-mix(in srgb, var(--text2) 6%, transparent); cursor:crosshair; }
.aiu-ax { font-size:9.5px; fill:var(--text2); }
.aiu-tip { position:absolute; bottom:calc(100% + 6px); z-index:5; min-width:180px; padding:8px 10px; border-radius:10px; background:var(--card); border:1px solid var(--line);
  box-shadow:0 10px 24px rgba(0,0,0,.3); display:flex; flex-direction:column; gap:2px; font-size:12px; color:var(--text2); pointer-events:none; }
.aiu-tip[hidden] { display:none; } .aiu-tip b { color:var(--text); }
.aiu-tl { display:flex; align-items:center; gap:6px; } .aiu-tl i { width:9px; height:9px; border-radius:3px; display:inline-block; }
.aiu-tk { display:grid; grid-template-columns:80px minmax(0, 1fr) auto; align-items:center; gap:10px; font-size:12px; color:var(--text2); margin-top:4px; }
.aiu-tk i { display:block; height:8px; border-radius:999px; background:linear-gradient(90deg, #8B5CF6, #3EA6FF); }
.aiu-tk.out i { background:linear-gradient(90deg, #22D3EE, #30A46C); } .aiu-tk b { color:var(--text); font-variant-numeric:tabular-nums; }
.aiu.empty .aiu-tasks, .aiu.empty .aiu-h:first-of-type { display:none; }
@media (max-width:560px) { .aiu-top { grid-template-columns:1fr; justify-items:center; } .aiu-tr { grid-template-columns:minmax(0, 110px) minmax(0, 1fr) auto; } }
.aiu-days-svg { overflow:visible; }
.aiu-reset { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px 10px; margin:14px 0 0; padding-top:12px; border-top:1px dashed var(--line); font-size:12px; }
.aiu-reset-btn { font-size:12px !important; padding:5px 12px !important; color:var(--text2); background:none; border:1px solid var(--line); }
.aiu-reset-btn:hover { color:#E5484D; border-color:rgba(229,72,77,.5) !important; }
#run .run-now { display:inline-flex; align-items:center; gap:7px; font-weight:650; }
#run .run-now svg { width:15px; height:15px; color:#F5C518; filter:drop-shadow(0 0 4px rgba(245,197,24,.45)); transition:transform .25s cubic-bezier(.3,1.6,.5,1); }
#run .run-now:hover svg { transform:scale(1.18) rotate(-8deg); }
/* «👁 Как видит модератор» */
.asmod-pill { flex:none; margin:0 0 0 auto; display:inline-flex; align-items:center; gap:8px; }
.asmod-pill + .hpill, .asmod-pill ~ #hpill { margin-left:8px !important; }
.asmod-pill button { height:31px; padding:0 12px; border-radius:999px; border:1px dashed var(--line); background:none; color:var(--text2); font:600 12.5px/1 var(--body, inherit); cursor:pointer; white-space:nowrap; }
.asmod-pill button:hover { color:var(--text); border-style:solid; border-color:color-mix(in srgb, #8B5CF6 50%, var(--line)); }
.asmod-pill.on { padding:3px 3px 3px 12px; border-radius:999px; background:linear-gradient(135deg, rgba(139,92,246,.22), rgba(62,166,255,.16)); border:1px solid rgba(139,92,246,.5);
  font-size:12.5px; font-weight:700; box-shadow:0 6px 18px rgba(139,92,246,.25); }
.asmod-pill.on button { height:27px; border:0; background:#8B5CF6; color:#fff; } .asmod-pill.on button:hover { background:#7C3AED; color:#fff; }
@media (max-width:760px) { .asmod-pill:not(.on) button { font-size:0; padding:0 10px; } .asmod-pill:not(.on) button::before { content:"👁"; font-size:14px; } }
/* the very bottom of every admin page: the raspberry, Malina Studio, the version */
.brand-foot { display:flex; flex-direction:column; align-items:center; gap:4px; padding:10px 20px 34px; color:var(--text2); text-align:center; }
.brand-foot .mb-ic { width:28px; height:28px; opacity:.85; transition:transform .3s cubic-bezier(.3,1.6,.5,1); } .brand-foot:hover .mb-ic { transform:rotate(-8deg) scale(1.08); }
.brand-foot .mb-berry circle { fill:var(--text); stroke:var(--bg); stroke-width:.85; } .brand-foot .mb-leaf path { fill:var(--text); stroke:var(--text); }
.brand-foot .mb-name { font-size:13px; font-weight:700; letter-spacing:.04em; color:var(--text); }
.brand-foot .mb-copy { font-size:11.5px; opacity:.7; } .brand-foot .mb-ver { font-size:10.5px; opacity:.55; font-variant-numeric:tabular-nums; }

/* the raspberry: pointed at — it turns RGB, its berries pop one after another and a soft glow breathes */
.brand-foot { cursor:default; } .brand-foot .mb-ic { overflow:visible; }
.brand-foot .mb-berry circle { transition:fill .4s ease; transform-box:fill-box; transform-origin:center; }
.brand-foot:hover .mb-ic { animation:mbHue 2.4s linear infinite, mbFloat 1.6s ease-in-out infinite; filter:drop-shadow(0 0 6px rgba(255,61,110,.65)) drop-shadow(0 0 14px rgba(124,58,237,.45)); }
.brand-foot:hover .mb-berry circle { fill:url(#mbGrad) !important; animation:mbPop .9s cubic-bezier(.3,1.6,.5,1) both; }
.brand-foot:hover .mb-leaf path { fill:#30D158 !important; stroke:#30D158 !important; }
.brand-foot:hover .mb-berry circle:nth-child(1) { animation-delay:0ms; }
.brand-foot:hover .mb-berry circle:nth-child(2) { animation-delay:45ms; }
.brand-foot:hover .mb-berry circle:nth-child(3) { animation-delay:90ms; }
.brand-foot:hover .mb-berry circle:nth-child(4) { animation-delay:135ms; }
.brand-foot:hover .mb-berry circle:nth-child(5) { animation-delay:180ms; }
.brand-foot:hover .mb-berry circle:nth-child(6) { animation-delay:225ms; }
.brand-foot:hover .mb-berry circle:nth-child(7) { animation-delay:270ms; }
.brand-foot:hover .mb-berry circle:nth-child(8) { animation-delay:315ms; }
.brand-foot:hover .mb-berry circle:nth-child(9) { animation-delay:360ms; }
.brand-foot:hover .mb-berry circle:nth-child(10) { animation-delay:405ms; }
.brand-foot:hover .mb-berry circle:nth-child(11) { animation-delay:450ms; }
.brand-foot:hover .mb-berry circle:nth-child(12) { animation-delay:495ms; }
.brand-foot:hover .mb-berry circle:nth-child(13) { animation-delay:540ms; }
@keyframes mbHue { from { filter:hue-rotate(0deg) drop-shadow(0 0 6px rgba(255,61,110,.65)) drop-shadow(0 0 14px rgba(124,58,237,.45)); } to { filter:hue-rotate(360deg) drop-shadow(0 0 6px rgba(255,61,110,.65)) drop-shadow(0 0 14px rgba(124,58,237,.45)); } }
@keyframes mbFloat { 50% { transform:translateY(-3px) rotate(-6deg) scale(1.12); } }
@keyframes mbPop { 0% { transform:scale(1); } 35% { transform:scale(1.45); } 100% { transform:scale(1); } }
.mb-ver { cursor:help; }
@media (prefers-reduced-motion: reduce) { .brand-foot:hover .mb-ic, .brand-foot:hover .mb-berry circle { animation:none; } }
/* «⏳ N ждут»: who and why, when pointed at */
.aa-wchip { position:relative; cursor:help; }
.aa-wpop { display:none; position:absolute; right:0; top:calc(100% + 8px); z-index:30; width:360px; max-width:80vw; padding:12px 14px; border-radius:14px; text-align:left;
  background:var(--card); border:1px solid var(--line); box-shadow:0 14px 34px rgba(0,0,0,.35); color:var(--text2); font-weight:500; white-space:normal; flex-direction:column; gap:8px; }
.aa-wchip:hover .aa-wpop, .aa-wchip:focus .aa-wpop, .aa-wchip:focus-within .aa-wpop { display:flex; }
.aa-wpop > b { color:var(--text); font-size:13px; }
.aa-wp-row { display:grid; grid-template-columns:18px minmax(0, 1fr); gap:6px; font-size:12.5px; }
.aa-wp-row > i { font-style:normal; } .aa-wp-row b { color:var(--text); font-size:12.5px; } .aa-wp-row small { display:block; font-size:11.5px; line-height:1.4; }
.aa-wp-row.retry small { color:#E9A400; }
.aa-wp-paused { font-size:12px; color:#7CC4FF; } .aa-wp-note { font-size:11px; opacity:.8; border-top:1px dashed var(--line); padding-top:6px; }
.aip-adm { overflow:visible !important; } .aip-adm > summary.aa-sum { border-radius:18px 18px 0 0; } .aip-adm:not([open]) > summary.aa-sum { border-radius:18px; }
.aiu-models li.aiu-none { display:block; }

/* «✓ Выполнено 29 мин назад» over the finished run's charts: big and see-through (70 %), always there;
   pointing at the charts — it steps aside so the bars can be read */
.live.done::after { top:96px; font-size:48px; padding:14px 40px; font-weight:800; letter-spacing:-.01em; white-space:nowrap;
  opacity:.3 !important; transform:translate(-50%, 0) scale(1) !important; box-shadow:0 16px 40px rgba(0,0,0,.25); }
.live.done:has(.live-charts:hover)::after, .live.done:has(.live-chart:hover)::after { opacity:0 !important; transform:translate(-50%, 0) scale(.9) !important; }
@container (max-width:700px) { .live.done::after { font-size:30px; padding:10px 24px; } }
@media (max-width:700px) { .live.done::after { font-size:26px; padding:10px 22px; } }
/* as big as the card allows (×3 on a wide card), never wider than it */
#run .live { container-type:inline-size; }
.live.done::after { font-size:min(48px, 6.2cqi) !important; padding:min(14px, 2cqi) min(40px, 5cqi) !important; max-width:96cqi; overflow:hidden; text-overflow:ellipsis; }
/* the label sits right in the middle of the two charts (whatever the card's width and the text above) */
.live.done::after { display:none !important; }
#run .live-charts { position:relative; }
.live.done .live-charts[data-done-label]::after { content:attr(data-done-label); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); pointer-events:none; z-index:2;
  background:var(--green); color:#fff; font-weight:800; letter-spacing:-.01em; white-space:nowrap; border-radius:999px; box-shadow:0 16px 40px rgba(0,0,0,.25);
  font-size:min(48px, 6.2cqi); padding:min(14px, 2cqi) min(40px, 5cqi); max-width:96cqi; overflow:hidden; text-overflow:ellipsis;
  opacity:.3; transition:opacity .25s ease, transform .25s ease; }
.live.done .live-charts[data-done-label^="✗"]::after { background:var(--red); }
.live.done .live-charts[data-done-label^="⚠"]::after { background:#E9A400; color:#111; }
.live.done .live-charts:hover::after { opacity:0; transform:translate(-50%, -50%) scale(.9); }
.od-passive { margin:6px 0 10px; padding:10px 12px; border-radius:12px; font-size:12.5px; line-height:1.5; color:var(--text2);
  background:color-mix(in srgb, #30A46C 10%, var(--chip)); border:1px solid color-mix(in srgb, #30A46C 35%, var(--line)); }
.od-passive b { color:var(--text); }
/* «📅 За какой период ИИ ищет темы»: chips instead of a list */
.aa-settings > .aa-set:has(.aa-period) { grid-column:1 / -1; flex-wrap:wrap; align-items:flex-start; }
.aa-period { display:flex; flex-direction:column; gap:8px; flex:1; min-width:0; }
.aa-pt { font-size:13px; font-weight:650; }
.aa-pchips { display:flex; flex-wrap:wrap; gap:6px; }
.aa-pchip { display:flex; flex-direction:column; align-items:center; gap:1px; padding:6px 11px; border-radius:12px; cursor:pointer; position:relative;
  border:1px solid var(--line); background:color-mix(in srgb, var(--card) 70%, transparent); transition:border-color .15s, background-color .15s, transform .15s; }
.aa-pchip input { position:absolute; opacity:0; pointer-events:none; }
.aa-pchip b { font-size:13px; font-variant-numeric:tabular-nums; } .aa-pchip small { font-size:10.5px; color:var(--text2); white-space:nowrap; }
.aa-pchip:hover { transform:translateY(-1px); border-color:color-mix(in srgb, #8B5CF6 45%, var(--line)); }
.aa-pchip.on { border-color:#8B5CF6; background:linear-gradient(135deg, rgba(139,92,246,.22), rgba(62,166,255,.14)); box-shadow:0 4px 14px rgba(139,92,246,.22); }
.aa-pchip.on small { color:#C4B5FD; }
.aa-pchip.rec:not(.on) small { color:#30A46C; }
.aa-pchip:has(input:focus-visible) { outline:2px solid #8B5CF6; outline-offset:2px; }
/* the label: a plain rectangle; pointed at, it goes away — and stays away 4 s after the pointer leaves */
.live.done .live-charts[data-done-label]::after { border-radius:0 !important; }
.live.done .live-charts:hover::after { opacity:.3; transform:translate(-50%, -50%); }   /* the hover rule gives way to the class below */
.live.done .live-charts.lbl-off::after { opacity:0 !important; transform:translate(-50%, -50%) scale(.94) !important; }
/* «✓ Выполнено 11 мин назад»: a small square tag between the two charts, on the left (no more overlay on the bars) */
.live.done .live-charts[data-done-label]::after { display:none !important; }
.live-charts figcaption .done-tag { display:inline-flex; align-items:center; margin-right:10px; padding:2px 8px; border-radius:0; font-size:11px; font-weight:700;
  letter-spacing:.02em; text-transform:none; color:#30A46C; background:rgba(48,164,108,.12); box-shadow:inset 0 0 0 1px rgba(48,164,108,.45); white-space:nowrap; }
.live-charts figcaption .done-tag[data-kind="err"] { color:#E5484D; background:rgba(229,72,77,.12); box-shadow:inset 0 0 0 1px rgba(229,72,77,.45); }
.live-charts figcaption .done-tag[data-kind="warn"] { color:#E9A400; background:rgba(233,164,0,.12); box-shadow:inset 0 0 0 1px rgba(233,164,0,.45); }
#run .live-charts figure:nth-child(2) figcaption { justify-content:flex-start; align-items:center; }
/* «Сбор информации»: the 5- / 10-minute bars of a sparse AI session — a touch softer, with a top highlight */
.live-chart rect.agg { opacity:.92; }
.live-chart rect { transition:opacity .2s; }
.live-chart:hover rect:not(.gapc) { opacity:.85; }
/* the tag now sits under «Входящие ответы» */
.live-charts figure > .done-tag { display:inline-flex; align-items:center; margin-top:8px; padding:2px 8px; border-radius:0; font-size:11px; font-weight:700;
  color:#30A46C; background:rgba(48,164,108,.12); box-shadow:inset 0 0 0 1px rgba(48,164,108,.45); white-space:nowrap; }
.live-charts figure > .done-tag[data-kind="err"] { color:#E5484D; background:rgba(229,72,77,.12); box-shadow:inset 0 0 0 1px rgba(229,72,77,.45); }
.live-charts figure > .done-tag[data-kind="warn"] { color:#E9A400; background:rgba(233,164,0,.12); box-shadow:inset 0 0 0 1px rgba(233,164,0,.45); }
/* «📚 Сколько роликов показывать ИИ» */
.aa-settings > .aa-feed { grid-column:1 / -1; }
.aa-feed .aa-pt { display:flex; align-items:center; gap:6px; }
.aa-feed-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 !important; }
.aa-feed-l { min-width:84px; font-size:12.5px; font-weight:650; color:var(--text2); }
/* the bar's card: every service on its own line, the most first */
.bar-tip .bt-h { display:block; margin:3px 0 2px; font-size:11px; color:var(--text2); text-transform:uppercase; letter-spacing:.05em; }
.bar-tip .bt-row { display:flex; align-items:center; gap:7px; font-size:12.5px; line-height:1.6; }
.bar-tip .bt-row b { margin-left:auto; padding-left:14px; font-variant-numeric:tabular-nums; }
.bar-tip .bt-dot { width:9px; height:9px; border-radius:3px; display:inline-block; flex:none; }
.bt-dot.yt { background:#E5484D; } .bt-dot.gf, .bt-dot.ai { background:#3EA6FF; } .bt-dot.gp { background:#8B5CF6; } .bt-dot.cl { background:#D97757; }
.bar-tip .bt-err { display:block; margin-top:2px; }
/* the bar's card: its left edge in the bar's own colours, by share (the most on top) */
.ses-tip.bar-tip { border-left-color:transparent; }
.ses-tip.bar-tip::before { content:""; position:absolute; left:-4px; top:-1px; bottom:-1px; width:4px; border-radius:8px 0 0 8px; background:var(--strip, #3EA6FF); }
/* «Перегенерировать»: only the popular themes, or with the niche ones too */
.aip-ask-dlg { border:1px solid var(--line); border-radius:18px; padding:20px 22px; background:var(--card); color:var(--text); max-width:480px; box-shadow:0 24px 60px rgba(0,0,0,.45); }
.aip-ask-dlg::backdrop { background:rgba(0,0,0,.45); }
.aak-h { font-size:17px; } .aak-t { margin:8px 0 14px; font-size:13px; color:var(--text2); }
.aak-btns { display:flex; flex-direction:column; gap:8px; align-items:stretch; }
.aak-btns .btn { border-radius:12px; padding:10px 14px; font-weight:650; text-align:left; }
.aak-both { border:1.5px solid transparent !important; background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(135deg, #8B5CF6, #22D3EE, #30A46C) border-box !important; }
.aak-btns .linkbtn { align-self:center; margin-top:2px; }
.aak-n { display:block; margin-top:12px; font-size:11.5px; color:var(--text2); }
/* the row's niche variant */
.aa-niche-dot { margin-right:5px; cursor:help; }
.aa-niche { margin-top:10px; padding:10px 12px; border-radius:12px; border:1px dashed color-mix(in srgb, #14B8A6 45%, var(--line)); background:color-mix(in srgb, #14B8A6 6%, transparent); }
.aa-niche-h { margin:0 0 6px; font-size:12px; font-weight:700; color:#5EEAD4; }
.aak-btns .linkbtn { background:none; border:0; color:var(--blue); font:inherit; font-size:13px; cursor:pointer; padding:4px 8px; }
/* the load chart's card: always above the navigator under the chart, its notes wrap inside it */
#load .ld-tip { z-index:30; max-width:300px; }
#load .ld-tip .ld-k { white-space:normal; }
#load .ld-tip .ld-mt { display:block; margin-top:6px; padding:6px 8px; border-radius:8px; max-width:none; white-space:normal; line-height:1.35;
  color:#7CC4FF; background:rgba(62,166,255,.10); box-shadow:inset 0 0 0 1px rgba(62,166,255,.3); }
/* «⛓ Очередь бесплатных моделей» — a little violet; «🔑 Ключи ИИ» — a little yellow */
#ai details.keys-cat.chain-cat { border-color:color-mix(in srgb, #8B5CF6 45%, var(--line)) !important;
  background:linear-gradient(135deg, rgba(139,92,246,.13), rgba(139,92,246,.04) 60%, transparent) !important; }
#ai details.keys-cat.chain-cat > summary .kc-ic { color:#A78BFA; }
#ai details.keys-cat.chain-cat > summary .kc-t { color:#C4B5FD; }
#ai details.keys-cat.chain-cat:hover { border-color:color-mix(in srgb, #8B5CF6 65%, var(--line)) !important; }
#ai details#keys.keys-cat { border-color:color-mix(in srgb, #E9B400 45%, var(--line)) !important;
  background:linear-gradient(135deg, rgba(233,180,0,.12), rgba(233,180,0,.035) 60%, transparent) !important; }
#ai details#keys.keys-cat > summary .kc-t { color:#F5C94A; }
#ai details#keys.keys-cat:hover { border-color:color-mix(in srgb, #E9B400 65%, var(--line)) !important; }
@media (prefers-color-scheme: light) {
  #ai details.keys-cat.chain-cat > summary .kc-t { color:#6D28D9; }
  #ai details#keys.keys-cat > summary .kc-t { color:#A16207; }
}
/* «Идёт сбор: …» — while work goes on, it's seen at once: big, glowing, with a running stripe */
.live.on .live-head { position:relative; padding:10px 14px; border-radius:14px; overflow:hidden; isolation:isolate;
  background:linear-gradient(90deg, rgba(48,164,108,.16), rgba(48,164,108,.05)); box-shadow:inset 0 0 0 1px rgba(48,164,108,.45), 0 6px 22px rgba(48,164,108,.18); }
.live.on .live-head::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(100deg, transparent 0 35%, rgba(48,209,88,.18) 50%, transparent 65% 100%); background-size:250% 100%; animation:liveRun 2.2s linear infinite; }
.live.on .live-state { font-size:21px; font-weight:800; letter-spacing:-.01em; color:#4ADE80; }
.live.on .live-dot { width:16px; height:16px; box-shadow:0 0 0 4px rgba(48,164,108,.25), 0 0 16px rgba(48,209,88,.7); }
.live.on .live-tot { font-size:13px; }
@keyframes liveRun { from { background-position:150% 0; } to { background-position:-100% 0; } }
@media (prefers-reduced-motion: reduce) { .live.on .live-head::after { animation:none; } }
@media (prefers-color-scheme: light) { .live.on .live-state { color:#15803D; } }
.live-ai { margin:2px 0 0; font-size:12.5px; color:var(--text2); line-height:1.5; }
.live-ai b { color:#C4B5FD; } .live-ai .la-ic { margin-right:2px; } .live-ai .la-what { opacity:.8; } .live-ai .la-ago { opacity:.7; }
/* «В среднем за запрос» */
.aiu-avg { display:flex; flex-direction:column; gap:2px; font-size:12.5px; }
.aiu-avg-r { display:grid; grid-template-columns:minmax(0, 1fr) 96px 96px; align-items:center; gap:10px; padding:5px 8px; border-radius:8px; }
.aiu-avg-r:not(.h):nth-child(even) { background:color-mix(in srgb, var(--text) 4%, transparent); }
.aiu-avg-r > span { display:flex; align-items:center; gap:7px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text2); }
.aiu-avg-r > span i { width:9px; height:9px; border-radius:3px; flex:none; display:inline-block; }
.aiu-avg-r > b, .aiu-avg-r > small { text-align:right; font-variant-numeric:tabular-nums; }
.aiu-avg-r.h small { color:var(--text2); font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
/* «с ошибкой» in the bar's card: a yellow square like the others, and the code(s) small under it */
.bar-tip .bt-row.bt-err { color:#FFD60A; margin-top:0; }
.bt-dot.err { background:#FFD60A; }
.bar-tip .bt-code { display:block; margin:0 0 0 16px; font-size:10.5px; color:var(--text2); font-family:ui-monospace, Menlo, Consolas, monospace; }
/* the queue of ИИ Подборка, 2026: quiet, minimal, the running one with its progress */
.aa-queue.v2 { padding:12px 14px; border-radius:16px; border:1px solid color-mix(in srgb, #8B5CF6 28%, var(--line)); background:color-mix(in srgb, #8B5CF6 5%, transparent); }
.aq-head { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.aq-title { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text2); }
.aq-count { min-width:20px; height:20px; padding:0 6px; border-radius:999px; display:inline-grid; place-items:center; font-size:11.5px; font-weight:800; color:#fff; background:#8B5CF6; }
.aq-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.aq-item { display:grid; grid-template-columns:14px minmax(0, 1fr) auto; align-items:center; gap:10px; padding:9px 10px; border-radius:12px; transition:background-color .2s; }
.aq-item:hover { background:color-mix(in srgb, var(--text) 4%, transparent); }
.aq-dot { width:10px; height:10px; border-radius:50%; background:color-mix(in srgb, var(--text2) 45%, transparent); justify-self:center; }
.aq-item.running .aq-dot { background:#A78BFA; box-shadow:0 0 0 4px rgba(167,139,250,.2), 0 0 12px rgba(167,139,250,.7); animation:pulse 1.2s ease-in-out infinite; }
.aq-main { display:flex; flex-direction:column; gap:4px; min-width:0; }
.aq-main > b { font-size:13.5px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aq-tag { margin-left:6px; padding:1px 7px; border-radius:999px; font-style:normal; font-size:10.5px; font-weight:700; color:#5EEAD4; background:rgba(20,184,166,.14); vertical-align:1px; }
.aq-meta { font-size:12px; color:var(--text2); } .aq-meta b { color:var(--text); font-variant-numeric:tabular-nums; }
.aq-prog { height:5px; border-radius:999px; overflow:hidden; background:color-mix(in srgb, var(--text2) 16%, transparent); }
.aq-prog i { display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg, #8B5CF6, #3EA6FF, #22D3EE); transition:width .6s cubic-bezier(.3,.8,.3,1); }
.aq-x { width:26px; height:26px; border-radius:50%; border:1px solid var(--line); background:none; color:var(--text2); font-size:16px; line-height:1; cursor:pointer; }
.aq-x:hover { color:#E5484D; border-color:rgba(229,72,77,.5); }
.aq-item.queued .aq-main > b { color:var(--text2); }
/* the session line: a column of fixed squares (filled, not a dashed stroke) */
.ses-line.ses-ok rect { fill:#30A46C; } .ses-line.ses-bad rect { fill:#E5484D; } .ses-line.ses-int rect { fill:#E9A400; }
g.ses-line { stroke:none; }
.ses-line.ses-ok rect { fill:#34C77B; }

/* ---------- ИИ Подборка: the queue set by set, and «📁 Готово» (v.272) ---------- */
.aq-item { align-items:start; }
.aq-item > .aq-dot { margin-top:5px; }
.aq-sets { display:flex; flex-direction:column; gap:10px; margin-top:6px; padding:10px 12px; border-radius:12px; background:color-mix(in srgb, var(--text) 4%, transparent); }
.aq-sec { display:flex; flex-direction:column; gap:6px; min-width:0; }
.aq-sl { font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--text2); }
.aq-row { display:flex; align-items:center; gap:8px; min-width:0; padding:8px 10px; border-radius:10px; background:color-mix(in srgb, #8B5CF6 12%, transparent); border:1px solid color-mix(in srgb, #8B5CF6 35%, transparent); }
.aq-row { flex-wrap:wrap; row-gap:5px; }
.aq-row b { flex:0 1 auto; font-size:13.5px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:5em; }
.aq-row small { margin-left:auto; font-size:11.5px; color:var(--text2); font-variant-numeric:tabular-nums; white-space:nowrap; }
.aq-spin { width:14px; height:14px; flex:none; border-radius:50%; border:2px solid color-mix(in srgb, #A78BFA 30%, transparent); border-top-color:#A78BFA; animation:aqspin .8s linear infinite; }
@keyframes aqspin { to { transform:rotate(360deg); } }
.aq-none { margin:0; font-size:12.5px; color:var(--text2); }
.aq-lang { flex:none; font-style:normal; font-size:10px; font-weight:800; letter-spacing:.04em; padding:1px 5px; border-radius:5px; color:#7DD3FC; background:rgba(56,189,248,.14); }
.aq-lang.en { color:#FCA5A5; background:rgba(248,113,113,.14); }
.aq-ph { flex:none; font-style:normal; font-size:10.5px; font-weight:700; padding:1px 7px; border-radius:999px; color:#FDBA74; background:rgba(251,146,60,.14); white-space:nowrap; }
.aq-ph.niche { color:#5EEAD4; background:rgba(20,184,166,.14); }
.aq-chips { display:flex; flex-wrap:wrap; gap:5px; }
.aq-chip { display:inline-flex; align-items:center; gap:5px; max-width:100%; font-size:12px; padding:3px 6px 3px 9px; border-radius:999px; background:var(--card); border:1px solid var(--line); color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.aq-chip .aq-ph.niche { padding:0 4px; }
.aq-more summary, .aq-sets-d summary { cursor:pointer; list-style:none; font-size:12px; color:var(--blue); width:max-content; }
.aq-more summary::-webkit-details-marker, .aq-sets-d summary::-webkit-details-marker { display:none; }
.aq-more[open] summary { margin-bottom:6px; }
.aq-sets-d { margin-top:2px; } .aq-sets-d[open] summary { margin-bottom:8px; }
.aq-sets-d summary::after { content:" ▾"; } .aq-sets-d[open] summary::after { content:" ▴"; }
/* the folder of what's done */
.aq-done { margin:6px 0 12px; border-radius:16px; border:1px solid color-mix(in srgb, #30A46C 30%, var(--line)); background:color-mix(in srgb, #30A46C 5%, transparent); }
.aq-done > summary { display:flex; align-items:center; gap:8px; padding:10px 14px; cursor:pointer; list-style:none; border-radius:16px; }
.aq-done > summary::-webkit-details-marker { display:none; }
.aq-done > summary:hover { background:color-mix(in srgb, #30A46C 7%, transparent); }
.aq-fold { width:26px; height:26px; flex:none; display:grid; place-items:center; }
.aq-fold svg { width:24px; height:24px; overflow:visible; }
.aq-fold .aq-fb { fill:#D79B2E; }
.aq-fold .aq-ff { fill:#F5B83D; transform-origin:50% 100%; transition:transform .3s cubic-bezier(.3,1.4,.5,1); }
.aq-done[open] .aq-fold .aq-ff { transform:skewX(-14deg) scaleY(.82); }
.aq-done.got .aq-fold { animation:aqgot .55s cubic-bezier(.3,1.6,.5,1); }
@keyframes aqgot { 40% { transform:scale(1.28) rotate(-6deg); } }
.aq-dt { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text2); }
.aq-done .aq-count { background:#30A46C; }
.aq-dsub { font-size:11.5px; color:var(--text2); } .aq-dsub.r { margin-left:auto; }
.aq-done[open] .aq-dsub.r { visibility:hidden; }
.aq-chev { width:8px; height:8px; flex:none; margin:0 4px 3px 2px; border-right:2px solid var(--text2); border-bottom:2px solid var(--text2); transform:rotate(45deg); transition:transform .25s; }
.aq-done[open] .aq-chev { transform:translateY(3px) rotate(225deg); }
.aq-dl { list-style:none; margin:0; padding:2px 10px 10px; display:flex; flex-direction:column; gap:4px; max-height:420px; overflow:auto; }
.aq-dr { display:grid; grid-template-columns:20px minmax(0, 1fr); gap:8px; padding:8px 8px; border-radius:10px; }
.aq-dr:hover { background:color-mix(in srgb, var(--text) 4%, transparent); }
.aq-st { width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:800; color:#fff; background:#30A46C; margin-top:1px; }
.aq-dr.fail .aq-st { background:#E5484D; } .aq-dr.later .aq-st { background:#D79B2E; font-size:10px; } .aq-dr.same .aq-st, .aq-dr.thin .aq-st { background:color-mix(in srgb, var(--text2) 50%, transparent); }
.aq-dm { min-width:0; display:flex; flex-direction:column; gap:5px; }
.aq-dh { display:flex; align-items:center; gap:6px; flex-wrap:wrap; min-width:0; }
.aq-dh b { font-size:13px; font-weight:650; }
.aq-dh small { font-size:11.5px; color:var(--text2); }
.aq-dr.same .aq-dh b, .aq-dr.thin .aq-dh b { color:var(--text2); font-weight:500; }
.aq-topics { display:flex; flex-wrap:wrap; gap:4px; }
.aq-topics span { font-size:11.5px; padding:2px 8px; border-radius:6px; background:color-mix(in srgb, #8B5CF6 13%, transparent); color:var(--text); }
.aq-dr.same .aq-topics span { opacity:.6; }
/* a finished set flies from «Сейчас» into the folder */
.aq-ghost { position:fixed; z-index:200; pointer-events:none; margin:0; display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px;
  background:#30A46C; color:#fff; font-size:13px; font-weight:650; box-shadow:0 10px 30px rgba(0,0,0,.3); white-space:nowrap; overflow:hidden;
  transition:transform .75s cubic-bezier(.5,0,.3,1), opacity .75s ease, width .75s cubic-bezier(.5,0,.3,1); }
@media (prefers-reduced-motion: reduce) { .aq-ghost { display:none; } .aq-spin { animation-duration:2.4s; } }

#sets > p.muted { margin-bottom:14px; }

/* ИИ Подборка: «🚫 Скрытые темы» (v.275) */
.aa-set.aa-block { flex-direction:column; align-items:stretch; gap:8px; }
.ab-top { display:flex; align-items:center; gap:6px; font-size:13.5px; }
.ab-st { margin:0; font-size:12.5px; }
.ab-list { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.ab-list li { display:inline-flex; align-items:center; gap:2px; padding:3px 4px 3px 10px; border-radius:999px; font-size:12.5px; background:rgba(229,72,77,.12); border:1px solid rgba(229,72,77,.3); }
.ab-list form { display:inline; margin:0; }
.ab-t { text-decoration:line-through; text-decoration-color:rgba(229,72,77,.6); }
.ab-x { width:22px; height:22px; border:0; border-radius:50%; background:none; color:var(--text2); cursor:pointer; font-size:15px; line-height:1; }
.ab-x:hover { background:var(--hover); color:var(--text); }

/* «Нагрузка на сайт»: the hover card a little see-through, so the lines behind it still show (v.280) */
#load .ld-tip { background:color-mix(in srgb, var(--card) 80%, transparent); -webkit-backdrop-filter:blur(6px) saturate(1.2); backdrop-filter:blur(6px) saturate(1.2);
  border-color:color-mix(in srgb, var(--line) 70%, transparent); box-shadow:0 8px 24px rgba(0,0,0,.25); transition:left .12s ease-out; }
@media (prefers-reduced-motion: reduce) { #load .ld-tip { transition:none; } }

/* 👑 ИИ Подборка: crowned sets (written by 3.8 Flash) — the toggle next to ↻ and the chip in the section's head */
.aa-acts { display:inline-flex; align-items:center; gap:6px; }
.aa-king { padding:4px 8px !important; min-height:0 !important; height:28px; font-size:14px !important; line-height:1; filter:grayscale(1); opacity:.45; transition:filter .15s, opacity .15s, box-shadow .15s; }
.aa-king:hover { opacity:.8; filter:grayscale(.3); }
.aa-king.on { filter:none; opacity:1; box-shadow:inset 0 0 0 1px rgba(245,179,1,.6); background:rgba(245,179,1,.14) !important; }
span.aa-king { display:inline-grid; place-items:center; border-radius:8px; }
.aa-row:has(.aa-king.on) { border-color:rgba(245,179,1,.45); }
.aa-chip.king { background:rgba(245,179,1,.14); color:#E9A400; }
.aa-chip.king.over { background:rgba(229,72,77,.16); color:#E5484D; }

/* ---------- 🗂 «Обновления и бэкапы» (under «Нагрузка на сайт») ---------- */
.bk { --bk-data:#3EA6FF; --bk-back:#14B8A6; --bk-upd:#8B5CF6; --bk-sys:color-mix(in srgb, var(--text2) 45%, transparent); --bk-free:color-mix(in srgb, var(--text2) 14%, transparent); }
.bk-disk { display:flex; flex-direction:column; gap:8px; margin:6px 0 14px; padding:12px 14px; border-radius:14px; background:var(--chip); }
.bk-dh { display:flex; justify-content:space-between; align-items:baseline; gap:6px 12px; flex-wrap:wrap; font-size:13px; color:var(--text2); }
.bk-dh > b { font-size:14px; color:var(--text); } .bk-dh span b { color:var(--text); } .bk-dh .bk-low { color:#E5484D; }
.bk-bar { display:flex; height:14px; border-radius:999px; overflow:hidden; background:var(--bk-free); }
.bk-seg { display:block; height:100%; min-width:0; transition:width .4s ease; }
.bk-seg:not(.s-free) + .bk-seg:not(.s-free) { box-shadow:inset 1px 0 0 rgba(255,255,255,.35); }
.s-data { background:var(--bk-data); } .s-back { background:var(--bk-back); } .s-upd { background:var(--bk-upd); } .s-sys { background:var(--bk-sys); } .s-free { background:var(--bk-free); }
.bk-leg { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px 14px; font-size:12px; color:var(--text2); }
.bk-leg li { display:inline-flex; align-items:center; gap:6px; } .bk-leg b { color:var(--text); font-weight:600; font-variant-numeric:tabular-nums; }
.bk-dot { width:10px; height:10px; border-radius:3px; flex:none; } .bk-dot.s-free { box-shadow:inset 0 0 0 1px var(--line); }
.bk-cats summary { cursor:pointer; font-size:12.5px; color:var(--blue); list-style:none; } .bk-cats summary::-webkit-details-marker { display:none; }
.bk-cats ul { list-style:none; margin:8px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:4px 16px; font-size:12.5px; }
.bk-cats li { display:flex; justify-content:space-between; gap:10px; border-bottom:1px dashed var(--line); padding:3px 0; } .bk-cats li b { font-variant-numeric:tabular-nums; }
.bk-block { border-top:1px solid var(--line); padding-top:12px; margin-top:12px; display:flex; flex-direction:column; gap:10px; }
.bk-bh { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.bk-bh h3 { margin:0; font-size:15px; } .bk-bh h3 small { font-size:12px; font-weight:500; color:var(--text2); margin-left:6px; }
.bk-st { margin:0; font-size:13px; padding:8px 12px; border-radius:10px; background:var(--chip); }
.bk-st.st-running { background:rgba(62,166,255,.12); color:#3EA6FF; } .bk-st.st-ok { background:rgba(48,164,108,.12); color:#30A46C; } .bk-st.st-error { background:rgba(229,72,77,.12); color:#E5484D; }
.bk-set { margin-top:0; } .bk-set1 .rs-left { grid-template-columns:minmax(0, 1fr); }
.bk-set .rs-field.bk-rc1 { --rc:#14B8A6; } .bk-set .rs-field.bk-rc2 { --rc:#3EA6FF; } .bk-set .rs-field.bk-rc3 { --rc:#8B5CF6; }
.bk-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; max-height:420px; overflow:auto; overscroll-behavior:contain; }
.bk-row { display:grid; grid-template-columns:auto minmax(0, 1fr) auto auto; align-items:center; gap:4px 12px; padding:8px 10px 8px 12px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
.bk-row.cur { border-color:color-mix(in srgb, #30A46C 55%, var(--line)); background:color-mix(in srgb, #30A46C 7%, var(--card)); }
.bk-row.err { border-color:color-mix(in srgb, #E5484D 45%, var(--line)); }
.bk-when, .bk-ver { font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.bk-why { font-size:12.5px; color:var(--text2); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .bk-why small { opacity:.8; }
.bk-size { font-size:12.5px; color:var(--text2); font-variant-numeric:tabular-nums; white-space:nowrap; }
.bk-acts { display:inline-flex; gap:6px; align-items:center; }
.bk-acts .btn { padding:4px 10px !important; min-height:0 !important; height:30px; font-size:13px !important; }
.bk-tag { display:inline-block; margin-right:6px; padding:1px 8px; border-radius:999px; font-size:11.5px; font-weight:600; background:var(--chip); color:var(--text2); }
.bk-tag.now { background:rgba(48,164,108,.16); color:#30A46C; } .bk-tag.bad { background:rgba(229,72,77,.14); color:#E5484D; }
.bk-log { grid-column:1 / -1; } .bk-log summary { cursor:pointer; font-size:12px; color:#E5484D; }
.bk-log pre { max-height:220px; overflow:auto; font-size:11.5px; white-space:pre-wrap; background:var(--chip); padding:8px 10px; border-radius:8px; margin:6px 0 0; }
.bk-empty { margin:0; font-size:13px; }
@media (max-width:620px) {
  .bk-row { grid-template-columns:minmax(0, 1fr) auto; }
  .bk-row .bk-why { grid-column:1 / -1; grid-row:2; white-space:normal; }
  .bk-row .bk-acts { grid-column:1 / -1; grid-row:3; justify-content:flex-end; }
  .bk-set .rs-left { grid-template-columns:minmax(0, 1fr); }
}

/* «эта версия уже установлена»: a calm card with a green tick — nothing went wrong, nothing to do */
.flashes .flash-same { border-left:4px solid #30A46C; align-items:center; background:linear-gradient(100deg, color-mix(in srgb, #30A46C 12%, var(--card)), var(--card) 70%); }
.flashes .flash-same::before { content:"✓"; flex:none; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#30A46C; color:#fff; font-weight:800; font-size:15px;
  box-shadow:0 0 0 4px color-mix(in srgb, #30A46C 22%, transparent); }
.flashes .flash-same span { font-weight:600; }
.flash-same { background:rgba(48,164,108,.12); }

/* ⏱ in a row of «ИИ Подборка»: how often this set gets new themes (its own, or the common step) */
.aa-ev { height:28px; width:88px; padding:0 4px 0 8px; border-radius:999px; border:1px solid var(--line); background:var(--card); color:var(--text2); font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.aa-ev.own { color:#2B8EE8; border-color:rgba(62,166,255,.55); background:rgba(62,166,255,.1); }
.aa-ev.off { color:var(--text2); border-style:dashed; }
.aa-ev:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.aa-ev-t { font-size:12px; font-weight:600; color:var(--text2); white-space:nowrap; }
/* with ⏱ in the row the set's name gets the bigger share (the themes are in the opened row anyway) */
@media (min-width:621px) {
  .aa-row > summary { grid-template-columns:auto minmax(0, 1.3fr) minmax(0, 1fr) auto auto 14px; }
  .aa-row > summary:has(> .aa-pick) { grid-template-columns:auto auto minmax(0, 1.3fr) minmax(0, 1fr) auto auto 14px; }
}

/* 📅 a set's own period in the admin list: in the opened row, and a tag in its line */
.aa-dp-form { display:flex; align-items:center; gap:6px 12px; flex-wrap:wrap; padding:2px 0 8px; border-bottom:1px dashed var(--line); margin-bottom:4px; font-size:13px; }
.aa-dp-form label { display:inline-flex; align-items:center; gap:8px; font-weight:600; }
.aa-dp-form .aa-ev { width:auto; max-width:240px; }
.aa-dp-own { display:inline-block; margin-left:4px; padding:0 6px; border-radius:999px; background:rgba(62,166,255,.14); color:#2B8EE8; font-weight:700; font-size:11px; }

/* «↺ Сбросить график» next to «Как выглядит запрос» */
.live-tools { align-items:center; flex-wrap:wrap; }
.live-tools form { margin:0; }
.live-reset { font-weight:600; }

/* the bar card's error part (v.317): its own block under a thin line — the row like the others, the codes as small chips */
.bar-tip .bt-row.bt-err { display:flex; color:#FFD60A; margin-top:0; font-weight:600; }
.bar-tip .bt-sep { display:block; height:1px; margin:5px 0 4px; background:var(--line); }
.bar-tip .bt-codes { display:flex; flex-direction:column; gap:3px; margin:3px 0 1px 16px; }
.bar-tip .bt-code { display:flex; align-items:baseline; gap:6px; margin:0; padding:2px 7px; border-radius:6px; width:max-content; max-width:240px;
  background:rgba(255,214,10,.12); color:#FFD60A; font:600 11px/1.35 ui-monospace, Menlo, Consolas, monospace; }
.bar-tip .bt-code i { font:500 11px/1.35 var(--body, system-ui); font-style:normal; color:var(--text2); }

/* «Нагрузка на сайт»: четвёртая линия — запись голосов; таблица «🖥 Сервер» (v.341) */
.c-ld-v { background:#EF5350; }
.lg-row i.c-ld-v { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; }
.ld-rec { stroke:#EF5350; fill:#EF5350; } .ld-line.ld-rec { fill:none; } .ld-hot.ld-rec { fill:#EF5350; }
.ld-sys { margin:10px 0 2px; padding:12px 14px; border-radius:12px; background:var(--chip); }
.sy-head { display:flex; align-items:center; gap:6px; }
.sy-per { font-weight:400; color:var(--text2); }
.sy-head .hint { margin-left:2px; }
.sc-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.sc { background:var(--card); border-radius:10px; padding:10px 12px 8px; min-width:0; }
.sc-h { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:2px 8px; min-height:38px; }
.sc-t { font-size:12.5px; font-weight:600; display:flex; flex-direction:column; gap:1px; }
.sc-t small { font-weight:400; font-size:11px; color:var(--text2); font-variant-numeric:tabular-nums; }
.sc-vs { display:flex; flex-direction:column; align-items:flex-end; text-align:right; min-width:0; margin-left:auto; }
.sc-v { text-transform:none; font-size:17px; font-weight:750; letter-spacing:-.02em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.sc-vs small { font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.sc-box { position:relative; margin-top:6px; cursor:crosshair; }
.sc-ax { position:absolute; left:0; top:-2px; font-size:10px; color:var(--text2); pointer-events:none; }
.sc-svg { display:block; width:100%; height:78px; overflow:visible; }
.sc-grid-l { stroke:color-mix(in srgb, var(--text2) 16%, transparent); stroke-width:1; stroke-dasharray:3 4; vector-effect:non-scaling-stroke; }
.sc-a { stroke:none; opacity:.2; } .sc-a2 { opacity:.32; }
.sc-l { fill:none; stroke-width:1.8; vector-effect:non-scaling-stroke; stroke-linejoin:round; stroke-linecap:round; }
.sc-guide { stroke:var(--text2); stroke-width:1; vector-effect:non-scaling-stroke; opacity:.7; }
.f-cpu { fill:#8B5CF6; } .s-cpu { stroke:#8B5CF6; } .t-cpu { color:#A78BFA; }
.f-site { fill:#14B8A6; } .s-site { stroke:#14B8A6; } .t-site { color:#2DD4BF; }
.f-ram { fill:#30A46C; } .s-ram { stroke:#30A46C; } .t-ram { color:#4ADE80; }
.f-rx { fill:#3EA6FF; } .s-rx { stroke:#3EA6FF; } .t-rx { color:#60B8FF; }
.f-tx { fill:#F59E0B; } .s-tx { stroke:#F59E0B; } .t-tx { color:#FBBF24; }
.f-v { fill:#EF5350; } .s-v { stroke:#EF5350; } .t-v { color:#F87171; }
.f-vrec { fill:#B91C1C; } .s-vrec { stroke:#FCA5A5; stroke-dasharray:4 3; } .t-vrec { color:#FCA5A5; }
.t-mut { color:var(--text2); }
.sy-self, .sy-empty { margin:8px 0 0; font-size:11.5px; color:var(--text2); }
@container (max-width:520px) {
  .load .sc-grid { gap:8px; }
  .load .sc { padding:8px 9px 6px; }
  .load .sc-v { font-size:15px; }
  .load .sc-svg { height:64px; }
}