/* ==========================================================================
   HOUSE 512 SHARED DESIGN SYSTEM V1 — LOCKED 2026-09-24
   The approved House Home visual is implemented here as reusable shell,
   spacing, typography, hero, card and CTA primitives. New rooms should use
   these primitives instead of creating page-specific visual systems.
   ========================================================================== */

:root{
  --house-black:#0A0A09;
  --house-black-2:#13110E;
  --house-ivory:#FFFDF8;
  --house-ivory-2:#F8F3E9;
  --house-ink:#17130F;
  --house-muted:#625B52;
  --house-gold:#E0AE36;
  --house-gold-ink:#95620D;
  --house-gold-soft:rgba(224,174,54,.18);
  --house-red:#D95D51;
  --house-line:rgba(121,84,22,.17);
  --house-shadow:0 10px 28px rgba(49,34,15,.08);
  --house-radius:16px;
  --house-gap:clamp(14px,2vw,22px);
  --house-gutter:clamp(14px,3vw,34px);
  --house-serif:var(--serif);
  --house-sans:var(--sans);
}

/* Shared authenticated shell. The latest authority keeps the chapter header
   dark for contrast while daylight content remains ivory. */
html[data-theme] .house-shell-header,
html[data-theme="light"] .house-shell-header{
  background:linear-gradient(180deg,#0E0E0D,#090908)!important;
  color:#FFF9ED!important;
  border-bottom:1px solid rgba(224,174,54,.34)!important;
  box-shadow:none!important;
}
.house-shell-header .mobile-menu,
.house-shell-header .notice-bell{
  color:#F5EEE3!important;
  border-color:rgba(224,174,54,.52)!important;
  background:rgba(255,255,255,.015)!important;
}
.house-shell-header .mobile-house-id strong{color:#F0C55F!important}
.house-shell-header .mobile-house-id span{color:#D8D0C5!important}
.house-shell-header .who{border-left-color:rgba(224,174,54,.30)!important}
.house-shell-header .who .avatar{
  background:#211A10!important;
  color:#F0C55F!important;
  border-color:rgba(224,174,54,.70)!important;
}
.house-shell-header .who .name,
.house-shell-header .who .name>span:first-child{color:#FFF9ED!important}
.house-shell-header .who .role{color:#E0AE36!important}

/* The chapter mark is deliberately compact in the dark header. */
@media(max-width:700px){
  .house-shell-header .mobile-brand{
    width:44px!important;height:44px!important;min-width:44px!important;
  }
  .house-shell-header .mobile-brand .seal-mark{
    width:42px!important;height:42px!important;
  }
  .house-shell-header .mobile-house-id{
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    min-width:92px!important;gap:3px!important;line-height:1!important;
  }
  .house-shell-header .mobile-house-id strong,
  .house-shell-header .mobile-house-id span{display:block!important;white-space:nowrap!important}
  .house-shell-header .mobile-house-id strong{font-size:9px!important;letter-spacing:.23em!important}
  .house-shell-header .mobile-house-id span{font-size:8px!important;letter-spacing:.14em!important}
}

/* Shared daylight mobile navigation. */
html[data-theme="light"] .house-mobile-nav{
  background:rgba(255,254,250,.985)!important;
  border-top-color:rgba(112,72,7,.12)!important;
  box-shadow:0 -8px 24px rgba(64,45,19,.055)!important;
}
html[data-theme="light"] .house-mobile-nav a,
html[data-theme="light"] .house-mobile-nav button{
  color:#625B52!important;background:transparent!important;
}
html[data-theme="light"] .house-mobile-nav a.active{color:var(--house-gold-ink)!important}
html[data-theme="light"] .house-mobile-nav a.active::before{
  background:var(--house-gold)!important;box-shadow:none!important;
}

/* Shared section and card grammar. */
.house-section{display:grid;gap:12px;min-width:0}
.house-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-inline:2px;
}
.house-section-head h2{
  margin:0;color:var(--house-ink);font-family:var(--house-serif);
  font-size:clamp(28px,3.4vw,38px);font-weight:470;line-height:1;letter-spacing:-.025em;
}
.house-section-head>a{
  display:inline-flex;align-items:center;gap:6px;min-height:42px;
  color:var(--house-gold-ink);font-size:14px;font-weight:650;
}
.house-section-head>a .ic{width:15px;height:15px}
.house-card-grid{display:grid;gap:10px}
.house-card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.house-card{
  border:1px solid var(--house-line);border-radius:var(--house-radius);
  background:linear-gradient(180deg,#FFFFFD,#FCF9F3);box-shadow:var(--house-shadow);
}
.house-card-icon{
  display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(224,174,54,.34);color:#A36B0D;background:#FFFDF8;
}
.house-card-copy{min-width:0}
.house-kicker{
  color:#F0C96F;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
}

/* The dashboard is one full-width House room. The legacy .house layout reserved a
   300px right rail that no longer exists in the approved Home master. */
html[data-view="dashboard"] .house.official-house{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
}
html[data-view="dashboard"] .house.official-house>.official-dashboard{
  width:100%!important;
  max-width:none!important;
}

/* The final Home stage: the daylight House image owns the entire hero stage.
   Greeting/weather and House copy are live overlays, not text baked into the image. */
html[data-theme="light"][data-view="dashboard"] .house-home-v35{
  gap:16px!important;
  padding-top:0!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage{
  position:relative;overflow:hidden;
  border-radius:0 0 20px 20px;
  background:url("/welcome/img/house-home-daylight-authority-v1.jpg") center 48%/cover no-repeat;
  border-bottom:1px solid rgba(224,174,54,.26);
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,5,4,.80) 0%,rgba(5,5,4,.58) 28%,rgba(5,5,4,.08) 50%,rgba(5,5,4,.10) 100%),
    linear-gradient(90deg,rgba(5,5,4,.30),transparent 60%);
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage>.official-welcome,
html[data-theme="light"][data-view="dashboard"] .house-home-stage>.house-hero{
  position:relative;z-index:1;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage>.official-welcome{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:18px 28px!important;
  overflow:visible!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-welcome-copy{
  min-width:0!important;overflow:visible!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-welcome h2{
  max-width:none!important;overflow:visible!important;white-space:normal!important;
  text-wrap:balance!important;
}

/* Greeting occupies the photographic stage and therefore uses white type. */
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-welcome{
  padding:22px var(--house-gutter) 12px!important;
  color:#FFFDF8!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-welcome-kicker{
  color:#F3D174!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-welcome h2{
  color:#FFFDF8!important;text-shadow:0 3px 20px rgba(0,0,0,.72)!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-welcome-date{
  color:#F1EAE0!important;text-shadow:0 2px 12px rgba(0,0,0,.66)!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-weather{
  color:#FFFDF8!important;border-left-color:rgba(243,209,116,.48)!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-weather>.ic,
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-weather>svg{color:#F0C55F!important}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-weather small,
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-weather em,
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-weather strong{
  color:#FFFDF8!important;text-shadow:0 2px 12px rgba(0,0,0,.68)!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .official-home-motto strong{
  color:#F0C55F!important;text-shadow:0 2px 10px rgba(0,0,0,.72)!important;
}

/* Hero consumes the remaining stage with no inset photograph/card effect. */
.house-hero{
  position:relative;overflow:hidden;min-height:clamp(430px,58vw,720px);
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;
}
.house-hero-media{
  position:absolute!important;inset:0!important;background:none!important;
}
/* V35 placed its own image directly on .official-room with a higher-specificity
   !important selector. The shared stage owns the photograph now, so explicitly
   neutralize that legacy layer at a stronger selector. */
html[data-view="dashboard"] .official-home-hero .house-hero-media.official-room,
html[data-theme="light"][data-view="dashboard"] .official-home-hero .house-hero-media.official-room{
  background:none!important;
  background-image:none!important;
  filter:none!important;
}
.house-hero-shade{
  position:absolute!important;inset:0!important;
  background:
    linear-gradient(90deg,rgba(4,4,3,.52) 0%,rgba(4,4,3,.12) 54%,rgba(4,4,3,.04) 78%),
    linear-gradient(0deg,rgba(4,3,2,.42) 0%,rgba(4,3,2,.05) 48%,transparent 100%)!important;
}
.house-hero-copy{
  position:absolute!important;z-index:2!important;
  left:var(--house-gutter)!important;bottom:clamp(24px,4vw,44px)!important;
  width:min(72%,720px)!important;max-width:none!important;padding:0!important;
}
.house-hero-copy h1{
  margin:0!important;color:#FFFDF8!important;font-family:var(--house-serif)!important;
  font-size:clamp(60px,7vw,96px)!important;font-weight:430!important;line-height:.88!important;
  letter-spacing:-.04em!important;text-shadow:0 3px 22px rgba(0,0,0,.70)!important;
}
.house-hero-copy p{
  margin:10px 0 0!important;color:#FFF9F0!important;font-family:var(--house-serif)!important;
  font-size:clamp(26px,3vw,38px)!important;line-height:1.05!important;font-weight:410!important;
  text-shadow:0 3px 16px rgba(0,0,0,.72)!important;
}
.house-accent{
  display:block;width:58px;height:3px;margin-top:18px;border-radius:3px;background:var(--house-gold);
}
.house-hero-creed{
  margin-top:14px!important;color:#F5EDE2!important;font-size:10px!important;
  line-height:1.35!important;font-weight:650!important;letter-spacing:.24em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.68)!important;white-space:nowrap;
}
.house-round-action,
html[data-view="dashboard"] .house-round-action.official-hero-arrow{
  position:absolute!important;right:var(--house-gutter)!important;bottom:var(--house-gutter)!important;z-index:3!important;
  display:grid!important;place-items:center!important;width:56px!important;height:56px!important;padding:0!important;border-radius:50%!important;
  border:1px solid rgba(240,197,95,.74)!important;
  background:rgba(45,31,11,.86)!important;
  color:#FFFDF8!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
.house-round-action .ic{width:23px;height:23px}

/* Briefing cards use the shared card system and available width efficiently. */
.house-briefing-card{
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 18px!important;
  gap:12px!important;align-items:start!important;min-height:168px!important;padding:16px!important;
  color:var(--house-ink)!important;
}
.house-briefing-card .house-card-icon{width:42px!important;height:42px!important}
.house-briefing-card.red .house-card-icon{
  color:#D9584D!important;border-color:rgba(217,88,77,.38)!important;background:rgba(217,88,77,.055)!important;
}
.house-briefing-card .house-card-copy{
  display:flex!important;flex-direction:column!important;min-height:100%;
}
.house-briefing-card .house-card-copy>strong{
  color:var(--house-gold-ink)!important;font-size:10px!important;font-weight:800!important;
  letter-spacing:.17em!important;text-transform:uppercase;
}
.house-briefing-card.red .house-card-copy>strong{color:#D65348!important}
.house-briefing-card .house-card-copy>b{
  margin-top:8px;color:var(--house-ink)!important;font-family:var(--house-serif);
  font-size:clamp(18px,2.2vw,24px);font-weight:480;line-height:1.08;
}
.house-briefing-card .house-card-copy>span{
  margin-top:9px;color:#5D564E!important;font-size:14px!important;line-height:1.4!important;
}
.house-briefing-card .house-card-copy>small{
  margin-top:auto;padding-top:10px;color:#756D64!important;font-size:12px!important;
}
.house-briefing-card.red .house-card-copy>small{color:#D65348!important}

/* Secure the House + leadership contact footer. */
.house-security-footer{
  display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,.88fr);
  align-items:center;gap:18px;
  padding:14px 16px;border:1px solid rgba(224,174,54,.62);border-radius:15px;
  background:linear-gradient(180deg,#FFFDF9,#F9F4E9);box-shadow:0 7px 22px rgba(50,35,14,.05);
}
.house-shield-cta{
  display:grid;place-items:center;width:68px;height:68px;border-radius:12px;
  background:transparent;border:0;transition:transform .18s ease,filter .18s ease;
}
.house-shield-cta:hover{transform:translateY(-1px);filter:brightness(1.04)}
.house-shield-cta:focus-visible{outline:2px solid var(--house-gold);outline-offset:3px}
.house-shield-cta img{display:block;max-width:56px;max-height:60px;width:auto;height:auto;object-fit:contain}
.house-security-copy{
  min-width:0;padding-left:18px;border-left:1px solid rgba(121,84,22,.18);
  display:flex;flex-direction:column;gap:4px;
}
.house-security-tag{
  color:var(--house-ink);font-family:var(--house-serif);font-size:18px;font-weight:470;line-height:1.05;
}
.house-security-copy small{color:#776E64;font-size:12px;line-height:1.3}
.house-contact-cta{
  min-height:66px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;
  align-items:center;gap:10px;padding:10px 14px;border:1px solid #B27C13;border-radius:999px;
  background:linear-gradient(135deg,#F0C653,#DFAF37);color:#15110A;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42);
}
.house-contact-cta:hover{filter:brightness(1.025)}
.house-contact-icon{display:grid;place-items:center}
.house-contact-icon .ic{width:24px;height:24px}
.house-contact-cta>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.house-contact-cta strong{
  font-family:var(--house-serif);font-size:21px;font-weight:500;line-height:1.05;
}
.house-contact-cta small{margin-top:3px;font-size:11px;line-height:1.2}
.house-contact-cta>.ic{width:17px;height:17px}

/* Contact form inherits the shared form language. */
.house-contact-form{display:grid;gap:14px}
.house-contact-form>.small{margin:0}

/* The approved Home visual places security/help immediately after House Briefing.
   Lower functional sections remain available below it. */
html[data-view="dashboard"] .house-security-footer{order:4!important}
html[data-view="dashboard"] .official-scribe-review,
html[data-view="dashboard"] .first-30,
html[data-view="dashboard"] .official-search,
html[data-view="dashboard"] .official-quick,
html[data-view="dashboard"] .official-general,
html[data-view="dashboard"] .official-lower,
html[data-view="dashboard"] .invite{order:10!important}

/* Responsive fit: preserve hierarchy and use the full available width. */
@media(max-width:700px){
  html[data-view="dashboard"] .house-home-v35{
    padding:0 0 118px!important;gap:14px!important;
  }
  html[data-view="dashboard"] .house-home-stage{
    border-radius:0;
  }
  html[data-view="dashboard"] .house-home-stage .official-welcome{
    padding:18px 16px 10px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"copy copy" "weather weather" "motto motto"!important;
    gap:10px 12px!important;
  }
  html[data-view="dashboard"] .house-home-stage .official-welcome h2{
    font-size:clamp(36px,10vw,44px)!important;line-height:.98!important;font-weight:420!important;
  }
  html[data-view="dashboard"] .house-home-stage .official-welcome-date{
    font-size:14px!important;margin-top:9px!important;
  }
  html[data-view="dashboard"] .house-home-stage .official-weather{
    margin-top:-42px!important;padding-left:12px!important;
  }
  html[data-view="dashboard"] .house-home-stage .official-home-motto strong{
    font-size:7px!important;letter-spacing:.15em!important;
  }
  .house-hero{min-height:430px}
  .house-hero-copy{
    left:16px!important;bottom:22px!important;width:78%!important;
  }
  .house-hero-copy h1{font-size:52px!important}
  .house-hero-copy p{font-size:23px!important}
  .house-hero-creed{font-size:7.5px!important;letter-spacing:.15em!important}
  .house-round-action{right:16px;bottom:18px;width:48px;height:48px}

  .house-section{padding-inline:14px}
  .house-section-head h2{font-size:28px}
  .house-card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .house-briefing-card{
    grid-template-columns:32px minmax(0,1fr) 12px!important;
    min-height:154px!important;padding:11px!important;gap:8px!important;border-radius:13px;
  }
  .house-briefing-card .house-card-icon{width:30px!important;height:30px!important}
  .house-briefing-card .house-card-copy>strong{font-size:7.5px!important;letter-spacing:.14em!important}
  .house-briefing-card .house-card-copy>b{font-size:15px!important}
  .house-briefing-card .house-card-copy>span{font-size:10.5px!important}
  .house-briefing-card .house-card-copy>small{font-size:9.5px!important}

  .house-security-footer{
    margin:0 14px;grid-template-columns:54px minmax(0,1fr) minmax(158px,.95fr);
    gap:9px;padding:9px;border-radius:13px;
  }
  .house-shield-cta{width:52px;height:58px}
  .house-shield-cta img{max-width:44px;max-height:50px}
  .house-security-copy{padding-left:9px}
  .house-security-tag{font-size:14px}
  .house-security-copy small{font-size:9px}
  .house-contact-cta{
    min-height:58px;grid-template-columns:28px minmax(0,1fr) 14px;
    gap:7px;padding:8px 10px;
  }
  .house-contact-icon .ic{width:21px;height:21px}
  .house-contact-cta strong{font-size:17px}
  .house-contact-cta small{font-size:8.5px}
  .house-contact-cta>.ic{width:14px;height:14px}
}

@media(max-width:430px){
  .house-security-footer{
    grid-template-columns:48px minmax(0,1fr) minmax(145px,.95fr);
    margin-inline:12px;
  }
  .house-security-copy{padding-left:7px}
  .house-security-tag{font-size:13px}
  .house-contact-cta strong{font-size:16px}
}

@media(max-width:360px){
  .house-card-grid-2{grid-template-columns:1fr}
  .house-security-footer{grid-template-columns:44px 1fr}
  .house-contact-cta{grid-column:1/-1}
}

/* Tablet/desktop spacing keeps the content intentional rather than sparse. */
@media(min-width:701px){
  html[data-view="dashboard"] .house-home-stage{
    margin-inline:0;
  }
  html[data-view="dashboard"] .house-section,
  html[data-view="dashboard"] .house-security-footer,
  html[data-view="dashboard"] .official-scribe-review,
  html[data-view="dashboard"] .first-30,
  html[data-view="dashboard"] .official-search,
  html[data-view="dashboard"] .official-quick,
  html[data-view="dashboard"] .official-general,
  html[data-view="dashboard"] .official-lower,
  html[data-view="dashboard"] .invite{
    margin-inline:var(--house-gutter);
  }
}

/* ==========================================================================
   OWNER-DEVICE RECONCILIATION V40 — 2026-09-24
   Production iPhone screenshots exposed cached/legacy selectors that can still
   win even with the shared-system classes present. These rules intentionally
   target the actual legacy DOM as a compatibility boundary.
   ========================================================================== */

/* Dark House header must win even when an older cached app.js omitted the
   semantic .house-shell-header class. */
html[data-view] .topbar{
  background:linear-gradient(180deg,#0E0E0D,#090908)!important;
  color:#FFF9ED!important;
  border-bottom:1px solid rgba(224,174,54,.34)!important;
  box-shadow:none!important;
}
html[data-view] .topbar .mobile-menu,
html[data-view] .topbar .notice-bell{
  color:#F5EEE3!important;
  border-color:rgba(224,174,54,.50)!important;
  background:rgba(255,255,255,.015)!important;
}
html[data-view] .topbar .mobile-house-id strong{color:#F0C55F!important}
html[data-view] .topbar .mobile-house-id span{color:#D8D0C5!important}
html[data-view] .topbar .who{border-left-color:rgba(224,174,54,.30)!important}
html[data-view] .topbar .who .avatar{
  background:#211A10!important;color:#F0C55F!important;border-color:rgba(224,174,54,.70)!important;
}
html[data-view] .topbar .who .name,
html[data-view] .topbar .who .name>span:first-child,
html[data-view] .topbar .who .role{color:#FFF9ED!important}

/* The parent photographic stage must remain visible through the hero. */
html[data-theme="light"][data-view="dashboard"] .house-home-stage .house-hero.official-home-hero{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .house-hero-media.official-room{
  background:none!important;
  background-image:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html[data-theme="light"][data-view="dashboard"] .house-home-stage .house-hero-media.official-room::before,
html[data-theme="light"][data-view="dashboard"] .house-home-stage .house-hero-media.official-room::after{
  content:none!important;
  display:none!important;
}

/* The latest approved Home master does not carry the orientation reminder
   between hero and briefing. The orientation remains available from the tour
   and First 30 Days surfaces. */
html[data-view="dashboard"] .official-dashboard>.tour-again-inline{
  display:none!important;
}

/* Mobile quick actions use the available width; no single word may collapse
   into a vertical stack of letters. */
@media(max-width:700px){
  html[data-view="dashboard"] .official-quick{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding-inline:14px;
  }
  html[data-view="dashboard"] .official-quick>a{
    min-width:0!important;
    min-height:88px!important;
    padding:12px 10px!important;
    overflow:visible!important;
  }
  html[data-view="dashboard"] .official-quick>a strong,
  html[data-view="dashboard"] .official-quick>a span{
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  html[data-view="dashboard"] .official-quick>a.mobile-only{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    justify-items:start!important;
    text-align:left!important;
    min-height:74px!important;
  }
  html[data-view="dashboard"] .official-quick>a.mobile-only .ic{
    grid-row:1/3!important;
    width:30px!important;height:30px!important;
  }
  html[data-view="dashboard"] .official-quick>a.mobile-only strong{
    grid-column:2!important;font-size:15px!important;line-height:1.15!important;
  }
  html[data-view="dashboard"] .official-quick>a.mobile-only span{
    grid-column:2!important;font-size:11px!important;line-height:1.3!important;
  }

  /* Keep the Safari install invitation informative but proportionate to the
     rest of the House instead of turning it into the largest card on Home. */
  html[data-view="dashboard"] .invite{
    margin-inline:14px!important;
    padding:12px!important;
    gap:10px!important;
    border-radius:14px!important;
  }
  html[data-view="dashboard"] .invite-mark{
    width:34px!important;height:34px!important;
  }
  html[data-view="dashboard"] .invite-body>strong{
    font-size:15px!important;line-height:1.15!important;
  }
  html[data-view="dashboard"] .invite-body>span{
    font-size:12px!important;line-height:1.35!important;
  }
  html[data-view="dashboard"] .invite .steps{
    gap:6px!important;margin-top:7px!important;
  }
  html[data-view="dashboard"] .invite .steps li{
    min-height:28px!important;padding-left:29px!important;gap:0!important;
  }
  html[data-view="dashboard"] .invite .steps li::before{
    width:22px!important;height:22px!important;font-size:13px!important;
  }
  html[data-view="dashboard"] .invite .steps strong{
    font-size:13.5px!important;line-height:1.25!important;
  }
  html[data-view="dashboard"] .invite .steps span{
    font-size:12px!important;line-height:1.3!important;
  }
}

/* Final V40 specificity closure: equal-or-greater specificity than the
   earlier light-dashboard header authority. */
html[data-theme="light"][data-view="dashboard"] .topbar,
html[data-theme="light"][data-view="dashboard"] .topbar.house-shell-header{
  background:linear-gradient(180deg,#0E0E0D 0%,#090908 100%)!important;
  background-color:#0A0A09!important;
  color:#FFF9ED!important;
  border-bottom:1px solid rgba(224,174,54,.34)!important;
  box-shadow:none!important;
}
html[data-theme="light"][data-view="dashboard"] .topbar .mobile-menu,
html[data-theme="light"][data-view="dashboard"] .topbar .notice-bell{
  color:#F5EEE3!important;
  border-color:rgba(224,174,54,.50)!important;
  background:rgba(255,255,255,.015)!important;
}
html[data-theme="light"][data-view="dashboard"] .topbar .mobile-house-id strong{color:#F0C55F!important}
html[data-theme="light"][data-view="dashboard"] .topbar .mobile-house-id span{color:#D8D0C5!important}
html[data-theme="light"][data-view="dashboard"] .topbar .who{border-left-color:rgba(224,174,54,.30)!important}
html[data-theme="light"][data-view="dashboard"] .topbar .who .avatar{
  background:#211A10!important;color:#F0C55F!important;border-color:rgba(224,174,54,.70)!important;
}
html[data-theme="light"][data-view="dashboard"] .topbar .who .name,
html[data-theme="light"][data-view="dashboard"] .topbar .who .name>span:first-child,
html[data-theme="light"][data-view="dashboard"] .topbar .who .role{color:#FFF9ED!important}

/* Preserve contrast for live white greeting type without turning the approved
   daylight photograph back into dusk. */
html[data-theme="light"][data-view="dashboard"] .house-home-stage::before{
  background:
    linear-gradient(180deg,
      rgba(5,5,4,.62) 0%,
      rgba(5,5,4,.38) 27%,
      rgba(5,5,4,.06) 50%,
      rgba(5,5,4,.08) 100%),
    linear-gradient(90deg,rgba(5,5,4,.22),transparent 62%),
    radial-gradient(70% 45% at 72% 38%,rgba(240,190,70,.07),transparent 70%)!important;
}

/* Final V40 CTA closure: old generic button/theme rules must never mute the
   approved chapter-gold Contact Us action. */
html[data-view] .house-contact-cta,
html[data-theme="light"][data-view="dashboard"] .house-contact-cta{
  background:linear-gradient(135deg,#F2CC5B 0%,#E2B13A 58%,#D79D22 100%)!important;
  background-color:#E2B13A!important;
  color:#15110A!important;
  border-color:#A87310!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
}
html[data-view] .house-contact-cta strong,
html[data-view] .house-contact-cta small,
html[data-view] .house-contact-cta .ic{
  color:#15110A!important;
}