/* Interactive public demo: readable controls; the monitor mockup stays in the marketing preview. */
:root{--muted:#4f6276}body{font:14px/1.55 Arial,sans-serif}.outer{max-width:1440px;padding:24px}.scene{background:none;aspect-ratio:auto}.screen{position:relative;left:auto;top:auto;width:100%;height:auto;overflow:visible;display:block;border-radius:10px}.topbar{height:auto;min-height:76px;padding:16px;gap:12px;flex-wrap:wrap}.brandname{font-size:14px;white-space:normal}.location{font-size:13px;white-space:normal}.demo,.live{font-size:11px}.button{font-size:13px;min-height:44px;padding:8px 13px}.nav{height:auto;min-height:60px;padding:8px 12px;flex-wrap:wrap}.nav button{font-size:13px;padding:10px 14px;min-height:44px}.main{height:auto;overflow:visible;padding:22px}.overview-title b{font-size:20px}.overview-title small{font-size:13px}.kpis{gap:14px}.kpi{padding:16px}.kpi span{font-size:12px;white-space:normal;overflow:visible}.kpi strong{font-size:26px}.kpi em{font-size:12px}.cols,.bottomgrid{gap:18px;margin-top:20px}.panel,.mini{padding:18px}.panel-head{margin-bottom:14px}.panel-head b{font-size:15px}.panel-head span{font-size:12px}.barcol small,.barcol b{font-size:10px}.barchart{height:160px}.note,.screen-foot{font-size:12px;line-height:1.5;color:#53677b}.journey{gap:12px;margin-top:14px}.jstep{padding:14px}.jstep strong{font-size:13px}.jstep small{font-size:12px}.status-table{font-size:13px;max-width:100%}.status-table th,.status-table td{padding:9px 7px}.badge{font-size:11px}.alertline{font-size:12px;line-height:1.6;padding:12px;margin-top:14px}.mini b,.mini span{font-size:13px}.mini strong{font-size:22px}.source{font-size:12px}.modulegrid{gap:18px}.module{padding:20px}.module h3{font-size:18px;margin-bottom:12px}.module p,.module li{font-size:14px;line-height:1.65;color:#4b6073}.module ul{padding-left:18px}.empty{font-size:14px}.screen.fullscreen-mode{overflow:auto;display:block}.screen.fullscreen-mode .main{height:auto}.screen.fullscreen-mode .topbar,.screen.fullscreen-mode .nav{height:auto;min-height:60px}.screen.fullscreen-mode .module p,.screen.fullscreen-mode .module li{font-size:14px}.screen.fullscreen-mode .badge{font-size:11px}.screen.fullscreen-mode .note,.screen.fullscreen-mode .screen-foot,.screen.fullscreen-mode .status-table,.screen.fullscreen-mode .alertline,.screen.fullscreen-mode .mini span{font-size:12px}
@media(max-width:800px){.outer{padding:12px}.topbar{padding:14px}.brandname,.location{font-size:12px}.nav{padding:8px}.nav button{font-size:12px;padding:10px}.main{padding:14px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:12px}.kpi strong{font-size:23px}.cols,.bottomgrid,.modulegrid{grid-template-columns:1fr;gap:14px}.panel,.module,.mini{padding:16px}.module h3{font-size:17px}.status-table{display:block;overflow:auto}.status-table th,.status-table td{font-size:12px;padding:8px}.journey{grid-template-columns:1fr 1fr;gap:8px}.jstep{padding:10px}.barchart{height:130px}.caption{font-size:12px}.screen.fullscreen-mode .kpi span{font-size:12px}}

.overview-title h2{font-size:20px;line-height:1.3;margin:0;color:var(--ink)}