/* Shared visual language: EES-EVA Connect (telefon) and Pepper remote control. */
:root{color-scheme:dark;--bg:#020c1b;--card:#0a1d35;--ink:#f8fafc;--muted:#a8b4c7;--green:#27e879;--dark:#071a31;--mint:#102944;--line:#263f5c;--peach:#32291b;--red:#ff6675;--gold:#ffc21a;--blue:#18a9ff;font-family:"Segoe UI",system-ui,sans-serif;font-size:15px}
html{background:var(--bg)}body{background:radial-gradient(ellipse at 80% 0,#102f51 0,transparent 42%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}h1{font-size:clamp(27px,2.6vw,38px);letter-spacing:-1px}h2,h3{color:var(--ink)}input,select{background:#051426;border-color:#35506e;color:var(--ink);font-size:15px;min-height:46px;border-radius:11px}input::placeholder{color:#8297b1}input:focus,select:focus{border-color:var(--blue)}label{font-size:12px;color:#cbd6e5;line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#62e6ff}input[type=checkbox],input[type=range]{accent-color:var(--gold)}.eyebrow,.greeting-line{color:var(--gold);font-size:10px;letter-spacing:1.4px}.greeting-line .icon{color:var(--gold)}.muted,.small-text{color:var(--muted)}.small-text{font-size:12px}.button{min-height:44px;background:#102b49;border-color:#35516f;color:#f1f6fc;border-radius:11px;font-size:12px;padding:10px 16px;font-weight:650;white-space:normal;line-height:1.4}.button.small{min-height:38px;font-size:11px;padding:8px 12px}.button:hover{background:#183b5b;border-color:#477399}.button.primary{background:linear-gradient(135deg,#ffdb59,#ffc21a);border-color:#ffc21a;color:#07111e;box-shadow:0 6px 24px #ffc21a13}.button.primary:hover{background:#ffda59;color:#07111e}.button.subtle{background:#0b2136}.button.danger,.stop-button{background:#421e2c;border-color:#ae5364;color:#ffe6e9}.button.danger:hover,.stop-button:hover{background:#642536}.button:disabled{opacity:.42;box-shadow:none}.icon-button{color:#98acc4;min-width:34px;min-height:34px}.icon-button:hover{color:var(--blue);background:#143453}.text-link{color:#73cbff;font-size:11px;min-height:32px;line-height:1.6}.text-link:hover{color:#d2eeff}.brand,.auth-brand{color:#fff}.brand-mark{color:var(--gold)}.brand-dot{color:var(--gold)}.sidebar{background:linear-gradient(170deg,#061426,#020b17);border-right:1px solid #203b56;width:236px;padding:30px 18px 18px}.sidebar-home{background:#0b213b;border-color:#284563;margin-top:30px}.home-avatar{background:#102f4d;color:var(--gold)}.sidebar-home strong{color:#eaf1fa;font-size:13px}.sidebar-home span:not([data-icon]){color:#8da4bf;font-size:10px}.nav-label{color:#748ca8}.sidebar nav{gap:5px}.sidebar a[data-nav]{border:1px solid transparent;min-height:45px;color:#afc0d5;font-size:12px}.sidebar a[data-nav]:hover{background:#0b233d}.sidebar a[data-nav].active{color:#eaf6ff;border-color:#176a9d;background:linear-gradient(90deg,#08497670,#0a1d35);box-shadow:inset 3px 0 var(--blue)}.nav-count,.active .nav-count{background:#153d59;color:#9bd6fb}.sidebar-bottom{padding-top:25px}.local-note{border-color:#203b56}.local-note b{color:#d1dce9}.local-note p{color:#8ca2be}.sidebar-logout{color:#8da5c1;min-height:40px}.sidebar-bottom small{color:#6c88a7}.live-dot{background:var(--green);box-shadow:0 0 9px #27e87933}.workspace{margin-left:236px;width:calc(100% - 236px)}.topbar{background:#051326cc;backdrop-filter:blur(16px);height:78px;border-color:#203b56}.breadcrumb{color:#7f95b0}.breadcrumb b{color:#d5e1ee}.breadcrumb span{color:#45627f}.connection-badge{color:#96eac1;background:#0e302e;border-color:#225248;font-size:10px}.connection-badge.offline{color:#ffbdc6;background:#391c2d;border-color:#6b3244}.connection-badge.offline .live-dot{background:var(--red)}.avatar{background:#102b49;color:var(--gold)}main{padding-top:30px}.page-title p,.page-title .date{color:#9aaec7}.page-title p{font-size:12px}.page-title .date{font-size:11px}.stat,.strip-card,.blind-card,.panel,.activity-card{background:linear-gradient(145deg,#0b213b,#071a30);border-color:#28435f;border-radius:16px;box-shadow:inset 0 1px #ffffff04,0 12px 30px #00000013}.stats{gap:14px}.stat{padding:20px;min-height:122px}.stat-label{font-size:11px;color:#a3b6ce}.stat-value{font-size:28px;color:#f7fafc}.stat-value small{color:#91a6be;font-size:11px}.stat-sub{color:#7793b1;font-size:10px}.stat-icon,.stat:nth-child(2) .stat-icon,.stat:nth-child(3) .stat-icon,.stat:nth-child(4) .stat-icon{background:#123454;color:#62c8ff;width:32px;height:32px}.stat:nth-child(2) .stat-icon{background:#3c3019;color:var(--gold)}.stat:nth-child(3) .stat-icon{color:#c3d6e9;background:#18304b}.stat:nth-child(4) .stat-icon{color:#72efb1;background:#13383d}.section-heading h2{font-size:18px}.section-heading h2 span{font-size:11px;color:#8ca4bf}.tabs{border-color:#29435f;gap:25px}.tab{color:#94a9c2;font-size:12px;min-height:40px;padding-bottom:12px}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.tab small{background:#183650;color:#9bb8d6}.device-icon{background:#102f4d;color:#53bdff;border-radius:11px;width:42px;height:42px}.device-name{font-size:14px;color:#edf3fa}.device-sub,.device-sub code{color:#97acc5;font-size:11px;line-height:1.6}.device-sub code{overflow-wrap:anywhere}.strip-header{padding:21px 22px 18px}.status-pill{color:#71e9ac;background:#113b34;font-size:10px;padding:4px 9px}.status-pill .live-dot{background:#27e879}.status-pill.waiting{background:#3c301b;color:#ffcf69}.status-pill.waiting .live-dot{background:#ffc21a}.status-pill.error{background:#3b1d2d;color:#ff9ba8}.status-pill.error .live-dot{background:#ff6675}.socket-grid{gap:11px;padding:0 22px 21px}.socket{background:#06172b;border-color:#274260;border-radius:12px;padding:17px 14px 15px}.socket.is-on{background:linear-gradient(140deg,#103149,#0a2339);border-color:#23576f}.socket-top{margin-bottom:20px}.socket-icon,.socket.is-on .socket-icon{color:#7394b3}.socket.is-on .socket-icon{color:#4fcd9d}.socket-icon small{color:#607f9f}.socket-name{font-size:12px;color:#e6effa}.socket-name .icon-button{min-width:26px;min-height:28px}.socket-state{color:#8299b5;font-size:10px}.socket.is-on .socket-state{color:#6de0a9}.toggle{width:39px;height:23px;background:#304762;border:1px solid #48617b}.toggle:after{width:15px;height:15px;top:3px;left:3px;background:#d6e3ee}.toggle[aria-checked=true]{background:#26ae6d;border-color:#39d68b}.toggle[aria-checked=true]:after{transform:translateX(15px);background:#fff}.strip-footer{background:#06172a;border-color:#213d56;color:#91a9c3;font-size:10px;padding:11px 22px;gap:12px}.planned{padding:17px 22px}.planned .device-icon{background:#11253c;color:#718ba7}.planned .device-name{color:#adbed2;font-size:13px}.device-error-note{color:#ffbf82;font-size:11px}.below-note{color:#728da9;font-size:10px}.discovery-card{background:radial-gradient(ellipse at 0 0,#15476d,#0b203a 75%);border-color:#2c587a;border-radius:16px;padding:25px}.discovery-card .eyebrow{color:var(--gold);font-size:9px}.discovery-card h2{color:#f4f8fd;font-size:25px;max-width:none}.discovery-card p{color:#a6bdd4;font-size:12px}.discovery-card .button{background:#163b5d;color:#d6efff;border-color:#34678e;font-size:11px}.discovery-card .button:hover{background:#20537d}.discovery-foot{color:#8aaac7;font-size:10px}.network-art:before,.network-art:after{border-color:#335b7c}.network-center{background:#0e304e;border-color:#396287;color:var(--gold)}.network-node{background:#0c2944;color:#6bc3ff;border-color:#345f81}.activity-card{padding:22px}.activity-card h3{font-size:14px}.activity-card h3 .icon{color:#7594b2}.activity-item{font-size:11px;color:#afc2d8;line-height:1.7;padding-bottom:19px}.activity-item:before{background:#31c990}.activity-item:not(:last-child):after{background:#29435d}.activity-item.error:before{background:var(--red)}.activity-item small{font-size:9px;color:#708ca9}.page-footer{border-color:#203b56;color:#718ca8;font-size:10px}.page-footer .live-dot{background:var(--green)}.search-wrap{background:#06172b;border-color:#35506e}.search-wrap input{font-size:12px;color:var(--ink);min-height:44px}.search-wrap .icon{color:#6d8dab}.filter-room{font-size:12px}.empty{background:#081b30;border-color:#35506e}.empty>.icon{color:#608baa}.empty h3{color:#e9f3ff}.empty p{color:#9db3cd}.no-matches{color:var(--muted)}.panel{padding:24px}.panel h2{font-size:19px}.panel p{color:#9fb5cf;font-size:12px}.notice{background:#0c2c45;border-color:#2b5272;color:#b0cee5;font-size:12px;border-radius:12px}.notice.warning,.offline-banner{background:#35291c;border-color:#806440;color:#ffcf8e}.notice .icon{color:#63c8ff}.notice.warning .icon{color:#ffcd77}.network-header h2{font-size:20px}.found-device{padding:20px 0;border-color:#29435e;align-items:flex-start;gap:14px}.found-device .device-icon{display:grid}.found-device .device-meta{flex:1}.found-device .device-name{font-size:14px}.found-device .device-sub{font-size:12px;color:#97acc5}.found-note{font-size:10px;color:#819bb7}.found-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.found-device .button{font-size:11px;min-height:40px}.found-tech{border:0;padding:0;margin:9px 0 0;color:#7c9bbb}.found-tech summary{font-size:10px;font-weight:400;margin:0;min-height:24px}.found-tech p{font-size:10px;word-break:break-all;margin:4px 0 0}.steps li{font-size:12px;color:#9fb5cc}.steps li b{color:#e1edfa}.steps li:before{background:#14344f;color:var(--gold);width:22px;height:22px}.scan-progress{background:#193852}.scan-progress div{background:var(--blue)}.blind-visual{background:#051528}.blind-window{border-color:#315674;background:linear-gradient(#153954,#0a2135)}.blind-window:before{background:#345e7d}.blind-shade{background:repeating-linear-gradient(#42677e 0 5px,#2a4c65 5px 7px)}.blind-reading strong{color:#d0edff}.blind-reading span,.slider-label{color:#89a6c2}.blind-controls .button{min-height:46px;font-size:12px}.blind-controls .primary{background:#3b1c2b;color:#ffc1ca;border-color:#9d4b5c;box-shadow:none}.setting-row{border-color:#29435f;font-size:12px}.setting-row b{color:#a8d3ec}.setting-row code{color:#c7dff4;max-width:60%;text-align:right;overflow-wrap:anywhere}.api-code{background:#041528;color:#83badd;font-size:11px;border:1px solid #294763}.modal{background:#071a30;border-color:#3b5775;color:#f1f6fc;border-radius:20px;box-shadow:0 20px 80px #000a}.modal::backdrop{background:#010812c9}.modal-header,.modal-footer{border-color:#29435f}.modal-header{background:#0b213b}.modal-header h2{color:#edf5ff}.modal-body{background:#071a30}.form-error{color:#ff8b9a!important}.checkbox-row{font-size:12px;color:#bcd0e4}.hint{background:#0c2c45;color:#a9d1ed;border:1px solid #2b5272;font-size:12px}.hint .icon{color:var(--gold)}.channel-entry span{color:#86a6c6}.channel-entry input{font-size:13px}details{border-color:#294763;background:#06172b}summary{color:#c5d9ed;min-height:30px;padding:3px 0;line-height:1.5}details[open]>summary{color:var(--gold)}.toast{background:#123f46;color:#d6fff0;border:1px solid #2c7977}.toast.error{background:#4c2032;color:#ffe7ed;border-color:#a64b64}.auth-screen{background:radial-gradient(ellipse at 70% 5%,#163d68,transparent 65%),#020c1b}.auth-card{background:linear-gradient(145deg,#102b49,#061426);border-color:#35516f;box-shadow:0 20px 80px #0006;width:410px;border-radius:24px}.auth-card h1{color:#f5f9ff}.auth-card>p{color:#9bb4d0}.auth-brand{color:#fff}.auth-foot,.auth-caption{color:#849fbd}.roof{background:#193e5e}.house{background:#244a6b}.window{background:#ffd66b;box-shadow:inset 0 0 0 1px #e0a62c}.window:after{background:#b98527}.door{background:#152d47;border-color:#447296}.plant{background:#235777}.mobile-nav{background:#041326f5;border-color:#2b4563;box-shadow:0 -10px 35px #0005;backdrop-filter:blur(16px)}.mobile-nav a{color:#8da8c6;font-size:9px;min-height:49px}.mobile-nav a.active{color:var(--gold);background:#18334a}.timeline .activity-item{font-size:13px}.timeline .activity-item small{font-size:11px}
.attention-host{position:sticky;top:8px;z-index:8;margin:0 auto;max-width:1600px;padding:0 42px}.attention-host:empty{display:none}.attention{margin-top:16px;padding:13px 17px;border:1px solid #8c7135;border-radius:13px;background:#292816;box-shadow:0 8px 30px #0004;color:#ffe7a4}.attention.has-errors{background:#301b2b;border-color:#9e4e68;color:#ffd6df}.attention>div{display:flex;align-items:center;gap:10px;font-size:12px}.attention>div>span{margin-left:auto;background:#ffffff15;border-radius:20px;padding:2px 8px}.attention ul{margin:8px 0 0;padding-left:28px;max-height:150px;overflow:auto;font-size:11px;line-height:1.8}.attention.active-test{background:#102e48;border-color:#247fae}.attention.active-test .button{margin-left:auto;min-height:34px}.diagnostic-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px;align-items:start}.diagnostic-picker{padding:20px;position:sticky;top:90px}.diagnostic-picker .section-heading h2{font-size:16px}.diagnostic-picker>.text-link{margin-top:20px}.diagnostic-device{display:flex;align-items:flex-start;width:100%;text-align:left;border:1px solid transparent;border-bottom-color:#253e58;background:transparent;color:#e7f1fc;padding:17px 9px;gap:11px;border-radius:9px;margin:4px 0;min-width:0}.diagnostic-device.selected{background:#0c3453;border-color:#237fb1}.device-number{font:11px/24px Consolas,monospace;color:#6da2c8}.diagnostic-device strong{display:block;font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.diagnostic-device code{display:block;font-size:11px;color:#85c6ee;margin-top:4px;overflow-wrap:anywhere}.diagnostic-device small{display:block;font-size:10px;color:#8aa3bd;margin-top:5px}.diagnostic-device>.icon{margin-left:auto;transform:rotate(-90deg);width:13px;color:#6a9dbe}.diagnostic-device.selected .device-number{color:var(--gold)}.diagnostic-identity{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.diagnostic-identity h2{font-size:20px;margin:6px 0}.diagnostic-identity p{margin:0;font-size:12px}.diagnostic-identity>.status-pill{margin-left:auto}.test-stages{border:1px solid #29435e;border-radius:16px;background:#081b31;overflow:hidden}.test-stage{display:flex;gap:18px;padding:23px;border-bottom:1px solid #29435e}.test-stage:last-child{border:0}.stage-number{display:grid;place-items:center;border:1px solid #4f6592;background:#142c49;color:var(--gold);width:29px;height:29px;border-radius:50%;flex-shrink:0;font:600 12px/1 "Segoe UI",sans-serif}.stage-content{flex:1;min-width:0}.stage-content h3{font-size:15px;margin:3px 0 9px}.stage-content>p{font-size:12px;color:#9fb5cf;line-height:1.8;margin:0 0 16px}.stage-content .button{font-size:12px}.test-checks{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 16px}.test-checks>span{display:flex;align-items:center;gap:7px;color:#8b9eb6;font-size:11px}.test-checks .icon{width:15px;height:15px}.test-checks .complete{color:#67e4a4}.motion-settings{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:420px}.motion-settings label{font-size:11px}.motion-actions{display:flex;gap:10px;flex-wrap:wrap}.test-requirement{font-size:11px!important;color:#c4ad7c!important;margin:11px 0 0!important}.probe-result,.test-job{display:flex;align-items:flex-start;gap:10px;border:1px solid #39698a;background:#0c2c45;padding:13px;border-radius:11px;margin:12px 0 17px}.probe-result .icon,.test-job .icon{width:17px;height:17px}.probe-result strong,.test-job strong{display:block;font-size:12px;line-height:1.7}.probe-result span,.probe-result small{display:block;font-size:11px;line-height:1.7;color:#a5c0d7;margin-top:4px}.probe-result.success{border-color:#27765e;background:#0f302f;color:#74e8ae}.probe-result.failure,.test-job.failure{border-color:#92516c;background:#301b2b;color:#ffadbc}.test-job p{font-size:12px;line-height:1.8;margin:4px 0}.diagnostic-tech{margin-top:18px}.diagnostic-tech .setting-row{font-size:11px}
@media(min-width:1450px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 325px}.diagnostic-layout{grid-template-columns:315px minmax(0,1fr)}}
@media(max-width:1150px){.sidebar{width:212px;padding:25px 14px 18px}.workspace{margin-left:212px;width:calc(100% - 212px)}.sidebar a[data-nav]{font-size:11px}.attention-host{padding:0 28px}.diagnostic-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}.test-stage{padding:19px;gap:13px}.diagnostic-picker{padding:17px}.device-name{font-size:13px}.socket-grid{padding:0 17px 18px}.strip-header{padding:18px}.found-device{flex-wrap:wrap}.found-actions{margin-left:49px}}
@media(max-width:960px){.sidebar{width:190px;padding:24px 11px 18px}.workspace{margin-left:190px;width:calc(100% - 190px)}.sidebar a[data-nav]{font-size:11px;padding:11px 10px;gap:9px}.stat{padding:16px}.stat-label{font-size:10px}.stat-value{font-size:25px}.diagnostic-layout{grid-template-columns:1fr}.diagnostic-picker{position:static}.diagnostic-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.diagnostic-picker>.section-heading,.diagnostic-picker>.small-text,.diagnostic-picker>.text-link{grid-column:1/-1}.diagnostic-device{margin:0}.diagnostic-identity h2{font-size:19px}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0;width:100%;padding-bottom:77px}.topbar{height:64px;padding:0 18px}main{padding:25px 16px 22px}.page-title h1{font-size:29px}.page-title p{font-size:12px}.page-title>div:last-child:not(:first-child) .button{min-height:44px;min-width:44px}.page-title>div:last-child:not(:first-child) a.button{font-size:0}.page-title .eyebrow{font-size:9px}.page-footer{padding:16px;font-size:9px}.stats{gap:10px}.stat{padding:16px;min-height:112px}.stat-label{font-size:10px;max-width:140px}.stat-icon{display:none}.stat-value{font-size:27px}.stat-sub{font-size:10px}.section-heading{flex-wrap:wrap}.section-heading h2{font-size:17px}.section-heading>.button{font-size:11px}.socket{padding:15px 12px}.socket-grid{gap:10px;padding:0 15px 16px}.socket-name{font-size:12px}.socket-name .icon-button{min-width:30px;min-height:32px}.socket-top{margin-bottom:13px}.strip-header{padding:18px 15px;gap:9px}.strip-header .device-icon{width:35px;height:35px}.device-name{font-size:13px}.device-sub,.device-sub code{font-size:10px}.status-pill{font-size:9px;padding:3px 7px}.strip-footer{font-size:10px;padding:10px 15px}.planned{padding:16px 15px}.planned .device-name{font-size:12px}.planned .button{font-size:10px;min-height:42px}.discovery-card{padding:23px}.discovery-card p{max-width:none}.discovery-card h2{font-size:25px}.activity-card{padding:21px}.mobile-nav{height:72px;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{font-size:9px;min-width:55px;padding:9px 8px}.mobile-nav .icon{width:20px;height:20px}.panel{padding:19px 16px;border-radius:15px}.network-header{flex-wrap:wrap;align-items:center}.network-header .button{font-size:11px}.found-device{gap:11px;padding:18px 0}.found-device .device-icon{display:none}.found-device .device-name{font-size:13px}.found-device .device-sub{font-size:12px}.found-actions{width:100%;margin:0;padding-top:3px}.found-actions>.button{flex:1;min-height:43px;font-size:12px}.found-tech summary{font-size:11px}.notice{font-size:11px;padding:13px}.notice .icon{flex-shrink:0}.empty{padding:35px 20px}.empty p{font-size:12px}.modal-body{padding:20px 17px;max-height:62dvh}.modal-header{padding:19px 17px}.modal-footer{padding:14px}.modal-footer .button{font-size:11px;min-height:43px}.form-grid{grid-template-columns:1fr}.channel-names{grid-template-columns:1fr}.checkbox-row{font-size:12px}.auth-card{padding:29px 23px;border-radius:22px}.auth-card h1{font-size:28px}.auth-foot{font-size:10px}.auth-screen{padding-top:100px}.attention-host{padding:0 16px;top:6px}.attention{padding:12px;margin-top:12px}.attention>div{font-size:11px;gap:8px}.attention ul{font-size:10px;max-height:110px}.diagnostic-picker{grid-template-columns:1fr 1fr;padding:15px;gap:5px 8px}.diagnostic-device{padding:12px 8px;gap:7px}.diagnostic-device strong{font-size:11px}.diagnostic-device code{font-size:10px}.diagnostic-device small{font-size:9px}.diagnostic-device>.icon{display:none}.device-number{font-size:9px}.diagnostic-identity{gap:11px}.diagnostic-identity>.status-pill{margin-left:0}.diagnostic-identity h2{font-size:17px}.diagnostic-identity p{font-size:11px}.test-stage{padding:20px 15px;gap:12px}.stage-number{width:25px;height:25px;font-size:11px}.stage-content h3{font-size:14px;margin:2px 0 9px}.stage-content>p{font-size:12px}.motion-settings{gap:10px}.motion-settings select{font-size:13px}.motion-actions{display:grid;grid-template-columns:1fr}.motion-actions .button{min-height:48px}.diagnostic-tech summary{font-size:12px}.stage-content .button{font-size:12px}.test-checks{gap:10px}.test-checks>span{font-size:10px}.toasts{bottom:88px}}
:root{--service-radius:16px}
.sidebar nav{overflow-y:auto;min-height:0;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.sidebar-home{flex-shrink:0}.service-stats{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:24px}.service-stats>span{display:flex;align-items:center;gap:9px;min-height:48px;padding:12px 18px;background:#0b213b;border:1px solid #29445f;border-radius:11px;font-size:12px;color:#97b1ca}.service-stats .icon{width:17px;color:#53bdff}.service-stats strong{color:#ecf6ff;font-size:14px}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.access-card .section-heading{align-items:flex-start}.access-card h2{display:flex;align-items:center;gap:10px;font-size:18px}.access-card h2 .icon{color:var(--gold)}.access-card>p{font-size:12px;line-height:1.8}.access-card code{font-size:11px}.target-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:18px 0}.target-form label{margin:0;font-size:11px}.target-form select{font-size:12px}.target-form button{height:46px}.access-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:13px}.access-actions>.button{font-size:11px;flex:1}.lan-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.lan-layout>aside>.panel{margin-bottom:20px}.lan-layout>aside .status-pill{margin-top:18px}.lan-node{border-bottom:1px solid #29435e;padding:18px 0}.lan-node-heading{display:flex;align-items:center;gap:12px}.lan-node-heading>div:nth-child(2){min-width:0;flex:1}.lan-node-heading strong{display:block;font-size:13px;color:#e5effb;overflow-wrap:anywhere}.lan-node-heading span:not(.status-pill){display:block;font-size:11px;color:#9ab5cc;line-height:1.7;margin-top:4px}.lan-node-heading .status-pill{font-size:9px;white-space:normal}.lan-node-heading code{color:#7dc7f2}.lan-node-foot{display:flex;gap:15px;justify-content:space-between;font-size:10px;color:#7d9ab6;margin:11px 0 0}.lan-node-foot code{font-size:10px;color:#809fba;white-space:nowrap}.lan-node>details{margin:12px 0 0;padding:11px 14px}.lan-node>details>summary{font-size:11px;min-height:28px;margin:0}.lan-node>details[open]>summary{margin-bottom:13px}.lan-node>details form label{font-size:11px}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.camera-card{padding:18px}.camera-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#020c1b;border-radius:10px;border:1px solid #29435e;display:block;margin:12px 0}.camera-card h3{font-size:14px}.monitoring-empty{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center}.monitoring-empty>.icon{width:48px;height:48px;color:#4f83ad}.monitoring-empty .status-pill{margin-top:12px}.tuya-connect{margin-bottom:26px;border-color:#335f80;background:radial-gradient(ellipse at 0 0,#123553,transparent 70%),#071a30}.tuya-connect h2{margin:8px 0 0;font-size:22px}.tuya-connect .section-heading{align-items:flex-start}.tuya-connect>p{max-width:850px;line-height:1.8}.tuya-connect details{max-width:850px}.tuya-connect form{margin:20px 0}.tuya-connect .form-grid{max-width:850px}.tuya-connect form label{font-size:12px}.tuya-connect .motion-actions{gap:12px}.tuya-connect .eyebrow{font-size:9px}.tuya-connect .status-pill{flex-shrink:0}
@media(max-width:1150px){.access-grid{gap:16px}.access-card{padding:20px}.access-card .section-heading{flex-wrap:wrap}.access-card h2{font-size:17px}.lan-layout{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.lan-node-heading .device-icon{display:none}.access-actions>.button{font-size:11px;min-width:130px}.sidebar nav{max-height:48vh}}
@media(max-width:960px){.lan-layout{grid-template-columns:1fr}.lan-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.access-grid{grid-template-columns:1fr}.service-stats{gap:9px}.service-stats>span{font-size:11px;padding:10px 13px}.lan-node-heading .device-icon{display:grid}.camera-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.service-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-stats>span{font-size:10px;padding:11px}.service-stats>span:last-child{grid-column:1/-1}.service-stats strong{font-size:12px}.access-grid{gap:0}.access-card{padding:20px 16px}.access-card h2{font-size:17px}.access-card .status-pill{font-size:9px}.access-card code{font-size:10px}.target-form{grid-template-columns:1fr}.target-form button{height:42px}.target-form select{font-size:13px}.access-actions>.button{min-width:110px;font-size:11px}.lan-layout>aside{display:block}.lan-node-heading{gap:10px;align-items:flex-start}.lan-node-heading .device-icon{display:none}.lan-node-heading strong{font-size:13px}.lan-node-heading span:not(.status-pill){font-size:11px}.lan-node-foot{flex-direction:column;gap:5px;font-size:10px}.lan-node-foot code{font-size:10px}.lan-node-heading .status-pill{max-width:95px;font-size:9px}.lan-node>details{padding:10px 12px}.camera-grid{grid-template-columns:1fr}.monitoring-empty{min-height:330px}.tuya-connect h2{font-size:21px}.tuya-connect .status-pill{margin-top:6px}.tuya-connect .section-heading{display:block}.tuya-connect form .button{width:100%;min-height:46px}.mobile-nav a{min-width:0;padding:9px 7px;font-size:8px}.mobile-nav .icon{width:18px}.access-actions .button{min-height:46px}.tuya-connect>p{font-size:12px}.attention-host .attention{max-width:100%}}

/* Connection details stay beside the affected blind, without a page banner. */
.blind-connection-warning,.blind-connection-warning[open]{position:relative;flex-shrink:0;align-self:center;padding:0;margin:0;border:0;background:transparent;box-shadow:none}
.blind-connection-warning summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;padding:0;margin:0;border:0;background:transparent}
.blind-connection-warning summary::-webkit-details-marker{display:none}
.blind-connection-warning summary>span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #ff8491;border-radius:50%;background:#571f30;color:#ffd9df;font-size:13px;font-weight:800;line-height:1}
.blind-connection-warning summary:hover,.blind-connection-warning summary:focus-visible{background:#401b2c;outline:2px solid #ff8491;outline-offset:1px}
.blind-connection-warning[open]{z-index:5}
.blind-connection-detail{position:absolute;top:calc(100% + 5px);right:0;width:260px;max-width:calc(100vw - 64px);padding:14px;border:1px solid #9b485e;border-radius:11px;background:#291524;box-shadow:0 10px 24px #0005;font-size:12px;line-height:1.6;color:#e5b5c0}
.blind-connection-detail strong{color:#ffd2dc;font-size:12px}
.blind-connection-detail p{margin:7px 0;overflow-wrap:anywhere}
.blind-connection-detail small{color:#c09aa7;font-size:10px}
@media(max-width:700px){.mobile-nav a{flex:1;min-width:44px;padding:9px 2px}.workspace{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}
@media(orientation:landscape) and (max-height:500px) and (min-width:701px) and (max-width:960px){.sidebar{display:none}.workspace{margin-left:0;width:100%;padding-bottom:68px}.topbar{height:54px;padding:0 20px}main{padding:20px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:58px;display:flex;align-items:center;justify-content:space-around;z-index:20;background:#041326f5;border-top:1px solid #2b4563}.mobile-nav a{display:flex;flex:1;flex-direction:column;align-items:center;gap:3px;min-width:44px;min-height:44px;padding:5px 2px;border-radius:8px;font-size:9px}.mobile-nav .icon{width:18px;height:18px}.page-footer{padding:14px 20px}.toasts{bottom:70px}}

@media(max-width:700px){.blind-connection-detail{right:-44px}}