/* ComicVision v0.9.2 — Admin Workspace Hardening
   Goal: Public reader stays reader-only. Admin/review is a protected work surface.
   Right sidebar is a context inspector only; utility/debug/export/evaluation lives in the dock. */
:root{
  --cv-admin-left: clamp(208px, 16vw, 264px);
  --cv-admin-right: clamp(276px, 21vw, 318px);
  --cv-admin-gap: 10px;
  --cv-admin-top: 40px;
  --cv-admin-pages: clamp(72px, 9dvh, 96px);
}

body[data-cv-surface="public-home"],
body[data-cv-surface="public-reader"]{
  --cv-public-policy: reader-only;
}
body[data-cv-surface="public-home"] [data-admin-only],
body[data-cv-surface="public-home"] [data-review-only],
body[data-cv-surface="public-home"] [data-debug-only],
body[data-cv-surface="public-home"] a[href*="admin"],
body[data-cv-surface="public-home"] a[href*="lab"],
body[data-cv-surface="public-home"] a[href*="import"],
body[data-cv-surface="public-home"] a[href*="research"],
body[data-cv-surface="public-home"] a[href*="playback"],
body[data-cv-surface="public-reader"] [data-admin-only],
body[data-cv-surface="public-reader"] [data-review-only],
body[data-cv-surface="public-reader"] [data-debug-only],
body[data-cv-surface="public-reader"] a[href*="admin"],
body[data-cv-surface="public-reader"] a[href*="lab"],
body[data-cv-surface="public-reader"] a[href*="import"],
body[data-cv-surface="public-reader"] a[href*="research"],
body[data-cv-surface="public-reader"] a[href*="playback"],
body[data-cv-surface="public-reader"] .admin-link,
body[data-cv-surface="public-reader"] .mode-panel,
body[data-cv-surface="public-reader"] .mode-grid,
body[data-cv-surface="public-reader"] [data-reader-mode="review"],
body[data-cv-surface="public-reader"] [data-reader-mode="debug"]{
  display:none!important;
}

body[data-cv-surface="admin-review"]{
  overflow:hidden!important;
  --cv-admin-policy: admin-review-only;
}
body[data-cv-surface="admin-review"] #appRoot,
body[data-cv-surface="admin-review"] .app{
  height:100dvh!important;
  min-height:0!important;
  grid-template-rows: var(--cv-admin-top) minmax(38px, 50px) minmax(0, 1fr) var(--cv-admin-pages)!important;
  gap:var(--cv-admin-gap)!important;
  padding:10px clamp(8px,1.05vw,16px)!important;
  overflow:hidden!important;
}
body[data-cv-surface="admin-review"] .appbar{min-height:var(--cv-admin-top)!important;}
body[data-cv-surface="admin-review"] .bar-actions{
  max-width:40vw!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
body[data-cv-surface="admin-review"] .facts{
  min-height:38px!important;
  padding:6px!important;
  overflow:auto!important;
}
body[data-cv-surface="admin-review"] .fact{
  min-width:68px!important;
  padding:5px 8px!important;
}
body[data-cv-surface="admin-review"] .fact b{font-size:14px!important;}

body[data-cv-surface="admin-review"] .main.admin-three-pane,
body[data-cv-surface="admin-review"] .main[data-admin-layout="workspace-hardening-v0.9.2"]{
  display:grid!important;
  grid-template-columns: var(--cv-admin-left) minmax(560px, 1fr) var(--cv-admin-right)!important;
  gap:var(--cv-admin-gap)!important;
  align-items:stretch!important;
  min-height:0!important;
  overflow:hidden!important;
}
body[data-cv-surface="admin-review"] .admin-left-rail,
body[data-cv-surface="admin-review"] .side.admin-right-inspector{
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
  contain:layout paint!important;
}
body[data-cv-surface="admin-review"] .admin-left-rail{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;
  background:rgba(5,6,12,.44)!important;
  padding:8px!important;
}
body[data-cv-surface="admin-review"] .side.admin-right-inspector{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
}
body[data-cv-surface="admin-review"] .side.admin-right-inspector .side-stack{
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
}
body[data-cv-surface="admin-review"] .side.admin-right-inspector .card:not([data-admin-zone="inspector"]){
  display:none!important;
}
body[data-cv-surface="admin-review"] .admin-left-rail .card,
body[data-cv-surface="admin-review"] .side.admin-right-inspector .card,
body[data-cv-surface="admin-review"] .admin-utility-dock .card{
  border-radius:15px!important;
  padding:10px!important;
}
body[data-cv-surface="admin-review"] .admin-left-rail .list{
  max-height:min(42dvh, 340px)!important;
}

body[data-cv-surface="admin-review"] .stage-card{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:22px!important;
  padding:10px!important;
}
body[data-cv-surface="admin-review"] .stage-head{gap:8px!important;align-items:center!important;}
body[data-cv-surface="admin-review"] .stage-head .title{font-size:clamp(15px,1.25vw,19px)!important;margin:1px 0!important;}
body[data-cv-surface="admin-review"] .stage-head .soft{display:none!important;}
body[data-cv-surface="admin-review"] .svg-stage{
  height:100%!important;
  width:100%!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
body[data-cv-surface="admin-review"] .page-svg{
  height:100%!important;
  width:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:var(--stage-ratio)!important;
  object-fit:contain!important;
  transform-origin:center center!important;
}
body[data-cv-surface="admin-review"] .page-slider{
  min-height:72px!important;
  max-height:var(--cv-admin-pages)!important;
  padding:7px!important;
  overflow:hidden!important;
}
body[data-cv-surface="admin-review"] .page-tile{
  flex-basis:52px!important;
  height:68px!important;
  border-radius:11px!important;
}
body[data-cv-surface="admin-review"] textarea,
body[data-cv-surface="admin-review"] .jsonbox{min-height:54px!important;}
body[data-cv-surface="admin-review"] .readonly-grid{grid-template-columns:1fr!important;}

body[data-cv-surface="admin-review"] .admin-dock-toggle{
  position:fixed!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  z-index:80!important;
  min-height:32px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:999px!important;
  padding:0 13px!important;
  color:var(--text,#f8f5ef)!important;
  background:rgba(3,4,10,.82)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(14px)!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body[data-cv-surface="admin-review"] .admin-utility-dock{
  position:fixed!important;
  z-index:79!important;
  left:clamp(10px,1.4vw,18px)!important;
  right:clamp(10px,1.4vw,18px)!important;
  bottom:50px!important;
  max-height:min(48dvh,430px)!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  background:rgba(5,6,12,.95)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.58)!important;
  backdrop-filter:blur(18px)!important;
  padding:10px!important;
  display:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-cv-surface="admin-review"] .admin-utility-dock.open{display:grid!important;}
body[data-cv-surface="admin-review"] .admin-utility-dock .card{max-height:350px!important;overflow:auto!important;}
body[data-cv-surface="admin-review"] .admin-layout-marker,
body[data-cv-surface="admin-review"] .admin-hardening-marker{
  position:fixed!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;
}

@media(max-width:1320px){
  :root{--cv-admin-left:220px;--cv-admin-right:292px;}
  body[data-cv-surface="admin-review"] .bar-actions .chrome-link:not(.public-link){display:none!important;}
  body[data-cv-surface="admin-review"] .stage-head .kicker{display:none!important;}
}
@media(max-width:1120px){
  body[data-cv-surface="admin-review"]{overflow:auto!important;}
  body[data-cv-surface="admin-review"] #appRoot,
  body[data-cv-surface="admin-review"] .app{
    height:auto!important;
    min-height:100dvh!important;
    grid-template-rows:auto auto auto auto!important;
  }
  body[data-cv-surface="admin-review"] .main.admin-three-pane,
  body[data-cv-surface="admin-review"] .main[data-admin-layout="workspace-hardening-v0.9.2"]{
    grid-template-columns:1fr!important;
    overflow:visible!important;
  }
  body[data-cv-surface="admin-review"] .stage-card{order:1;min-height:72dvh!important;}
  body[data-cv-surface="admin-review"] .admin-left-rail{order:2;max-height:none!important;overflow:visible!important;}
  body[data-cv-surface="admin-review"] .side.admin-right-inspector{order:3;max-height:none!important;overflow:visible!important;}
  body[data-cv-surface="admin-review"] .admin-utility-dock.open{grid-template-columns:1fr!important;}
}