/* BATCH 2 SCREEN AUTHORITY V1 — LOCKED 2026-09-26
   Gallery Intake / Moderation + Officer / Administrator Console.
   Preserves all prior locked House authorities and applies the same curtain, typography,
   material, accessibility and responsive rules. Solid bodies; glass only at restrained edges. */

:root{
  --batch2-gold:#b78124;
  --batch2-gold-light:#e6bd63;
  --batch2-line:rgba(183,129,36,.28);
  --batch2-shadow:0 18px 48px rgba(12,8,4,.22);
  --batch2-radius:18px;
}
html[data-theme="dark"]{
  --batch2-surface:#15110d;
  --batch2-surface-2:#1c1510;
  --batch2-text:#f7efe2;
  --batch2-muted:#c7bbab;
  --batch2-edge:rgba(230,189,99,.27);
}
html[data-theme="light"]{
  --batch2-surface:#fffaf0;
  --batch2-surface-2:#eee0c9;
  --batch2-text:#1b140d;
  --batch2-muted:#6d5d4b;
  --batch2-edge:rgba(116,78,25,.24);
}

/* 11 — Gallery Intake / Moderation */
html[data-view="photos"] .moderation-room{
  width:min(1440px,100%);
  max-width:none;
  margin:0 auto;
  padding:10px 0 44px;
}
html[data-view="photos"] .moderation-head{
  min-height:230px;
  padding:30px;
  border:1px solid var(--batch2-edge);
  border-radius:var(--batch2-radius);
  background:
    radial-gradient(circle at 88% 10%,rgba(230,189,99,.15),transparent 28%),
    linear-gradient(132deg,#0d0a07 0%,#21170d 54%,#080706 100%);
  box-shadow:var(--batch2-shadow);
}
html[data-view="photos"] .moderation-head h1{
  margin:5px 0 10px;
  color:#fff8ec;
  font-family:var(--serif);
  font-size:clamp(40px,4.6vw,64px);
  font-weight:600;
  line-height:1;
}
html[data-view="photos"] .moderation-head .lede{max-width:68ch;color:#e1d5c4}
html[data-view="photos"] .moderation-count{
  min-width:180px;
  padding:22px 20px;
  border:1px solid rgba(230,189,99,.22);
  border-radius:14px;
  background:#17110c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-view="photos"] .moderation-count strong{
  color:var(--batch2-gold-light);
  font-family:var(--serif);
  font-size:50px;
}
html[data-view="photos"] .moderation-intake{
  margin-top:18px;
  background:var(--batch2-surface);
  border:1px solid var(--batch2-edge);
  border-radius:var(--batch2-radius);
  box-shadow:var(--batch2-shadow);
  backdrop-filter:none;
}
html[data-view="photos"] .moderation-intake h2,
html[data-view="photos"] .moderation-copy h2{font-family:var(--serif);font-weight:600}
html[data-view="photos"] .moderation-rails{gap:12px}
html[data-view="photos"] .moderation-rails>div{
  min-height:72px;
  padding:12px 14px;
  border:1px solid var(--batch2-line);
  border-radius:12px;
  background:var(--batch2-surface-2);
}
html[data-view="photos"] .moderation-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
html[data-view="photos"] .moderation-card{
  overflow:hidden;
  border:1px solid var(--batch2-edge);
  border-radius:var(--batch2-radius);
  background:var(--batch2-surface);
  box-shadow:var(--batch2-shadow);
}
html[data-view="photos"] .moderation-image{
  min-height:330px;
  background:#050403;
  border-bottom:1px solid var(--batch2-line);
}
html[data-view="photos"] .moderation-image>span{
  left:14px;
  top:14px;
  background:#8a5708;
  color:#fff8e8;
}
html[data-view="photos"] .moderation-copy{padding:22px}
html[data-view="photos"] .moderation-copy .eyebrow{margin-bottom:5px}
html[data-view="photos"] .moderation-description{color:var(--batch2-muted);font-size:14px}
html[data-view="photos"] .moderation-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:14px 0;
}
html[data-view="photos"] .moderation-check{
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--batch2-line);
  border-radius:10px;
  background:var(--batch2-surface-2);
}
html[data-view="photos"] .moderation-check span{
  display:block;
  color:var(--batch2-muted);
  font-size:11px;
  font-weight:750;
  letter-spacing:.09em;
  text-transform:uppercase;
}
html[data-view="photos"] .moderation-check strong{
  display:block;
  margin-top:3px;
  overflow-wrap:anywhere;
  font-size:13px;
}
html[data-view="photos"] .moderation-actions{
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
}
html[data-view="photos"] .moderation-actions .btn:first-child{grid-column:auto}
html[data-view="photos"] .moderation-actions .btn{min-height:46px}
html[data-view="photos"] .moderation-clear{
  margin-top:18px;
  padding:40px;
  border-color:rgba(79,179,122,.3);
}
html[data-theme="light"][data-view="photos"] .moderation-head{
  background:
    radial-gradient(circle at 88% 10%,rgba(183,129,36,.12),transparent 28%),
    linear-gradient(132deg,#f7eedf 0%,#e6d2b2 54%,#d9c29d 100%);
  box-shadow:0 16px 42px rgba(74,49,17,.12);
}
html[data-theme="light"][data-view="photos"] .moderation-head h1{color:#21160d}
html[data-theme="light"][data-view="photos"] .moderation-head .lede{color:#5f503f}
html[data-theme="light"][data-view="photos"] .moderation-count{
  background:#fff8e9;
  border-color:rgba(116,78,25,.22);
}
html[data-theme="light"][data-view="photos"] .moderation-count strong{color:#8a590b}

/* Framed Brotherhood daylight correction.
   The locked Gallery family does not force a night room when the House is in daylight. Keep the
   museum contrast on photographs/viewer chrome, but open the surrounding room to ivory, brown and
   old gold so Dark/Daylight remain the same architecture under different light. */
html[data-theme="light"][data-view="photos"]{
  --page:#efe2ce;
  --ambient:
    radial-gradient(58% 42% at 14% -10%,rgba(193,137,42,.16),transparent 72%),
    radial-gradient(48% 38% at 88% 2%,rgba(113,72,22,.10),transparent 74%),
    linear-gradient(180deg,#f7efe2 0%,#efe2cf 54%,#e5d4b9 100%);
  --pane:linear-gradient(165deg,#fffaf0,#eee0c9);
  --pane-solid:linear-gradient(165deg,#fffaf0,#ead9bf);
  --pane-edge:rgba(116,78,25,.24);
  --bar:rgba(250,245,236,.96);
  --header:rgba(250,245,236,.92);
  --rail:linear-gradient(180deg,#fbf6eb,#f0e4d2);
  --rail-glass:rgba(250,245,236,.92);
  --header-glass:rgba(250,245,236,.92);
  --bar-glass:rgba(250,245,236,.96);
  --toast-bg:linear-gradient(160deg,#fffaf0,#ead9bf);
  --ink:#e5d5bd;
  --ink-2:#efe2cf;
  --ink-3:#f6ecdc;
  --panel:#fffaf0;
  --panel-2:#f0e2ca;
  --gold:#986411;
  --gold-deep:#7f5009;
  --gold-light:#986411;
  --gold-2:#86570f;
  --gold-dim:rgba(152,100,17,.14);
  --gold-line:rgba(116,78,25,.20);
  --ivory:#21170f;
  --cream:#2d2116;
  --text:#211a13;
  --muted:#62584a;
  --muted-2:#7b6d5b;
  --muted-3:#94836d;
  --tone-green:#276d49;
  --tone-red:#9e3d37;
  --tone-amber:#8a5b16;
  --tone-blue:#355f91;
  --tile:rgba(255,250,240,.76);
  --tile-firm:rgba(255,250,240,.92);
  --tile-edge:rgba(116,78,25,.16);
  --glass-edge:rgba(116,78,25,.14);
}
html[data-theme="light"][data-view="photos"] body,
html[data-theme="light"][data-view="photos"] .view{background:var(--ambient);color:var(--text)}
html[data-theme="light"][data-view="photos"] .topbar{
  background:rgba(250,245,236,.94)!important;
  border-bottom-color:rgba(80,52,15,.14)!important;
  color:var(--text);
}
html[data-theme="light"][data-view="photos"] .arch-head h2,
html[data-theme="light"][data-view="photos"] .occasion h3,
html[data-theme="light"][data-view="photos"] .empty h3{color:#21170f}
html[data-theme="light"][data-view="photos"] .occ-head{
  background:linear-gradient(180deg,#efe2ce 0%,rgba(239,226,206,.93) 62%,rgba(239,226,206,0) 100%);
}
html[data-theme="light"][data-view="photos"] .arch-search input,
html[data-theme="light"][data-view="photos"] .arch-chips .chip{
  background:rgba(255,250,240,.78);
  border-color:rgba(116,78,25,.18);
  color:#21170f;
}
html[data-theme="light"][data-view="photos"] .btn:not(.btn-primary){
  background:linear-gradient(160deg,#fffaf0,#efe0c8);
  color:#21170f;
  border-color:rgba(116,78,25,.18);
}
html[data-theme="light"][data-view="photos"] .btn:not(.btn-primary):hover{
  background:#fff7e8;
  border-color:rgba(152,100,17,.42);
}
html[data-theme="light"][data-view="photos"] .field input,
html[data-theme="light"][data-view="photos"] .field select,
html[data-theme="light"][data-view="photos"] .field textarea,
html[data-theme="light"][data-view="photos"] .input{
  background:#fffaf0;
  border-color:rgba(116,78,25,.20);
  color:#21170f;
}
html[data-theme="light"][data-view="photos"] .moderation-intake,
html[data-theme="light"][data-view="photos"] .moderation-card,
html[data-theme="light"][data-view="photos"] .moderation-clear{
  color:#21170f;
}
html[data-theme="light"][data-view="photos"] .moderation-intake h2,
html[data-theme="light"][data-view="photos"] .moderation-copy h2,
html[data-theme="light"][data-view="photos"] .moderation-clear h2,
html[data-theme="light"][data-view="photos"] .moderation-rails strong{color:#21170f}
html[data-theme="light"][data-view="photos"] .moderation-rails small,
html[data-theme="light"][data-view="photos"] .moderation-description,
html[data-theme="light"][data-view="photos"] .moderation-clear p{color:#665b4b}
html[data-theme="light"][data-view="photos"] .moderation-rails>div,
html[data-theme="light"][data-view="photos"] .moderation-check{
  background:#f3e5cf;
  border-color:rgba(116,78,25,.16);
}
html[data-theme="light"][data-view="photos"] .status-pill,
html[data-theme="light"][data-view="photos"] .badge.slate{
  background:rgba(116,78,25,.08);
  border-color:rgba(116,78,25,.16);
  color:#62584a;
}

/* 12 — Officer / Administrator Console */
html[data-view="admin"] .view{
  color:var(--batch2-text);
}
html[data-view="admin"] .tabs[aria-label="Officers’ Desk sections"]{
  position:sticky;
  top:0;
  z-index:4;
  gap:6px;
  margin:-2px 0 18px;
  padding:8px;
  overflow-x:auto;
  border:1px solid var(--batch2-edge);
  border-radius:14px;
  background:var(--batch2-surface);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  scrollbar-width:thin;
}
html[data-view="admin"] .tabs[aria-label="Officers’ Desk sections"] button{
  min-height:42px;
  border:1px solid transparent;
  border-radius:10px;
}
html[data-view="admin"] .tabs[aria-label="Officers’ Desk sections"] button.active{
  border-color:var(--batch2-edge);
  background:var(--batch2-surface-2);
  color:var(--gold-light);
}
html[data-view="admin"] #tab-body{max-width:1480px;margin:0 auto}
html[data-view="admin"] #tab-body .card{
  border:1px solid var(--batch2-edge);
  border-radius:var(--batch2-radius);
  background:var(--batch2-surface);
  box-shadow:var(--batch2-shadow);
  backdrop-filter:none;
}
html[data-view="admin"] .admin-console-room{gap:18px}
html[data-view="admin"] .admin-console-hero{
  position:relative;
  overflow:hidden;
  min-height:260px;
  padding:30px;
  border-color:rgba(183,129,36,.42)!important;
  background:
    radial-gradient(circle at 90% 18%,rgba(230,189,99,.16),transparent 26%),
    linear-gradient(130deg,#0d0a07,#24180d 56%,#070605)!important;
}
html[data-view="admin"] .admin-console-hero::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-105px;
  width:330px;
  height:330px;
  background:url("/welcome/img/chapter-seal.webp") center/contain no-repeat;
  opacity:.045;
  pointer-events:none;
}
html[data-view="admin"] .admin-console-hero>*{position:relative;z-index:1}
html[data-view="admin"] .admin-console-hero h2{
  margin:5px 0 9px;
  color:#fff8ec;
  font-family:var(--serif);
  font-size:clamp(40px,4.4vw,62px);
  font-weight:600;
  line-height:1;
}
html[data-view="admin"] .admin-console-hero .lede{max-width:72ch;color:#dfd2c1}
html[data-view="admin"] .admin-console-hero .kpi{
  min-height:118px;
  border:1px solid rgba(230,189,99,.18);
  background:#16100b;
}
html[data-view="admin"] .admin-console-hero .kpi .value{color:#fff8ec}
html[data-view="admin"] .admin-console-grid{align-items:start}
html[data-view="admin"] .admin-console-grid>.card{min-height:100%}
html[data-view="admin"] .admin-console-grid .item.link{
  min-height:76px;
  padding:14px 4px;
}
html[data-view="admin"] .admin-console-grid .item.link:hover{
  background:var(--batch2-surface-2)!important;
  border-radius:10px;
}
html[data-view="admin"] .admin-authority{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
html[data-view="admin"] .table-wrap{
  border:1px solid var(--batch2-line);
  border-radius:12px;
  background:var(--batch2-surface);
}
html[data-theme="light"][data-view="admin"] .admin-console-hero{
  background:
    radial-gradient(circle at 90% 18%,rgba(183,129,36,.13),transparent 26%),
    linear-gradient(130deg,#f7eedf,#e7d2af 58%,#d9bf94)!important;
  box-shadow:0 16px 42px rgba(74,49,17,.12)!important;
}
html[data-theme="light"][data-view="admin"] .admin-console-hero h2{color:#21160d}
html[data-theme="light"][data-view="admin"] .admin-console-hero .lede{color:#5b4d3d}
html[data-theme="light"][data-view="admin"] .admin-console-hero .kpi{
  background:#fff8e9;
  border-color:rgba(116,78,25,.18);
}
html[data-theme="light"][data-view="admin"] .admin-console-hero .kpi .value{color:#21160d}

/* Tablet / phone */
@media(max-width:1000px){
  html[data-view="photos"] .moderation-grid{grid-template-columns:1fr}
  html[data-view="photos"] .moderation-head{grid-template-columns:1fr}
  html[data-view="photos"] .moderation-count{justify-self:start}
  html[data-view="admin"] .admin-console-hero .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  html[data-view="photos"] .moderation-room{padding:6px 0 28px}
  html[data-view="photos"] .moderation-head{min-height:0;padding:20px}
  html[data-view="photos"] .moderation-head h1{font-size:clamp(34px,10vw,44px)}
  html[data-view="photos"] .moderation-count{min-width:0;width:100%;text-align:left}
  html[data-view="photos"] .moderation-rails,
  html[data-view="photos"] .moderation-checks,
  html[data-view="photos"] .moderation-actions{grid-template-columns:1fr}
  html[data-view="photos"] .moderation-image{min-height:240px}
  html[data-view="admin"] .tabs[aria-label="Officers’ Desk sections"]{border-radius:11px;padding:6px}
  html[data-view="admin"] .admin-console-hero{min-height:0;padding:20px}
  html[data-view="admin"] .admin-console-hero h2{font-size:clamp(34px,10vw,46px)}
  html[data-view="admin"] .admin-console-hero .grid.cols-4{grid-template-columns:1fr 1fr}
  html[data-view="admin"] .admin-console-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  html[data-view="admin"] .admin-console-hero .grid.cols-4{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html[data-view="photos"] .moderation-room *,
  html[data-view="admin"] #tab-body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* NARROW-DESK HOUSE SHELL — VERIFIED HOSTED ACCEPTANCE
   961–1100px is wider than the established tablet shell but too narrow for the full desktop
   rail + header cluster. Use the compact House shell only in this gap. Existing <=960px tablet
   and phone authority remains untouched. */
@media (min-width:961px) and (max-width:1100px){
  :root{--sidebar:0px}
  .shell{grid-template-columns:minmax(0,1fr)!important;background:none!important}
  .sidebar{display:none!important}
  .shell>.main{min-width:0;margin-left:0!important}
  .topbar{min-width:0;padding:10px 16px;gap:10px}
  .topbar .mobile-menu,.topbar .mobile-brand{display:inline-grid!important}
  .topbar .mobile-brand{place-items:center;width:48px;height:48px;flex:none}
  .topbar .mobile-brand .seal-mark{width:46px;height:46px}
  .topbar .search{flex:1 1 320px;max-width:none;min-width:0}
  .topbar .datestamp,.topbar .wx-chip,.topbar .who>div,.topbar .desktop-signout{display:none!important}
  .topbar .who{border:0;padding:0;min-width:44px;min-height:44px;display:grid;place-items:center}
  .topbar .who .avatar{width:42px;height:42px}
  .topbar .icon-btn,.topbar .notice-bell,.topbar .mobile-menu{min-width:44px;min-height:44px}
  .view{min-width:0}
}