/* Shared 91px banner, matching the Alarmes header. Existing data and controls stay below it. */
.sidebar nav .nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}
.sidebar nav .nav-icon svg{width:24px;height:24px;display:block;filter:drop-shadow(0 1px 1px #001a38a6)}
.sidebar nav .subnav-icon{width:17px;height:17px;flex:none;vertical-align:middle;filter:drop-shadow(0 1px 1px #001a38a6)}
.visual-banner{position:relative;display:flex;align-items:center;gap:26px;height:91px;margin:10px 12px 0;padding:13px 20px;border-radius:10px;background:linear-gradient(105deg,#0059b5 0%,#0a88e9 57%,#075bb5 100%);color:#fff;overflow:hidden}
.shell.alarms-view .visual-banner{display:none}
.visual-banner-icon{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:65px;height:62px;border-radius:9px;background:linear-gradient(145deg,#12a5ec,#074c98);box-shadow:0 6px 16px #002c6c55}
.visual-banner-icon svg{width:39px;height:39px;filter:drop-shadow(0 2px 2px #002a5877)}
.visual-banner-copy{position:relative;z-index:1;min-width:0}
.visual-banner-copy h2{margin:0 0 3px;font-size:34px;line-height:1;font-weight:800;letter-spacing:-.7px}
.visual-banner-copy p{margin:0;font-size:16px;line-height:1.3}
.visual-banner-scene{position:absolute;right:20px;top:0;width:min(530px,48%);height:91px;opacity:.82;pointer-events:none;filter:drop-shadow(0 2px 3px #00377d55)}
.shell[data-view="maps"] .visual-banner-icon{background:linear-gradient(145deg,#fa6675,#d40a2c)}
.shell[data-view="clients"] .visual-banner-icon{background:linear-gradient(145deg,#28c9b0,#087a88)}
.shell[data-view="olts"] .visual-banner-icon,.shell[data-view="switches"] .visual-banner-icon{background:linear-gradient(145deg,#55b8eb,#075080)}
.shell[data-view="tools"] .visual-banner-icon{background:linear-gradient(145deg,#30c79b,#087e70)}
.shell[data-view="system"] .visual-banner-icon{background:linear-gradient(145deg,#8c9ff0,#344fa6)}
.shell:not(.alarms-view) .page-head .head-copy{display:none}
.shell:not(.alarms-view) .page-head:not(.switches-head){height:auto;min-height:0;padding:8px 20px;background:#fff;border-bottom:0}
.shell[data-view="hosts"] .page-head,.shell[data-view="clients"] .page-head{padding:5px 12px!important}
.shell[data-view="hosts"] .head-summary,.shell[data-view="clients"] .head-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin:0}
.shell[data-view="hosts"] .head-summary>div,.shell[data-view="clients"] .head-summary>div{width:auto;height:51px;flex-direction:row;gap:8px;box-shadow:none}
.shell[data-view="hosts"] .head-summary b,.shell[data-view="clients"] .head-summary b{font-size:20px}
.shell[data-view="hosts"] .head-summary span,.shell[data-view="clients"] .head-summary span{font-size:12px}
.shell[data-view="maps"] .page-head,.shell[data-view="tools"] .page-head{display:none}
.shell:not(.alarms-view) .page-head.switches-head{padding:8px 10px!important;background:#fff;border-bottom:0}
.shell:not(.alarms-view) .page-head.switches-head #switch-head-controls{margin-top:0}
@media(max-width:980px){.visual-banner-scene{right:-60px;opacity:.4}.visual-banner-copy p{max-width:440px}.shell:not(.alarms-view) .page-head:not(.switches-head){flex-wrap:wrap}}
@media(max-width:760px){.visual-banner{height:91px;margin:8px 7px 0;padding:10px 12px;gap:12px}.visual-banner-icon{width:48px;height:48px}.visual-banner-icon svg{width:31px;height:31px}.visual-banner-copy h2{font-size:clamp(22px,6vw,29px)}.visual-banner-copy p{font-size:12px;line-height:1.25}.visual-banner-scene{width:62%;right:-24%;opacity:.28}.shell:not(.alarms-view) .page-head:not(.switches-head){padding:6px 9px}}