/* Exact-layout pass against the approved Hera reference. This file is intentionally opinionated: preserve the reference proportions, hierarchy, density, and palette. */
:root{--ref-gold:#c89b52;--ref-gold-soft:#8a6b38;--ref-ivory:#e8dfcc;--ref-ink:#050912;--ref-panel:#07101a;--ref-panel-2:#0a1320;--ref-line:#26303f;--ref-muted:#838b98;--ref-green:#43c684;--ref-purple:#8d42d6}
.app{background:#040811!important;color:#d8dce5!important;grid-template-columns:244px 1fr!important;min-height:100vh}
main{background:radial-gradient(ellipse at 45% 9%,rgba(40,52,79,.25),transparent 35%),#050913!important}

/* Sidebar: brand, menu, then Hera medallion exactly in that order. */
.sidebar{width:244px!important;padding:18px 14px 20px!important;background:linear-gradient(180deg,#07101a 0%,#050914 72%,#04070d 100%)!important;border-right:1px solid #283241!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}
.sidebar .brand{height:76px!important;padding:0 10px 12px!important;border-bottom:1px solid #202a37!important;display:flex;align-items:flex-start}
.sidebar .brand strong{font:600 28px 'Cormorant Garamond',serif!important;letter-spacing:.18em!important;color:#d8b16a!important}
.sidebar .brand small{font-size:10px!important;letter-spacing:.09em!important;color:#a6a8ad!important;margin-top:1px!important}
.sidebar nav{order:2!important;margin:18px 0 0!important;padding:0!important}
.sidebar nav a{height:54px!important;border:1px solid transparent!important;border-radius:4px!important;padding:0 16px!important;margin:0 0 4px!important;color:#9ea6b4!important;gap:14px!important;font-size:14px!important}
.sidebar nav a svg{width:21px!important;height:21px!important;stroke-width:1.5!important}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(198,151,72,.14),rgba(198,151,72,.04))!important;border-color:#6c5836!important;color:#e0c07f!important;box-shadow:inset 3px 0 #c79a4e!important}
.sidebar nav a b{background:#5e4724!important;color:#eacb8a!important}
.sidebar-identity{order:3!important;margin:auto 0 92px!important;padding:18px 8px 0!important;border-top:1px solid #1b2430!important;border-bottom:0!important;text-align:center!important}
.sidebar-identity:before,.sidebar-identity:after{display:none!important}
.sidebar-identity .persona-medallion{width:124px!important;height:124px!important;margin:0 auto!important;filter:none!important;transform:none!important}
.sidebar-identity .persona-medallion svg{filter:drop-shadow(0 0 13px rgba(201,154,77,.12))}
.sidebar-identity .medallion-ring{stroke:#c59a53!important}.sidebar-identity .medallion-ring.inner{stroke:#725a31!important}
.sidebar-identity .medallion-field{fill:#0a0d12!important}
.sidebar-identity .hera-profile{fill:#bf8d46!important}.sidebar-identity .hera-laurel{fill:none!important;stroke:#8f6935!important;stroke-width:2.2!important;stroke-linecap:round!important}
.sidebar-identity>strong{font:600 25px 'Cormorant Garamond',serif!important;letter-spacing:.16em!important;color:#d4ad65!important;margin-top:11px!important}
.sidebar-identity>small{font:600 14px/1.32 'Cormorant Garamond',serif!important;letter-spacing:.03em!important;color:#c8a762!important;max-width:170px!important;margin:7px auto 0!important;text-transform:none!important}
.system{position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important;padding:14px 0 0!important;border-top:1px solid #1d2734!important;color:#aeb5c0!important}.system i{background:#40c983!important;box-shadow:0 0 8px #40c983!important}

/* Top bar mirrors the reference: declaration left, tenant/search/user right. */
header{height:72px!important;padding:0 24px 0 30px!important;background:#050914!important;border-bottom:1px solid #1f2a37!important;display:flex!important;gap:12px!important}
.hera-declaration{margin-right:auto!important;font:500 17px 'Cormorant Garamond',serif!important;color:#d7d1c4!important;white-space:nowrap!important}
header .tenant{order:2!important;min-width:205px!important;height:40px!important;padding:4px 12px!important;border:1px solid #202a37!important;background:#07101a!important}.tenant:before{display:none!important}.tenant small{font-size:9px!important;letter-spacing:.12em!important;color:#8d929b!important}.tenant strong{font:500 12px 'Cormorant Garamond',serif!important;color:#ddd5c6!important}
header .command{order:3!important;width:280px!important;height:40px!important;background:#07101a!important;border:1px solid #202a37!important;border-radius:4px!important;color:#9ea6b4!important}.command svg{width:16px!important}.command kbd{font-size:10px!important}
header .icon-btn{order:4!important}.avatar{order:5!important;border-color:#705a34!important;color:#d8b26b!important;background:#09101a!important}

.content{max-width:none!important;padding:22px 18px 34px!important}
.hero-copy{padding:0 4px 12px!important;margin-bottom:0!important;border-bottom:1px solid #2a313c!important;display:flex!important;align-items:flex-end!important}
.hero-copy .eyebrow{font:600 26px 'Cormorant Garamond',serif!important;color:#d1a65a!important;letter-spacing:.035em!important;margin:0!important}
.hero-copy h1{display:none!important}.hero-copy>div>p:last-child{font-size:13px!important;color:#9da3ad!important;margin-top:2px!important}.legend{margin-left:auto!important;padding-bottom:4px!important;font-size:11px!important;gap:26px!important}.legend span{color:#b1b6be!important}

/* Pantheon stage: no extra card shell, brighter classical stone, larger detail. */
.pantheon-domain-view{margin-top:0!important}.domain-intro{display:none!important}.pantheon-domain-view .domain-chamber{height:405px!important;border:0!important;border-bottom:1px solid #252d38!important;background:radial-gradient(ellipse at 50% 20%,rgba(33,45,68,.22),transparent 43%),linear-gradient(180deg,#050a12,#03070d)!important;box-shadow:none!important}
.pantheon-domain-view .domain-columns{inset:18px 2.2% 44px!important;gap:26px!important}.pantheon-domain-view .domain-column{max-width:178px!important;height:352px!important}.pantheon-domain-view .domain-monument{height:262px!important}.pantheon-domain-view .domain-capital{width:122px!important;height:40px!important}.pantheon-domain-view .domain-shaft{width:76px!important;height:182px!important}.pantheon-domain-view .domain-base{width:120px!important;height:39px!important}.pantheon-domain-view .domain-symbol{top:100px!important;width:60px!important;height:60px!important}.pantheon-domain-view .domain-label{margin-top:1px!important}.pantheon-domain-view .domain-label strong{font-size:15px!important}.pantheon-domain-view .domain-label small{font-size:8px!important}
/* Available columns are warm ivory; unavailable stone keeps visible bevel detail. */
.pantheon-domain-view .domain-column.available_unlicensed .domain-capital,.pantheon-domain-view .domain-column.available_unlicensed .domain-shaft,.pantheon-domain-view .domain-column.available_unlicensed .domain-base{background:linear-gradient(90deg,#6c604b,#d8c7a2 15%,#fff7df 49%,#c9b58e 83%,#5e523f)!important;box-shadow:inset 10px 0 16px rgba(55,44,27,.35),inset -10px 0 16px rgba(55,44,27,.28),0 6px 9px rgba(0,0,0,.5)!important}
.pantheon-domain-view .domain-column.unavailable .domain-capital,.pantheon-domain-view .domain-column.unavailable .domain-shaft,.pantheon-domain-view .domain-column.unavailable .domain-base{background:linear-gradient(90deg,#080a0d,#2b3036 48%,#090b0f)!important;box-shadow:inset 9px 0 14px #0008,inset -9px 0 14px #0008,0 0 0 1px rgba(155,162,175,.07)!important}
.pantheon-domain-view .domain-column.unavailable .domain-monument{opacity:.92!important}
/* Reference floor sits behind the columns and reads as engraved black marble, not a neon graphic. */
.pantheon-domain-view .council-floor,.sanctuary-open .council-floor{left:1%!important;right:1%!important;bottom:-58px!important;height:205px!important;border:1px solid rgba(177,126,44,.42)!important;background:repeating-radial-gradient(ellipse at center,transparent 0 25px,rgba(176,128,47,.12) 26px 27px,transparent 28px 54px),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 29deg,rgba(176,128,47,.09) 30deg 30.6deg,transparent 31deg 59deg),radial-gradient(ellipse,#11161d,#070a0f 56%,#030507 82%)!important;box-shadow:0 26px 42px #000b,inset 0 0 80px #0008!important}.pantheon-domain-view .council-floor:before,.sanctuary-open .council-floor:before{border-color:rgba(177,126,44,.22)!important;box-shadow:0 0 0 26px rgba(177,126,44,.015),0 0 0 27px rgba(177,126,44,.14),0 0 0 52px rgba(177,126,44,.01),0 0 0 53px rgba(177,126,44,.08)!important}.pantheon-domain-view .council-floor:after,.sanctuary-open .council-floor:after{content:'✦'!important;width:74px!important;height:74px!important;font-size:22px!important;color:#a87b32!important;border-color:rgba(177,126,44,.26)!important;box-shadow:0 0 0 16px rgba(177,126,44,.015),0 0 0 17px rgba(177,126,44,.11)!important}
.domain-status-rail{display:none!important}

/* Bottom dashboard is rebuilt to the same composition as the approved image. */
.reference-dashboard{display:grid!important;grid-template-columns:1.05fr 1.05fr 1.05fr 2.25fr 2.45fr!important;grid-template-rows:142px 172px!important;gap:10px!important;margin-top:10px!important}
.reference-dashboard article{position:relative!important;border:1px solid #202b39!important;border-radius:4px!important;background:linear-gradient(180deg,#07101a,#050b14)!important;box-shadow:inset 0 1px rgba(255,255,255,.01)!important;padding:15px 16px!important;overflow:hidden!important}
.reference-dashboard article>small{display:block!important;font-size:9px!important;letter-spacing:.12em!important;color:#a9afb8!important;margin-bottom:10px!important}.metric-card>strong{display:block!important;font:600 30px 'Cormorant Garamond',serif!important;color:#d5a552!important}.metric-card>strong span{font-size:16px!important;color:#7f8793!important}.metric-card>em{font-style:normal!important;font-size:9px!important;color:#8d949f!important}.metric-card button,.activity-card button,.handoff-card button{position:absolute!important;left:16px!important;bottom:10px!important;border:0!important;background:none!important;color:#b08dca!important;font:500 10px 'Cormorant Garamond',serif!important;cursor:pointer!important}.sparkline{position:absolute!important;left:16px!important;right:16px!important;bottom:18px!important;height:26px!important;background:linear-gradient(165deg,transparent 0 18%,#5c6470 19% 21%,transparent 22% 36%,#5c6470 37% 39%,transparent 40% 54%,#5c6470 55% 57%,transparent 58% 70%,#5c6470 71% 73%,transparent 74%)!important;opacity:.55!important}.bar-spark{position:absolute!important;left:16px!important;right:16px!important;bottom:15px!important;height:30px!important;display:flex!important;align-items:flex-end!important;gap:5px!important}.bar-spark i{flex:1;background:#555d69!important}.bar-spark i:nth-child(1){height:22%}.bar-spark i:nth-child(2){height:44%}.bar-spark i:nth-child(3){height:32%}.bar-spark i:nth-child(4){height:70%}.bar-spark i:nth-child(5){height:52%}.bar-spark i:nth-child(6){height:82%}.bar-spark i:nth-child(7){height:61%}
.activity-card{grid-column:4!important;grid-row:1 / span 2!important}.handoff-card{grid-column:5!important;grid-row:1 / span 2!important}.health-card{grid-column:1 / span 3!important;grid-row:2!important;display:grid!important;grid-template-columns:160px 1fr!important;grid-template-rows:auto 1fr!important}.health-card>small{grid-column:1 / -1!important}.health-gauge{width:112px!important;height:112px!important;border-radius:50%!important;border:13px solid #245f4d!important;box-shadow:inset 0 0 0 2px #0e201a,0 0 0 1px #1f4d3e!important;display:grid!important;place-content:center!important;text-align:center!important;margin-top:2px!important}.health-gauge strong{font:600 31px 'Cormorant Garamond',serif!important;color:#d7b15f!important}.health-gauge span{font-size:9px!important;color:#4bc584!important}.health-lines{display:grid!important;align-content:center!important;gap:8px!important}.health-lines span{display:grid!important;grid-template-columns:16px 1fr auto!important;align-items:center!important;font-size:10px!important;color:#b5bac2!important}.health-lines b{color:#b4b9c1!important}.health-lines em{font-style:normal!important;color:#45bd7b!important}.activity-list{display:grid!important;gap:0!important;border-top:1px solid #15202c!important}.activity-list>div{height:39px!important;display:grid!important;grid-template-columns:20px 1fr auto!important;align-items:center!important;border-bottom:1px solid #15202c!important;font-size:10px!important;color:#b8bec7!important}.activity-list i{width:17px!important;height:17px!important;border-radius:50%!important;background:#49256d!important;box-shadow:0 0 0 1px #7345a0!important}.activity-list i.active{background:#5b2d79!important}.activity-list i.complete{background:#6d4e1f!important;box-shadow:0 0 0 1px #a8782f!important}.activity-list time{font-size:9px!important;color:#7f8792!important}.handoff-card .orchestration-map{height:185px!important;margin-top:-8px!important}.handoff-stats{position:absolute!important;right:14px!important;top:48px!important;width:105px!important;display:grid!important;gap:12px!important}.handoff-stats span{font-size:8px!important;color:#8c929b!important}.handoff-stats strong{display:block!important;font:600 24px 'Cormorant Garamond',serif!important;color:#d5a552!important}.handoff-card button{left:auto!important;right:15px!important}.approvals-card strong{color:#d5a552!important}

@media(max-width:1200px){.app{grid-template-columns:220px 1fr!important}.sidebar{width:220px!important}.hera-declaration{display:none!important}.reference-dashboard{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:auto!important}.activity-card,.handoff-card,.health-card{grid-column:auto!important;grid-row:auto!important}.health-card{grid-column:1 / -1!important}}