/* HEIOS Mail 4.0 – unified reference design */
:root{--bg:#06182b;--panel:#09243c;--border:#244f70;--sky:#58c8ff}
body{background:radial-gradient(ellipse at 65% -20%,#0d3554 0%,#06182b 44%,#051526 100%)!important;color:#eef7ff!important;font-size:14px!important}
.top{height:68px!important;background:#071c31!important;gap:20px!important;border-bottom:1px solid #22506e!important;padding:0 26px!important}
.top .brand-block{flex-shrink:0}.top .logo{font-size:21px!important}.top-nav{margin-left:6px!important;gap:3px!important}
.top-search{margin-left:auto;display:flex;align-items:center;gap:9px;width:clamp(220px,24vw,410px);background:#102b44;border:1px solid #315875;border-radius:12px;height:39px;padding:0 13px}.top-search span{font-size:24px;color:#9bcae7}.top-search input{background:transparent!important;border:0!important;outline:0!important;color:#e3f5ff;width:100%;font-size:13px}.top-search input::placeholder{color:#8baac4}
.top-actions{margin:0!important}.top-actions #technicalSettings{border-radius:50%!important}
.wrap.executive-shell{max-width:none!important;margin:0!important;padding:18px 26px 30px 304px!important;min-height:calc(100vh - 68px)}
.shared-sidebar{position:fixed!important;top:87px!important;left:18px!important;width:266px!important;height:calc(100vh - 105px)!important;min-height:0!important;max-height:none!important;overflow:auto!important;z-index:5;background:linear-gradient(170deg,#0c2944,#082037)!important;border:1px solid #244b69!important;border-radius:14px!important;box-shadow:0 8px 25px #0002}
.shared-sidebar .folder-entry{font-size:13px!important;min-height:40px!important}.shared-sidebar .sidebar-heading{font-size:11px!important}.shared-sidebar .folder-entry.selected{background:#164770!important}
.executive-metrics{max-width:none!important;margin-bottom:18px!important}.executive-metrics .intro{margin:0 0 15px!important}.executive-metrics .intro h1{font-size:25px!important;line-height:1.25}.executive-metrics .intro p{font-size:13px!important}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
.stat{display:flex!important;align-items:center!important;gap:16px!important;background:linear-gradient(130deg,#092641,#0b1f36)!important;min-height:119px!important;padding:17px 20px!important;border:1px solid #255177!important;border-radius:15px!important;box-shadow:inset 0 1px 0 #ffffff0a,0 6px 25px #0002!important;overflow:hidden}
.stat::before{display:none!important}.stat:nth-child(1){background:linear-gradient(130deg,#0b3c69,#092542)!important}.stat:nth-child(2){background:linear-gradient(130deg,#332936,#0c243e)!important}.stat:nth-child(3){background:linear-gradient(130deg,#143934,#0c273b)!important}.stat:nth-child(4){background:linear-gradient(130deg,#2e2646,#10243f)!important}
.stat .metric-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:15px;background:#13528b;color:#81d7ff}.stat:nth-child(2) .metric-icon{background:#583a32;color:#ffc27d}.stat:nth-child(3) .metric-icon{background:#12534b;color:#73edbd}.stat:nth-child(4) .metric-icon{background:#443352;color:#d6b2ff}
.stat .metric-icon svg{width:29px;height:29px;stroke-width:1.9}.stat .metric-copy{display:flex;flex-direction:column;gap:7px}.stat b{font-size:32px!important;line-height:1!important}.stat small{font-size:13px!important;color:#c0d3e7!important}
#analysisView .workspace{display:block!important}.executive-main{width:100%}
.workspace .layout{grid-template-columns:minmax(0,1.06fr) minmax(410px,.94fr)!important;gap:16px!important}
.controls{gap:9px!important}.controls input{min-height:42px;font-size:13px!important;background:#102e47!important;border:1px solid #2b6082!important}.controls select{min-height:42px;background:#102c46!important;border:1px solid #285775!important}
.rows{max-height:calc(100vh - 385px)!important;min-height:430px!important;background:linear-gradient(180deg,#092840,#081f34)!important;border:1px solid #265678!important}
.mail-entry{min-height:78px!important;border-color:#224a67!important}.mail-entry .mail{padding:11px 15px!important}.mail strong{font-size:13px!important}.mail p{font-size:12px!important}.mail-entry:has(.mail.active){background:#154568!important;box-shadow:inset 3px 0 #60ceff!important}.case-type-icon{width:35px;height:35px;background:#173a57}
.detail{top:85px!important;max-height:calc(100vh - 104px)!important;min-height:500px!important;background:linear-gradient(150deg,#0b2b45,#091f35)!important;border:1px solid #2b5a7c!important;border-radius:15px!important;padding:22px!important}
.detail h2{font-size:20px!important}.analysis-status{border-color:#ac7349!important;background:linear-gradient(110deg,#45352b,#282e37)!important}
.case-timeline{max-height:345px;overflow:auto;border:1px solid #2d5772!important}.case-event{grid-template-columns:133px minmax(0,1fr) auto!important}
#overviewView{max-width:none!important}.overview-heading{margin:22px 0!important}.overview-heading h2{font-size:28px!important}.overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr)!important;gap:16px!important}
.overview-grid>section{background:linear-gradient(150deg,#0b2b47,#081f36)!important;border:1px solid #25577b!important;border-radius:15px!important;padding:21px!important;min-height:415px}
.overview-case{padding:14px 10px!important;border-color:#235170!important}.overview-case:hover{background:#143c5c!important}
#auditView{max-width:none!important;margin:0!important;background:linear-gradient(140deg,#0b2b45,#091e34)!important;border:1px solid #2c5776!important;border-radius:15px;padding:22px!important}
#auditView h2{font-size:24px!important}.audit-filters{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(110px,160px));gap:10px;margin:20px 0}
.audit-filters input,.audit-filters select{width:100%;min-width:0;padding:11px 12px;background:#103149;color:#e6f4ff;border:1px solid #366180;border-radius:10px;font-size:12px}
.audit-group{background:#09263e!important;border:1px solid #285574!important}.audit-group summary{background:#153a57!important;padding:17px!important}.audit-group-main strong{font-size:14px!important}.audit-group .audit-event{background:#0b2a42!important}.audit-group .audit-event:nth-child(even){background:#102d46!important}
@media(min-width:1800px){.wrap.executive-shell{padding-left:320px!important}.shared-sidebar{width:278px!important}}
@media(max-width:1180px){.wrap.executive-shell{padding-left:250px!important}.shared-sidebar{left:10px!important;width:225px!important}.workspace .layout{grid-template-columns:1fr!important}.detail{position:static;max-height:none!important}.rows{max-height:430px!important}}
@media(max-width:850px){.top{flex-wrap:wrap;height:auto!important}.top-search{order:3;width:100%;margin:4px 0 8px}.shared-sidebar{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;max-height:210px!important;margin-bottom:12px!important}.wrap.executive-shell{padding:14px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filters input{grid-column:1/-1}}
@media(max-width:520px){.stats{gap:9px!important}.stat{padding:12px!important;min-height:84px!important}.stat .metric-icon{width:37px;height:37px;flex-basis:37px}.stat .metric-icon svg{width:20px;height:20px}.stat b{font-size:23px!important}.stat small{font-size:10px!important}.audit-filters{grid-template-columns:1fr}.audit-filters input{grid-column:auto}}


/* v5.0 reference fidelity — consolidated active design layer */
:root{--bg:#06182b;--text:#f1f7ff;--muted:#a5bfd5;--border:#284b65;--accent:#6ed2ff}
body{font-family:Inter,"Segoe UI",system-ui,sans-serif!important;background:radial-gradient(ellipse at 60% -10%,#103858 0%,#071b2f 40%,#051628 100%)!important;color:var(--text)!important;font-size:14px!important}
.top{height:74px!important;padding:0 26px!important;box-shadow:0 6px 23px #0002}.top-nav{align-items:stretch!important}.top-tab{font-size:14px!important;padding:0 19px!important}.top-tab.chosen{border-bottom:3px solid #68c8fb!important;background:#12334c!important}
.top-search{max-width:430px!important;height:44px!important;background:#142d44!important}.global-search-symbol{display:flex;align-items:center}.global-search-symbol svg{width:21px;height:21px}.top-actions #technicalSettings{display:grid;place-items:center}.top-actions #technicalSettings svg{width:18px;height:18px}
.wrap.executive-shell{padding-top:22px!important}.intro h1{font-size:26px!important}.intro p{font-size:13px!important}
.stats{gap:15px!important}.stat{min-height:116px!important;padding:18px 20px!important;border-radius:15px!important;box-shadow:inset 0 1px #ffffff0b,0 8px 18px #0002!important}.stat .metric-icon{flex:0 0 57px;width:57px;height:57px;border-radius:14px}.stat .metric-icon svg{width:27px;height:27px}.stat b{font-size:32px!important}.stat small{font-size:13px!important}
.shared-sidebar{top:90px!important;height:calc(100vh - 106px)!important;width:266px!important;padding:17px 11px!important}.shared-sidebar .folder-entry{height:44px!important;font-size:13px!important}.sidebar-heading{font-size:11px!important}.project-links button,.sidebar-links button{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;font-size:13px!important}.project-links button::before{content:none!important}.heios-nav-ico{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:#9ed9ff}.heios-nav-ico svg{width:21px;height:21px}.project-links [data-project="github"] .heios-nav-ico{color:#e4ecf5}.project-links [data-project="firebase"] .heios-nav-ico{color:#ffaf49}.sidebar-links [data-quick="action"] .heios-nav-ico{color:#ff9285}.sidebar-links [data-quick="high"] .heios-nav-ico{color:#f5ba65}.sidebar-links [data-quick="none"] .heios-nav-ico{color:#5ee1b4}.sidebar-links [data-quick="unclear"] .heios-nav-ico{color:#bea5ff}
#analysisView .workspace{display:block!important}.workspace .layout{grid-template-columns:minmax(0,1.05fr) minmax(450px,.95fr)!important;gap:18px!important}.controls{gap:10px!important}.controls input,.controls select{border-radius:11px!important}.quickfilters button{padding:9px 14px!important}
.rows{max-height:calc(100vh - 350px)!important;min-height:550px!important;border-radius:14px!important}.mail-entry{min-height:93px!important}.mail strong{font-size:14px!important}.mail p{font-size:12px!important}.mail-entry .mail{padding:14px 16px!important}.mail-entry:has(.mail.active){background:#173f60!important}.case-type-icon{border-radius:10px!important;background:#184866!important}.case-type-icon svg{width:20px;height:20px}
.detail{min-height:560px!important;max-height:calc(100vh - 110px)!important;padding:28px!important;border-radius:15px!important}.detail h2{font-size:23px!important}.case-event{grid-template-columns:130px minmax(0,1fr) auto!important;min-height:63px}.case-event strong{font-size:12px!important}.case-batch button{padding:12px 15px!important}
.overview-heading h2{font-size:27px!important}.overview-grid>section{min-height:430px!important}.overview-case{min-height:68px!important}.overview-track{height:11px!important}
#auditView{margin:0!important;padding:23px!important;border-radius:15px!important}.audit-filters{grid-template-columns:minmax(240px,1fr) repeat(5,minmax(95px,150px))!important;gap:10px!important}.audit-group{border-radius:13px!important}.audit-group summary{padding:17px!important}.audit-group-main strong{font-size:14px!important}.audit-group .audit-event{padding:14px 18px!important}.audit-group .audit-event strong{font-size:12px!important}
.action-dialog{background:#102c42!important;border:1px solid #416d89!important}.action-dialog .action-approve{background:linear-gradient(115deg,#8bd5ff,#59b8ed)!important;color:#061725!important}
@media(max-width:1300px){.workspace .layout{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr)!important}.audit-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}.audit-filters input{grid-column:1/-1}}
@media(max-width:1000px){.workspace .layout{grid-template-columns:1fr!important}.detail{position:static!important;max-height:none!important}.rows{max-height:440px!important}}
@media(max-width:850px){.wrap.executive-shell{padding:14px!important}.shared-sidebar{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:210px!important;overflow:auto!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.top{height:auto!important}.top-search{max-width:none!important}.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:550px){.stat{min-height:88px!important;padding:11px!important}.stat .metric-icon{width:38px;height:38px;flex-basis:38px}.stat b{font-size:23px!important}.stat small{font-size:10px!important}.audit-filters{grid-template-columns:1fr!important}}


/* Mobile-first correction v5.1: avoid desktop constraints below tablet */
@media(max-width:850px){
 html,body{max-width:100%;overflow-x:hidden}
 .top{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions" "tabs tabs" "search search"!important;gap:7px 10px!important;align-items:center!important;padding:12px 14px!important;height:auto!important;min-height:0!important}
 .brand-block{grid-area:brand;min-width:0}.top .logo{font-size:16px!important;white-space:nowrap!important;letter-spacing:-.3px}.logo:before{width:30px!important;height:30px!important;margin-right:7px!important;font-size:17px!important}.top small{font-size:9px!important;margin-left:37px!important;margin-top:1px!important;white-space:nowrap}
 .top-actions{grid-area:actions!important;display:flex!important;gap:6px!important;max-width:100%}.top-actions button{padding:8px 9px!important;font-size:0!important;min-height:38px;white-space:nowrap;border-radius:9px!important}.top-actions #connect{font-size:10px!important;max-width:105px;white-space:normal;line-height:1.1}.top-actions #technicalSettings{width:36px!important;flex:0 0 36px!important}.top-actions #sync{font-size:0!important;min-width:40px;background:#69c9fb!important}.top-actions #sync:after{content:"↻";font-size:23px;line-height:1;color:#08233b}
 .top-nav{grid-area:tabs!important;order:initial!important;width:100%!important;min-width:0;display:flex!important;align-self:auto!important;gap:0!important;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #23425a}.top-nav::-webkit-scrollbar{display:none}.top-tab{flex:1 0 auto!important;min-height:42px;padding:9px 8px!important;font-size:12px!important;white-space:nowrap}
 .top-search{grid-area:search!important;order:initial!important;margin:0!important;max-width:none!important;width:100%!important;height:42px!important}
 .wrap.executive-shell{padding:12px!important;margin:0!important;display:flex;flex-direction:column;min-width:0!important}
 .shared-sidebar{order:2!important;position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:11px!important;margin:0 0 14px!important}
 .shared-sidebar .sidebar-heading{padding:2px 6px 8px!important}.shared-sidebar #folderNav{display:flex!important;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:0 2px 6px}.shared-sidebar .folder-entry{flex:0 0 auto!important;width:auto!important;height:36px!important;min-height:36px!important;padding:7px 10px!important;gap:7px!important;border:1px solid #2d526a!important;white-space:nowrap}.shared-sidebar .folder-entry .folder-name{max-width:130px}.shared-sidebar .folder-entry small{font-size:10px}.shared-sidebar .folder-symbol{flex-basis:16px}.shared-sidebar .folder-symbol svg{width:16px!important;height:16px!important}
 .shared-sidebar .folder-tools,.shared-sidebar .project-links,.shared-sidebar .sidebar-secondary,.shared-sidebar .sidebar-links,.shared-sidebar #folderMeta{display:none!important}
 .executive-metrics{order:1!important;margin:0 0 14px!important}.executive-metrics .intro{margin:0 0 13px!important}.intro h1{font-size:21px!important;line-height:1.2}.intro p{font-size:11px!important;line-height:1.5}
 #overviewView,#analysisView,#auditView{order:3!important;width:100%;min-width:0}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .stat{min-width:0!important;min-height:84px!important;gap:10px!important;padding:12px!important;border-radius:12px!important}.stat .metric-icon{width:39px!important;height:39px!important;flex:0 0 39px!important}.stat .metric-icon svg{width:20px!important;height:20px!important}.stat b{font-size:24px!important}.stat small{font-size:10px!important;line-height:1.3!important}
 .view-switch.executive-tabs{display:none!important}
 .controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.controls input{grid-column:1/-1!important;width:100%!important;min-width:0!important;font-size:12px!important}.controls select{width:100%!important;min-width:0!important;max-width:none!important;flex:initial!important;font-size:11px!important}
 .quickfilters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none;padding-bottom:7px!important;margin:0 0 9px!important}.quickfilters button{flex:0 0 auto!important;font-size:11px!important;padding:8px 11px!important}
 .move-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;padding:10px!important}.move-toolbar #selectedCount{align-self:center;font-size:12px!important}.move-toolbar #targetFolder{min-width:0!important;width:100%!important;font-size:11px;padding:9px!important}.move-toolbar button{width:100%;padding:10px 5px!important;font-size:11px!important}.move-toolbar small{grid-column:1/-1!important;font-size:10px!important;line-height:1.4}
 #analysisView .workspace{display:block!important}.workspace .layout{display:flex!important;flex-direction:column!important;gap:14px!important}
 .cases-column,.executive-main{min-width:0!important;width:100%}.rows{min-height:0!important;max-height:54dvh!important;overflow:auto!important;border-radius:12px!important}
 .mail-entry{min-height:91px!important}.mail-entry .mail{padding:12px 9px!important;min-width:0!important}.mail strong{font-size:12px!important;overflow-wrap:anywhere}.mail p{font-size:11px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail .line small{font-size:10px!important}.mail-select{width:18px;height:18px;margin:20px 0 0 9px}.case-type-icon{width:27px;height:27px;margin-right:5px}.case-type-icon svg{width:17px;height:17px}
 .detail{position:static!important;min-height:0!important;max-height:none!important;padding:17px!important;width:100%!important}.detail h2{font-size:19px!important;overflow-wrap:anywhere}.detail-welcome{min-height:0!important;padding:14px 4px!important}.detail-welcome h2{font-size:19px!important}.detail-welcome-icon{width:43px;height:43px;margin-bottom:12px}
 .welcome-steps{gap:7px;margin-top:13px}.welcome-steps>div{padding:10px!important}.welcome-steps span{font-size:11px}
 .case-event{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important}.case-event strong{overflow-wrap:anywhere}
 .overview-heading{display:flex;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.overview-heading h2{font-size:22px!important}.overview-grid{grid-template-columns:1fr!important;gap:11px!important}.overview-grid>section{min-height:0!important;padding:15px!important}.overview-case strong{overflow-wrap:anywhere}
 #auditView{padding:12px!important}.audit-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.audit-filters input:first-child{grid-column:1/-1!important}.audit-filters input,.audit-filters select{min-width:0!important;padding:10px 8px!important;font-size:11px!important}.audit-group summary{gap:8px!important;padding:11px!important;flex-wrap:wrap!important}.audit-group-main{flex:1 1 160px!important}.audit-group-main strong{white-space:normal!important;font-size:12px!important}.audit-group-main small{font-size:10px!important}.audit-group-count{font-size:10px!important}.audit-group-items{max-height:300px}.audit-group .audit-event{grid-template-columns:1fr auto!important;padding:11px!important}
 .status-transfer{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important}.footnote{overflow-wrap:anywhere}
}
@media(max-width:390px){
 .top{padding:10px!important;gap:6px!important}.top .logo{font-size:14px!important}.top-actions #connect{max-width:88px!important;font-size:9px!important}.top-tab{padding:8px 6px!important;font-size:11px!important}
 .wrap.executive-shell{padding:10px!important}.stat{padding:9px!important;gap:7px!important}.stat .metric-icon{width:35px!important;height:35px!important;flex-basis:35px!important}.stat b{font-size:21px!important}.stat small{font-size:9px!important}
}

/* v5.2: fix mobile screenshot regressions */
@media(max-width:850px){
 .wrap.executive-shell{display:flex!important;flex-direction:column!important}
 .shared-sidebar{order:2!important}
 .executive-metrics{order:1!important}
 #overviewView,#analysisView,#auditView{order:3!important}
 .status-transfer{order:4!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;margin:15px 0 5px!important;padding:9px 0!important;border-top:1px solid #23445b}
 .status-transfer span{flex-basis:100%;font-size:11px!important;color:#a7c0d5}
 .status-transfer button,.status-transfer label{padding:9px 12px!important;font-size:12px!important}
 .executive-footer{order:5!important;margin-top:0!important;font-size:11px!important}
 .top .brand-block{overflow:hidden!important;min-width:0!important}
 .top .logo{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;letter-spacing:-.45px!important}
 .top .brand-block small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .top-actions{flex-shrink:0!important}
 .detail .detail-welcome{min-height:0!important;max-width:none!important;margin:0!important;padding:9px 2px!important}
 .detail .detail-welcome-icon{font-size:23px!important;line-height:1!important}
 .detail .welcome-steps{width:100%!important}
 .detail .welcome-steps>div{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;align-items:start!important}
 .detail .welcome-steps strong{display:block!important;font-size:12px!important;line-height:1.5!important}
 .detail .welcome-steps span{display:block!important;overflow-wrap:break-word!important;font-size:12px!important;line-height:1.5!important}
 .detail .welcome-note{font-size:11px!important}
}
@media(max-width:390px){
 .top{grid-template-columns:minmax(0,1fr) auto!important}
 .top .logo{font-size:12px!important}
 .logo:before{width:26px!important;height:26px!important;font-size:15px!important;margin-right:5px!important}
 .top-actions #connect{max-width:78px!important;font-size:9px!important;padding:7px 5px!important}
 .top-actions #technicalSettings{width:32px!important;flex-basis:32px!important}
 .top-actions #sync{min-width:36px!important}
}

/* v5.3 - genuine document footer, instead of relying on flex order */
.brand-short{display:none}
.persistent-footer{max-width:none;margin:0;padding:14px 28px 20px 304px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#93b3ca}
.persistent-footer .status-transfer{display:flex;align-items:center;gap:9px;margin:0!important;order:2}
.persistent-footer .executive-footer{order:1;flex:1 1 300px;margin:0!important;font-size:11px}
@media(max-width:850px){
 .top .logo .brand-full{display:none!important}
 .top .logo .brand-short{display:inline!important}
 .top .logo{font-size:16px!important}
 .top .brand-block small{margin-left:37px!important}
 .persistent-footer{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin:0!important;padding:20px 14px 26px!important;border-top:1px solid #244761}
 .persistent-footer .status-transfer{width:100%!important;order:1!important;display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;border:0!important}
 .persistent-footer .status-transfer span{flex:1 0 100%!important}
 .persistent-footer .executive-footer{order:2!important;flex:auto!important;line-height:1.6!important}
}


/* v5.4 mobile slide-out navigation */
.mobile-menu-toggle,.mobile-drawer,.mobile-drawer-backdrop{display:none}
@media(max-width:850px){
 .top{grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-areas:"menu brand actions" "tabs tabs tabs" "search search search"!important}
 .mobile-menu-toggle{display:grid!important;grid-area:menu;place-items:center;align-self:center;width:41px;height:41px;border:1px solid #315b79;background:#102e47;color:#9bddff;border-radius:11px;padding:9px;cursor:pointer}
 .mobile-menu-toggle svg{width:22px;height:22px}
 .top .brand-block{grid-area:brand;min-width:0!important}
 .top .brand-block .logo{overflow:hidden!important;max-width:100%!important;text-overflow:ellipsis;font-size:15px!important}
 .top .brand-block small{margin-left:0!important;font-size:9px!important;white-space:nowrap!important}
 .top-actions{grid-area:actions!important}
 .drawer-open{overflow:hidden!important}
 .mobile-drawer-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:rgba(0,10,23,.72);backdrop-filter:blur(4px);z-index:9998}
 .mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:min(89vw,355px);max-height:100dvh;overflow:auto;overscroll-behavior:contain;z-index:9999;background:linear-gradient(150deg,#112f4d,#091c34 60%,#07162b);border-right:1px solid #4a91b9;border-radius:0 23px 23px 0;box-shadow:10px 0 42px #0008;transform:translateX(-110%);visibility:hidden;transition:transform .24s ease,visibility .24s;padding:20px 16px 32px}
 .mobile-drawer.is-open{transform:translateX(0);visibility:visible}
 .mobile-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}
 .mobile-drawer-brand{display:flex;gap:12px;align-items:center}.mobile-drawer-symbol{display:grid;place-items:center;background:#135789;border:1px solid #338ac5;width:46px;height:46px;border-radius:13px;color:#a3ebff;font-size:28px}.mobile-drawer-brand strong{display:block;font-size:20px}.mobile-drawer-brand small{display:block;color:#a9c8df;font-size:12px}
 .mobile-drawer-close{display:grid;place-items:center;width:40px;height:40px;background:#153956;border:1px solid #3b6480;border-radius:50%;font-size:27px;color:#b9daf0;cursor:pointer}
 .mobile-drawer-nav{display:grid;gap:4px;border-bottom:1px solid #345371;padding-bottom:16px;margin-bottom:16px}
 .mobile-drawer-nav button,.mobile-drawer-links button{width:100%;display:flex;align-items:center;text-align:left;gap:13px;min-height:46px;border:1px solid transparent;border-radius:11px;padding:11px 13px;background:transparent;color:#edf7ff;font-size:14px;cursor:pointer}
 .mobile-drawer-nav button:hover,.mobile-drawer-links button:hover,.mobile-drawer-links button.selected{background:#19486b;border-color:#39749c}
 .mobile-drawer-nav button>span{flex:1}
 .mobile-drawer-section-title{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#a4bed6;margin:10px 11px 7px}
 .mobile-drawer-links{display:grid;gap:1px;padding-bottom:12px;border-bottom:1px solid #2b4f6b;margin-bottom:12px}
 .mobile-drawer-links button{min-height:40px;font-size:13px!important}
 .mobile-drawer-links .folder-entry{width:100%!important;height:42px!important;white-space:normal!important;flex:none!important}
 .mobile-drawer-links .heios-nav-ico{flex-basis:24px;width:24px;height:24px}
 .mobile-drawer-links .heios-nav-ico svg{width:19px;height:19px}
 .mobile-drawer-links .folder-entry small{margin-left:auto;font-size:11px;color:#a8d1e9}
 .mobile-drawer-links .sidebar-heading{display:none}
 .mobile-drawer-links button:after{content:"›";margin-left:auto;font-size:19px;color:#8ab8d7}
 .mobile-drawer-links button .folder-count{margin-left:auto}
 .shared-sidebar{display:none!important}
 .wrap.executive-shell{padding:12px!important}
}
@media(prefers-reduced-motion:reduce){.mobile-drawer{transition:none!important}}


/* v5.5 header repair: containment and responsive safe action row */
@media(min-width:851px){
 header.top{display:grid!important;grid-template-columns:minmax(220px,auto) minmax(330px,1fr) minmax(180px,320px) auto!important;grid-template-areas:"brand tabs search actions"!important;align-items:center!important;gap:14px!important;min-height:74px!important;height:auto!important;padding:8px 24px!important;overflow:visible!important}
 header.top>.mobile-menu-toggle{display:none!important}
 header.top>.brand-block{grid-area:brand!important;min-width:0!important;position:static!important}
 header.top>.top-nav{grid-area:tabs!important;display:flex!important;min-width:0!important;align-self:stretch!important;overflow-x:auto;white-space:nowrap}
 header.top>.top-search{grid-area:search!important;width:100%!important;max-width:320px!important;min-width:0!important;margin:0!important}
 header.top>.top-actions{grid-area:actions!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;min-width:max-content!important;gap:8px!important;margin:0!important;transform:none!important}
 header.top>.top-actions button{white-space:nowrap!important;flex-shrink:0!important}
}
@media(min-width:851px) and (max-width:1250px){
 header.top{grid-template-columns:minmax(190px,auto) minmax(265px,1fr) auto!important;grid-template-areas:"brand tabs actions" "search search search"!important;gap:4px 10px!important}
 header.top>.top-search{max-width:none!important;margin:4px 0 5px!important}
 header.top>.top-tab{padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:850px){
 header.top{grid-template-areas:"menu brand actions" "tabs tabs tabs" "search search search"!important;grid-template-columns:40px minmax(0,1fr) auto!important}
 header.top>.top-actions{position:static!important;transform:none!important;display:flex!important;flex-wrap:nowrap!important;justify-self:end!important;margin:0!important}
 header.top>.brand-block{min-width:0!important}
 header.top>.brand-block .logo{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}


/* v5.6 mobile single-navigation header */
@media(max-width:850px){
 header.top{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-areas:"menu brand actions" "search search search"!important;column-gap:8px!important;row-gap:10px!important;align-items:center!important;padding:10px 12px 12px!important}
 header.top>.top-nav{display:none!important}
 header.top>.mobile-menu-toggle{grid-area:menu!important;display:grid!important}
 header.top>.brand-block{grid-area:brand!important;overflow:hidden!important;min-width:0!important}
 header.top>.brand-block .logo{font-size:15px!important;line-height:1.25!important;font-weight:700!important;text-overflow:clip!important;white-space:nowrap!important}
 header.top>.brand-block .logo .brand-full{display:none!important}
 header.top>.brand-block .logo .brand-short{display:inline!important}
 header.top>.brand-block small{display:none!important}
 header.top>.top-actions{grid-area:actions!important;display:flex!important;align-items:center!important;gap:5px!important}
 header.top>.top-actions #connect{width:69px!important;max-width:69px!important;min-height:40px!important;font-size:9px!important;padding:4px!important;line-height:1.15!important}
 header.top>.top-actions #technicalSettings{width:34px!important;height:39px!important;flex:0 0 34px!important;padding:7px!important}
 header.top>.top-actions #sync{width:39px!important;height:39px!important;min-width:39px!important;padding:6px!important}
 header.top>.top-search{grid-area:search!important;width:100%!important;max-width:none!important;margin:0!important}
 .mobile-drawer-nav button.is-active{background:#174969!important;border:1px solid #449dd0!important;color:#c7f1ff!important;box-shadow:inset 3px 0 #66c8ff!important}
 .mobile-drawer-nav button.is-active::after{content:"✓";margin-left:auto;color:#7be2ff;font-weight:700}
}
@media(max-width:390px){
 header.top{grid-template-columns:39px minmax(0,1fr) auto!important;column-gap:6px!important;padding:10px 9px!important}
 header.top>.brand-block .logo{font-size:13px!important}
 header.top>.top-actions #connect{width:61px!important;max-width:61px!important;font-size:8.5px!important}
 header.top>.top-actions #technicalSettings{width:31px!important;flex-basis:31px!important}
 header.top>.top-actions #sync{width:35px!important;min-width:35px!important}
}

/* v5.7: two deliberate header rows keep actions inside the header. */
header.top{height:auto!important;min-height:0!important;isolation:isolate}
header.top>.brand-block{min-width:0!important}
header.top>.top-search input{min-width:0!important;padding:0!important}
header.top>.top-actions button{display:inline-flex!important;align-items:center;justify-content:center;height:40px!important;min-height:40px!important;border-radius:10px!important;line-height:1!important;white-space:nowrap!important}
header.top>.top-actions #technicalSettings{width:40px!important;flex:0 0 40px!important;padding:10px!important}
@media(min-width:851px){
 header.top{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions" "tabs search"!important;gap:10px 24px!important;padding:14px 24px 10px!important}
 header.top>.brand-block .logo{font-size:20px!important;white-space:nowrap}
 header.top>.brand-block small{font-size:10px!important;margin:4px 0 0 44px!important}
 header.top>.top-actions{min-width:0!important;gap:8px!important;align-self:center!important}
 header.top>.top-actions #connect,header.top>.top-actions #sync{font-size:12px!important;padding:0 15px!important;width:auto!important;max-width:none!important}
 header.top>.top-nav{margin:0!important;gap:4px!important;align-self:center!important;overflow:visible!important}
 header.top>.top-nav>.top-tab{flex:0 0 auto!important;min-height:40px!important;padding:10px 14px!important;font-size:13px!important;border-radius:8px!important}
 header.top>.top-search{max-width:340px!important;justify-self:end!important;height:40px!important;margin:0!important}
 .shared-sidebar{top:151px!important;height:calc(100dvh - 167px)!important}
 .detail{top:151px!important;max-height:calc(100dvh - 167px)!important}
}
@media(min-width:851px) and (max-width:1050px){
 header.top{column-gap:16px!important;padding-left:18px!important;padding-right:18px!important}
 header.top>.top-nav>.top-tab{padding:10px!important;font-size:12px!important}
 header.top>.top-search{max-width:300px!important}
}
@media(max-width:850px){
 header.top{grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"menu brand" "search search" "actions actions"!important;gap:10px!important;padding:12px!important}
 header.top>.brand-block .logo{font-size:18px!important}
 header.top>.brand-block .logo:before{display:none!important}
 header.top>.brand-block .logo .brand-full{display:inline!important}
 header.top>.brand-block .logo .brand-short{display:none!important}
 header.top>.top-actions{width:100%!important;justify-self:stretch!important;justify-content:flex-end!important;gap:8px!important}
 header.top>.top-actions #connect{width:auto!important;max-width:none!important;flex:1 1 auto!important;font-size:12px!important;padding:0 12px!important}
 header.top>.top-actions #sync{width:auto!important;min-width:0!important;flex:1 1 auto!important;font-size:12px!important;padding:0 12px!important}
 header.top>.top-actions #sync:after{content:none!important}
 header.top>.top-search{height:42px!important}
}
@media(max-width:390px){
 header.top>.brand-block .logo{font-size:15px!important}
 header.top>.top-actions #connect,header.top>.top-actions #sync{font-size:11px!important;padding:0 8px!important}
}

/* v5.8 semantic color accents and a readable, synchronized audit trail */
:root{--success:#55e2b2;--danger:#ff948e;--review:#ffc374;--unclear:#c5a5ff}
header.top{background:linear-gradient(115deg,#09243b,#102540 65%,#202543)!important;border-bottom-color:#426384!important}
.top-tab.chosen{box-shadow:inset 0 -3px #79d9ff,0 4px 18px #41bff01a!important}
.quickfilters [data-quick="now"],.quickfilters [data-quick="action"]{color:#ffb0a8!important;border-color:#8d4c4a!important;background:#442d3644!important}
.quickfilters [data-quick="later"]{color:#ffd396!important;border-color:#88613e!important;background:#49352255!important}
.quickfilters [data-quick="info"],.quickfilters [data-quick="done"]{color:#8af0cd!important;border-color:#327d70!important;background:#144a4255!important}
.quickfilters [data-quick="unclear"]{color:#dbbdff!important;border-color:#6c558c!important;background:#49305f55!important}
.project-links [data-project="github"] .heios-nav-ico{color:#76e3b3!important}
.project-links [data-project="firebase"]{border-color:#805c35!important;background:#48341b44!important}
.project-links [data-project="github"]{border-color:#357965!important;background:#16483c44!important}
.folder-entry.selected{background:linear-gradient(100deg,#1f587b,#224966)!important;box-shadow:inset 3px 0 #6cd5ff}
.audit-sync-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:14px 0 19px}
.audit-sync-tools button{font-size:12px;padding:9px 12px}
#auditSyncStatus{font-size:12px;color:#b9cddd;padding:8px 12px;background:#16334b;border:1px solid #38566d;border-radius:999px}
#auditSyncStatus[data-status="synced"]{color:#95f0d0;background:#123e35;border-color:#39816c}
#auditSyncStatus[data-status="error"],#auditSyncStatus[data-status="pending"]{color:#ffcf91;background:#493622;border-color:#a07946}
#auditSyncStatus[data-status="syncing"]{color:#9ee5ff;border-color:#458caa}
#auditMigrate{color:#dfc5ff;border-color:#755991;background:#322844}
.audit-group{margin:10px 0!important;overflow:hidden;border-radius:12px!important}
.audit-group.audit-success{border-color:#357969!important;border-left:4px solid #54d4a8!important}
.audit-group.audit-failed{border-color:#9a5358!important;border-left:4px solid #ff8b86!important}
.audit-group.audit-success>summary{background:linear-gradient(100deg,#153e3b,#133249 75%)!important}
.audit-group.audit-failed>summary{background:linear-gradient(100deg,#4a2a37,#21334b 75%)!important}
.audit-group>summary{display:flex!important;align-items:center;gap:12px!important;cursor:pointer;list-style:none}
.audit-group>summary::-webkit-details-marker{display:none}
.audit-group>summary:before{content:'›';font-size:22px;flex:0 0 10px;color:#aac5d9}
.audit-group[open]>summary:before{transform:rotate(90deg)}
.audit-group-main{flex:1;min-width:0;display:grid;gap:5px}
.audit-group-main strong{overflow-wrap:anywhere;line-height:1.5}
.audit-group-main small{display:block;color:#b4cbdc;font-size:11px}
.audit-group-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#214c48;color:#94efca}
.audit-failed .audit-group-icon{background:#62323e;color:#ffb7b2}
.audit-group-count{font-size:11px;white-space:nowrap;color:#c6d9e8}
.audit-event-result{font-size:11px;padding:5px 9px;border-radius:99px;line-height:1.5;max-width:230px}
.audit-event-result.success{background:#185342;color:#a4f6d2;border:1px solid #39856a}
.audit-event-result.failed{background:#602f3b;color:#ffd0cc;border:1px solid #a85d64}
.audit-group .audit-event{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start}
.audit-event strong{display:block;line-height:1.5;overflow-wrap:anywhere}
.audit-event small{display:block;margin-top:5px;color:#a9c3d7;font-size:11px}
.audit-event time{font-variant-numeric:tabular-nums;font-size:11px;color:#b9d2e4}
.overview-case{border-left:3px solid #d6a458!important;padding-left:12px!important}
#deleteSelected:not(:disabled){color:#ffd0c8!important;background:#65333e!important;border-color:#ae6367!important}
#moveSelected:not(:disabled){color:#c5ffed!important;background:#195e52!important;border-color:#3a9c82!important}
@media(max-width:850px){.audit-group>summary{flex-wrap:wrap}.audit-group-main{flex-basis:calc(100% - 70px)}.audit-group-count{margin-left:50px}.audit-event-result{max-width:100%}.audit-sync-tools{align-items:flex-start}.audit-sync-tools button{flex:1 1 140px}#auditSyncStatus{border-radius:10px;width:100%}}
.quickfilters [data-quick="high"]{color:#ffd396!important;border-color:#88613e!important;background:#49352255!important}
.quickfilters [data-quick="none"]{color:#8af0cd!important;border-color:#327d70!important;background:#144a4255!important}
.tag.case-now{color:#ffc2b9!important;background:#64323c!important;border-color:#ab5c60!important}
.tag.case-later{color:#ffdb9d!important;background:#594022!important;border-color:#957041!important}
.tag.case-info,.tag.case-manually_done,.tag.case-possibly_done{color:#a3f6d6!important;background:#164d40!important;border-color:#3a8b72!important}
.tag.case-unclear{color:#e0c6ff!important;background:#46305c!important;border-color:#8963ac!important}
.stat.metric-now{background:linear-gradient(115deg,#472a37,#142940)!important;border-color:#9c5660!important}
.stat.metric-now .metric-icon{background:#69333f!important;color:#ffb5ab!important}
.stat.metric-later{background:linear-gradient(115deg,#423323,#142940)!important;border-color:#8a6945!important}
.stat.metric-later .metric-icon{background:#634724!important;color:#ffda99!important}
.stat.metric-info{background:linear-gradient(115deg,#133f38,#112b40)!important;border-color:#347d6a!important}
.stat.metric-info .metric-icon{background:#17604d!important;color:#92f4cc!important}
.stat.metric-unclear{background:linear-gradient(115deg,#37294e,#142940)!important;border-color:#785f9f!important}
.stat.metric-unclear .metric-icon{background:#503769!important;color:#dfbcff!important}

/* v5.9 unified sidebar controls, icon tiles and metric alignment */
.project-links,.sidebar-links{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:14px 0!important}
.project-links>button,.sidebar-links>button,
.mobile-drawer .mobile-drawer-links [data-project]{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:9px 12px!important;border:1px solid #34556f!important;border-radius:12px!important;text-align:left!important;font-size:13px!important;line-height:1.4!important;background:#112e46!important;box-shadow:inset 0 1px #ffffff08}
.project-links>button>span:last-child,.sidebar-links>button>span:last-child{flex:1;min-width:0}
.project-links>button .heios-nav-ico,.sidebar-links>button .heios-nav-ico,
.mobile-drawer [data-project] .heios-nav-ico{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important;background:#234b68!important;color:#9cddff!important}
.heios-nav-ico svg{display:block;width:20px!important;height:20px!important;stroke-width:1.8}
.project-links [data-project="github"],.mobile-drawer [data-project="github"]{background:linear-gradient(110deg,#123e38,#102d40)!important;border-color:#347e6a!important}
.project-links [data-project="github"] .heios-nav-ico,.mobile-drawer [data-project="github"] .heios-nav-ico{background:#1b5c48!important;color:#90f1c4!important}
.project-links [data-project="firebase"],.mobile-drawer [data-project="firebase"]{background:linear-gradient(110deg,#43311e,#152e43)!important;border-color:#8a663c!important}
.project-links [data-project="firebase"] .heios-nav-ico,.mobile-drawer [data-project="firebase"] .heios-nav-ico{background:#67451f!important;color:#ffd18c!important}
.project-links [data-project="heios"],.mobile-drawer [data-project="heios"]{background:linear-gradient(110deg,#153d61,#112c46)!important;border-color:#397da5!important}
.project-links [data-project="heios"] .heios-nav-ico,.mobile-drawer [data-project="heios"] .heios-nav-ico{background:#1c5b86!important;color:#a7e6ff!important}
.project-links [data-project=""],.mobile-drawer [data-project=""]{background:linear-gradient(110deg,#35284e,#142c43)!important;border-color:#705590!important}
.project-links [data-project=""] .heios-nav-ico,.mobile-drawer [data-project=""] .heios-nav-ico{background:#50376d!important;color:#dfc1ff!important}
.project-links>button:hover,.sidebar-links>button:hover{filter:brightness(1.16);border-color:#79b0ce!important}
.project-links>button:focus-visible,.folder-entry:focus-visible{outline:2px solid #9bddff!important;outline-offset:2px}
.shared-sidebar #folderNav{display:grid;gap:5px}
.shared-sidebar .folder-entry,.mobile-drawer-links .folder-entry{display:flex!important;align-items:center!important;gap:11px!important;min-height:46px!important;height:auto!important;padding:7px 10px!important;border-radius:11px!important;line-height:1.4!important}
.folder-entry .folder-symbol{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:8px!important;background:#1b405b;color:#9ad5ff;line-height:0}
.folder-entry .folder-symbol svg{width:18px!important;height:18px!important;stroke-width:1.8}
.folder-entry .folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.folder-entry small{margin-left:auto;min-width:28px!important;padding:3px 6px;border-radius:6px;background:#122c40;color:#bad2e3;font-variant-numeric:tabular-nums;font-size:11px!important}
.folder-entry .tone-cyan{background:#164956!important;color:#89e9f4!important}
.folder-entry .tone-blue{background:#1a4c72!important;color:#9edcff!important}
.folder-entry .tone-rose{background:#4b2c43!important;color:#ffb4c2!important}
.folder-entry .tone-violet{background:#3b305a!important;color:#d8bcff!important}
.folder-entry .tone-amber{background:#4e3b25!important;color:#ffcf93!important}
.folder-entry .tone-green{background:#174b40!important;color:#95e9c6!important}
.folder-entry .tone-slate{background:#2e4050!important;color:#bed0df!important}
.folder-entry.selected small{background:#286184;color:#e3f6ff}
.folder-entry:hover{background:#153a54!important}
.stats .stat{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;column-gap:16px!important;row-gap:0!important;min-height:112px!important;padding:18px!important;text-align:left!important}
.stats .stat .metric-icon{width:54px!important;height:54px!important;min-width:0!important;flex:none!important;border-radius:15px!important;box-shadow:inset 0 1px #ffffff20,0 5px 12px #0002}
.stats .stat .metric-icon svg{width:27px!important;height:27px!important;stroke-width:1.8}
.stats .stat .metric-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:0!important;padding:0!important;min-width:0!important}
.stats .stat b{margin:0!important;line-height:1!important;letter-spacing:-.5px!important}
.stats .stat small{margin:0!important;line-height:1.4!important}
.stat.metric-cases{background:linear-gradient(110deg,#342e57,#152d46)!important;border-color:#76629d!important}
.stat.metric-cases .metric-icon{background:#503b77!important;color:#dfc6ff!important}
.stat.metric-mail{background:linear-gradient(110deg,#123e65,#112c46)!important;border-color:#357cad!important}
.stat.metric-mail .metric-icon{background:#1c5c8c!important;color:#a1e2ff!important}
@media(max-width:850px){
 .stats .stat{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;min-height:90px!important}
 .stats .stat .metric-icon{width:40px!important;height:40px!important;border-radius:11px!important}
 .stats .stat .metric-icon svg{width:22px!important;height:22px!important}
 .stats .stat .metric-copy{gap:6px!important}
 .mobile-drawer .mobile-drawer-links{gap:7px!important}
}
@media(max-width:390px){.stats .stat{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;padding:10px!important}.stats .stat .metric-icon{width:34px!important;height:34px!important}.stats .stat small{font-size:10px!important}}

/* v5.9.1: reset the legacy two-row grid and cross-axis number alignment. */
.stats>.stat{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:flex-start!important;gap:16px!important;
 grid-template:none!important;min-height:108px!important;height:auto!important;padding:20px!important;
}
.stats>.stat>.metric-icon{
 position:static!important;display:grid!important;place-items:center!important;
 flex:0 0 50px!important;width:50px!important;height:50px!important;
 margin:0!important;align-self:center!important;border-radius:14px!important;
}
.stats>.stat>.metric-icon>svg{display:block!important;width:25px!important;height:25px!important}
.stats>.stat>.metric-copy{
 display:flex!important;flex:1 1 0!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;
 align-self:center!important;gap:6px!important;margin:0!important;padding:0!important;
 grid-area:auto!important;min-width:0!important;text-align:left!important;
}
.stats>.stat>.metric-copy>b,.stats>.stat>.metric-copy>small{
 position:static!important;align-self:flex-start!important;
 grid-area:auto!important;text-align:left!important;width:auto!important;max-width:100%!important;
 margin:0!important;padding:0!important;transform:none!important;
}
.stats>.stat>.metric-copy>b{font-size:30px!important;line-height:1.1!important;font-weight:750!important;font-variant-numeric:tabular-nums}
.stats>.stat>.metric-copy>small{font-size:12px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:break-word}
@media(max-width:850px){
 .stats>.stat{min-height:90px!important;padding:14px!important;gap:12px!important}
 .stats>.stat>.metric-icon{flex-basis:40px!important;width:40px!important;height:40px!important;border-radius:11px!important}
 .stats>.stat>.metric-icon>svg{width:22px!important;height:22px!important}
 .stats>.stat>.metric-copy>b{font-size:25px!important}
 .stats>.stat>.metric-copy>small{font-size:11px!important}
}
@media(max-width:390px){
 .stats>.stat{padding:12px 10px!important;gap:9px!important}
 .stats>.stat>.metric-icon{flex-basis:32px!important;width:32px!important;height:32px!important;border-radius:9px!important}
 .stats>.stat>.metric-icon>svg{width:19px!important;height:19px!important}
 .stats>.stat>.metric-copy>b{font-size:23px!important}
 .stats>.stat>.metric-copy>small{font-size:10px!important}
}


/* v5.2: faithful interaction treatment for HEIOS mail analysis */
.top-actions{display:flex!important;align-items:center!important;gap:9px!important}
.top-actions button{border-radius:10px!important;min-height:40px!important;padding:10px 14px!important;font-weight:650!important;box-shadow:inset 0 1px #ffffff12!important;transition:background .15s,transform .15s,box-shadow .15s}
.top-actions button:hover{transform:translateY(-1px);box-shadow:0 5px 18px #0004!important}
.top-actions #sync{background:linear-gradient(125deg,#46c9ff,#238ce9)!important;border:1px solid #58cfff!important;color:#061d30!important;box-shadow:0 0 16px #238ce944!important}
.top-actions #connect{background:#0d304b!important;border:1px solid #2b6b90!important;color:#ddf3ff!important}
.top-actions #technicalSettings{background:#103049!important;border:1px solid #305a79!important}
.move-toolbar{background:linear-gradient(120deg,#0b304e,#0a253f)!important;border:1px solid #326b91!important;border-radius:13px!important;padding:12px 16px!important;gap:10px!important;align-items:center}
.move-toolbar button{padding:11px 16px!important;border-radius:10px!important;min-height:42px!important;font-weight:650!important}
#moveSelected:not(:disabled){background:linear-gradient(115deg,#156a5e,#0e8a72)!important;border-color:#3ac8a4!important;color:#f0fffa!important}
#deleteSelected:not(:disabled),.case-batch .case-delete{background:linear-gradient(115deg,#60303d,#4b2833)!important;border:1px solid #d46b78!important;color:#ffd5d9!important}
#deleteSelected:disabled,#moveSelected:disabled{opacity:.5}
.move-toolbar small{font-size:11px!important;color:#a6c8df!important}
.selection-hint{display:flex;align-items:center;gap:9px;padding:11px 4px;color:#95c7e6;font-size:12px;line-height:1.5}
.selection-hint span{background:#153e5c;border:1px solid #2879a9;color:#80d8ff;border-radius:6px;padding:2px 7px;font-weight:800}
.case-batch{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0!important}
.case-batch button{min-height:42px!important;padding:11px 14px!important;border:1px solid #3987b8!important;border-radius:10px!important;font-weight:700!important}
.case-batch button:first-child{background:linear-gradient(115deg,#144b73,#0b3655)!important;color:#d7f4ff!important}
.folder-empty{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 4px 8px;width:calc(100% - 8px);min-height:41px;border-radius:10px;background:linear-gradient(125deg,#432634,#291e30);border:1px solid #dc6675;color:#ffb4be;font-size:12px;font-weight:700;cursor:pointer}
.folder-empty[hidden]{display:none!important}.folder-empty:disabled{opacity:.45}
.folder-empty svg{width:18px;height:18px}.folder-empty:hover:not(:disabled){background:#643440;color:#fff}
@media(max-width:850px){.top-actions button{min-height:38px!important}.folder-empty{min-height:38px}.selection-hint{font-size:11px;align-items:start}.move-toolbar{padding:10px!important}.case-batch button{flex:1 1 145px}}