/* Phase 124: extracted from pages.css. Source order preserved exactly; every rule
here matches only admin-panel DOM, and this sheet loads immediately after pages.css at
every load site, so the cascade is unchanged. Do not add a rule that can match
another surface — put that in pages.css. */
/* Phase 170 removed two rules that could no longer paint: `.lframe-layout .tab-header.no-border::after`
suppressed a pseudo-element pages.css stopped creating when the head panel replaced the bordered
header, and `.admin-override-card` (the red wash on Progress Override) was (0,1,0) against the tab
panel's own (0,2,0) reset. The CLASS stays on #tab-danger as a hook; the tab's danger signal is now
its head tile and its title, which .tab-header.danger-header and .admin-override-title paint. */
.admin-override-title{color:var(--danger);margin-top:0;font-size:1.5rem;font-weight:800;display:inline-flex;align-items:center;gap:10px;}
.admin-override-desc{margin-bottom:0;color:var(--text-muted);font-size:0.95rem;line-height:1.5;}
/* Phase 179f (owner: use the width): three across where the pane allows, not a fixed two with half of each card empty. */
.admin-btn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;}
/* ── Phase 179: the admin in You's shape (the owner's approved canvas, "Admin in You · 19 Sept") ─────────────
The learner's header with You current, a wide scene in the admin's light, and the menu beside the open
section (views/admin.php). The page brings its own gutter and keeps the admin's wider width, exactly as
.academy-page does; the header's words re-derive the same left edge. */
/* Phase 181 (the owner, 2026-09-20): You's width, header and content — the admin's wider cap put its
content 217px wider than You's beside the same menu. */
.admin-page{width:100%;max-width:var(--learner-content-max);margin:0 auto;padding:var(--app-content-top) var(--app-content-gutter) 96px;}
.admin-lhero .lhero-inner{max-width:var(--learner-content-max);gap:12px;}
.admin-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;}
.admin-page .tab-content-area{min-width:0;max-width:none;margin:0;padding:0;}
/* ── The menu (Phase 181, revised after the owner's look 2026-09-20) ───────────────────────────────────────
IT IS YOU'S INDEX, NOT A COPY OF IT: views/admin.php gives the panel `.you-index` and every row
`.you-nav-row`, so the anatomy comes from profile.css and the two cannot drift again. What drifted while
this file held a copy: the rows were `.btn` buttons, which do not inherit the page font, so the menu
rendered in Arial beside You's Nunito. Only the admin's own additions live here.
⚠️ (0,2,0), NOT (0,1,0): profile.css loads after this file and hides `.you-index` below 1025px for You's
phone list. A bare `.admin-index` rule loses that tie and the menu disappears on a phone. */
.admin-page .admin-index{display:flex;flex-direction:column;gap:16px;padding:12px 10px;position:sticky;top:calc(var(--app-header-height) + 16px);}
/* ⚠️ NO INNER SCROLL BOX, and that is the owner's bug report: `overflow-y:auto` with
`overscroll-behavior:contain` (from the fold-out days) swallowed the wheel, so the page would not scroll
while the pointer sat over the menu — measured 0px against 240px over You's. Ten rows cannot outgrow the
window, and You's index has neither property. */
.admin-page .admin-index .you-nav-row{width:100%;}
/* A row that DRILLS says so: a chevron on its right (the owner, 2026-09-20). A row that opens a page has
none — the mark means "there is another level here", not "this is a link". */
.admin-page .admin-index .you-nav-more{flex:0 0 auto;margin-left:auto;color:var(--text-muted);font-size:0.72rem;opacity:0.75;}
.admin-page .admin-index .admin-nav-badge:not(.hidden)+.you-nav-more{margin-left:8px;}
/* A count is attention, not an action: the coral tint, never the purple pill (the canvas's badges). */
.admin-page .admin-index .admin-nav-badge{margin-left:auto;background:rgba(244,130,92,0.14);color:#A3421F;}
/* The drill: one level at a time inside a viewport that keeps the panel's width and animates its height.
The level leaving goes out of flow so the height follows the one arriving (admin.js). */
.admin-menu-viewport{position:relative;}
.admin-menu-viewport.is-sliding{overflow:hidden;transition:height 0.26s ease;}
/* ⚠️ NO GAP: the kicker sits INSIDE the group, as You's does, and carries its own 5px. A gap here stacked
on that margin and left a hole between the title and the first row (the owner, 2026-09-20). */
.admin-menu-level{display:flex;flex-direction:column;}
.admin-menu-viewport.is-sliding .admin-menu-level{transition:transform 0.26s ease,opacity 0.26s ease;}
.admin-menu-level.is-leaving{position:absolute;top:0;left:0;right:0;}
.admin-menu-level.from-right,.admin-menu-level.to-right{transform:translateX(110%);opacity:0;}
.admin-menu-level.from-left,.admin-menu-level.to-left{transform:translateX(-110%);opacity:0;}
/* The way back to the ten sections, above the section's name (the owner's shape). Since Phase 183 it
is a FULL-WIDTH ROW — admin.js builds it as a `.you-nav-row`, so its anatomy, its hover and its
focus ring are profile.css's and are not restated here (§ Phase 181: a second copy of that anatomy
in this file is how the menu drifted into Arial). What is left is only its quieter ink and the gap
before the section's name. */
.admin-menu-back{margin-bottom:2px;color:var(--text-muted);}
.admin-menu-back .you-nav-glyph{color:var(--text-muted);}
.admin-index-sub,.admin-back{display:none;}
/* Phase 179f: an (i) beside a label holds the note that used to sit under it (ui-contracts.md, the owner's rule on
descriptive text). Plain case and weight even inside an uppercase kicker; one focus or hover shows the words. */
.admin-info{margin-left:5px;color:var(--text-secondary);font-size:0.82em;font-weight:400;letter-spacing:0;text-transform:none;opacity:0.72;cursor:help;}
.admin-info:hover,.admin-info:focus-visible{opacity:1;color:var(--primary-hover);}
.admin-info:focus-visible{outline:2px solid var(--primary-glow);outline-offset:2px;border-radius:50%;}
/* Text that introduces a table stands clear of its header row, and a list field is wide enough to read. */
.admin-tool-block>.tab-desc+.act-scroll{margin-top:10px;}
#adm-support-settings-root .set-arow-wide .sa-ctl>input.theme-input{width:100%;font-size:0.9rem;}
/* A status or preview row that is still empty takes no room (Languages → Grammar structure drew an empty band), and the
row above it drops its separator. ⚠️ An empty LIVE region is clipped, never display:none: a region that was not
rendered when its words arrived is not announced (the Phase 179 detached review; #grammar-gen-preview). */
.set-arow.set-arow-wide:has(>.sa-sub:only-child:empty:not([aria-live])){display:none;}
.set-arow.set-arow-wide:has(>.sa-sub[aria-live]:only-child:empty){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;}
.set-arow:has(+.set-arow.set-arow-wide>.sa-sub:only-child:empty){border-bottom:0;}
/* A card-level note under its head reads like every row's sub-line; it rendered at body size, larger than the card's
own title. A kept-visible safety warning keeps its size on purpose (ui-contracts.md, the one exemption). */
.set-group>.sa-sub:not([data-keep-visible]){font-size:0.78rem;line-height:1.42;color:var(--text-secondary);margin:0 0 8px;}
/* Three one-line tools side by side where they fit (Progress), each one a row on a narrow pane; one row, one height. */
.admin-tool-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;}
.admin-tool-trio>.admin-tool-block{margin:0;}
/* Each tab opens on You's section heading: its title and its one line on the ground, with no raised panel
and no icon tile (the menu already names the section). ⚠️ Scoped past the material it overrides:
components.css paints .surface-raised at (0,3,1), so a bare .admin-head would lose. */
body.app-shell-active .admin-page .tab-header.admin-head.surface-raised{padding:0 4px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.admin-page .admin-head-ic{display:none;}
.admin-page .admin-head-text h1{font-family:var(--font-display);font-size:1.875rem;line-height:1.15;}
/* The header's words: the eyebrow's two state chips, "Admin" with who is signed in, and the figures. */
.admin-lhero-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;}
.admin-state-chip>i{font-size:0.5rem;}
.admin-state-chip>i.fa-clock{font-size:0.78rem;}
.admin-state-chip--production{background:rgba(16,185,129,0.14);color:#0B6B4C;}
.admin-state-chip--staging{background:rgba(244,162,60,0.18);color:#8C5A14;}
.admin-state-chip--local,.admin-state-chip--plain{background:rgba(255,255,255,0.72);color:var(--text-secondary);}
.admin-figures{display:flex;flex-wrap:wrap;gap:10px;}
.admin-figure{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 16px;border:1px solid rgba(79,62,143,0.12);border-radius:14px;background:rgba(255,255,255,0.74);color:var(--text-color);font:inherit;text-align:left;cursor:pointer;transition:background 0.16s ease,border-color 0.16s ease;}
.admin-figure[hidden]{display:none;}
.admin-figure:hover{border-color:rgba(79,62,143,0.26);background:rgba(255,255,255,0.94);}
.admin-figure:focus-visible{outline:3px solid var(--primary-glow);outline-offset:2px;}
.admin-figure-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;line-height:1;}
.admin-figure-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:0.78rem;font-weight:700;white-space:nowrap;}
.admin-figure.is-attention .admin-figure-value{color:#A3421F;}
.admin-figure.is-attention .admin-figure-label::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:999px;background:#F4825C;}
.override-grid-btn {
display:flex;
align-items:center;
gap:15px;
padding:16px 20px;
background:rgba(255,255,255,0.75);
border:1px solid var(--card-border);
border-radius:12px;
cursor:pointer;
transition:all 0.25s cubic-bezier(0.4,0,0.2,1);
text-align:left;
color:var(--text);
width:100%;
}
body.hyper-theme .override-grid-btn{background:rgba(15,23,42,0.65);}
.override-grid-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,0.95);}
body.hyper-theme .override-grid-btn:hover{background:rgba(15,23,42,0.85);}
.override-btn-icon {
display:flex;
align-items:center;
justify-content:center;
width:45px;
height:45px;
border-radius:10px;
font-size:1.3rem;
flex-shrink:0;
transition:all 0.25s ease;
}
.override-btn-text{display:flex;flex-direction:column;gap:2px;}
.override-btn-title{font-size:1.05rem;font-weight:800;}
.override-btn-desc{font-size:0.8rem;color:var(--text-muted);font-weight:500;}
.override-grid-btn.learn-btn .override-btn-icon{background:rgba(244,162,60,0.1);color:#F4A23C;}
.override-grid-btn.learn-btn:hover{border-color:#F4A23C;box-shadow:0 6px 20px rgba(244,162,60,0.15)!important;}
.override-grid-btn.learn-btn:hover .override-btn-icon{background:#F4A23C;color:#fff;box-shadow:0 0 10px rgba(244,162,60,0.4);}
.override-grid-btn.warp-btn .override-btn-icon{background:rgba(111,95,228,0.1);color:var(--primary);}
.override-grid-btn.warp-btn:hover{border-color:var(--primary);box-shadow:0 6px 20px var(--primary-glow)!important;}
.override-grid-btn.warp-btn:hover .override-btn-icon{background:var(--primary);color:#fff;box-shadow:0 0 10px var(--primary-glow);}
.override-grid-btn.wipe-vocab-btn .override-btn-icon{background:rgba(239,68,68,0.1);color:#ef4444;}
.override-grid-btn.wipe-vocab-btn:hover{border-color:#ef4444;box-shadow:0 6px 20px rgba(239,68,68,0.15)!important;}
.override-grid-btn.wipe-vocab-btn:hover .override-btn-icon{background:#ef4444;color:#fff;box-shadow:0 0 10px rgba(239,68,68,0.4);}
.override-grid-btn.wipe-stats-btn .override-btn-icon{background:rgba(244,63,94,0.1);color:#f43f5e;}
.override-grid-btn.wipe-stats-btn:hover{border-color:#f43f5e;box-shadow:0 6px 20px rgba(244,63,94,0.15)!important;}
.override-grid-btn.wipe-stats-btn:hover .override-btn-icon{background:#f43f5e;color:#fff;box-shadow:0 0 10px rgba(244,63,94,0.4);}
/* Testing toolbelt (Progress Override) */
.admin-snapshot{margin-top:20px;padding:16px 18px;background:rgba(255,255,255,0.6);border:1px solid var(--card-border);border-radius:14px;}
body.hyper-theme .admin-snapshot{background:rgba(15,23,42,0.55);}
.admin-snapshot-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.admin-snapshot-refresh{width:34px;height:34px;border-radius:50%;border:1px solid var(--card-border);background:var(--card-bg);color:var(--primary);cursor:pointer;font-size:0.9rem;flex-shrink:0;transition:all 0.2s;}
.admin-snapshot-refresh:hover{background:var(--primary);color:#fff;}
.admin-snapshot-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;}
.snap-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;}
.snap-val{font-size:1.35rem;font-weight:800;color:var(--text-color);}
.snap-label{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);font-weight:700;}
.snap-chip-warn{border-color:rgba(192,86,58,0.5);}
.snap-chip-warn .snap-val{color:#C0563A;}
/* 183: was rgba(255,255,255,0.55) — a 45% see-through card, so the constellations read through every
tool block in the panel. The card material, like every other surface here. */
.admin-tool-block{margin-top:18px;padding:16px 18px;background:var(--surface-base-bg);border:1px solid var(--card-border);border-radius:14px;}
body.hyper-theme .admin-tool-block{background:rgba(15,23,42,0.5);}
.admin-tool-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;margin:0 0 12px;color:var(--text-color);}
.admin-tool-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.admin-lessons-seed-grid{
display:grid;
grid-template-columns:minmax(180px,1.45fr) minmax(120px,0.7fr) minmax(130px,0.7fr) auto;
align-items:end;
gap:10px;
}
.admin-seed-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.admin-seed-field>span{color:var(--text-muted);font-size:0.72rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;}
.admin-seed-field .dd,.admin-seed-field .admin-tool-input{width:100%;}
.admin-seed-field .admin-tool-input{box-sizing:border-box;}
.admin-seed-pro{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:var(--text-color);cursor:pointer;}
.admin-seed-pro input{margin-top:3px;accent-color:var(--primary);}
.admin-seed-pro span{display:flex;flex-direction:column;gap:2px;}
.admin-seed-pro strong{font-size:0.86rem;}
.admin-seed-pro small{color:var(--text-muted);font-size:0.76rem;line-height:1.35;}
.admin-tool-label{font-weight:700;color:var(--text-muted);font-size:0.9rem;}
.admin-tool-input{width:90px;padding:10px 12px;background:var(--background);border:2px solid var(--card-border);color:var(--text);border-radius:8px;outline:none;font-family:inherit;font-size:1rem;}
.admin-tool-input:focus{border-color:var(--primary);}
.admin-tool-select{flex:1;min-width:180px;padding:10px 12px;background:var(--background);border:2px solid var(--card-border);color:var(--text);border-radius:8px;outline:none;font-family:inherit;font-size:1rem;cursor:pointer;}
.admin-tool-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background 0.2s;}
.admin-tool-btn:hover{background:var(--primary-hover);}
.admin-tool-btn:disabled{opacity:0.6;cursor:default;}
.admin-tool-hint{margin:10px 0 0;font-size:0.8rem;color:var(--text-muted);}
.terminal-log {
height:300px;
overflow-y:auto;
background:#1e293b;
color:#cbd5e1;
font-family:monospace;
padding:15px;
border-radius:8px;
font-size:0.9rem;
margin-bottom:15px;
word-break:break-all;
line-height:1.5;
}
.terminal-log-info{color:#cbd5e1;}
.terminal-log-success{color:#10b981;}
.terminal-log-warning{color:#F4A23C;}
.terminal-log-error{color:#ef4444;}
.tab-header.no-border{border-bottom:none;padding-bottom:0;margin-bottom:16px;}
/* Phase 170: `.tab-header.danger-header{border-bottom-color:…}` went with the rule it coloured — the head panel
is a raised card now and draws no bottom border at all. The danger signal is the red icon tile and the red
title (pages.css), both of which this phase kept. */
/* A tab's long-form doctrine, folded behind a quiet disclosure so the controls it describes stay above
the fold. The chevron is the same idiom the rest of the admin uses for an expander. */
.tab-desc-toggle{margin-top:10px;}
.tab-desc-toggle i{transition:transform 0.18s ease;}
.tab-desc-toggle[aria-expanded="true"] i{transform:rotate(90deg);}
@media(prefers-reduced-motion:reduce){.tab-desc-toggle i{transition:none;}}
.tab-desc-more{display:flex;flex-direction:column;gap:9px;margin-top:10px;}
.sync-panel{background:var(--bg-color);border:1px solid var(--card-border);padding:20px;border-radius:12px;margin-bottom:20px;}
.sync-meta{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:bold;}
.sync-progress-container {
width:100%;
height:15px;
background:#e2e8f0;
border-radius:10px;
overflow:hidden;
margin-bottom:15px;
}
.sync-progress-bar{height:100%;background:var(--primary);transition:width 0.3s;border-radius:10px;}
/* `flex-wrap:wrap` (Phase 171): every other bar in the admin already wraps; this one did not, so at
390 the last two buttons of Image sync ran to x=679 inside a 366px row. Unpainted that only looked
like a crowded row; as a quiet bar they spill straight through the panel's edge. */
.admin-btn-group{display:flex;gap:15px;flex-wrap:wrap;}
.btn-gray{background:#94a3b8;border-color:#94a3b8;color:#fff;}
.btn-gray:hover{background:#78889b;border-color:#78889b;}
.manual-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;}
.manual-feedback-box {
margin-top:15px;
padding:15px;
border-radius:8px;
display:none;
text-align:center;
font-weight:bold;
}
.manual-img-card{border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.2s;}
.manual-img-card-img{width:100%;height:120px;object-fit:cover;display:block;}
.manual-feedback-box.error-feedback{color:#ef4444;background-color:rgba(239,68,68,0.1);border:1px solid #ef4444;}
.manual-feedback-box.success-feedback{color:#10b981;background-color:rgba(16,185,129,0.1);border:1px solid #10b981;}
.manual-img-card.saving{opacity:0.5;pointer-events:none;}
.manual-img-card.saved{opacity:1;border-color:#10b981;}
.manual-img-card:hover:not(.saving):not(.saved){border-color:#38bdf8;}
/* Manual Image Editor — carousel */
.mie-toolbar {
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
margin-bottom:20px;
flex-wrap:wrap;
}
.mie-filter{display:flex;gap:8px;}
.mie-filter-wrap{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.mie-filter-btn,.mie-type-btn{padding:8px 16px;border:1px solid var(--card-border);background:var(--bg-color);border-radius:20px;cursor:pointer;font-weight:700;color:var(--text-muted);}
.mie-filter-btn.active,.mie-type-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;}
.mie-jump{flex:1;min-width:220px;max-width:360px;}
.mie-stage{display:flex;align-items:center;gap:15px;}
.mie-nav-btn {
flex-shrink:0;
width:52px;
height:52px;
border-radius:50%;
border:1px solid var(--card-border);
background:var(--bg-color);
cursor:pointer;
font-size:1.2rem;
color:var(--text-color);
transition:all 0.15s;
}
.mie-nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);}
.mie-stage-main{flex:1;min-width:0;}
.mie-card {
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
padding:24px;
border:1px solid var(--card-border);
border-radius:16px;
background:var(--bg-color);
}
.mie-image-wrap{position:relative;width:100%;max-width:440px;}
.mie-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;background:#f1f5f9;}
.mie-missing-badge{position:absolute;top:10px;left:10px;background:var(--danger);color:#fff;padding:4px 10px;border-radius:8px;font-size:0.8rem;font-weight:700;}
.mie-info{text-align:center;}
.mie-pos{margin-bottom:8px;}
.mie-gloss{margin:0 0 4px;font-size:1.4rem;}
.mie-desc{margin:0;color:var(--text-muted);font-style:italic;}
.mie-counter{display:inline-block;margin-top:8px;font-weight:700;color:var(--text-muted);font-size:0.9rem;}
.mie-replace-btn{min-width:200px;}
.mie-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.mie-image.is-space{display:flex;align-items:center;justify-content:center;font-size:2.4rem;}
.mie-ai-review {
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
margin-top:14px;
padding:14px 16px;
border-radius:12px;
background:rgba(111,95,228,0.06);
border:1px dashed rgba(111,95,228,0.35);
}
.mie-ai-review-label{font-weight:600;color:var(--primary);font-size:0.95rem;}
.mie-ai-review-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.ai-img-input{width:100%;max-width:520px;font-family:ui-monospace,monospace;font-size:0.82rem;}
/* Selection mode: the panel replaces the card in place, so it carries the concept info. */
.mie-replace-panel{padding:24px;border:1px solid var(--card-border);border-radius:16px;background:var(--bg-color);}
.mie-replace-head{text-align:center;margin-bottom:18px;}
.mie-replace-head .mie-gloss{margin-top:4px;}
.mie-search-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
.mie-search-row .theme-input{flex:1;min-width:160px;}
/* Bounded results so the panel never pushes the page into a scroll. */
.mie-replace-panel .manual-results-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:55vh;overflow-y:auto;}
.mie-replace-panel .manual-img-card-img{height:110px;}
.mie-hint{text-align:center;color:var(--text-muted);font-size:0.85rem;margin-top:16px;}
.mie-hint kbd{background:#e2e8f0;border:1px solid var(--card-border);border-radius:4px;padding:1px 6px;font-family:monospace;font-size:0.8rem;}
/* Vocabulary Studio (admin) */
/* 70: no chrome — the tab is already a card and each .set-group is its own card (Concept A);
the old background+border made a visible box-in-a-box. */
.vocab-settings{margin:0;padding:0;background:none;border:none;}
.academy-model-input.input-invalid{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-glow);} /* FU4 — keep the Voice-model box off the first language row below */
.vocab-langs{max-width:none;}
.vocab-langs .set-group-note{max-width:82ch;}
.vocab-lang-form{display:grid;grid-template-columns:minmax(0,1fr) 116px 132px;gap:12px;margin:14px 0;}
.vocab-lang-form > label{display:flex;flex-direction:column;gap:4px;font-size:0.8rem;color:var(--text-muted);}
.vocab-lang-form input:not([type=checkbox]){width:100%;padding:9px 11px;border:1px solid var(--card-border);border-radius:8px;font-size:0.9rem;background:var(--bg-color);color:var(--text-color);}
.vocab-lang-form .rl-variant-lab{grid-column:1/-1;}
.vocab-lang-form label.vocab-check{flex-direction:row;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--card-border);border-radius:8px;background:var(--bg-color);color:var(--text-color);}
.vocab-langs>#rl-save{margin-top:2px;}
.vocab-lang-list{margin-top:20px;padding-top:15px;border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:8px;}
.vocab-lang-list-title{font-size:0.9rem;color:var(--text-color);margin:0 0 4px;}
.vocab-lang-list-title span{font-weight:400;color:var(--text-muted);font-size:0.8rem;}
.vocab-lang-row{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:6px 12px;
padding:10px 14px;
border:1px solid var(--card-border);
border-radius:10px;
background:var(--card-bg);
cursor:pointer;
text-align:left;
}
.vocab-lang-row:hover{border-color:var(--primary);background:var(--bg-color);}
.vocab-lang-row-main{display:inline-flex;align-items:center;gap:8px;color:var(--text-color);}
.vocab-lang-code{color:var(--text-muted);font-size:0.8rem;text-transform:uppercase;}
.vocab-lang-row-grammar{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:0.72rem;font-weight:700;white-space:nowrap;}
.vocab-lang-row-grammar.is-built-in{border-color:rgba(111,95,228,0.22);background:rgba(111,95,228,0.1);color:var(--primary-hover);}
.vocab-lang-row-grammar.is-generated{border-color:rgba(16,185,129,0.24);background:rgba(16,185,129,0.1);color:var(--success);}
.vocab-lang-row-grammar.is-missing{border-color:rgba(244,162,60,0.28);background:rgba(244,162,60,0.11);color:#a56205;}
.vocab-lang-row-grammar.is-checking,.vocab-lang-row-grammar.is-unavailable{border-color:var(--card-border);background:var(--bg-color);color:var(--text-muted);}
.vocab-lang-row-counts{color:var(--text-muted);font-size:0.82rem;white-space:nowrap;}
/* 71.5 prompt-template editor (Academy -> Settings -> Generation) */
.prompt-tpl-list{display:flex;flex-direction:column;gap:14px;}
.prompt-tpl{border:1px solid var(--card-border);border-radius:10px;padding:12px 14px;background:var(--card-bg);}
.prompt-tpl-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;}
.prompt-tpl-name{font-weight:600;color:var(--text-color);}
.prompt-tpl-badge{font-size:0.72rem;padding:2px 8px;border-radius:999px;background:var(--primary);color:#fff;}
.prompt-tpl-hint{font-size:0.78rem;line-height:1.45;color:var(--text-muted);margin:0 0 8px;}
.prompt-tpl-ph{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.prompt-tpl-ph code{font-size:0.72rem;padding:2px 7px;border:1px solid var(--card-border);border-radius:6px;color:var(--text-muted);}
.prompt-tpl-ph code.missing{border-color:var(--danger);color:var(--danger);}
.prompt-tpl textarea{width:100%;min-height:260px;resize:vertical;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-family:ui-monospace,Consolas,monospace;font-size:0.78rem;line-height:1.5;}
.prompt-tpl-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;}
.prompt-tpl-meta{margin-left:auto;font-size:0.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;}
.vocab-lang-row-variant{margin-right:auto;color:var(--text-muted);font-size:0.8rem;padding:2px 8px;border:1px solid var(--card-border);border-radius:999px;}
.vocab-lang-row-variant em{font-style:normal;opacity:0.65;}
.rl-variant-lab{flex:1 1 260px;min-width:220px;}
.vocab-stats-wrap{margin-top:8px;}
.vocab-stats-scroll{overflow-x:auto;}
.vocab-stats-table{width:100%;border-collapse:collapse;font-size:0.88rem;}
.vocab-stats-table th{
text-align:right;
padding:10px 12px;
color:var(--text-muted);
font-weight:700;
border-bottom:2px solid var(--card-border);
white-space:nowrap;
}
.vocab-stats-table th:first-child,.vocab-stats-table td:first-child{text-align:left;}
.vocab-stats-table td{text-align:right;padding:9px 12px;border-bottom:1px solid var(--card-border);white-space:nowrap;}
.vocab-stats-table tbody tr:hover{background:rgba(111,95,228,0.04);}
.vocab-lang{font-weight:700;color:var(--text-color);}
.vocab-lang .fi{margin-right:8px;}
.vocab-gap{
display:inline-block;
background:var(--accent-glow);
color:var(--accent-hover);
font-weight:800;
padding:2px 9px;
border-radius:999px;
}
.vocab-ok{color:var(--text-muted);}
.vocab-search-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap;}
.vocab-search-input{
flex:1;
min-width:180px;
padding:9px 12px;
border:1px solid var(--card-border);
border-radius:10px;
background:var(--card-bg);
color:var(--text-color);
font-size:0.9rem;
}
.vocab-results{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;}
.vocab-result{
text-align:left;
background:var(--bg-color);
border:1px solid var(--card-border);
border-radius:8px;
padding:8px 12px;
cursor:pointer;
font-size:0.9rem;
color:var(--text-color);
}
.vocab-result:hover{background:rgba(111,95,228,0.06);}
.vocab-result span{color:var(--text-muted);margin-left:6px;}
.vocab-empty{color:var(--text-muted);font-size:0.88rem;padding:6px 0;}
.vocab-edit-card{background:var(--bg-color);border:1px solid var(--card-border);border-radius:14px;padding:18px;}
.vocab-edit-title{font-size:1.15rem;margin-bottom:14px;color:var(--text-color);}
.vocab-etabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--card-border);margin:0 0 14px;}
.vocab-etab{
border:none;
background:none;
color:var(--text-muted);
font-weight:700;
font-size:0.85rem;
padding:8px 12px;
cursor:pointer;
border-bottom:2px solid transparent;
display:inline-flex;
align-items:center;
gap:6px;
}
.vocab-etab:hover{color:var(--text-color);}
.vocab-etab.active{color:var(--primary);border-bottom-color:var(--primary);}
.vocab-subsection{margin-top:18px;padding-top:14px;border-top:1px solid var(--card-border);}
.vocab-subsection h5{margin:0 0 10px;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);}
.vocab-pos{font-size:0.8rem;color:var(--text-muted);font-weight:600;}
.vocab-sense,.vocab-def{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:12px;margin-bottom:10px;}
.vocab-sense-head,.vocab-def-head{font-weight:700;color:var(--text-color);margin-bottom:8px;}
.vocab-fields{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px;}
.vocab-field{display:flex;flex-direction:column;gap:4px;font-size:0.78rem;color:var(--text-muted);}
.vocab-fields .vs-gender,.vocab-fields .vs-display{
padding:7px 10px;
border:1px solid var(--card-border);
border-radius:8px;
font-size:0.88rem;
background:var(--card-bg);
color:var(--text-color);
}
.vocab-check{flex-direction:row;align-items:center;gap:6px;}
.vocab-ex-label{font-size:0.78rem;color:var(--text-muted);margin:8px 0 6px;}
.vocab-ex-label span{opacity:0.7;}
.vocab-ex-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:8px;
padding:5px 0;
font-size:0.88rem;
border-bottom:1px dashed var(--card-border);
}
.vocab-ex-row em{color:var(--text-muted);}
.vocab-ex-add{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;}
.vocab-ex-add input{
flex:1;
min-width:120px;
padding:7px 10px;
border:1px solid var(--card-border);
border-radius:8px;
font-size:0.85rem;
background:var(--card-bg);
color:var(--text-color);
}
.vocab-x{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 4px;}
.vocab-ex-add select{
padding:7px 10px;
border:1px solid var(--card-border);
border-radius:8px;
font-size:0.85rem;
background:var(--card-bg);
color:var(--text-color);
}
.vocab-switch{display:inline-flex;align-items:center;gap:8px;font-size:0.82rem;color:var(--text-color);cursor:pointer;}
.vocab-switch input{position:absolute;opacity:0;width:0;height:0;}
.vocab-switch-track{
position:relative;
width:38px;
height:22px;
background:var(--card-border);
border-radius:999px;
transition:background 0.2s;
flex-shrink:0;
}
.vocab-switch-track::after{
content:"";
position:absolute;
top:2px;
left:2px;
width:18px;
height:18px;
background:#fff;
border-radius:50%;
transition:transform 0.2s;
box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
.vocab-switch input:checked + .vocab-switch-track{background:var(--primary);}
.vocab-switch input:checked + .vocab-switch-track::after{transform:translateX(16px);}
.vocab-chips,.vocab-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;}
.vocab-chip-lbl{font-size:0.72rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);width:30px;}
.vocab-chip{
display:inline-flex;
align-items:center;
gap:6px;
background:var(--card-bg);
border:1px solid var(--card-border);
border-radius:999px;
padding:4px 6px 4px 12px;
font-size:0.85rem;
color:var(--text-color);
}
.vocab-chip.is-syn{border-color:rgba(111,95,228,0.4);}
.vocab-chip.is-ant{border-color:rgba(244,130,92,0.45);}
.vocab-chip-str{
border:none;
background:rgba(111,95,228,0.12);
color:var(--primary);
font-size:0.68rem;
font-weight:800;
text-transform:uppercase;
padding:2px 7px;
border-radius:999px;
cursor:pointer;
}
.vocab-chip-str.is-distant{background:var(--bg-color);color:var(--text-muted);}
.vocab-chip-x{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px;}
.vocab-chip-x:hover{color:#ef4444;}
.vocab-thes-def{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:12px;margin-bottom:10px;}
.vocab-infl-group{margin-bottom:14px;}
.vocab-infl-ft{font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary);margin-bottom:6px;}
.vocab-infl-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.vocab-infl-person{font-size:0.78rem;color:var(--text-muted);min-width:80px;}
.vocab-infl-row .vi-form{
flex:1;
max-width:240px;
padding:7px 10px;
border:1px solid var(--card-border);
border-radius:8px;
font-size:0.88rem;
background:var(--bg-color);
color:var(--text-color);
}
.vocab-profile-row{
display:grid;
grid-template-columns:minmax(150px,0.8fr) minmax(280px,2fr) auto;
align-items:end;
gap:12px;
background:var(--card-bg);
border:1px solid var(--card-border);
border-radius:10px;
padding:12px;
margin-bottom:10px;
}
.vocab-profile-form-head{display:flex;flex-direction:column;gap:3px;align-self:center;}
.vocab-profile-form-head span{font-size:0.74rem;color:var(--text-muted);overflow-wrap:anywhere;}
.vocab-profile-reps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;min-width:0;}
.vocab-profile-reps .vocab-field em{font-size:0.68rem;color:var(--primary);font-style:normal;}
.vocab-profile-reps input{width:100%;min-width:0;box-sizing:border-box;}
.vocab-profile-form-actions{display:flex;align-items:center;gap:6px;}
.vocab-profile-add{display:grid;grid-template-columns:minmax(180px,0.8fr) minmax(280px,2fr) auto;align-items:end;gap:12px;}
.vocab-profile-add>.dd{width:100%;align-self:end;}
.vocab-addform{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;}
.vocab-addform label{display:flex;flex-direction:column;gap:4px;font-size:0.8rem;color:var(--text-muted);}
.vocab-addform input:not([type=checkbox]){
padding:8px 11px;
border:1px solid var(--card-border);
border-radius:8px;
font-size:0.9rem;
background:var(--card-bg);
color:var(--text-color);
}
.vocab-adderr{color:#ef4444;font-size:0.85rem;margin-top:8px;}
.vocab-addform-actions{display:flex;gap:10px;flex-wrap:wrap;}
.vocab-gen-langrow{margin-bottom:14px;}
/* Accordion generator cards (Phase 37) — collapsed to a single head row showing a spinner when
running, the title, the pending summary and a caret. One card expands at a time. Cards render
from the config in admin-generators.js under small group headers. */
.vocab-gen-group{margin:16px 0 8px;font-size:0.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);}
.vocab-gen-card{background:var(--bg-color);border:1px solid var(--card-border);border-radius:12px;margin-bottom:8px;overflow:hidden;}
.vocab-gen-head{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:10px 14px;
border:none;
background:none;
font:inherit;
text-align:left;
cursor:pointer;
}
.vocab-gen-head:hover{background:rgba(111,95,228,0.05);}
.vocab-gen-spin{color:var(--primary);flex-shrink:0;}
.vocab-gen-light{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#c9c9d4;box-shadow:0 0 0 2px rgba(0,0,0,0.04);transition:background 0.2s ease;}
.vocab-gen-light.is-green{background:#37c26b;box-shadow:0 0 0 2px rgba(55,194,107,0.18);}
.vocab-gen-light.is-yellow{background:#f2b134;box-shadow:0 0 0 2px rgba(242,177,52,0.2);}
.vocab-gen-light.is-red{background:#e5533c;box-shadow:0 0 0 2px rgba(229,83,60,0.18);}
/* Phase 60: position of this generator in its tab's run sequence. Generators outside a sequence render
an `.is-empty` chip — invisible but space-holding, so every card title lines up on the same x. */
.vocab-gen-seqno{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:6px;background:rgba(111,95,228,0.13);border:1px solid rgba(111,95,228,0.18);color:var(--text-muted);font-size:0.7rem;font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0;}
.vocab-gen-seqno.is-empty{background:transparent;border-color:transparent;}
/* Phase 61: terms the generator parked after repeated failures — never hidden, always restorable. */
.vocab-gen-skips{margin-top:0.5rem;}
.vocab-gen-skiplist{margin-top:0.5rem;display:flex;flex-direction:column;gap:0.35rem;}
.vocab-skip-row{display:flex;align-items:center;gap:0.6rem;padding:0.45rem 0.6rem;border:1px solid var(--card-border);border-radius:8px;background:var(--bg-color);}
.vocab-skip-term{flex:none;font-size:0.86rem;}
.vocab-skip-why{flex:1;min-width:0;font-size:0.76rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vocab-skip-all{align-self:flex-start;}
.vocab-gen-review{padding:0.5rem 0.65rem;border:1px solid rgba(229,83,60,0.28);border-radius:8px;background:rgba(229,83,60,0.05);}
.vocab-blocker-toggle{width:100%;justify-content:flex-start;color:var(--text-color);}
.vocab-blocker-list{display:flex;flex-direction:column;gap:0.4rem;margin-top:0.45rem;}
.vocab-blocker-row{display:flex;align-items:center;gap:0.6rem;padding-top:0.4rem;border-top:1px solid var(--card-border);}
.vocab-blocker-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;font-size:0.82rem;}
.vocab-blocker-copy small,.vocab-blocker-empty{color:var(--text-muted);font-size:0.74rem;overflow-wrap:anywhere;}
.vocab-blocker-all{align-self:flex-start;}
.vocab-gen-workflow{display:flex;align-items:center;gap:0.75rem;padding:0.55rem 0.7rem;border:1px solid rgba(111,95,228,0.24);border-radius:8px;background:rgba(111,95,228,0.06);}
.vocab-gen-workflow>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;font-size:0.82rem;}
.vocab-gen-workflow small{color:var(--text-muted);font-size:0.74rem;}
.vocab-gen-light.is-off{background:#c9c9d4;}
.vocab-gen-title{color:var(--text-color);font-size:0.95rem;flex-shrink:0;}
.vocab-gen-engine{color:var(--text-muted);font-size:0.8rem;flex-shrink:0;opacity:0.7;margin-left:-4px;}
.vocab-gen-headstatus{flex:1;min-width:0;text-align:right;color:var(--text-muted);font-size:0.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vocab-gen-caret{color:var(--text-muted);font-size:0.75rem;transition:transform 0.2s ease;flex-shrink:0;}
.vocab-gen-card:not(.is-collapsed) .vocab-gen-caret{transform:rotate(180deg);}
.vocab-gen-body{padding:0 16px 12px;display:flex;flex-direction:column;gap:10px;}
.vocab-gen-desc{color:var(--text-muted);font-size:0.85rem;}
/* Phase 104 WS-B — where a generator's output goes. The default is the quiet informational line; the
.is-live variant is the loud one because it marks the EXCEPTION (no review layer), and an operator
assuming a review step that is not there would publish unreviewed machine content. */
.vocab-gen-dest{display:flex;align-items:flex-start;gap:7px;font-size:0.8rem;line-height:1.45;color:var(--text-muted);padding:7px 10px;border-radius:8px;border:1px solid var(--card-border);background:var(--card-bg);}
.vocab-gen-dest i{margin-top:2px;flex:none;color:var(--primary);}
.vocab-gen-dest.is-live{color:#b8730a;border-color:rgba(244,162,60,0.4);background:rgba(244,162,60,0.1);font-weight:600;}
.vocab-gen-dest.is-live i{color:#b8730a;}
.vocab-gen-lastrun{color:var(--text-muted);font-size:0.8rem;font-style:italic;}
.vocab-gen-controls{display:flex;align-items:center;gap:12px;}
.vocab-gen-controls .btn{padding:5px 14px;font-size:0.82rem;}
.vocab-gen-num{width:56px;padding:6px 8px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-size:0.9rem;text-align:center;}
.vocab-gen-num-wide{width:84px;}
.vocab-gen-status{flex:1;color:var(--text-muted);font-size:0.85rem;}
.vocab-gen-bar{height:6px;background:var(--card-border);border-radius:999px;overflow:hidden;}
.vocab-gen-fill{height:100%;width:0;background:var(--primary);border-radius:999px;transition:width 0.3s ease;}
.vocab-insights-rows{display:flex;flex-direction:column;gap:5px;font-size:0.85rem;color:var(--text-muted);}
.vocab-insight strong{color:var(--text-color);}
.vocab-insight.is-warn, .vocab-insight.is-warn strong{color:#b45309;}
.vocab-gen-promote{margin-top:18px;padding-top:16px;border-top:1px dashed var(--card-border);}
.vocab-promote-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;}
.vocab-promote-row label{display:inline-flex;align-items:center;gap:8px;font-size:0.8rem;color:var(--text-muted);}
.vocab-promote-status{color:var(--text-muted);font-size:0.85rem;}
/* --- Admin → Academy (Phase 36): lesson list + block editor --------------------------------- */
.academy-toolbar{align-items:flex-end;margin-bottom:16px;}/* 183: layout is the shared bar's; the language picker sits under its own label, so this bar aligns on the bottom edge. */
.academy-settings-toggle{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
width:100%;
padding:12px 16px;
border:1px solid var(--card-border);
border-radius:12px;
background:var(--bg-color);
color:var(--text-color);
font-weight:700;
font-size:0.9rem;
cursor:pointer;
}
.academy-settings-toggle span{display:flex;align-items:center;gap:8px;min-width:0;}
.academy-settings-toggle:hover{border-color:var(--primary);color:var(--primary);}
.academy-settings{margin:0;} /* container now lives on .set-groups (shared across all settings pages) */
.academy-lang-label{display:flex;flex-direction:column;gap:4px;font-size:0.8rem;color:var(--text-muted);font-weight:700;}
.academy-lang-pick{display:flex;align-items:center;gap:8px;}
.academy-lang-flag{font-size:1.2rem;}
.academy-empty{color:var(--text-muted);text-align:center;padding:26px 0;}
.academy-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--card-border);border-radius:12px;margin-bottom:8px;background:var(--bg-color);}
.academy-row-icon{width:20px;text-align:center;color:var(--primary);flex-shrink:0;}
.academy-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.academy-row-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:800;color:var(--text-color);line-height:1.25;}
.academy-crown{color:var(--secondary);font-size:0.8em;}
.academy-row-sub{font-size:0.76rem;color:var(--text-muted);}
/* 50: the editor status chip stays a pill (its class is .academy-status); the row toggle is an icon
button (.academy-status-btn on .academy-tool). */
.academy-status{font-size:0.72rem;font-weight:800;text-transform:uppercase;padding:3px 10px;border-radius:999px;}
.academy-status.is-live{background:rgba(16,185,129,0.14);color:#0d9463;}
.academy-status.is-draft{background:rgba(111,95,228,0.12);color:var(--primary);}
.academy-editor{margin-top:22px;padding-top:18px;border-top:2px dashed var(--card-border);scroll-margin-top:120px;}
/* Editor header: title (icon + name + status chip) left, icon-only action chips right. */
.academy-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;}
.academy-editor-title{margin:0;display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;}
.academy-editor-title i{color:var(--primary);}
.academy-editor-actions{display:flex;gap:8px;flex-shrink:0;}
.academy-tool-lg{width:38px;height:38px;border-radius:10px;font-size:0.95rem;}
.academy-tool-lg:hover{border-color:var(--primary);color:var(--primary);}
.academy-tool-x.academy-tool-lg:hover{border-color:#ef4444;color:#ef4444;}
/* 51: the lesson metadata fields (title → icon) sit in ONE tidy container. */
.academy-meta-card{background:var(--bg-color);border:1px solid var(--card-border);border-radius:14px;padding:16px 18px;margin-bottom:16px;}
.academy-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.academy-field{display:flex;flex-direction:column;gap:4px;font-size:0.78rem;color:var(--text-muted);font-weight:700;}
.academy-field input,.academy-field select{padding:8px 10px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-size:0.9rem;}
.academy-field-wide{grid-column:span 2;}
.academy-field-check{flex-direction:row;align-items:center;gap:8px;align-self:end;padding-bottom:8px;}
.academy-icon-field{margin-top:12px;}
.academy-field-caption{display:block;font-size:0.78rem;color:var(--text-muted);font-weight:700;margin-bottom:6px;}
.academy-icon-picker{display:flex;flex-wrap:wrap;gap:6px;}
.academy-icon-opt{
width:36px;
height:36px;
border:1px solid var(--card-border);
border-radius:10px;
background:var(--card-bg);
color:var(--text-muted);
font-size:0.95rem;
cursor:pointer;
transition:border-color 0.15s ease,color 0.15s ease;
}
.academy-icon-opt:hover{border-color:var(--primary);color:var(--primary);}
.academy-icon-opt.is-active{border-color:var(--primary);background:rgba(111,95,228,0.12);color:var(--primary);}
.academy-blocks-title{margin:0;}
.academy-blocks-hint{margin:0 0 10px;font-size:0.8rem;color:var(--text-muted);}
/* 51: Add-block dropdown on the Content-blocks heading row. */
.academy-blocks-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 4px;}
.academy-block-add{position:relative;flex-shrink:0;}
.academy-add-caret{font-size:0.7em;margin-left:2px;}
.academy-block-add-menu {
position:absolute;
top:calc(100% + 6px);
right:0;
z-index:20;
min-width:180px;
display:flex;
flex-direction:column;
gap:2px;
padding:6px;
background:var(--card-bg);
border:1px solid var(--card-border);
border-radius:12px;
box-shadow:0 12px 30px -8px rgba(17,24,39,0.25);
}
.academy-block-add-menu.hidden{display:none;}
.academy-block-add-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;border-radius:8px;font:inherit;font-size:0.9rem;color:var(--text-color);cursor:pointer;text-align:left;}
.academy-block-add-menu button:hover{background:var(--bg-color);}
.academy-block-add-menu button i{color:var(--primary);width:16px;text-align:center;}
.academy-block{border:1px solid var(--card-border);border-radius:12px;background:var(--bg-color);margin-bottom:8px;overflow:hidden;}
.academy-block-head{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(111,95,228,0.06);cursor:pointer;user-select:none;}
/* 51: content-block drag handle. */
.academy-block-grip{color:var(--text-muted);cursor:grab;font-size:0.85rem;flex-shrink:0;}
.academy-block.is-dragging{opacity:0.5;border-style:dashed;}
.academy-block-head:hover{background:rgba(111,95,228,0.10);}
.academy-block-type{font-weight:800;font-size:0.82rem;color:var(--primary);text-transform:capitalize;flex-shrink:0;min-width:86px;}
.academy-block-type i{margin-right:6px;}
/* Block ↑/↓ stacked just right of the grip + a faded-purple number chip, mirroring the lesson/chapter rows. */
.academy-block-arrows{display:flex;flex-direction:column;flex-shrink:0;}
.academy-block-arrows .academy-tool{width:22px;height:15px;padding:0;font-size:0.58rem;border:none;background:none;}
.academy-block-num{font-size:0.68rem;font-weight:800;color:var(--primary);background:rgba(111,95,228,0.1);border-radius:7px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
/* Academy settings — Gemini model override text inputs. */
.academy-model-input{width:100%;max-width:280px;font-family:ui-monospace,monospace;font-size:0.82rem;padding:7px 10px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);color:var(--text-color);}
.model-input-wrap{display:flex;gap:6px;align-items:center;}
.model-test-btn{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--card-border);background:var(--card-bg);border-radius:8px;cursor:pointer;color:var(--text-muted);font-size:0.82rem;}
.model-test-btn:hover{border-color:var(--primary);color:var(--primary);}
.model-test-btn:disabled{opacity:0.55;cursor:default;}
.academy-block-summary{flex:1;min-width:0;font-size:0.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* 42: checkpoint provenance chips — fresh (Gemini-rewritten, review it) vs verbatim copies. */
.academy-block-prov{flex:none;font-size:0.68rem;font-weight:800;color:var(--text-muted);background:rgba(111,95,228,0.08);border-radius:999px;padding:2px 8px;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;}
.academy-block-prov.is-fresh{color:#7c3aed;background:rgba(124,58,237,0.12);}
.academy-fresh-note{font-size:0.8rem;color:#7c3aed;background:rgba(124,58,237,0.07);border-radius:10px;padding:8px 12px;margin:0 0 10px;}
.academy-block-caret{color:var(--text-muted);font-size:0.75rem;margin-left:4px;transition:transform 0.2s ease;align-self:center;}
.academy-block.is-open .academy-block-caret{transform:rotate(180deg);}
.academy-block-tools{display:flex;gap:6px;align-items:center;flex-shrink:0;}
.academy-tool{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--card-border);background:var(--card-bg);border-radius:8px;width:28px;height:28px;cursor:pointer;color:var(--text-muted);}
/* 51: lesson ↑/↓ stacked at the far left (next to the grip), mirroring the chapter arrows. */
.academy-row-arrows{display:flex;flex-direction:column;flex-shrink:0;}
.academy-row-arrows .academy-tool{width:22px;height:15px;padding:0;font-size:0.58rem;border:none;background:none;}
.academy-tool:disabled{opacity:0.35;cursor:default;}
.academy-tool-x:hover{color:#ef4444;border-color:#ef4444;}
.academy-block-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px;}
.academy-block-body label{display:flex;flex-direction:column;gap:4px;font-size:0.78rem;color:var(--text-muted);font-weight:700;}
.academy-block-body input,.academy-block-body textarea,.academy-block-body select{padding:8px 10px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-size:0.9rem;font-family:inherit;}
.academy-pair{display:flex;gap:8px;align-items:center;}
.academy-pair input{flex:1;}
/* 53: contrast edits its two sides side by side — the form should read like the block does. */
.academy-ct-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.academy-ct-side{display:flex;flex-direction:column;gap:8px;border:1px solid var(--card-border);border-radius:10px;padding:10px;}
.academy-mini-x{border:none;background:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:0 4px;}
.academy-mini-x:hover{color:#ef4444;}
.academy-chiprow{display:flex;flex-wrap:wrap;gap:6px;}
.academy-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(111,95,228,0.12);color:var(--primary);border-radius:999px;padding:4px 10px;font-size:0.85rem;font-weight:700;}
.academy-chip-x{border:none;background:none;color:inherit;cursor:pointer;font-size:1rem;padding:0;}
.academy-sense-search{position:relative;}
.academy-sense-search input{width:100%;}
.academy-sense-results{display:flex;flex-direction:column;gap:2px;margin-top:6px;}
.academy-sense-hit{text-align:left;border:1px solid var(--card-border);background:var(--card-bg);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:0.88rem;color:var(--text-color);}
.academy-sense-hit:hover{border-color:var(--primary);}
.academy-sense-gloss{color:var(--text-muted);font-size:0.82rem;margin-left:6px;}
.academy-sense-dict{font-size:0.68rem;font-weight:800;color:var(--secondary);margin-left:6px;text-transform:uppercase;}
.academy-sense-none{color:var(--text-muted);font-size:0.85rem;}
.academy-gen{margin-bottom:16px;}
/* 44.6 admin polish: the Academy panels (generator / tests / audio maintenance) share ONE padded
layout — the old cards had no padding and mixed unrelated control rows. */
.academy-panel{padding:16px 18px;}
#academy-list{margin-bottom:22px;}/* keep the last chapter off the Audio/Localization panels when there's no exam row between them */
.academy-panel-head{margin-bottom:14px;}
.academy-panel-title{display:block;font-size:0.95rem;color:var(--text-color);margin-bottom:4px;}
.academy-panel-title i{color:var(--primary);margin-right:7px;}
.academy-panel-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;}
.academy-panel-actions .btn{white-space:nowrap;}
.academy-panel-status{margin:10px 0 0;}
.academy-panel-status:empty{display:none;}
.academy-panel-sep{border:none;border-top:1px solid var(--card-border);margin:16px 0 14px;}
/* 51: always-visible prepare-audio progress bar. */
.academy-prep-bar{height:8px;background:var(--card-border);border-radius:999px;overflow:hidden;margin:10px 0 0;}
.academy-prep-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;transition:width 0.3s ease;}
.academy-unmatched{margin:0;font-size:0.82rem;color:var(--secondary);font-weight:700;}
.academy-unmatched i{margin-right:4px;}
/* Focus mode: while a lesson is open, the picker/settings/level pills/list step aside and the editor
owns the tab (every exit path — save, close, delete — removes is-editing). */
#tab-academy-lessons.is-editing .academy-toolbar,#tab-academy-lessons.is-editing .academy-gen,#tab-academy-lessons.is-editing .academy-levels,#tab-academy-lessons.is-editing .academy-level-head,#tab-academy-lessons.is-editing .academy-level-overview,#tab-academy-lessons.is-editing .academy-level-bar,#tab-academy-lessons.is-editing .academy-search-row,#tab-academy-lessons.is-editing .academy-acd{display:none;}
#tab-academy-lessons.is-editing .academy-editor{margin-top:0;padding-top:0;border-top:none;animation:academy-editor-in 0.25s ease;}
@media(prefers-reduced-motion:reduce){#tab-academy-lessons.is-editing .academy-editor{animation:none;}}
/* Reorder affordances: grip for drag-and-drop + per-row arrows (both persist via lessons_reorder). */
.academy-grip{color:var(--text-muted);cursor:grab;padding:0 2px;font-size:0.9rem;}
.academy-row.is-dragging{opacity:0.45;border-style:dashed;}
.academy-row .academy-tool{flex-shrink:0;}
.academy-inline-check{flex-direction:row !important;align-items:center;gap:8px;}
/* 40A3: grammar-extras group, cloze authoring guard + the live preview pane (renders through the
REAL learner registries — academy.css styles apply since it's a shell asset). */
.academy-extras{border:1px dashed var(--card-border);border-radius:10px;padding:10px 12px;}
.academy-extras summary{cursor:pointer;font-size:0.8rem;font-weight:800;color:var(--text-muted);}
.academy-extras[open] summary{margin-bottom:10px;}
.academy-extras label{margin-bottom:10px;}
.academy-check-form{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--card-border);padding-top:10px;}
.academy-field-caption{font-size:0.78rem;font-weight:700;color:var(--text-muted);}
.academy-cloze-status{margin:0;font-size:0.8rem;font-weight:700;color:var(--success,#10b981);}
.academy-cloze-status.is-bad{color:var(--secondary);}
.academy-form-note{margin:0;font-size:0.78rem;color:var(--text-muted);font-style:italic;}
.academy-live-preview{border-top:1px dashed var(--card-border);margin-top:6px;padding-top:10px;}
.academy-preview-cap{display:block;font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary);margin-bottom:6px;}
.academy-preview-body{background:rgba(255,255,255,0.55);border-radius:14px;padding:6px 16px;}
.academy-preview-body .acd-block{border-bottom:none;}
.academy-preview-note{margin:0;font-size:0.85rem;color:var(--text-muted);}
/* 41: cadence chips ("N published lessons since the last checkpoint"). */
.academy-cp-count{font-size:0.72rem;font-weight:800;color:var(--text-muted);background:rgba(111,95,228,0.08);border-radius:999px;padding:2px 8px;}
.academy-cp-count.is-due{color:#b45309;background:rgba(244,162,60,0.16);}
.academy-row.is-checkpoint{border-color:rgba(244,162,60,0.5);}
.academy-kind-badge{font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:#b45309;background:rgba(244,162,60,0.16);border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:1px;}
/* 49: level pills (learner-style) + level header (count / cadence / level-wide actions). */
.academy-levels{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px;}
.academy-level-field .academy-levels{margin:0;}
.academy-level-pill{font-weight:800;font-size:0.85rem;padding:7px 16px;border:1px solid var(--card-border);border-radius:999px;background:var(--card-bg);color:var(--text-muted);cursor:pointer;transition:all 0.15s ease;}
.academy-level-pill:hover{border-color:var(--primary);color:var(--primary);}
.academy-level-pill.is-active{background:var(--primary);border-color:var(--primary);color:#fff;}
/* Phase 171: the level head and its stats strip are ONE bar above the chapter list, not two panels
stacked — they are a single statement about the level the operator is looking at. The wrapper is
the only markup this phase added; the head and the strip keep their own ids, classes and order.
⚠️ The overview is filled by admin-academy.js AFTER the list loads, so it is empty on first paint:
without `:empty` the bar would open with 10px of nothing under the title. */
.academy-level-bar{display:flex;flex-direction:column;gap:10px;}
.academy-level-bar>.academy-level-head,.academy-level-bar>.academy-level-overview{margin:0;}
.academy-level-bar>.academy-level-overview:empty{display:none;}
.academy-level-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.academy-level-title{margin:0;font-size:1.05rem;color:var(--text-color);display:flex;align-items:center;gap:8px;}
.academy-level-title i{color:var(--primary);}
.academy-level-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
/* Chapter accordion (49): collapsed by default — only one section open at a time. */
.academy-acd{display:flex;flex-direction:column;gap:10px;}
.academy-chap{border:1px solid var(--card-border);border-radius:14px;background:var(--card-bg);overflow:hidden;}
.academy-chap.is-dragging{opacity:0.5;border-style:dashed;}
.academy-chap-head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(111,95,228,0.055);}
.academy-chap-grip{color:var(--text-muted);cursor:grab;font-size:0.9rem;flex-shrink:0;width:14px;text-align:center;}
.academy-chap-grip.is-off{cursor:default;opacity:0;}
/* PR4: chapter ↑/↓ arrows (stacked, compact), progress bar, level overview strip. */
.academy-chap-arrows{display:flex;flex-direction:column;flex-shrink:0;}
.academy-chap-arrows .academy-tool{width:22px;height:15px;padding:0;font-size:0.58rem;border:none;background:none;}
.academy-level-overview{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 14px;font-size:0.8rem;font-weight:700;color:var(--text-muted);}
.academy-level-overview span{display:inline-flex;align-items:center;gap:5px;}
.academy-level-overview i{color:var(--text-muted);font-size:0.85em;}
.academy-level-overview .is-live,.academy-level-overview .is-live i{color:#0d9463;}
.academy-level-overview .is-draft,.academy-level-overview .is-draft i{color:#b45309;}
.academy-level-overview .is-alert,.academy-level-overview .is-alert i{color:#dc2626;}
/* PR-C: separator between the difficulty pills and the content below + compact white action buttons. */
.academy-sep{border:none;border-top:1px solid var(--card-border);margin:14px 0;}
/* Phase 171: the pills row above it and the level head below it are both framed bars now, so the
separator is a third line drawn between two frames — and its 14px margins put 61px between two
panels the pane already spaces at 16px. The stays in the markup; the workspace stops
drawing it. */
.lframe-layout .admin-tab-content>.academy-sep{display:none;}
.academy-act-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-size:0.8rem;font-weight:700;border:1px solid var(--card-border);border-radius:9px;background:#fff;color:var(--text-color);cursor:pointer;}
.academy-act-btn:hover{border-color:var(--primary);color:var(--primary);}
.academy-act-btn i{font-size:0.85em;color:var(--text-muted);}
.academy-act-btn:hover i{color:var(--primary);}
/* PR-C: row ⋯ menu — portaled to (position:fixed) so the accordion's overflow:hidden can't clip it. */
.academy-row-menu{position:fixed;z-index:2100;min-width:172px;padding:5px;display:flex;flex-direction:column;gap:2px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;box-shadow:0 12px 30px -8px rgba(17,24,39,0.35);}
.academy-row-menu.hidden{display:none;}
.academy-row-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:none;cursor:pointer;font:inherit;font-size:0.85rem;color:var(--text-color);text-align:left;}
.academy-row-menu-item:hover{background:var(--bg-color);}
.academy-row-menu-item i{width:16px;text-align:center;color:var(--text-muted);}
.academy-chap-toggle {
flex:1;
min-width:0;
display:flex;
align-items:center;
gap:10px;
background:none;
border:none;
cursor:pointer;
text-align:left;
padding:4px 2px;
color:var(--text-color);
font:inherit;
}
/* 50: chapter title inherits the app UI font (Nunito) — a button doesn't inherit font-family, so it
was falling back to the browser default. */
.academy-chap-name{font-weight:800;font-size:0.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.academy-chap-count{font-size:0.72rem;font-weight:700;color:var(--text-muted);flex-shrink:0;}
.academy-chap-count i{color:#b45309;}
.academy-chap-live{font-weight:800;color:#0d9463;}
.academy-chap-live.is-partial{color:#b45309;}
/* 50: the row status toggle is an icon button (.academy-tool) tinted by state — green = live, muted
= draft. Its hover comes from .academy-tool. */
.academy-status-btn.is-live{color:#0d9463;}
.academy-status-btn.is-live:hover{border-color:#0d9463;}
.academy-status-btn.is-draft{color:var(--text-muted);}
/* 50: the within-chapter number chip carries the category colour (was a separate dot). */
.academy-num-grammar{background:rgba(139,92,246,0.16);color:#7c4dff;}
.academy-num-vocab{background:rgba(59,130,246,0.16);color:#2f6fed;}
.academy-num-conversation{background:rgba(16,185,129,0.16);color:#0d9463;}
.academy-num-culture{background:rgba(245,158,11,0.18);color:#b45309;}
.academy-row-warn{color:#f59e0b;font-size:0.85em;margin-left:3px;}
/* PR3: the title filter bar. 52: + the lint-state filter select sits beside the search. */
.academy-search-row{margin:0 0 12px;}/* 183: layout is the shared bar's. */
.academy-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--card-border);border-radius:10px;padding:0 12px;background:var(--card-bg);flex:1 1 260px;max-width:420px;}
.academy-search-icon{color:var(--text-muted);font-size:0.85rem;}
.academy-search{flex:1;border:none;background:none;padding:9px 0;font:inherit;color:var(--text-color);outline:none;min-width:0;}
/* 52: lint-state filter — matches the search wrap's chrome; the select fills it. */
.academy-lint-filter-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--card-border);border-radius:10px;padding:0 10px 0 12px;background:var(--card-bg);flex:0 1 auto;}
.academy-lint-filter-icon{color:var(--text-muted);font-size:0.85rem;}
.academy-lint-filter{border:none;background:none;padding:9px 4px 9px 0;font:inherit;color:var(--text-color);outline:none;cursor:pointer;}
/* 52: the row Lint button is tinted by cached lint state (grey when never checked). Icon stays the same
so the button's position is stable, and colour + a matching hover border carry the state. */
.academy-lint-row.is-broken{color:#dc2626;}
.academy-lint-row.is-broken:hover{border-color:#dc2626;}
.academy-lint-row.is-issues{color:#d97706;}
.academy-lint-row.is-issues:hover{border-color:#d97706;}
.academy-lint-row.is-clean{color:#0d9463;}
.academy-lint-row.is-clean:hover{border-color:#0d9463;}
/* 52 PR-A: stale = content changed since the cached check. An amber dot over whatever colour the last
known state was, so the admin knows the count is outdated and a re-lint is due. */
.academy-lint-row.is-stale{position:relative;}
.academy-lint-row.is-stale::after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#d97706;border:1.5px solid var(--card-bg);}
.academy-chap-chevron{margin-left:auto;color:var(--text-muted);transition:transform 0.2s ease;flex-shrink:0;}
.academy-chap.is-open .academy-chap-chevron{transform:rotate(180deg);}
.academy-chap-actions{display:flex;gap:6px;flex-shrink:0;}
/* 51: animate expand/collapse via the grid-template-rows 0fr↔1fr trick (height is not transitionable;
an inner overflow:hidden wrapper carries the padding so it clips cleanly when collapsed). */
.academy-chap-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.28s ease;}
.academy-chap.is-open .academy-chap-body{grid-template-rows:1fr;}
/* Vertical padding ONLY when open — a 0fr grid track can't shrink below the inner's top/bottom
padding (that left a ~16px sliver when collapsed). Side padding is safe — it never sizes the row. */
.academy-chap-body-inner{overflow:hidden;min-height:0;padding:0 12px;}
.academy-chap.is-open .academy-chap-body-inner{padding-top:12px;padding-bottom:4px;}
/* 52 — Bulk Course Builder (admin, light-only). PR-C: now in a modal — the modal card owns the chrome. */
.academy-course-body{margin-top:6px;}
.course-lead{color:var(--text-muted);font-size:0.9rem;margin:12px 0 14px;}
.course-muted{color:var(--text-muted);font-size:0.88rem;}
.course-fld{
display:flex;flex-direction:column;gap:4px;
font-size:0.82rem;font-weight:600;color:var(--text-color);
}
.course-fld input,.course-fld select,.course-fld textarea{
font:inherit;font-weight:400;padding:8px 10px;
border:1px solid var(--card-border);border-radius:9px;background:var(--bg-color);color:var(--text-color);
}
#course-status.is-err{color:var(--danger);}
.course-jobs{margin-top:16px;}
.course-jobs-h{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);margin:0 0 8px;}
.course-job-row{
display:flex;align-items:center;gap:10px;padding:9px 11px;
border:1px solid var(--card-border);border-radius:10px;margin-bottom:7px;
cursor:pointer;transition:border-color 0.15s ease;
}
.course-job-row:hover{border-color:var(--primary);}
.course-job-title{flex:1;font-weight:600;color:var(--text-color);}
.course-job-lvl{
display:inline-block;font-size:0.72rem;font-weight:700;color:var(--primary);
background:var(--primary-glow);padding:1px 7px;border-radius:20px;margin-left:4px;
}
.course-job-prog{font-size:0.82rem;color:var(--text-muted);}
.course-job-badge{
font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;
padding:2px 8px;border-radius:20px;
}
.course-job-del{background:none;border:0;color:var(--text-muted);cursor:pointer;padding:4px;}
.course-job-del:hover{color:var(--danger);}
.course-job-head{display:flex;align-items:center;gap:10px;margin:14px 0 12px;}
.course-job-h{flex:1;font-weight:700;font-size:1.02rem;color:var(--text-color);}
.course-progress{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.course-bar{flex:1;height:9px;background:var(--card-border);border-radius:20px;overflow:hidden;}
.course-bar-fill{
display:block;height:100%;border-radius:20px;position:relative;overflow:hidden;
background:linear-gradient(90deg,var(--primary),var(--accent));transition:width 0.4s ease;
}
.course-prog-num{font-size:0.82rem;font-weight:600;color:var(--text-muted);white-space:nowrap;}
.course-ladder{margin:6px 0 14px;}
.course-chapters{display:flex;flex-direction:column;gap:12px;}
.course-ch{border:1px solid var(--card-border);border-radius:12px;padding:10px 12px;background:var(--bg-color);}
.course-ch-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.course-ch-num{
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;border-radius:50%;flex:0 0 auto;
background:var(--primary);color:#fff;font-size:0.75rem;font-weight:700;
}
.course-ch-name{font-weight:700;color:var(--text-color);}
.course-ch-goalr{color:var(--text-muted);font-size:0.85rem;}
.course-ch-title{flex:1;min-width:140px;font-weight:700;}
.course-ch-goal{flex:2;min-width:160px;}
.course-ch-cp{color:var(--accent);margin-left:auto;}
.course-ls-list{display:flex;flex-direction:column;gap:7px;}
.course-ls{
display:flex;gap:8px;align-items:flex-start;padding:7px 8px;
border-radius:9px;background:var(--card-bg);border:1px solid var(--card-border);
}
.course-ls-locked{align-items:center;}
.course-ls-title{flex:1;font-weight:600;color:var(--text-color);}
.course-ls-meta{font-size:0.76rem;color:var(--text-muted);}
.course-ls-fields{flex:1;display:flex;flex-direction:column;gap:6px;}
.course-ls-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.course-in{
font:inherit;font-weight:400;padding:6px 8px;
border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);color:var(--text-color);
}
.course-in-title{font-weight:700;}
.course-ls-fields>.course-in{width:100%;}
.course-in-gr{flex:1;min-width:120px;}
.course-pro{display:inline-flex;align-items:center;gap:4px;font-size:0.8rem;color:var(--text-muted);}
.course-badge{
flex:0 0 auto;width:22px;height:22px;display:inline-flex;
align-items:center;justify-content:center;border-radius:50%;font-size:0.72rem;margin-top:2px;
}
.course-badge.is-done{background:var(--success);color:#fff;}
.course-badge.is-fail{background:var(--danger);color:#fff;}
.course-badge.is-pending{background:var(--card-border);color:var(--text-muted);}
.course-badge.is-review{background:var(--accent);color:#fff;}
.course-ls-rm{background:none;border:0;color:var(--text-muted);cursor:pointer;padding:4px;flex:0 0 auto;}
.course-ls-rm:hover{color:var(--danger);}
.course-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;}
.course-done-msg{color:var(--success);font-weight:600;}
.course-add-ls{margin-top:8px;}
.btn-xs{padding:4px 10px;font-size:0.78rem;}
.course-asm-report{margin-top:12px;}
.course-asm-list{
list-style:none;margin:0;padding:0;
display:flex;flex-direction:column;gap:5px;font-size:0.86rem;color:var(--text-color);
}
.course-asm-list li{display:flex;align-items:baseline;gap:7px;}
.course-ok{color:var(--success);}
.course-warn{color:var(--accent);}
.course-err{color:var(--danger);}
.course-muted-i{color:var(--text-muted);}
/* 52 — coherence-lint findings modal (fixed header + scrolling accordion). Compound selector so the
panel's flex/overflow/padding beat the base .academy-modal-card rule defined later in the file. */
.academy-modal-card.academy-lint-panel{display:flex;flex-direction:column;overflow:hidden;padding:0;}
.academy-lint-head{flex:0 0 auto;position:relative;padding:16px 20px 12px;border-bottom:1px solid var(--card-border);}
.academy-lint-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 20px 18px;}
.academy-lint-title{margin:0 30px 0 0;color:var(--text-color);display:flex;align-items:center;gap:7px;min-width:0;text-transform:none;}
.academy-lint-title>i{color:var(--primary);flex:0 0 auto;}
.academy-lint-title-name{font-weight:600;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.academy-lint-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:0.74rem;color:var(--text-muted);margin:9px 0 0;}
.academy-lint-count{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:0.8rem;font-weight:600;color:var(--text-muted);margin:8px 0 0;}
.academy-lint-loading{color:var(--text-muted);display:flex;align-items:center;gap:10px;font-size:0.9rem;padding:8px 0;}
.academy-lint-clean{color:var(--success);font-weight:600;display:flex;align-items:center;gap:8px;}
.academy-lint-err{color:var(--danger);display:flex;align-items:center;gap:8px;margin:0 0 8px;}
.academy-lint-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;}
.academy-lint-item{border:1px solid var(--card-border);border-radius:10px;overflow:hidden;}
.academy-lint-item.is-broken{border-left:4px solid var(--danger);}
.academy-lint-item.is-misleading{border-left:4px solid var(--accent);}
.academy-lint-item.is-minor{border-left:4px solid var(--text-muted);}
.academy-lint-rowhead{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:none;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit;}
.academy-lint-rowhead:hover{background:var(--bg-color);}
.academy-lint-sev{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;padding:2px 7px;border-radius:20px;flex:0 0 auto;background:var(--bg-color);color:var(--text-muted);}
.academy-lint-item.is-broken .academy-lint-sev{background:#fde2e2;color:#c0392b;}
.academy-lint-item.is-misleading .academy-lint-sev{background:#fdeede;color:#c9781a;}
.academy-lint-cat{flex:1;min-width:0;font-size:0.78rem;font-weight:700;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.academy-lint-cat em{font-style:normal;font-weight:600;color:var(--text-muted);font-size:0.68rem;}
.academy-lint-chev{flex:0 0 auto;color:var(--text-muted);font-size:0.8rem;transition:transform 0.2s ease;}
.academy-lint-item.is-open .academy-lint-chev{transform:rotate(180deg);}
.academy-lint-drawer{display:none;flex-direction:column;gap:7px;padding:2px 11px 11px;}
.academy-lint-item.is-open .academy-lint-drawer{display:flex;}
.academy-lint-detail{font-size:0.85rem;color:var(--text-color);line-height:1.45;}
.academy-lint-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.academy-lint-tags:empty{display:none;}
.academy-lint-src{font-size:0.72em;color:var(--text-muted);opacity:0.75;margin-left:2px;}
.academy-lint-conf{display:inline-flex;align-items:center;color:var(--text-muted);font-size:0.92rem;cursor:help;}
.academy-lint-verd{font-size:0.66rem;font-weight:700;color:var(--text-muted);}
.academy-lint-verd.is-confirmed{color:var(--danger);}
.academy-lint-item.is-fixed{opacity:0.55;}
.academy-lint-item.is-fixed .academy-lint-detail{text-decoration:line-through;}
.academy-lint-item.is-fixed .academy-lint-cat::after{content:' · fixed';color:var(--success);font-weight:700;font-size:0.66rem;}
.academy-lint-item.is-fixing{opacity:0.7;}
.academy-lint-item.is-failed .academy-lint-cat::after{content:' · fix failed';color:var(--danger);font-weight:700;font-size:0.66rem;}
/* Manage quality: whole-language control centre — fixed head (controls + progress) · scrolling findings
· fixed footer (scope + Fix-all). Findings reuse the .academy-lint-item accordion above. */
.academy-modal-card.academy-manage-card{display:flex;flex-direction:column;overflow:hidden;padding:0;}
/* 71.7b: the tab strip now draws the separating hairline itself, so the head must not draw a second
one, and its tabs sit flush at the head's bottom edge (no 18px trailing gap inside the head). */
/* The modal has no tinted wrapper - its head keeps the separating border and the pill tabs sit above it. */
.academy-manage-head{flex:0 0 auto;position:relative;padding:18px 22px 12px;border-bottom:1px solid var(--card-border);}
#academy-manage-modal .nb-tabs{margin:12px 0 0;}
/* The wrapper IS the settings container: tinted, rounded, holding the strip and the panes. */
.panel-stack{background:var(--bg-color);border:1px solid var(--card-border);border-radius:12px;padding:8px;margin-top:14px;}
.panel-stack .nb-tabs{margin:0 0 8px;}
/* .set-groups gave up its own chrome inside a tabbed wrapper here; Phase 170 retired that chrome
outright (the wrapper is a bare grid now and each .set-group is its own card), so the override
cleared properties nothing sets and was deleted rather than left reading as live. */
.academy-manage-pane{flex:0 0 auto;padding:14px 22px 16px;}
.academy-manage-pane.academy-manage-scroll{flex:1 1 auto;}
#academy-manage-tab-revision .academy-manage-fix{border-top:none;padding:0;}
/* Summary stat cards — quiet dashboard tiles. */
.amq-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;}
.amq-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--card-border);border-radius:12px;background:var(--bg-color);}
.amq-val{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--text-color);font-variant-numeric:tabular-nums;}
.amq-lab{font-size:0.74rem;color:var(--text-muted);}
.amq-card.amq-bad .amq-val{color:var(--danger);}
.amq-card.amq-warn .amq-val{color:#b58a2a;}
.amq-card.amq-good .amq-val{color:var(--success);}
.amq-card.amq-accent .amq-val{color:var(--primary);}
.academy-manage-title{margin:0 30px 4px 0;color:var(--text-color);display:flex;align-items:center;gap:8px;}
.academy-manage-title>i{color:var(--primary);}
.academy-manage-sub{margin:0 0 12px;font-size:0.8rem;color:var(--text-muted);line-height:1.45;}
.academy-manage-ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.academy-manage-stat{font-size:0.76rem;color:var(--text-muted);font-weight:600;}
.academy-manage-bar{height:6px;background:var(--card-border);border-radius:999px;overflow:hidden;margin:10px 0 0;}
.academy-manage-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;transition:width 0.3s ease;}
.academy-manage-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 22px 16px;display:flex;flex-direction:column;gap:14px;}
.academy-manage-empty{font-size:0.85rem;color:var(--text-muted);line-height:1.5;margin:6px 0;}
.academy-manage-group{display:flex;flex-direction:column;gap:7px;}
.academy-manage-ghead{display:flex;align-items:center;gap:9px;}
.academy-manage-gtitle{font-size:0.85rem;font-weight:800;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.academy-manage-gcount{font-size:0.68rem;font-weight:700;color:var(--text-muted);flex:0 0 auto;margin-left:auto;}
.academy-manage-gb{font-size:0.6rem;font-weight:800;text-transform:uppercase;letter-spacing:0.03em;color:#c0392b;background:#fde2e2;border-radius:20px;padding:1px 7px;flex:0 0 auto;}
.academy-manage-gstale{font-size:0.6rem;font-weight:800;text-transform:uppercase;letter-spacing:0.03em;color:#8a6d1f;background:#fdf3d6;border-radius:20px;padding:1px 7px;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;}
.academy-manage-group.is-stale .academy-lint-list{opacity:0.55;}
.academy-manage-fix{flex:0 0 auto;border-top:1px solid var(--card-border);padding:12px 22px 16px;}
.academy-manage-fixrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
@media(prefers-reduced-motion:reduce){.academy-chap-body{transition:none;}}
.academy-chap-empty{margin:6px 0;font-size:0.85rem;color:var(--text-muted);font-style:italic;text-align:center;padding:12px 0;border:1px dashed var(--card-border);border-radius:10px;}
.academy-row-num{font-size:0.72rem;font-weight:800;color:var(--primary);background:rgba(111,95,228,0.1);border-radius:8px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.academy-exam-wrap{margin-top:12px;}
.academy-row.is-exam{border-color:rgba(111,95,228,0.5);background:rgba(111,95,228,0.05);}
/* Academy popups (49): the +Lesson generator + the checkpoint/exam assembly modals. */
.academy-modal-overlay{position:fixed;inset:0;z-index:2000;}
.academy-modal-overlay.hidden{display:none;}
.academy-modal-title{margin:0 34px 4px 0;color:var(--text-color);display:flex;align-items:center;gap:9px;}
.academy-modal-title i{color:var(--primary);}
.academy-modal-sub{margin:0 0 16px;font-size:0.85rem;color:var(--text-muted);}
.academy-modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;}
.academy-modal-spacer{flex:1;}
@media(max-width:640px){
.mie-stage{flex-wrap:wrap;}
.mie-nav-btn{order:2;}
.mie-stage-main{order:1;flex-basis:100%;}
}
/* Voice-per-language settings (collapsible panels) */
.voices-list{display:flex;flex-direction:column;gap:10px;}
.voice-lang-panel{border:1px solid var(--card-border);border-radius:12px;background:var(--bg-color);overflow:hidden;}
.voice-lang-header {
width:100%;
display:flex;
align-items:center;
gap:12px;
padding:14px 16px;
background:none;
border:none;
cursor:pointer;
text-align:left;
font:inherit;
}
.voice-lang{display:flex;align-items:center;gap:10px;font-weight:700;}
/* ⚠ ONE auto margin in this row, not two. The caret gained `margin-left:auto` from the shared
`.set-group-caret`, and with the summary also claiming it the free space was SPLIT — the summary
drifted to the middle of the header instead of sitting against the chevron. The summary keeps it;
the caret follows it directly. */
.voice-lang-summary{margin-left:auto;color:var(--text-muted);font-weight:600;font-size:0.9rem;}
.admin-page .voice-lang-header>.set-group-caret{margin-left:8px;}
.voice-lang-caret{color:var(--text-muted);transition:transform 0.2s;}
.voice-lang-body{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px;}
.voice-field-label{font-weight:700;font-size:0.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;margin-top:6px;}
.voice-field-row{display:flex;gap:10px;align-items:center;}
.voice-model-row{flex-wrap:wrap;}
.voice-provider + .dd{flex:0 0 190px;}
.voice-model{flex:1 1 180px;min-width:0;}
.voice-model[readonly]{color:var(--text-muted);background:transparent;}
.voice-route-note{margin:0;font-size:0.8rem;line-height:1.4;color:var(--text-muted);}
.voice-route-note.danger-text{color:var(--danger);}
.voice-select{width:100%;min-width:0;}
.voice-preview-input{flex:1;min-width:0;}
.voice-style{width:100%;resize:vertical;min-height:48px;font-family:inherit;font-size:0.9rem;}
.voice-preview-btn {
flex-shrink:0;
display:inline-flex;
align-items:center;
gap:7px;
padding:10px 18px;
font-size:0.85rem;
font-weight:800;
white-space:nowrap;
border:none;
border-radius:10px;
background:var(--primary);
color:#fff;
cursor:pointer;
box-shadow:0 2px 6px var(--primary-glow);
transition:all 0.15s;
}
.voice-preview-btn:hover{background:var(--primary-hover);transform:translateY(-1px);}
.voice-preview-btn:disabled{opacity:0.6;cursor:not-allowed;box-shadow:none;}
.voice-lang-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.voice-sync-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:0.82rem;font-weight:700;border:1px solid var(--primary);border-radius:9px;background:none;color:var(--primary);cursor:pointer;transition:all 0.15s;}
.voice-sync-btn:hover{background:var(--primary);color:#fff;}
.voice-sync-btn:disabled{opacity:0.6;cursor:not-allowed;}
.voice-delete-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:0.82rem;font-weight:700;border:1px solid var(--danger);border-radius:9px;background:none;color:var(--danger);cursor:pointer;transition:all 0.15s;}
.voice-delete-btn:hover{background:var(--danger);color:#fff;}
.voice-delete-btn:disabled{opacity:0.6;cursor:not-allowed;}
/* Phase 170: a table is a framed list — a real tinted head row, zebra rows and a hover, inside a
rounded frame. ⚠️ The FRAME is only on a wrapper that stands on the scenery (a direct child of
the tab). Six of the eight theme-tables sit inside a .set-group already, and framing those would
put a card inside a card, which is the hierarchy this phase is removing. */
/* Phase 170 (the fix round's finding): `.vocab-hint` is --text-muted (#7A7596) at 13.6px, which reads 4.09:1 on the
promoted panel and 3.25:1 where a tab's copy sits on the scenery — under the 4.5:1 the AA floor asks of normal
text. The token moves one step darker INSIDE THE WORKSPACE ONLY: the same class carries learner copy on Practice
and the dictionary, where it sits on different material and is not this phase's to re-colour. */
.lframe-layout .vocab-hint{color:var(--text-secondary);}
.users-table-wrapper{width:100%;overflow:visible;margin-top:0;}
.lframe-layout .admin-tab-content>.users-table-wrapper{padding:6px;border:1px solid var(--surface-edge-shade);border-radius:20px;background:var(--surface-base-bg);box-shadow:var(--surface-shadow-base);}
.theme-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:0.95rem;}
.theme-table th,.theme-table td{padding:13px 14px;border-bottom:1px solid rgba(79,62,143,0.08);}
.theme-table th{background:rgba(85,68,154,0.07);border-bottom:1px solid rgba(79,62,143,0.12);font-weight:800;color:var(--text-secondary);text-transform:uppercase;font-size:0.68rem;letter-spacing:1px;}
.theme-table thead th:first-child{border-top-left-radius:14px;border-bottom-left-radius:0;}
.theme-table thead th:last-child{border-top-right-radius:14px;border-bottom-right-radius:0;}
.theme-table tbody tr:last-child>td{border-bottom:0;}
.theme-table tbody tr:nth-child(even)>td{background:rgba(85,68,154,0.028);}
/* ⚠️ The hover is an AFFORDANCE, so it is written off the rows that are not actionable: Content
Review's group divider and its expanded draft body, and the Operator API grants' per-language
sub-headers (which the matrix's own hover at line ~2049 already excluded, in `th` and `td` both).
Specificity alone is not enough here — those three rules and this one both compute (0,2,3), so
without the exclusions the winner is whichever sheet position happens to be later. */
.theme-table tbody tr:not(.review-group-row):not(.review-expand-row):not(.operator-api-grant-lang-row):hover>td{background:rgba(111,95,228,0.06);}
.table-loading-text{text-align:center;padding:30px!important;color:var(--text-muted);font-weight:700;}
.badge-admin{background:rgba(239,68,68,0.1);color:#ef4444;border:1.5px solid rgba(239,68,68,0.25);}
.badge-active{background:rgba(16,185,129,0.1);color:#10b981;border:1.5px solid rgba(16,185,129,0.25);}
.badge-warning{background:rgba(244,162,60,0.1);color:#F4A23C;border:1.5px solid rgba(244,162,60,0.25);}
.badge-moderator{background:rgba(20,184,166,0.1);color:#0d9488;border:1.5px solid rgba(20,184,166,0.28);}
.badge-pro{background:rgba(234,179,8,0.12);color:#b8860b;border:1.5px solid rgba(234,179,8,0.35);}
.badge-manual{background:rgba(59,130,246,0.09);color:#356dc4;border:1px solid rgba(59,130,246,0.22);}
.badge-test{background:rgba(168,85,247,0.1);color:#7e3ec4;border:1px solid rgba(168,85,247,0.22);}
.badge-signup{background:rgba(16,185,129,0.09);color:#128568;border:1px solid rgba(16,185,129,0.2);}
.user-pro-crown{color:#eab308;margin:0 6px 0 2px;font-size:0.9em;}
.users-toolbar{margin-bottom:16px;}/* 183: layout is the shared bar's. */
.users-add-btn{margin-left:auto;}
/* 71.7: the SEARCH field absorbs the leftover width and shrinks first, so a trailing icon button
(Refresh) keeps its place on the row instead of being pushed onto a second line. */
.users-tool{display:inline-flex;align-items:center;gap:7px;font-size:0.82rem;color:var(--text-muted);}
.users-tool select{padding:7px 10px;border:1px solid var(--card-border);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:0.85rem;font-weight:700;cursor:pointer;}
.users-tool input[type="search"]{padding:7px 10px;border:1px solid var(--card-border);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:0.85rem;min-width:150px;}
.users-tool i{color:var(--primary);}
.users-tool-sep{width:1px;height:22px;background:var(--card-border);margin:0 2px;}
/* Armed (first click of a two-click confirm). An icon-only control cannot say "Confirm cancel" in its own label without destroying its glyph, so the armed state has to be visible here. */
.users-dir-btn.is-arming{background:rgba(232,93,117,0.14);border-color:var(--secondary);color:var(--secondary);}
.user-cell-meta{display:flex;flex-direction:column;gap:2px;}
.user-cell-title{font-weight:800;color:var(--text-color);}
.user-id-badge {
font-size:0.75rem;
color:var(--text-muted);
background:rgba(255,255,255,0.05);
padding:2px 6px;
border-radius:4px;
margin-left:6px;
font-weight:700;
}
.user-cell-sub{font-size:0.8rem;color:var(--text-muted);margin-top:2px;}
.user-cell-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px;}
.user-cell-badges .badge{padding:3px 7px;font-size:0.65rem;}
.user-stats-cell{display:flex;flex-direction:column;gap:4px;font-size:0.85rem;font-weight:700;}
.text-gold{color:#F4A23C;}
.text-orange{color:#f97316;}
.badge-locked{background:rgba(239,68,68,0.1);color:#ef4444;border:1.5px solid rgba(239,68,68,0.25);}
.admin-inline-input{flex-shrink:0;width:120px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:0.9rem;text-align:center;color:var(--text-color);background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;}
.admin-inline-input:read-only{opacity:0.6;cursor:not-allowed;}
.admin-inline-input:focus{outline:none;border-color:var(--primary);}
.user-action-dropdown-container{position:relative;display:inline-block;}
.user-menu-trigger-btn {
background:var(--bg-color);
border:1px solid var(--card-border);
color:var(--text-muted);
width:32px;
height:32px;
padding:0;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:all 0.2s;
}
.user-menu-trigger-btn:hover{background:rgba(111,95,228,0.12);border-color:var(--primary);color:var(--primary);}
.user-actions-dropdown {
position:absolute;
right:0;
top:calc(100% + 8px);
background:var(--card-bg);
border:1px solid var(--card-border);
border-radius:16px;
box-shadow:0 18px 40px -12px rgba(17,24,39,0.3),0 6px 14px -8px rgba(17,24,39,0.14);
z-index:1000;
width:214px;
display:flex;
flex-direction:column;
padding:8px;
gap:1px;
animation:fadeSlideUp 0.16s ease forwards;
}
.user-actions-dropdown.hidden{display:none;}
.user-actions-dropdown.drop-up{top:auto;bottom:calc(100% + 8px);}/* flip above the trigger on last rows */
.user-actions-dropdown .dropdown-divider{height:1px;background:var(--card-border);margin:6px 6px;}
.user-actions-dropdown .dropdown-item {
width:100%;
text-align:left;
background:transparent;
border:none;
color:var(--text-color);
padding:9px 11px;
font-size:0.88rem;
font-weight:700;
display:flex;
align-items:center;
gap:11px;
cursor:pointer;
border-radius:10px;
white-space:nowrap;
transition:background 0.15s,color 0.15s;
}
.user-actions-dropdown .dropdown-item i{width:16px;text-align:center;font-size:0.95rem;color:var(--text-muted);transition:color 0.15s;}
.user-actions-dropdown .dropdown-item:hover{background:rgba(111,95,228,0.1);color:var(--primary);}
.user-actions-dropdown .dropdown-item:hover i{color:var(--primary);}
.user-actions-dropdown .dropdown-item.danger{color:var(--danger);}
.user-actions-dropdown .dropdown-item.danger i{color:var(--danger);}
.user-actions-dropdown .dropdown-item.danger:hover{background:rgba(239,68,68,0.12);}
/* No pointer-events:none — it would suppress the not-allowed cursor AND the title tooltip. A native
disabled