/* HostMyBot Command Center — inspired by dense sci-fi control interfaces */
:root{--bg:#020812;--panel:#061725;--panel2:#071c2b;--cyan:#34dcff;--cyan2:#8af2ff;--blue:#278fff;--green:#43efad;--amber:#ffbd55;--red:#ff6077;--text:#e8faff;--muted:#668795;--line:rgba(52,220,255,.16);--hot:rgba(52,220,255,.55)}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:radial-gradient(circle at 58% 30%,rgba(13,96,142,.13),transparent 42%),linear-gradient(rgba(52,220,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(52,220,255,.024) 1px,transparent 1px),#020812;background-size:auto,42px 42px,42px 42px;color:var(--text)}
.cockpit-shell{display:grid!important;grid-template-columns:178px minmax(0,1fr)!important;height:100vh}.cockpit-shell main{grid-column:2!important;height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr) 24px;min-width:0}
.cockpit-sidebar{position:relative;width:auto;height:100vh;padding:13px 9px 10px;border-right:1px solid rgba(52,220,255,.3);background:linear-gradient(180deg,rgba(5,22,35,.98),rgba(2,9,16,.98));display:flex;flex-direction:column;overflow:hidden}.cockpit-sidebar:after{content:"";position:absolute;right:-1px;top:17%;height:22%;width:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.cockpit-brand{display:flex;align-items:center;gap:9px;padding:7px 8px 18px;border-bottom:1px solid var(--line)}.brand-orbit{width:34px;height:34px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 15px rgba(52,220,255,.2);background:radial-gradient(circle,rgba(52,220,255,.17),transparent 65%)}.brand-orbit:before,.brand-orbit i{content:"";width:18px;height:18px;border:1px dashed var(--cyan);border-radius:50%}.brand-orbit i{position:absolute;width:6px;height:6px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.cockpit-brand strong,.cockpit-brand small{display:block;font-family:'Chakra Petch'}.cockpit-brand strong{font-size:13px;letter-spacing:1.5px}.cockpit-brand strong span{color:var(--cyan)}.cockpit-brand small{font-size:5px;letter-spacing:2px;color:var(--muted);margin-top:2px}
.cockpit-sidebar nav{display:grid;gap:3px;margin-top:14px}.cockpit-sidebar nav button{position:relative;height:42px;border:1px solid transparent;background:transparent;color:#7894a1;display:grid;grid-template-columns:23px 1fr 19px;align-items:center;text-align:left;padding:0 8px;cursor:pointer;font:9px 'Chakra Petch';transition:.2s}.cockpit-sidebar nav button i{font-style:normal;color:#78dff0;font-size:14px}.cockpit-sidebar nav button em{font-size:6px;font-style:normal;color:#416273}.cockpit-sidebar nav button:hover,.cockpit-sidebar nav button.active{color:var(--text);border-color:rgba(52,220,255,.22);background:linear-gradient(90deg,rgba(52,220,255,.12),rgba(52,220,255,.02))}.cockpit-sidebar nav button.active:before{content:"";position:absolute;left:-9px;width:2px;height:24px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.sidebar-signal{margin-top:auto;border:1px solid var(--line);background:rgba(52,220,255,.025);padding:10px}.sidebar-signal small,.sidebar-signal b,.sidebar-signal span{display:block}.sidebar-signal small{font:6px 'Chakra Petch';letter-spacing:1.4px;color:var(--cyan)}.sidebar-signal b{font:7px 'Chakra Petch';color:var(--green);margin-top:7px}.sidebar-signal span{font-size:6px;color:var(--muted);margin-top:3px}.signal-wave{height:30px;margin-top:7px;background:repeating-linear-gradient(90deg,var(--cyan) 0 1px,transparent 1px 4px);clip-path:polygon(0 48%,5% 45%,10% 52%,15% 25%,20% 70%,25% 35%,30% 58%,35% 41%,40% 60%,45% 20%,50% 75%,55% 34%,60% 57%,65% 42%,70% 64%,75% 30%,80% 53%,85% 40%,90% 58%,95% 45%,100% 50%,100% 55%,0 55%);filter:drop-shadow(0 0 4px var(--cyan))}.sidebar-meta{padding:11px 3px 0;display:flex;justify-content:space-between;font:6px 'Chakra Petch';color:var(--muted)}.sidebar-meta span{color:var(--green)}.sidebar-meta i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green)}
.cockpit-shell .topbar{position:relative;top:auto;height:64px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(2,10,18,.9);box-shadow:0 8px 28px rgba(0,0,0,.2);display:flex}.mobile-brand{display:none}.header-state{width:200px}.header-state small,.header-state b{display:block;font-family:'Chakra Petch'}.header-state small{font-size:6px;letter-spacing:1.5px;color:var(--muted)}.header-state b{font-size:8px;color:var(--green);margin-top:3px}.header-state i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);margin-right:5px}.header-title{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.header-title small,.header-title strong{display:block;font-family:'Chakra Petch'}.header-title small{font-size:6px;letter-spacing:1.5px;color:var(--muted)}.header-title strong{font-size:13px;letter-spacing:2px;color:var(--cyan2);margin-top:3px}.top-actions{margin-left:auto;display:flex;gap:8px}.demo-chip{border:1px solid rgba(255,189,85,.25);background:rgba(255,189,85,.05);color:var(--amber);padding:7px 9px;font:6px 'Chakra Petch';letter-spacing:1px}.cyber-btn{border:1px solid rgba(52,220,255,.35);background:rgba(52,220,255,.055);color:var(--cyan);padding:8px 11px;font:7px 'Chakra Petch'}.view-nav{display:none}.cockpit-shell body:not([data-view="overview"]) .view-nav{display:flex}body:not([data-view="overview"]) .view-nav{display:flex;margin-left:6px}.view-nav button{height:30px;border:1px solid var(--line);background:rgba(52,220,255,.04);color:var(--cyan);font:7px 'Chakra Petch';padding:0 10px}
.cockpit-shell #content{height:100%;padding:8px;max-width:none;overflow:hidden}.cockpit-shell main>footer{height:24px;padding:6px 12px;background:rgba(2,9,16,.92);border-top:1px solid var(--line);font:6px 'Chakra Petch';letter-spacing:1px;color:#496b79;display:flex;justify-content:space-between}.cockpit-shell main>footer span{color:var(--cyan);margin:0}.cockpit-shell main>footer b{float:none;color:var(--amber)}.cockpit-shell main>footer em{font-style:normal;color:var(--green)}
.cockpit-shell #content>div,.cockpit-shell #content>section{display:none}body[data-view="overview"] .cockpit-shell #content>.cockpit-dashboard{display:grid!important}
.cockpit-dashboard{height:100%;grid-template-columns:1.05fr 1.85fr 1.2fr;grid-template-rows:1.55fr .86fr 1fr;gap:7px;min-height:0}.cockpit-panel{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(6,24,38,.94),rgba(2,12,21,.92));padding:8px;min-width:0;min-height:0;overflow:hidden;box-shadow:inset 0 0 28px rgba(39,143,255,.025)}.cockpit-panel:before,.cockpit-panel:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none}.cockpit-panel:before{left:4px;top:4px;border-left:1px solid rgba(52,220,255,.45);border-top:1px solid rgba(52,220,255,.45)}.cockpit-panel:after{right:4px;bottom:4px;border-right:1px solid rgba(52,220,255,.3);border-bottom:1px solid rgba(52,220,255,.3)}.cockpit-panel>header{height:22px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid rgba(52,220,255,.09);margin-bottom:6px;padding:0 2px}.cockpit-panel>header small{font:6px 'Chakra Petch';letter-spacing:1.3px;color:var(--cyan)}.cockpit-panel>header b,.cockpit-panel>header span,.cockpit-panel>header button{border:0;background:none;color:var(--green);font:6px 'Chakra Petch';letter-spacing:.7px}.cockpit-panel>header i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 5px var(--green)}
.core-overview{grid-column:1;grid-row:1}.core-stat-list{display:grid;gap:3px;height:calc(100% - 28px)}.core-stat-list button{border:1px solid rgba(52,220,255,.12);background:rgba(52,220,255,.025);display:grid;grid-template-columns:25px 1fr 10px;gap:6px;align-items:center;padding:3px 6px;color:var(--text);text-align:left;cursor:pointer}.core-stat-list button:hover{border-color:var(--hot);background:rgba(52,220,255,.07)}.metric-icon{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(52,220,255,.28);border-radius:50%;color:var(--cyan);font:6px 'Chakra Petch'}.core-stat-list div b,.core-stat-list div strong{display:block;font-family:'Chakra Petch'}.core-stat-list div b{font-size:6px;color:#73919f}.core-stat-list div strong{font-size:9px;color:var(--cyan2);margin-top:1px}.core-stat-list button>i{font-style:normal;color:var(--cyan)}
.core-visual{grid-column:2;grid-row:1;padding-bottom:5px}.command-core{position:absolute;left:50%;top:49%;width:min(31vh,270px);height:min(31vh,270px);transform:translate(-50%,-50%);border:0;background:transparent;color:var(--text);cursor:pointer}.core-grid-sphere{position:absolute;inset:16%;border:1px solid rgba(52,220,255,.55);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(138,242,255,.24),transparent 10%),repeating-radial-gradient(circle,transparent 0 13px,rgba(52,220,255,.13) 14px 15px),linear-gradient(90deg,transparent 49.5%,rgba(52,220,255,.28) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(52,220,255,.28) 50%,transparent 50.5%);box-shadow:0 0 35px rgba(52,220,255,.2),inset 0 0 28px rgba(52,220,255,.1);animation:floatCore 5s ease-in-out infinite}.core-orbit{position:absolute;left:5%;right:5%;top:40%;height:27%;border:1px solid rgba(52,220,255,.35);border-radius:50%;transform:rotate(-12deg)}.orbit-b{transform:rotate(54deg);opacity:.55}.core-copy{position:absolute;inset:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 0 12px #020812}.core-copy>*{display:block}.core-copy small{font:5px 'Chakra Petch';letter-spacing:1.6px;color:var(--cyan)}.core-copy>b{font:15px 'Chakra Petch';letter-spacing:3px;color:var(--cyan2);margin:3px}.core-copy strong{font:31px 'Chakra Petch';line-height:.9}.core-copy span{font:6px 'Chakra Petch';letter-spacing:1px;color:var(--cyan)}.core-copy em{font:6px 'Chakra Petch';font-style:normal;color:var(--green);margin-top:5px}.core-visual>footer{position:absolute;left:9px;right:9px;bottom:6px;display:flex;justify-content:space-around;font:5px 'Chakra Petch';color:var(--muted)}.core-visual>footer i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green)}
.intelligence-feed{grid-column:3;grid-row:1}.intelligence-feed>div{display:grid;gap:3px}.intelligence-feed button{min-height:35px;border:1px solid rgba(52,220,255,.11);background:rgba(52,220,255,.02);color:var(--text);display:grid;grid-template-columns:28px 24px 1fr 24px;gap:5px;align-items:center;text-align:left;padding:3px 5px;cursor:pointer}.intelligence-feed button:hover{border-color:var(--hot)}.intelligence-feed time{font:6px 'Chakra Petch';color:var(--cyan)}.feed-icon{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(52,220,255,.25);border-radius:4px;color:var(--cyan);font:5px 'Chakra Petch'}.intelligence-feed p{margin:0;font-size:7px}.intelligence-feed p small{display:block;color:var(--muted);font:5px 'Chakra Petch';margin-top:2px}.intelligence-feed em{font:5px 'Chakra Petch';font-style:normal;color:var(--green)}
.node-console{grid-column:1/3;grid-row:2}.node-console>div{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;height:calc(100% - 28px)}.node-console>div>button{border:1px solid rgba(52,220,255,.12);background:linear-gradient(135deg,rgba(52,220,255,.045),rgba(2,12,21,.2));color:var(--text);padding:6px;text-align:left;cursor:pointer;min-width:0}.node-console>div>button:hover{border-color:var(--hot)}.node-console .status{font-size:5px}.node-console b,.node-console small{display:block}.node-console b{font:10px 'Chakra Petch';margin-top:5px}.node-console small{font-size:5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-console>div>button>div{height:2px;background:#0a2938;margin:6px 0}.node-console>div>button>div i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 5px var(--cyan)}.node-console footer{display:flex;justify-content:space-between;font:5px 'Chakra Petch';color:#7895a2}
.backup-console{grid-column:3;grid-row:2}.backup-console>div{display:grid;gap:4px}.backup-console>div>button{border:1px solid rgba(52,220,255,.1);background:rgba(52,220,255,.02);display:grid;grid-template-columns:1fr 45px;position:relative;align-items:center;text-align:left;padding:4px 6px 8px;color:var(--text);cursor:pointer}.backup-console span b,.backup-console span small{display:block}.backup-console span b{font:7px 'Chakra Petch'}.backup-console span small{font-size:5px;color:var(--muted)}.backup-console strong{font:8px 'Chakra Petch';color:var(--cyan2);text-align:right}.backup-console button>div{position:absolute;left:6px;right:25px;bottom:3px;height:2px;background:#0b2938}.backup-console button>div i{display:block;height:100%;background:var(--cyan)}.backup-console em{position:absolute;right:5px;bottom:1px;font:5px 'Chakra Petch';font-style:normal;color:var(--muted)}
.resource-console{grid-column:1;grid-row:3}.mini-gauges{display:grid;grid-template-columns:repeat(4,1fr);height:calc(100% - 27px);align-items:center}.mini-gauges button{border:0;background:none;color:var(--text);cursor:pointer}.mini-gauge{--g:50;width:46px;height:46px;margin:auto;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--g)*1%),#0a2938 0);display:grid;place-items:center;position:relative}.mini-gauge:before{content:"";position:absolute;inset:5px;background:#04121e;border-radius:50%}.mini-gauge span{z-index:1;font:8px 'Chakra Petch'}.mini-gauges button>b{display:block;font:6px 'Chakra Petch';color:var(--muted);margin-top:5px}
.discord-console{grid-column:2;grid-row:3}.discord-command{display:flex;align-items:center;gap:8px}.discord-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cyan);font:8px 'Chakra Petch';color:var(--cyan)}.discord-command>div:last-child b,.discord-command>div:last-child span{display:block}.discord-command>div:last-child b{font:8px 'Chakra Petch'}.discord-command>div:last-child span{font:5px 'Chakra Petch';color:var(--green);margin-top:3px}.discord-command i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green)}.discord-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.discord-numbers span{border:1px solid rgba(52,220,255,.1);padding:5px;font:5px 'Chakra Petch';color:var(--muted)}.discord-numbers b{display:block;font-size:10px;color:var(--cyan2);margin-bottom:2px}
.network-console{grid-column:3;grid-row:3}.network-total b,.network-total span{display:block}.network-total b{font:19px 'Chakra Petch';color:var(--cyan2)}.network-total span{font:5px 'Chakra Petch';color:var(--muted)}.network-split{display:flex;gap:18px;margin-top:5px}.network-split span{font:5px 'Chakra Petch';color:var(--muted)}.network-split b{color:var(--text);margin-right:3px}.network-line{display:flex;align-items:end;height:20px;gap:3px;margin-top:4px}.network-line i{flex:1;background:linear-gradient(var(--cyan),var(--blue));height:35%}.network-line i:nth-child(2){height:65%}.network-line i:nth-child(3){height:45%}.network-line i:nth-child(4){height:90%}.network-line i:nth-child(5){height:55%}.network-line i:nth-child(6){height:75%}.network-line i:nth-child(7){height:62%}.network-console>footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:4px;font:5px 'Chakra Petch';color:var(--cyan)}
.panel{border-color:var(--line);background:linear-gradient(135deg,rgba(6,24,38,.95),rgba(2,12,21,.94))}.panel-head{border-bottom:1px solid rgba(52,220,255,.08);padding-bottom:7px}.panel h2{color:var(--cyan2)}.data-table,.node-card,.module-card,.storage-card{border-color:var(--line)}.module-detail{border-color:var(--hot)}
@keyframes floatCore{50%{transform:translateY(-4px);filter:brightness(1.12)}}
@media(max-height:760px) and (min-width:901px){.cockpit-shell main{grid-template-rows:56px minmax(0,1fr) 20px}.cockpit-shell .topbar{height:56px}.cockpit-shell #content{padding:5px}.cockpit-dashboard{gap:5px}.cockpit-panel{padding:6px}.cockpit-panel>header{height:18px;margin-bottom:4px}.command-core{width:210px;height:210px}.intelligence-feed button{min-height:29px}.core-stat-list{gap:2px}.core-stat-list button{padding:1px 5px}.node-console>div>button{padding:4px}.mini-gauge{width:39px;height:39px}}
@media(max-width:1100px){.cockpit-shell{grid-template-columns:150px minmax(0,1fr)!important}.cockpit-sidebar nav button{grid-template-columns:21px 1fr}.cockpit-sidebar nav button em{display:none}.header-title{display:none}.cockpit-dashboard{grid-template-columns:1fr 1.6fr 1fr}.node-console>div{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}
@media(max-width:800px){html,body{overflow:auto}.cockpit-shell{display:block!important}.cockpit-shell main{height:auto;min-height:100vh;display:block}.cockpit-sidebar{position:relative;width:100%;height:auto;padding:8px}.cockpit-brand{padding:5px 7px 9px}.cockpit-sidebar nav{display:flex;overflow-x:auto;margin-top:7px}.cockpit-sidebar nav button{min-width:110px}.sidebar-signal,.sidebar-meta{display:none}.cockpit-shell .topbar{height:52px;position:sticky;top:0}.header-state{display:none}.mobile-brand{display:block;font:11px 'Chakra Petch'}.mobile-brand span{color:var(--cyan)}.cockpit-shell #content{height:auto;overflow:visible}.cockpit-dashboard{display:block!important}.cockpit-panel{margin-bottom:7px;min-height:180px}.core-visual{min-height:350px}.node-console>div{grid-template-columns:repeat(2,1fr)}.cockpit-shell main>footer{display:none}body:not([data-view="overview"]) .cockpit-shell #content>.inventory-panel,body:not([data-view="overview"]) .cockpit-shell #content>.backup-view,body:not([data-view="overview"]) .cockpit-shell #content>.discord-view,body[data-view="nodes"] .cockpit-shell #content>.dual-grid,body[data-view="nodes"] .cockpit-shell #content>.full,body[data-view="operations"] .cockpit-shell #content>.tri-lower,body[data-view="modules"] .cockpit-shell #content>.modules-panel{height:auto!important}}

/* MAIL + NETWORK ONLY */
body[data-view="mail"] .compact-shell #content>.mail-detail-panel{display:block;height:100%;margin:0}
.mail-network-dashboard{grid-template-columns:1.05fr 1.65fr 1.05fr!important;grid-template-rows:1.45fr .95fr!important}
.mail-status-panel{grid-column:1;grid-row:1}.network-core-panel{grid-column:2;grid-row:1}.network-status-panel{grid-column:3;grid-row:1}.mail-channel-panel{grid-column:1;grid-row:2}.traffic-panel{grid-column:2;grid-row:2}.server-snapshot{grid-column:3;grid-row:2}
.mail-hero{height:34%;display:flex;align-items:center;justify-content:center;gap:14px;border-bottom:1px solid var(--line)}.mail-orb{width:64px;height:64px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:24px;background:radial-gradient(circle,rgba(52,220,255,.16),transparent 68%);box-shadow:0 0 22px rgba(52,220,255,.16)}.mail-hero small,.mail-hero strong,.mail-hero span{display:block;font-family:'Chakra Petch'}.mail-hero small{font-size:5px;color:var(--muted);letter-spacing:1px}.mail-hero strong{font-size:28px;color:var(--cyan2)}.mail-hero span{font-size:6px;color:var(--green)}.mail-kpis{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.mail-kpis button{border:1px solid rgba(52,220,255,.12);background:rgba(52,220,255,.025);padding:8px;color:var(--text);text-align:left;cursor:pointer}.mail-kpis b,.mail-kpis span{display:block;font-family:'Chakra Petch'}.mail-kpis b{font-size:14px;color:var(--cyan2)}.mail-kpis span{font-size:5px;color:var(--muted);margin-top:2px}.panel-action{position:absolute;left:8px;right:8px;bottom:8px;height:27px;border:1px solid rgba(52,220,255,.22);background:rgba(52,220,255,.04);color:var(--cyan);font:6px 'Chakra Petch';cursor:pointer}.panel-action:hover{border-color:var(--hot);background:rgba(52,220,255,.08)}
.network-primary{text-align:center;padding:11px 0;border-bottom:1px solid var(--line)}.network-primary b,.network-primary span{display:block;font-family:'Chakra Petch'}.network-primary b{font-size:28px;color:var(--cyan2)}.network-primary span{font-size:6px;color:var(--muted)}.network-bars{display:grid;gap:8px;margin:12px 4px}.network-bars span{position:relative;display:grid;grid-template-columns:50px 1fr;align-items:center;padding-bottom:5px;font:5px 'Chakra Petch';color:var(--muted)}.network-bars span b{color:var(--text);font-size:8px}.network-bars span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#0a2938}.network-bars span i{position:absolute;left:0;bottom:0;height:2px;background:var(--cyan);z-index:1;box-shadow:0 0 5px var(--cyan)}.network-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.network-meta span{border:1px solid rgba(52,220,255,.1);padding:6px;font:5px 'Chakra Petch';color:var(--muted)}.network-meta b{display:block;color:var(--cyan2);font-size:10px}
.mail-channel-panel>div,.server-snapshot>div{display:grid;gap:4px}.mail-channel-panel>div>button,.server-snapshot>div>button{border:1px solid rgba(52,220,255,.1);background:rgba(52,220,255,.02);min-height:32px;color:var(--text);display:grid;align-items:center;text-align:left;padding:4px 6px;cursor:pointer}.mail-channel-panel>div>button{grid-template-columns:24px 1fr 38px;gap:6px}.mail-event-icon{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(52,220,255,.25);color:var(--cyan);font:5px 'Chakra Petch';font-style:normal}.mail-channel-panel span b,.mail-channel-panel span small,.server-snapshot span b,.server-snapshot span small{display:block}.mail-channel-panel span b,.server-snapshot span b{font:7px 'Chakra Petch'}.mail-channel-panel span small,.server-snapshot span small{font-size:5px;color:var(--muted)}.mail-channel-panel em{font:5px 'Chakra Petch';font-style:normal;color:var(--green)}
.traffic-graph{height:65%;display:flex;align-items:end;gap:5px;padding:5px 5px 0;border-bottom:1px solid var(--line)}.traffic-graph i{flex:1;min-height:8%;background:linear-gradient(var(--cyan),rgba(39,143,255,.28));box-shadow:0 0 4px rgba(52,220,255,.25)}.traffic-graph i:nth-child(2){height:28%}.traffic-graph i:nth-child(3){height:48%}.traffic-graph i:nth-child(4){height:37%}.traffic-graph i:nth-child(5){height:72%}.traffic-graph i:nth-child(6){height:53%}.traffic-graph i:nth-child(7){height:88%}.traffic-graph i:nth-child(8){height:69%}.traffic-graph i:nth-child(9){height:92%}.traffic-graph i:nth-child(10){height:74%}.traffic-graph i:nth-child(11){height:84%}.traffic-graph i:nth-child(12){height:77%}.traffic-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}.traffic-totals span{font:5px 'Chakra Petch';color:var(--muted)}.traffic-totals b{display:block;font-size:10px;color:var(--cyan2)}
.server-snapshot>div>button{grid-template-columns:1fr 45px 8px;gap:6px}.server-snapshot em{font:7px 'Chakra Petch';font-style:normal;color:var(--cyan2);text-align:right}
.mail-detail-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:10px 0 14px}.mail-detail-summary span{border:1px solid var(--line);background:rgba(52,220,255,.025);padding:12px;color:var(--muted);font:6px 'Chakra Petch'}.mail-detail-summary b{display:block;color:var(--cyan2);font-size:17px;margin-bottom:4px}.mail-detail-events{border:1px solid var(--line)}.mail-detail-events header,.mail-detail-events>div{display:grid;grid-template-columns:.7fr 1.7fr .6fr;align-items:center;padding:0 12px}.mail-detail-events header{height:30px;background:rgba(52,220,255,.05);color:var(--cyan);font:6px 'Chakra Petch'}.mail-detail-events>div{height:50px;border-top:1px solid rgba(52,220,255,.08);font-size:9px}.mail-detail-events>div b{font-family:'Chakra Petch'}.mail-detail-events>div span{color:var(--muted)}.mail-detail-events>div em{font:7px 'Chakra Petch';font-style:normal;color:var(--green)}
@media(max-height:760px) and (min-width:801px){.mail-orb{width:48px;height:48px}.mail-hero strong{font-size:22px}.mail-kpis{margin-top:5px}.mail-kpis button{padding:5px}.network-bars{margin:7px 4px;gap:5px}.mail-channel-panel>div,.server-snapshot>div{gap:2px}.mail-channel-panel>div>button,.server-snapshot>div>button{min-height:26px}.traffic-totals{margin-top:4px}}
@media(max-width:800px){.mail-network-dashboard{display:block!important}.mail-status-panel,.network-core-panel,.network-status-panel,.mail-channel-panel,.traffic-panel,.server-snapshot{min-height:280px}.mail-detail-summary{grid-template-columns:repeat(2,1fr)}}

/* LARGE DESKTOP LEGIBILITY — tuned for 24-inch monitors */
@media(min-width:1200px) and (min-height:700px){
 .cockpit-shell{grid-template-columns:220px minmax(0,1fr)!important}.cockpit-shell main{grid-template-rows:78px minmax(0,1fr) 30px}.cockpit-sidebar{padding:17px 12px 13px}.cockpit-brand{gap:12px;padding:9px 10px 22px}.brand-orbit{width:44px;height:44px}.cockpit-brand strong{font-size:17px}.cockpit-brand small{font-size:7px;margin-top:4px}.cockpit-sidebar nav{gap:6px;margin-top:18px}.cockpit-sidebar nav button{height:54px;grid-template-columns:30px 1fr 22px;padding:0 11px;font-size:12px}.cockpit-sidebar nav button i{font-size:18px}.cockpit-sidebar nav button em{font-size:8px}.sidebar-signal{padding:14px}.sidebar-signal small{font-size:8px}.sidebar-signal b{font-size:9px}.sidebar-signal span{font-size:8px}.signal-wave{height:42px}.sidebar-meta{font-size:8px;padding-top:14px}
 .cockpit-shell .topbar{height:78px;padding:0 20px}.header-state{width:245px}.header-state small{font-size:8px}.header-state b{font-size:11px;margin-top:5px}.header-title small{font-size:8px}.header-title strong{font-size:17px;margin-top:5px}.demo-chip{padding:10px 13px;font-size:8px}.cyber-btn{padding:10px 15px;font-size:9px}.view-nav button{height:38px;font-size:9px}
 .cockpit-shell #content{padding:13px;}.cockpit-shell main>footer{height:30px;padding:8px 16px;font-size:8px}.cockpit-dashboard{gap:11px}.cockpit-panel{padding:12px}.cockpit-panel>header{height:30px;margin-bottom:9px;padding:0 4px}.cockpit-panel>header small{font-size:9px;letter-spacing:1.5px}.cockpit-panel>header b,.cockpit-panel>header span,.cockpit-panel>header button{font-size:8px}
 .mail-hero{gap:20px}.mail-orb{width:82px;height:82px;font-size:31px}.mail-hero small{font-size:7px}.mail-hero strong{font-size:37px}.mail-hero span{font-size:8px}.mail-kpis{gap:8px;margin-top:11px}.mail-kpis button{padding:11px}.mail-kpis b{font-size:20px}.mail-kpis span{font-size:7px}.panel-action{left:12px;right:12px;bottom:12px;height:35px;font-size:8px}
 .command-core{width:min(34vh,340px);height:min(34vh,340px)}.core-copy small{font-size:7px}.core-copy>b{font-size:20px}.core-copy strong{font-size:42px}.core-copy span,.core-copy em{font-size:8px}.core-visual>footer{left:14px;right:14px;bottom:10px;font-size:7px}
 .network-primary{padding:15px 0}.network-primary b{font-size:38px}.network-primary span{font-size:8px}.network-bars{gap:12px;margin:16px 6px}.network-bars span{grid-template-columns:70px 1fr;padding-bottom:7px;font-size:7px}.network-bars span b{font-size:11px}.network-bars span:after,.network-bars span i{height:3px}.network-meta{gap:7px}.network-meta span{padding:9px;font-size:7px}.network-meta b{font-size:14px}
 .mail-channel-panel>div,.server-snapshot>div{gap:6px}.mail-channel-panel>div>button,.server-snapshot>div>button{min-height:43px;padding:6px 9px}.mail-channel-panel>div>button{grid-template-columns:32px 1fr 55px;gap:9px}.mail-event-icon{width:27px;height:27px;font-size:7px}.mail-channel-panel span b,.server-snapshot span b{font-size:10px}.mail-channel-panel span small,.server-snapshot span small{font-size:7px}.mail-channel-panel em,.server-snapshot em{font-size:7px}
 .traffic-graph{gap:8px;padding:8px 8px 0}.traffic-totals{gap:7px;margin-top:10px}.traffic-totals span{font-size:7px}.traffic-totals b{font-size:14px}.server-snapshot>div>button{grid-template-columns:1fr 65px 10px;gap:9px}
 .mail-detail-summary{gap:10px;margin:15px 0 20px}.mail-detail-summary span{padding:17px;font-size:8px}.mail-detail-summary b{font-size:23px}.mail-detail-events header,.mail-detail-events>div{padding:0 17px}.mail-detail-events header{height:40px;font-size:8px}.mail-detail-events>div{height:62px;font-size:12px}.mail-detail-events>div em{font-size:9px}
 .inventory-summary span,.ticket-summary span{padding:14px;font-size:10px}.inventory-summary b,.ticket-summary b{font-size:24px}.table-head{height:40px;font-size:9px}.table-row{min-height:59px;font-size:11px}.table-row b{font-size:11px}.table-row small{font-size:9px}.panel h2{font-size:16px}.panel-head small{font-size:9px}
}
@media(min-width:1600px) and (min-height:850px){
 .cockpit-shell{grid-template-columns:245px minmax(0,1fr)!important}.cockpit-shell main{grid-template-rows:88px minmax(0,1fr) 34px}.cockpit-sidebar nav button{height:60px;font-size:13px}.cockpit-shell .topbar{height:88px}.cockpit-shell #content{padding:16px}.cockpit-dashboard{gap:14px}.cockpit-panel{padding:15px}.cockpit-panel>header{height:34px}.cockpit-panel>header small{font-size:10px}.command-core{width:min(36vh,390px);height:min(36vh,390px)}.mail-channel-panel>div>button,.server-snapshot>div>button{min-height:49px}.mail-orb{width:92px;height:92px}.mail-hero strong{font-size:42px}
}