/* Hades layout v4 — dimensional parity with Hephaestus */

/* Shell / sidebar */
.app-shell{grid-template-columns:230px minmax(0,1fr)!important}
.app-shell>.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:230px!important;height:100vh!important;padding:0 16px 18px!important;overflow-y:auto!important;overflow-x:hidden!important}
.app-shell>.sidebar .brand{height:108px!important;margin-inline:-16px!important;padding:8px 16px!important}
.app-shell>.sidebar nav{margin:0 -16px!important;width:calc(100% + 32px)!important;gap:0!important}
.app-shell>.sidebar .nav-item{height:46px!important;padding:0 28px!important;font-size:12px!important;letter-spacing:.015em!important}
.app-shell>.sidebar .nav-item.active{border-left-width:3px!important}

.hades-sidebar-identity{margin:16px 0 10px!important;padding:15px 6px 12px!important;text-align:center!important;border-top:1px solid rgba(185,119,79,.22)!important;border-bottom:1px solid rgba(185,119,79,.22)!important}
.hades-sidebar-identity img{display:block!important;width:124px!important;height:124px!important;margin:0 auto 8px!important;object-fit:cover!important;border-radius:50%!important;border:1px solid rgba(214,166,109,.74)!important;box-shadow:0 0 0 4px #080709,0 0 28px rgba(197,56,99,.20)!important}
.hades-sidebar-identity strong{display:block!important;color:#dfaa72!important;font:600 14px Georgia,"Times New Roman",serif!important;letter-spacing:.13em!important}
.hades-sidebar-identity small{display:block!important;margin-top:4px!important;color:#a98b72!important;font-size:9.5px!important;font-weight:650!important;letter-spacing:.08em!important;line-height:1.35!important;white-space:normal!important}

.hades-status-card{margin:0!important;padding:14px 12px 16px!important;text-align:center!important;border:1px solid rgba(185,119,79,.34)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(18,11,15,.92),rgba(7,7,9,.96))!important;box-shadow:inset 0 0 26px rgba(181,47,89,.04)!important}
.hades-status-card>small{display:block!important;color:#d0a16e!important;font-size:9.5px!important;font-weight:700!important;letter-spacing:.11em!important}
.hades-status-card>strong{display:block!important;margin-top:7px!important;color:#61d69a!important;font-size:11px!important;letter-spacing:.1em!important}
.hades-status-card>span{display:block!important;margin-top:7px!important;color:#a08f90!important;font-size:10px!important}
.hades-status-card>b{display:block!important;margin-top:2px!important;color:#e4c28f!important;font:500 15px Georgia,"Times New Roman",serif!important;letter-spacing:.07em!important}
.hades-status-card>em{display:block!important;margin-top:6px!important;color:#8b7b7d!important;font-size:9px!important;font-style:normal!important;letter-spacing:.08em!important}
.hades-status-orb{position:relative!important;width:62px!important;height:62px!important;margin:10px auto 7px!important;border-radius:50%!important;border:1px solid rgba(197,56,99,.58)!important;background:repeating-radial-gradient(circle,transparent 0 9px,rgba(181,47,89,.08) 10px 11px),radial-gradient(circle,rgba(181,47,89,.18),rgba(4,4,6,.96) 68%)!important;animation:hades-v4-pulse 2.35s ease-in-out infinite!important}
.hades-skull{position:absolute!important;left:50%!important;top:50%!important;width:31px!important;height:31px!important;transform:translate(-50%,-50%)!important;background:#e2bf91!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='white' d='M32 6C17.6 6 8 15.7 8 29c0 8.6 4 14.7 10 18v7c0 2.2 1.8 4 4 4h6v-8h3v8h2v-8h3v8h6c2.2 0 4-1.8 4-4v-7c6-3.3 10-9.4 10-18C56 15.7 46.4 6 32 6zm-9 27c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm18 0c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm-9 4 5 7H27l5-7z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='white' d='M32 6C17.6 6 8 15.7 8 29c0 8.6 4 14.7 10 18v7c0 2.2 1.8 4 4 4h6v-8h3v8h2v-8h3v8h6c2.2 0 4-1.8 4-4v-7c6-3.3 10-9.4 10-18C56 15.7 46.4 6 32 6zm-9 27c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm18 0c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm-9 4 5 7H27l5-7z'/%3E%3C/svg%3E") center/contain no-repeat!important;filter:drop-shadow(0 0 8px rgba(197,56,99,.44))!important}
@keyframes hades-v4-pulse{0%,100%{box-shadow:0 0 0 7px rgba(181,47,89,.025),0 0 14px rgba(197,56,99,.12)}50%{box-shadow:0 0 0 11px rgba(181,47,89,.055),0 0 28px rgba(197,56,99,.34)}}

/* Header parity */
.app-shell>main{grid-column:2!important}
.app-shell>main>header{height:90px!important;padding:0 30px!important;align-items:center!important}
.app-shell>main>header>.hades-title-block{padding-top:0!important;min-width:0!important}
.hades-title-row{gap:16px!important}
.hades-title-row .status-chip{height:34px!important;font-size:10.5px!important;padding:0 12px!important}
.app-shell>main>header>.hades-title-block::after{margin-top:5px!important;font-size:9.5px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.app-shell>main>header>.hades-title-block::before{display:none!important}
.header-actions{position:static!important;margin-left:auto!important;padding:0!important}
.header-actions .account-trigger{height:36px!important;padding:0 12px!important;font-size:11px!important}
.account-menu-items{font-size:11px!important}

/* Hero: same geometry as Hephaestus — left command/workflow, right statue */
#overview{position:relative!important;padding:18px clamp(18px,2vw,30px) 30px!important}
#overview::before,#overview::after{display:none!important;content:none!important}
.hades-hero-grid{display:grid!important;grid-template-columns:minmax(0,2.15fr) minmax(320px,.95fr)!important;gap:12px!important;margin-bottom:14px!important;align-items:stretch!important}
.hades-hero-left{display:flex!important;min-width:0!important;flex-direction:column!important;gap:10px!important}
.objective-card{width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:14px 16px 13px!important;border-radius:8px!important}
.objective-card .eyebrow{font-size:10.5px!important;letter-spacing:.11em!important;margin:0 0 9px!important}
.objective-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;gap:8px!important;margin:0!important;align-items:center!important}
.objective-row input{height:46px!important;padding:0 13px!important;font-size:14px!important}
.objective-row>button{height:46px!important;min-width:82px!important;padding:0 15px!important;font-size:11.5px!important;font-weight:700!important}
.objective-row .hades-command-button{min-width:92px!important;font-size:10.5px!important;letter-spacing:.025em!important}
.objective-row .escalate{grid-column:1/-1!important;margin-top:2px!important;font-size:10.5px!important;line-height:1.25!important}
.quick-filters{margin:7px 0 0!important;gap:7px!important;flex-wrap:wrap!important}
.quick-filters span,.quick-filters b{font-size:9px!important}
.quick-filters b{padding:4px 8px!important}
.message{min-height:14px!important;margin-top:5px!important;font-size:10.5px!important}

.hades-workflow-block{min-width:0!important}
.workflow-kicker{margin:0 0 8px!important;color:#a8958d!important;font-size:10px!important;font-weight:700!important;letter-spacing:.11em!important}
.hades-workflow-panel{min-height:126px!important;padding:17px 15px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid rgba(185,119,79,.30)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(10,8,11,.92),rgba(6,6,8,.94))!important}
.hades-workflow-stage{min-width:72px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;flex:0 0 auto!important}
.hades-workflow-stage>span{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(197,56,99,.58)!important;background:#09070a!important;color:#e19ab0!important;font-size:16px!important;font-family:Georgia,"Times New Roman",serif!important;box-shadow:inset 0 0 13px #000,0 0 12px rgba(197,56,99,.08)!important}
.hades-workflow-stage strong{margin-top:7px!important;color:#dbc9c6!important;font:500 11.5px Georgia,"Times New Roman",serif!important}
.hades-workflow-stage em{margin-top:2px!important;color:#8d7d80!important;font-size:9px!important;font-style:normal!important;line-height:1.2!important}
.hades-workflow-panel>i{height:2px!important;flex:1!important;min-width:10px!important;max-width:58px!important;margin:0 3px!important;background:linear-gradient(90deg,#a93458,#d07778)!important;position:relative!important}
.hades-workflow-panel>i::after{content:'›'!important;position:absolute!important;right:-3px!important;top:-11px!important;color:#db718e!important;font-size:18px!important}
.hades-workflow-status{min-height:34px!important;margin-top:7px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(185,119,79,.18)!important;border-radius:5px!important;background:rgba(8,7,9,.72)!important;color:#9c8d8e!important;font-size:10.5px!important}
.workflow-status-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#48d5b1!important;box-shadow:0 0 9px rgba(72,213,177,.65)!important}

.hades-statue-hero{position:relative!important;min-height:292px!important;overflow:hidden!important;border:1px solid rgba(185,119,79,.34)!important;border-radius:8px!important;background:radial-gradient(circle at 64% 44%,rgba(105,29,114,.22),transparent 42%),#050407!important;box-shadow:0 20px 55px rgba(0,0,0,.44)!important;isolation:isolate!important}
.hades-statue-hero::before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(3,3,5,.38),transparent 30%),linear-gradient(0deg,rgba(3,3,5,.26),transparent 28%)!important;z-index:1!important;pointer-events:none!important}
.hades-statue-hero img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center bottom!important;filter:saturate(.94) contrast(1.04)!important}

/* Typography/readability — intentionally larger than launch v2/v3 */
.metric.card{min-height:108px!important;padding:14px 15px!important}
.metric span{font-size:10px!important;letter-spacing:.09em!important}
.metric strong{font-size:30px!important}
.metric small{font-size:10px!important;margin-top:5px!important}
.intel-panel h3,.feed-panel .section-head h3,.alerts-panel .section-head h3{font-size:11px!important;letter-spacing:.07em!important}
.empty-visual,.empty{font-size:11px!important}
.link-button{font-size:10.5px!important}
.item-head strong{font-size:11.5px!important}
.item p{font-size:10.5px!important;line-height:1.45!important}
.badge{font-size:8.5px!important;padding:4px 7px!important}
.collector-card-head h3{font-size:12px!important}
.collector-card .eyebrow{font-size:10px!important}
.collector-row,.collector-loading{font-size:10.5px!important}
th{font-size:10px!important}
td{font-size:11.5px!important}
.page-head .eyebrow{font-size:10px!important}
.watchlist-builder p,.watchlist-form label,.watchlist-message{font-size:11px!important}
.watchlist-form input,.watchlist-form select,.watchlist-form textarea{font-size:12px!important}
.legal-footer{font-size:9.5px!important}

.hades-settings-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0!important;overflow:hidden!important}
.hades-settings-summary>div{padding:18px!important;border-right:1px solid rgba(185,119,79,.18)!important;border-bottom:1px solid rgba(185,119,79,.18)!important}
.hades-settings-summary span{display:block!important;color:#9e8d8f!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.hades-settings-summary strong{display:block!important;margin-top:7px!important;color:#e4d7d2!important;font-size:13px!important;font-weight:650!important}

@media(max-width:1320px){
  .app-shell{grid-template-columns:210px minmax(0,1fr)!important}
  .app-shell>.sidebar{width:210px!important;padding-inline:14px!important}
  .app-shell>.sidebar .brand{margin-inline:-14px!important}
  .app-shell>.sidebar nav{margin-inline:-14px!important;width:calc(100% + 28px)!important}
  .hades-hero-grid{grid-template-columns:minmax(0,1fr) 330px!important}
  .hades-workflow-stage{min-width:60px!important}
  .hades-workflow-panel>i{max-width:30px!important}
  .hades-workflow-stage strong{font-size:10.5px!important}
  .hades-workflow-stage em{font-size:8.5px!important}
}

@media(max-width:1080px){
  .hades-hero-grid{grid-template-columns:1fr!important}
  .hades-statue-hero{min-height:230px!important}
  .hades-statue-hero img{object-position:right center!important}
  .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:820px){
  .app-shell{display:block!important}
  .app-shell>.sidebar{display:none!important}
  .app-shell>main{width:100%!important}
  .app-shell>main>header{height:76px!important;padding:0 16px!important}
  .hades-title-row .status-chip{display:none!important}
  #overview{padding:14px 12px 26px!important}
  .objective-row{grid-template-columns:minmax(0,1fr) auto!important}
  .objective-row #voice-button,.objective-row #speak-toggle{grid-column:span 1!important}
  .hades-workflow-panel{overflow-x:auto!important;justify-content:flex-start!important;gap:8px!important}
  .hades-workflow-panel>i{min-width:24px!important}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}