/* ════════════════════════════════════════════════════════════════════
   admin-synthesis.css — styles for the revamp-native LIGHT admin
   (js/admin-synthesis.js). The sc-admin2 shell, rail/pane, sc-adrow,
   sc-pill2, sc-realm, sc-atlas, sc-guide, sc-fb, sc-slide etc. are already
   defined in css/screens.css (the just-merged light admin theme). This file
   ONLY adds the bits unique to admin-synthesis.js:
     • sc-adminx__bar      — the "Classic Command Center" link strip
     • sc-studio-host      — wrapper that hosts the real AdminStudio in-pane
     • the real Access-Control matrix (sc-ac__*) — class/bank × game × level
     • tier-pill variants  — sc-pill2--free / --pro / --school / --inherit
   All tokens are the shared light alabaster vars (--card/--line/--fg/--sage…).
   No external assets, no CDNs.
   ════════════════════════════════════════════════════════════════════ */

/* ── Classic Command Center link strip ────────────────────────────── */
.sc-adminx__bar { display:flex; justify-content:flex-end; gap:8px; margin:-2px 0 18px; }
.sc-adminx__bar .sc-gl { width:15px; height:15px; display:inline-flex; margin-right:6px; }

/* ── Real Site Studio mounted inside the admin pane ───────────────── */
.sc-studio-host { margin-top:8px; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--bg); }
.sc-studio-host .cc-panel { padding:0; }

/* ── Tier pill variants (Access Control) ──────────────────────────── */
/* Override screens.css's positional .sc-pill2:last-child.on rule with an
   explicit tier colour each. */
.sc-ac .sc-pill2--free.on,
.sc-pill2--free.on { background:var(--sage); border-color:transparent; color:#fff; }
.sc-ac .sc-pill2--pro.on,
.sc-pill2--pro.on { background:#7C5AC2; border-color:transparent; color:#fff; }
.sc-ac .sc-pill2--school.on,
.sc-pill2--school.on { background:var(--terra-dk); border-color:transparent; color:#fff; }
.sc-ac .sc-pill2--inherit.on,
.sc-pill2--inherit.on { background:var(--sink); border-color:var(--line-bold); color:var(--fg); }
.sc-pill2--inherit { font-style:italic; }

/* ── Access-Control matrix ────────────────────────────────────────── */
.sc-ac__status { display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--muted);
  background:var(--sink); border:1px solid var(--line); border-radius:999px; padding:5px 12px; margin:0 0 14px; }
.sc-ac__dot { width:8px; height:8px; border-radius:50%; background:var(--muted); }
.sc-ac__dot.on { background:var(--sage); box-shadow:0 0 0 3px color-mix(in srgb, var(--sage) 26%, transparent); }

.sc-ac { display:flex; flex-direction:column; gap:10px; }
.sc-ac__scope { border:1px solid var(--line); border-radius:14px; background:var(--card); padding:12px 14px; }
.sc-ac__head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.sc-ac__name { display:flex; align-items:center; gap:9px; border:0; background:none; cursor:pointer;
  font-family:var(--sans); font-size:14.5px; font-weight:600; color:var(--fg); text-align:left; padding:0; }
.sc-ac__name b { font-weight:700; }
.sc-ac__caret { display:inline-block; width:14px; color:var(--ca,var(--terra)); font-size:12px; }
.sc-ac__kind { font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted); background:var(--sink); border-radius:999px; padding:2px 8px; }

.sc-ac__subj { font-family:var(--disp); font-weight:500; font-size:12px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--muted); margin:14px 0 4px; }
.sc-ac__game { border-top:1px solid var(--line); padding:9px 0; }
.sc-ac__game:first-of-type { border-top:0; }
.sc-ac__game.off { opacity:.5; }
.sc-ac__grow { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sc-ac__gname { flex:1; min-width:140px; font-size:13.5px; color:var(--fg); }
.sc-ac__grow .sc-pill2 { padding:5px 10px; font-size:11px; }

.sc-ac__lvtoggle { border:1px solid var(--line-bold); background:var(--bg); color:var(--terra-dk);
  font-family:var(--sans); font-weight:600; font-size:11.5px; border-radius:999px; padding:5px 11px; cursor:pointer; }
.sc-ac__lvtoggle:hover { background:var(--terra-soft); }

.sc-ac__levels { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:7px; margin:10px 0 2px; }
.sc-ac__lv { display:flex; align-items:center; gap:9px; text-align:left; cursor:pointer;
  border:1px solid var(--line-bold); border-radius:10px; padding:7px 10px; background:var(--bg); color:var(--fg);
  font-family:var(--sans); font-size:12px; opacity:.55; transition:.14s; }
.sc-ac__lv.on { opacity:1; }
.sc-ac__lvn { flex:0 0 auto; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:7px; font-weight:700; font-size:12px; color:#fff; background:var(--muted); }
.sc-ac__lvd { flex:1; line-height:1.25; color:var(--muted); }
.sc-ac__lv.on .sc-ac__lvd { color:var(--fg); }
/* per-difficulty tints (mirror the level-bank colour codes) */
.sc-ac__lv.lv-lgreen.on  { border-color:color-mix(in srgb,#6E8B3D 50%,transparent); }
.sc-ac__lv.lv-lgreen  .sc-ac__lvn { background:#6E8B3D; }
.sc-ac__lv.lv-lyellow.on { border-color:color-mix(in srgb,#C18A2C 50%,transparent); }
.sc-ac__lv.lv-lyellow .sc-ac__lvn { background:#C18A2C; }
.sc-ac__lv.lv-lred.on    { border-color:color-mix(in srgb,#B0395A 50%,transparent); }
.sc-ac__lv.lv-lred    .sc-ac__lvn { background:#B0395A; }
.sc-ac__lv.lv-lpurple.on { border-color:color-mix(in srgb,#7C5AC2 50%,transparent); }
.sc-ac__lv.lv-lpurple .sc-ac__lvn { background:#7C5AC2; }

.sc-ac__foot { display:flex; gap:8px; align-items:center; margin-top:16px; }

@media (max-width:640px){
  .sc-ac__head { align-items:flex-start; }
  .sc-ac__levels { grid-template-columns:1fr; }
}

/* ── Messages (compose + list) ───────────────────────────────────────── */
.sc-msgform { display:flex; flex-direction:column; gap:9px; }
.sc-msgform__row { display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; }
.sc-msglist { display:flex; flex-direction:column; gap:10px; }
.sc-msgcard { border:1px solid var(--line); background:var(--card); border-radius:12px; padding:12px 14px; }
.sc-msgcard__hd { display:flex; align-items:center; gap:10px; justify-content:space-between; flex-wrap:wrap; }
.sc-msgcard__t { font-family:var(--disp); font-weight:600; font-size:15px; color:var(--fg); }
.sc-msgcard__aud { font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--muted);
  background:var(--sink); border-radius:999px; padding:3px 10px; }
.sc-msgcard__b { margin:7px 0 0; font-size:13.5px; line-height:1.5; color:var(--fg); white-space:pre-wrap; }
.sc-msgcard__ft { display:flex; align-items:center; gap:10px; justify-content:space-between; margin-top:9px; }
.sc-msgcard__tm { font-size:11.5px; color:var(--muted); }

/* ── Bulk grant (CSV upload + preview) ──────────────────────────────── */
.sc-bulk { display:flex; flex-direction:column; gap:12px; }
.sc-bulk__bar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.sc-bulk__file { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.sc-bulk__preview { display:flex; flex-direction:column; gap:10px; }
.sc-bulk__sum { font-size:12.5px; font-weight:600; color:var(--terra-dk); }
.sc-bulk__tbl .sc-tr--bad { background:color-mix(in srgb,#B0395A 8%,transparent); }
.sc-bulk__tbl .sc-tr--bad .sc-tr__task { color:#B0395A; }

/* ── Admin · Ζωφόρος (voyage literature) editor list ── */
.sc-voyadmin { display:flex; flex-direction:column; gap:8px; }
.sc-voyadmin__row { display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
.sc-voyadmin__ic { width:28px; height:28px; flex:none; color:var(--terra); opacity:.9; }
.sc-voyadmin__b { flex:1; min-width:0; }
.sc-voyadmin__nm { font-weight:700; font-size:13px; color:var(--fg); }
.sc-voyadmin__m { font-size:11px; color:var(--muted); margin-top:1px; }

/* Classic-CC views (Class Plan / Site Studio) embedded in the light admin pane
   via a neutralised #page-admin scoping host — make them flow inline + light. */
.sc-admin2__pane .syn-cc-embed { position:static !important; display:block !important; inset:auto !important; height:auto !important; min-height:0 !important; width:100%; background:transparent !important; box-shadow:none !important; }
.sc-admin2__pane .syn-cc-embed .cc-work { padding:0 !important; height:auto !important; max-height:none !important; overflow:visible !important; }
.sc-admin2__pane .syn-cc-embed .cc-panel { height:auto !important; max-height:none !important; overflow:visible !important; }