/* BATCH 1 SCREEN AUTHORITY V1 — LOCKED 2026-09-26
   Applies the current House visual system to the ten production screens approved for Batch 1.
   It does not alter Dashboard V46, the locked sign-in masters, The Brothers directory master,
   Fraternity in Action, Events V2, The Library V1.1, Committees V1, or Framed Brotherhood V1.1.
   Dark = curtains closed / controlled warm light. Daylight = the same House opened to natural light.
   Tile bodies stay solid; glass belongs at the edge only. */

:root{
  --batch1-ink:#0b0907;
  --batch1-ink-2:#15100b;
  --batch1-paper:#f4ede0;
  --batch1-paper-2:#fffaf0;
  --batch1-brown:#4a321d;
  --batch1-gold:#b78124;
  --batch1-gold-light:#e6bd63;
  --batch1-line:rgba(183,129,36,.28);
  --batch1-shadow:0 18px 48px rgba(12,8,4,.22);
  --batch1-radius:18px;
}
html[data-theme="dark"]{
  --batch1-surface:#15110d;
  --batch1-surface-2:#1b1510;
  --batch1-text:#f7efe2;
  --batch1-muted:#c7bbab;
  --batch1-edge:rgba(230,189,99,.26);
}
html[data-theme="light"]{
  --batch1-surface:#fffaf0;
  --batch1-surface-2:#f2e5d1;
  --batch1-text:#19130d;
  --batch1-muted:#6f604f;
  --batch1-edge:rgba(116,78,25,.24);
}
html[data-view="settings"] .view,
html[data-view="activation"] .view,
html[data-view="members"] .view,
html[data-view="search"] .view,
html[data-view="notices"] .view,
html[data-view="dues"] .view,
html[data-view="calendar"] .view,
html[data-view="reports"] .view,
html[data-view="library"] .view,
html[data-view="photos"] .view{
  color:var(--batch1-text);
}
html[data-view="settings"] .card,
html[data-view="members"] .card,
html[data-view="search"] .card,
html[data-view="notices"] .card,
html[data-view="dues"] .card,
html[data-view="calendar"] .card,
html[data-view="reports"] .card,
html[data-view="library"] .card,
html[data-view="photos"] .card{
  background:var(--batch1-surface);
  border:1px solid var(--batch1-edge);
  border-radius:var(--batch1-radius);
  box-shadow:var(--batch1-shadow), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:none;
}
html[data-theme="light"] :is(
  html[data-view="settings"] .card,
  html[data-view="members"] .card,
  html[data-view="search"] .card,
  html[data-view="notices"] .card,
  html[data-view="dues"] .card,
  html[data-view="calendar"] .card,
  html[data-view="reports"] .card,
  html[data-view="library"] .card,
  html[data-view="photos"] .card
){box-shadow:0 12px 34px rgba(83,57,22,.08), inset 0 1px 0 rgba(255,255,255,.82)}

/* 1 — My Profile / House Account V2 */
html[data-view="settings"] .house-account-grid{align-items:start}
html[data-view="settings"] .account-hero{
  display:grid;
  grid-template-columns:minmax(180px,.58fr) minmax(0,1.65fr) minmax(235px,.78fr);
  gap:22px;
  padding:26px;
  border-color:rgba(183,129,36,.42);
  overflow:hidden;
}
html[data-view="settings"] .account-photo{border-radius:14px;overflow:hidden;background:#120e0a;min-height:260px}
html[data-view="settings"] .account-photo img{width:100%;height:100%;object-fit:cover}
html[data-view="settings"] .account-identity h1{font-size:clamp(34px,3vw,50px);line-height:1.02}
html[data-view="settings"] .account-name{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
html[data-view="settings"] .account-life{display:inline-flex;align-items:center;gap:10px;color:var(--gold-light);font-weight:800}
html[data-view="settings"] .account-life .lm{width:38px;height:48px}
html[data-view="settings"] .account-life-large .lm{width:104px;height:132px}
html[data-view="settings"] .account-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:20px}
html[data-view="settings"] .account-fact{padding-top:10px;border-top:1px solid var(--batch1-line)}
html[data-view="settings"] .account-fact span{display:block;color:var(--batch1-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
html[data-view="settings"] .account-fact strong{display:block;margin-top:4px}
html[data-view="settings"] .account-earned{display:flex;flex-direction:column;justify-content:space-between;gap:18px}
html[data-view="settings"] .account-earned-marks{display:flex;justify-content:center;gap:18px}
html[data-view="settings"] .account-earned figure{margin:0;text-align:center}
html[data-view="settings"] .account-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--batch1-line)}
html[data-view="settings"] .account-security{border-color:rgba(183,129,36,.38)}

/* 2 — First Time Activation V1 */
html[data-view="activation"] body{background:var(--page)}
html[data-view="activation"] .activation-house{
  min-height:calc(100vh - 40px);
  background:
    linear-gradient(90deg,rgba(8,6,4,.86),rgba(8,6,4,.40) 48%,rgba(8,6,4,.72)),
    url("/welcome/img/entrance-v3/base-centered-door.avif") center/cover no-repeat;
}
html[data-theme="light"][data-view="activation"] .activation-house{
  background:
    linear-gradient(90deg,rgba(246,237,220,.96),rgba(246,237,220,.62) 48%,rgba(246,237,220,.88)),
    url("/welcome/img/entrance-v3/base-centered-door.avif") center/cover no-repeat;
}
html[data-view="activation"] .activation-panel{
  max-width:760px;
  border:1px solid var(--batch1-edge);
  background:var(--batch1-surface);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
html[data-view="activation"] .activation-progress{gap:10px}
html[data-view="activation"] .activation-copy h1{font-size:clamp(42px,5vw,68px);line-height:.98}
html[data-view="activation"] .activation-assurance{border-color:var(--batch1-line)}

/* 3 — Brother Detail */
html[data-view="members"] .brother-detail{max-width:1420px;margin:0 auto}
html[data-view="members"] .brother-detail-hero{
  display:grid;
  grid-template-columns:minmax(210px,.58fr) minmax(0,1.5fr) minmax(220px,.65fr);
  gap:24px;
  padding:26px;
  background:var(--batch1-surface);
  border:1px solid var(--batch1-edge);
  border-radius:var(--batch1-radius);
  box-shadow:var(--batch1-shadow);
}
html[data-view="members"] .brother-detail-photo{min-height:310px;border-radius:14px;overflow:hidden;background:#120e0a}
html[data-view="members"] .brother-detail-photo img{width:100%;height:100%;object-fit:cover}
html[data-view="members"] .brother-detail-name{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
html[data-view="members"] .brother-detail-name h1{font-size:clamp(36px,3.6vw,54px)}
html[data-view="members"] .brother-life{display:inline-flex;align-items:center;gap:9px;color:var(--gold-light);font-weight:800}
html[data-view="members"] .brother-life .lm{width:34px;height:44px}
html[data-view="members"] .life-large .lm{width:96px;height:124px}
html[data-view="members"] .brother-detail-grid{margin-top:18px}

/* 4 — Universal Search */
html[data-view="search"] .universal-search{max-width:1360px;margin:0 auto}
html[data-view="search"] .search-room-head{padding:10px 0 22px}
html[data-view="search"] .search-room-head h1{font-size:clamp(38px,4vw,58px)}
html[data-view="search"] .universal-search-bar{
  min-height:66px;
  padding:8px 12px 8px 20px;
  background:var(--batch1-surface);
  border:1px solid var(--batch1-edge);
  border-radius:14px;
  box-shadow:var(--batch1-shadow);
}
html[data-view="search"] .search-group{background:var(--batch1-surface);border:1px solid var(--batch1-edge);border-radius:16px;padding:22px}
html[data-view="search"] .search-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-view="search"] .search-count{min-width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(183,129,36,.14);color:var(--gold-light);font-weight:800}

/* 5 — Notifications Center */
html[data-view="notices"] .bell-room{max-width:1240px;margin:0 auto}
html[data-view="notices"] .bell-head{padding:6px 0 22px}
html[data-view="notices"] .bell-head h2{font-size:clamp(38px,4vw,58px)}
html[data-view="notices"] .bell-group{padding:22px 26px}
html[data-view="notices"] .bell-item{min-height:78px;padding:15px 10px;border-top:1px solid var(--batch1-line)}
html[data-view="notices"] .bell-item.unread{background:linear-gradient(90deg,rgba(183,129,36,.12),transparent 68%)}
html[data-view="notices"] .bell-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(183,129,36,.14);color:var(--gold-light)}

/* 6 — Dues Payment + Receipt */
html[data-view="dues"] #money{max-width:1420px;margin:0 auto}
html[data-view="dues"] .owing{
  border-radius:18px;
  border:1px solid rgba(183,129,36,.42);
  background:var(--batch1-surface);
  box-shadow:var(--batch1-shadow);
}
html[data-view="dues"] .dues-receipt{
  max-width:880px;
  margin:20px auto;
  padding:30px;
  border:1px solid rgba(183,129,36,.45);
  border-radius:18px;
  background:var(--batch1-surface);
  box-shadow:var(--batch1-shadow);
}
html[data-view="dues"] .receipt-amount{border-block:1px solid var(--batch1-line)}
html[data-view="dues"] .receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* 7 — Event Detail */
html[data-view="calendar"] .event-detail-room{max-width:1420px;margin:0 auto}
html[data-view="calendar"] .event-detail-hero{
  min-height:330px;
  border:1px solid var(--batch1-edge);
  border-radius:18px;
  background:var(--batch1-surface);
  box-shadow:var(--batch1-shadow);
  overflow:hidden;
}
html[data-view="calendar"] .event-detail-copy h1{font-size:clamp(38px,4vw,60px)}
html[data-view="calendar"] .event-detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px}

/* 8 — Committee Detail */
html[data-view="reports"] .committee-detail-room{max-width:1420px;margin:0 auto}
html[data-view="reports"] .committee-detail-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  padding:26px;
  background:var(--batch1-surface);
  border:1px solid var(--batch1-edge);
  border-radius:18px;
  box-shadow:var(--batch1-shadow);
}
html[data-view="reports"] .committee-detail-copy h1{font-size:clamp(36px,3.5vw,54px)}
html[data-view="reports"] .committee-detail-stats{display:flex;gap:10px;flex-wrap:wrap}

/* 9 — Document Preview */
html[data-view="library"] .document-room{max-width:1480px;margin:0 auto}
html[data-view="library"] .document-preview-shell{
  border:1px solid var(--batch1-edge);
  background:var(--batch1-surface);
  border-radius:18px;
  box-shadow:var(--batch1-shadow);
}
html[data-view="library"] .document-room .back-link,
html[data-view="photos"] .photo-detail-room .back-link{display:inline-flex;margin-bottom:14px}

/* 10 — Framed Brotherhood Album + Photo Detail */
html[data-view="photos"] .photo-detail-room{max-width:1500px;margin:0 auto}
html[data-view="photos"] .photo-detail-stage{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);
  gap:0;
  overflow:hidden;
  border:1px solid var(--batch1-edge);
  border-radius:18px;
  background:#0c0a08;
  box-shadow:0 24px 64px rgba(0,0,0,.34);
}
html[data-view="photos"] .photo-detail-image{min-height:620px;background:#050403}
html[data-view="photos"] .photo-detail-image img{width:100%;height:100%;object-fit:contain}
html[data-view="photos"] .photo-detail-side{background:var(--batch1-surface);padding:28px}
html[data-view="photos"] .photo-detail-facts>div{padding:9px 0;border-bottom:1px solid var(--batch1-line)}

/* Official Life Member artwork — the chapter-supplied mask, painted by theme. */
.lm{
  display:inline-block;
  width:28px;
  height:36px;
  color:var(--gold-light);
  background:currentColor;
  -webkit-mask:url("/welcome/img/life-member-mask.webp") center/contain no-repeat;
  mask:url("/welcome/img/life-member-mask.webp") center/contain no-repeat;
  vertical-align:middle;
}
html[data-theme="light"] .lm{color:#986411}

/* Screen density, touch, zoom, and responsive continuity. */
@media (max-width:1100px){
  html[data-view="settings"] .account-hero,
  html[data-view="members"] .brother-detail-hero{grid-template-columns:220px minmax(0,1fr)}
  html[data-view="settings"] .account-earned,
  html[data-view="members"] .brother-detail-honours{grid-column:1 / -1}
  html[data-view="search"] .search-groups{grid-template-columns:1fr}
  html[data-view="calendar"] .event-detail-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  html[data-view="settings"] .account-hero,
  html[data-view="members"] .brother-detail-hero,
  html[data-view="photos"] .photo-detail-stage{grid-template-columns:1fr}
  html[data-view="settings"] .account-photo,
  html[data-view="members"] .brother-detail-photo{min-height:0;aspect-ratio:4/5}
  html[data-view="settings"] .account-facts{grid-template-columns:1fr}
  html[data-view="dues"] .receipt-grid{grid-template-columns:1fr}
  html[data-view="photos"] .photo-detail-image{min-height:0;aspect-ratio:4/5}
}
@media (prefers-reduced-motion:reduce){
  html[data-view="settings"] *,
  html[data-view="activation"] *,
  html[data-view="members"] *,
  html[data-view="search"] *,
  html[data-view="notices"] *,
  html[data-view="dues"] *,
  html[data-view="calendar"] *,
  html[data-view="reports"] *,
  html[data-view="library"] *,
  html[data-view="photos"] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}