/* Colourful, compact widgets; shared geometry for both themes. */
.request-dialog{width:min(760px,calc(100% - 24px))}.request-summary{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.request-dialog form{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.request-dialog .details{gap:12px 20px}.request-dialog p{overflow-wrap:anywhere}.request-dialog input[type=file]{max-width:100%;width:100%}.request-dialog summary{cursor:pointer;font-size:12px;color:var(--accent)}.request-dialog .event-row p{margin:6px 0}
.camera-dialog{width:min(960px,calc(100% - 24px))}.camera-player{position:relative;display:grid;place-items:center;min-height:240px;aspect-ratio:16/9;background:#070a13;border:1px solid var(--line);border-radius:14px;overflow:hidden;color:#dce5ff}.camera-player img{width:100%;height:100%;object-fit:contain}.camera-player [hidden]{display:none}.camera-progress{padding:22px;text-align:center;font-size:13px}.camera-player:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto}
:root{--bg:#0c0d15;--sidebar:#11121d;--surface:#191b29;--surface2:#222536;--surface3:#30354a;--text:#f5f6ff;--muted:#a3abc4;--line:#ffffff12;--accent:#8aabff;--accent-ink:#101b3c;--accent-soft:#5685ff22;--accent-border:#729aff66;--orange:#ffbb76;--orange-soft:#ffae5720;--purple:#c3a5ff;--purple-soft:#a77bff22;--red:#ff858f;--red-soft:#ff657522;--hero:linear-gradient(120deg,#285fe5,#6744d9 70%,#993ed2);--hero-muted:#e0e6ff;--hero-accent:#fff;--masters:linear-gradient(130deg,#b43e29,#803033);--materials:linear-gradient(130deg,#613bc2,#343a95)}
:root[data-theme=light]{--bg:#edf0fa;--sidebar:#fbfcff;--surface:#fff;--surface2:#f0f3fc;--surface3:#e3e9f8;--text:#1b2440;--muted:#586783;--line:#263e681a;--accent:#365bcc;--accent-ink:#fff;--accent-soft:#4468da14;--accent-border:#4468da55;--orange:#9f4c15;--orange-soft:#e5872517;--purple:#7143bc;--purple-soft:#9255d915;--red:#c42a45;--red-soft:#c42a4512;--hero:linear-gradient(120deg,#285fe5,#6744d9 70%,#993ed2);--hero-muted:#e0e6ff;--hero-accent:#fff;--masters:linear-gradient(130deg,#b43e29,#803033);--materials:linear-gradient(130deg,#613bc2,#343a95)}
body{background:radial-gradient(ellipse at 70% 0,#41348419,transparent 55%),var(--bg)}
.shell{grid-template-columns:208px minmax(0,1fr)}.sidebar{padding:26px 16px;background:var(--sidebar)}
.brand{font-size:22px}.brand-mark{background:linear-gradient(135deg,#467bff,#ae55eb);color:white;box-shadow:0 5px 20px #6956ef40}
.workspace{padding:0 26px 26px}.topbar{height:74px}.page-heading{margin:22px 0 18px}h1{font-size:28px}
.nav a.active{background:linear-gradient(100deg,#526cfa29,#9b52f817);color:var(--accent);box-shadow:inset 3px 0 #7a82ff}.nav .service-nav{background:linear-gradient(100deg,#c6602620,#9947ec20);border-color:#ad6eac35}
.dashboard{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.main-column,.rail{gap:16px}.panel{border-radius:18px;padding:18px;box-shadow:0 6px 20px #0000000b}.panel-head{margin-bottom:14px}
.hero-card{min-height:128px;padding:21px 24px;border:1px solid #9c9bff45;box-shadow:0 10px 30px #492aca20}.hero-card h2{font-size:25px;color:#fff;margin:7px 0}.hero-card h2 br{display:none}.hero-copy{max-width:78%}.hero-bottom{margin-top:10px}.hero-card .city-art{height:145px;width:32%;opacity:.35}
.hero-card .complex-network-art{right:-12px;bottom:-8px;width:72%;height:165px;opacity:.88;color:#62d5ff;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 100%);overflow:visible}.complex-network-art .complex-links{stroke:#55cfff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:5 8;animation:network-flow 9s linear infinite}.complex-network-art .complex-buildings{stroke:#d4ecff;stroke-width:1.35;opacity:.55}.complex-network-art .complex-windows{fill:#aee9ff;opacity:.72}.complex-network-art .complex-nodes{fill:#8de5ff;stroke:#d8f6ff;stroke-width:1.5}.complex-network-art .complex-hub-ring{fill:none;stroke:#8de5ff;stroke-width:2;opacity:.75}.hero-card:has(.complex-network-art)::after{content:'';position:absolute;right:4%;bottom:-55px;width:62%;height:110px;background:radial-gradient(ellipse,#33bfff30,transparent 68%);pointer-events:none}@keyframes network-flow{to{stroke-dashoffset:-65}}
.metrics{gap:10px}.metric{position:relative;overflow:hidden;min-height:113px;padding:15px;border-radius:15px;border:1px solid #ffffff1f;color:#fff;background:linear-gradient(125deg,#2462d8,#354da8)}.metric:nth-child(2){background:linear-gradient(125deg,#087d8b,#185b78)}.metric:nth-child(3){background:linear-gradient(125deg,#894ad0,#583b9c)}.metric:nth-child(4){background:linear-gradient(125deg,#b94c39,#8c354d)}.metric:after{content:'';position:absolute;width:85px;height:85px;border:17px solid #ffffff09;border-radius:50%;right:-24px;bottom:-35px;pointer-events:none}.metric-top,.metric small{color:#f1f4ffe0}.metric-top .icon{color:#fff;width:19px;height:19px}.metric-value{font-size:31px;font-weight:650;margin:4px 0}
.device{border-radius:15px;padding:14px;transition:transform .16s,border-color .16s,background .16s;background:linear-gradient(135deg,var(--surface2),var(--surface));min-height:139px}.device:hover{transform:translateY(-3px);border-color:var(--accent-border)}.device-top{margin-bottom:15px}.device-icon{color:#91b5ff;background:#5480ff25;width:37px;height:37px}.device[data-kind=alarm_control_panel] .device-icon{color:#61dfd0;background:#23bea927}.device[data-kind=camera] .device-icon{color:#d1abff;background:#a16afa29}.device[data-kind=light] .device-icon{color:#ffd186;background:#dfaa3425}.device[data-kind=binary_sensor] .device-icon{color:#ff98c5;background:#ed53902b}.device.active{background:linear-gradient(130deg,#5741bd,#8c3d9b);border-color:#c48aff70;color:#fff}.device.active .state{color:#f3ddff}.device.active small{color:#e8d9ff}.device.active .device-icon{background:#ffffff26;color:white}.device.offline{border-style:dashed;opacity:.8}
.service-card{padding:20px;border-radius:18px;border-color:#ffffff20;color:#fff;box-shadow:0 7px 24px #0002}.service-card p,.service-card small{color:#f3ecffdf}.service-card h3{font-size:24px;margin:17px 0 10px}.service-brand{color:#fff;text-transform:none}.service-illustration{opacity:.22;right:10px;top:57px}.service-card .primary,:root[data-theme=light] .service-card .primary{background:#fff;color:#53252f;box-shadow:0 5px 15px #0002}.materials .primary,:root[data-theme=light] .materials .primary{color:#453080}
.camera-scene{height:157px;background:radial-gradient(ellipse at 50% 70%,#6147bc44,transparent 70%),linear-gradient(145deg,#1a2040,#111627);border-color:#7a6cc14a;color:#afb8d7}.camera-scene b{color:#eff0ff}.camera-scene>.icon{color:#ba9dff;background:#8b5be72b;box-sizing:content-box;padding:14px;border:1px solid #ad89ff35;border-radius:50%}.object-art{height:110px}.object-card:nth-child(2n) .object-art{background:linear-gradient(125deg,#127985,#384dc3)}
.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick-links a{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:12px;font-size:11px}.quick-links a:hover{border-color:var(--accent)}.quick-links .icon{color:var(--accent);width:18px}
.role-switcher{padding:12px 15px;margin-top:16px;border:1px solid var(--accent-border);border-radius:14px;background:var(--accent-soft)}.role-switcher>span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.role-tabs{display:flex;gap:7px;flex-wrap:wrap}.role-tabs button{font-size:12px;padding:8px 14px;border-radius:9px;color:var(--muted);background:var(--surface)}.role-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#446cea,#8355d7);color:white}.role-tabs button:hover{box-shadow:inset 0 0 0 1px var(--accent)}
.event-icon{background:#5778f31b}.data-table tbody tr:hover{background:var(--accent-soft)}.category{transition:transform .16s}.category:hover{transform:translateY(-2px)}
@media(min-width:1550px){.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1200px){.shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:22px 12px}.brand>span:last-child,.nav-caption,.nav a>span,.edge-label,.sidebar-bottom>a{display:none}.brand{justify-content:center}.nav{margin-top:30px}.nav a{justify-content:center;padding:14px}.nav a.active:after{display:none}.workspace{padding:0 20px 26px}.dashboard{grid-template-columns:minmax(0,1fr) 245px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.dashboard{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr}.rail-note{grid-column:1/-1}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.hero-copy{max-width:90%}.hero-card h2{font-size:23px}.hero-card .city-art{opacity:.17}.hero-card .complex-network-art{width:82%;opacity:.46}.user .user-label{display:none}}
@media(max-width:600px){.shell{display:block}.sidebar{padding:4px 6px 10px}.nav{margin:0}.nav a{padding:8px 4px}.nav a>span{display:block}.workspace{padding:0 14px 95px}.topbar{height:64px}.role-tabs{display:grid;grid-template-columns:1fr 1fr}.role-tabs button{font-size:11px;padding:8px}.page-heading{margin:19px 0 15px}.page-heading h1{font-size:26px}.hero-card{min-height:128px;padding:18px}.hero-bottom{font-size:9px}.metric{min-height:107px}.metric-value{font-size:29px}.device{min-height:139px}.rail{grid-template-columns:1fr}.service-card h3{max-width:250px}.service-illustration{right:22px}.service-card .primary{width:100%}.hero-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.complex-network-art .complex-links{animation:none}}