:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f1f5f9;font-synthesis:none;--navy: #0f172a;--slate-900: #0f172a;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--blue: #2563eb;--blue-dark: #1d4ed8;--green: #16a34a;--red: #dc2626;--amber: #d97706;--violet: #7c3aed;--radius: 10px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .035)}.floorplan-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.floorplan-household-strip{margin-bottom:16px}.floorplan-household-strip .card-body{padding:14px 16px}.floorplan-household-picker{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(520px,2fr);gap:20px;align-items:end}.floorplan-household-summary{min-height:59px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e4e4e7;border-radius:10px;background:#fafafa;overflow:hidden}.floorplan-household-summary>div{min-width:0;padding:10px 13px;display:flex;flex-direction:column;justify-content:center;gap:5px}.floorplan-household-summary>div+div{border-left:1px solid #e4e4e7}.floorplan-household-summary span{color:#71717a;font-size:8px}.floorplan-household-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.floorplan-published,.floorplan-draft{width:max-content;display:inline-flex!important;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8px!important;font-weight:850}.floorplan-published{color:#047857!important;background:#ecfdf5}.floorplan-draft{color:#6b7280!important;background:#f1f5f9}.floorplan-workbench{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);gap:16px;align-items:start}.floorplan-canvas-card .card-body{padding:14px}.floorplan-mode-switch{display:inline-flex;padding:3px;border-radius:8px;background:#f4f4f5;border:1px solid #e4e4e7}.floorplan-mode-switch button{height:30px;padding:0 10px;display:flex;align-items:center;gap:5px;border:0;border-radius:6px;color:#71717a;background:transparent;font-size:8px;font-weight:800}.floorplan-mode-switch button.active{color:#18181b;background:#fff;box-shadow:0 1px 4px #0000001a}.floorplan-toolbar{min-height:43px;margin-bottom:11px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.floorplan-toolbar-spacer{flex:1}.floorplan-canvas-shell{position:relative;width:100%;min-height:360px;border:1px solid #dedee5;border-radius:15px;background:#f7f8fc;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffffbf}.floorplan-canvas-shell>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:saturate(.76) contrast(.92);opacity:.87}.floorplan-canvas-shell>svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.floorplan-canvas-shell.is-drawing>svg{cursor:crosshair}.floorplan-canvas-shell.is-preview .floorplan-zone,.floorplan-zone{cursor:pointer}.floorplan-zone polygon{transition:fill-opacity .18s ease,stroke-width .18s ease,filter .18s ease}.floorplan-zone:hover polygon{fill-opacity:.65}.floorplan-zone.selected polygon{filter:url(#zone-shadow);fill-opacity:.76}.floorplan-zone-name{pointer-events:none;fill:#111827;font:850 25px/1.2 Inter,Pretendard,sans-serif;paint-order:stroke;stroke:#fffffff0;stroke-width:6px;stroke-linejoin:round}.floorplan-zone-temp{font-size:29px;font-weight:900}.floorplan-zone-room{fill:#475569;font-size:16px;font-weight:850;letter-spacing:.8px}.floorplan-vertex{cursor:grab;fill:#fff;stroke:#111827;stroke-width:4;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}.floorplan-vertex:active{cursor:grabbing;fill:#111827}.floorplan-draft-line circle{fill:#fff;stroke:#5b4bf5;stroke-width:4}.floorplan-empty-canvas{position:absolute;left:50%;top:50%;width:min(420px,80%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:#71717a;pointer-events:none}.floorplan-empty-canvas .material-icon{width:74px;height:74px;margin-bottom:14px;display:grid;place-items:center;border-radius:24px;color:#5b4bf5;background:#eeecff}.floorplan-empty-canvas strong{color:#27272a;font-size:12px}.floorplan-empty-canvas span{margin-top:7px;font-size:9px;line-height:1.5}.floorplan-canvas-caption{position:absolute;left:13px;bottom:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.8);border-radius:999px;color:#475569;background:#ffffffe6;box-shadow:0 4px 14px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px;pointer-events:none}.floorplan-canvas-caption.with-control{bottom:136px}.floorplan-control-sheet{position:absolute;z-index:5;left:18px;right:18px;bottom:18px;min-height:104px;padding:13px 15px;display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(90px,.55fr) minmax(220px,1.25fr) minmax(100px,.65fr);align-items:center;gap:14px;border:1px solid rgba(255,255,255,.92);border-radius:16px;background:#fffffff5;box-shadow:0 18px 50px #0f172a38,0 2px 8px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floorplan-control-room{min-width:0;display:flex;align-items:center;gap:10px}.floorplan-control-room>i{width:8px;height:50px;flex:0 0 auto;border-radius:999px}.floorplan-control-room>div{min-width:0;flex:1}.floorplan-control-room span,.floorplan-control-room b,.floorplan-control-room small{display:block}.floorplan-control-room span{color:#64748b;font-size:9px;font-weight:750}.floorplan-control-room b{margin-top:3px;overflow:hidden;color:#0f172a;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.floorplan-control-room small{margin-top:3px;color:#64748b;font:750 9px SFMono-Regular,monospace}.floorplan-control-room>em{padding:5px 7px;border-radius:999px;font-size:8px;font-style:normal;font-weight:900}.floorplan-control-room>em.online{color:#15803d;background:#dcfce7}.floorplan-control-room>em.offline{color:#b91c1c;background:#fee2e2}.floorplan-current-temperature{height:60px;padding:8px 12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;border-left:1px solid #e2e8f0}.floorplan-current-temperature>.material-icon{grid-row:1/3;color:#f97316}.floorplan-current-temperature span{align-self:end;color:#64748b;font-size:9px}.floorplan-current-temperature b{align-self:start;color:#0f172a;font-size:22px;line-height:1}.floorplan-current-temperature small,.floorplan-temperature-control small{margin-left:2px;color:#64748b;font-size:10px}.floorplan-temperature-control{display:grid;grid-template-columns:1fr auto;gap:5px 10px}.floorplan-temperature-control>span,.floorplan-heating-control>span{color:#64748b;font-size:9px;font-weight:750}.floorplan-temperature-control>div{grid-row:2;display:grid;grid-template-columns:36px minmax(78px,1fr) 36px;align-items:center;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;overflow:hidden}.floorplan-temperature-control>div button{height:39px;display:grid;place-items:center;border:0;color:#334155;background:#fff}.floorplan-temperature-control>div button:hover:not(:disabled){color:#2563eb;background:#eff6ff}.floorplan-temperature-control>div b{text-align:center;font-size:16px}.floorplan-apply-temperature{grid-column:2;grid-row:1/3;min-width:76px;border:0;border-radius:10px;color:#fff;background:#2563eb;font-size:10px;font-weight:850}.floorplan-apply-temperature:hover:not(:disabled){background:#1d4ed8}.floorplan-heating-control{display:flex;flex-direction:column;gap:5px}.floorplan-heating-control>button{height:45px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cbd5e1;border-radius:11px;font-size:11px}.floorplan-heating-control>button.stopped{color:#fff;border-color:#2563eb;background:#2563eb}.floorplan-heating-control>button.operating{color:#b91c1c;border-color:#fecaca;background:#fff1f2}.floorplan-command-status{position:absolute;right:14px;top:-29px;max-width:300px;padding:6px 10px;display:flex;align-items:center;gap:6px;border:1px solid #fde68a;border-radius:999px;color:#92400e;background:#fffbeb;box-shadow:0 3px 12px #0f172a1a;font-size:9px;font-weight:800}.floorplan-command-status>i{width:6px;height:6px;border-radius:50%;background:currentColor}.floorplan-command-status.status-success{color:#047857;border-color:#bbf7d0;background:#f0fdf4}.floorplan-command-status.status-failed,.floorplan-command-status.status-timeout{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.floorplan-side-column{min-width:0;display:flex;flex-direction:column;gap:13px}.floorplan-side-column .card-body{padding:14px}.form-stack.compact{gap:9px}.floorplan-save-state{display:flex;align-items:center;gap:8px}.floorplan-save-state>span:last-child{color:#b45309;font-size:8px}.floorplan-zone-panel .card-body{padding:12px 14px 14px}.floorplan-zone-list{max-height:260px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:auto;scrollbar-gutter:stable}.floorplan-zone-list button{width:100%;min-width:0;min-height:62px;padding:10px 11px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e4e4e7;border-radius:9px;background:#fafafa;transition:border-color .15s,background .15s,box-shadow .15s}.floorplan-zone-list button:hover{border-color:#c9cad0;background:#fff}.floorplan-zone-list button.active{border-color:#71717a;background:#fff;box-shadow:0 2px 8px #00000014,inset 0 0 0 1px #71717a}.floorplan-zone-list button>i{width:9px;height:36px;flex:0 0 auto;border-radius:999px}.floorplan-zone-list button>div{min-width:0;flex:1}.floorplan-zone-list b,.floorplan-zone-list span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floorplan-zone-list b{font-size:13px;line-height:1.2}.floorplan-zone-list span{margin-top:5px;color:#71717a;font-size:10px}.floorplan-zone-list em{min-width:29px;padding:4px 6px;border-radius:5px;color:#52525b;background:#f0f0f1;font:750 9px SFMono-Regular,monospace;text-align:center}.floorplan-zone-detail .card-body{padding:14px 16px 16px}.floorplan-zone-delete{height:28px;padding:0 8px;display:flex;align-items:center;gap:4px;border:0;border-radius:6px;color:#dc2626;background:#fef2f2;font-size:8px;font-weight:800}.floorplan-zone-delete:hover{background:#fee2e2}.floorplan-zone-primary-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.floorplan-zone-mapping-grid{margin-top:11px;display:grid;grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr);gap:9px;align-items:start}.floorplan-linked-device{width:100%;height:42px;padding:0 11px;display:flex;align-items:center;gap:9px;border:1px solid #cbd5e1;border-radius:7px;background:#f1f5f9}.floorplan-linked-device i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#a1a1aa}.floorplan-linked-device i.online{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.floorplan-linked-device p{min-width:0;margin:0}.floorplan-linked-device b,.floorplan-linked-device code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floorplan-linked-device b{color:#334155;font-size:11px}.floorplan-linked-device code{margin-top:3px;color:#64748b;font-size:9px}.floorplan-color-picker{margin-top:13px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f0f0f1}.floorplan-color-picker>span{color:#334155;font-size:12px;font-weight:800}.floorplan-color-picker>div{display:flex;gap:6px}.floorplan-color-picker button{width:23px;height:23px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d4d4d8;transition:transform .12s}.floorplan-color-picker button:hover,.floorplan-color-picker button.active{transform:scale(1.16)}.floorplan-color-picker button.active{box-shadow:0 0 0 2px #18181b}.floorplan-preview-state{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e4e4e7;border-radius:9px;overflow:hidden}.floorplan-preview-state>div{padding:10px;text-align:center}.floorplan-preview-state>div+div{border-left:1px solid #e4e4e7}.floorplan-preview-state span,.floorplan-preview-state b{display:block}.floorplan-preview-state span{color:#71717a;font-size:7px}.floorplan-preview-state b{margin-top:5px;font-size:12px}.floorplan-notice{padding:12px;display:flex;align-items:flex-start;gap:8px;border:1px solid #fed7aa;border-radius:9px;color:#9a3412;background:#fff7ed;font-size:8px;line-height:1.5}.floorplan-notice b{display:block;margin-bottom:2px}.floorplan-save-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:8px}.floorplan-save-actions .btn{width:100%}@media(max-width:1200px){.floorplan-workbench{grid-template-columns:1fr}.floorplan-side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.floorplan-zone-detail,.floorplan-notice,.floorplan-save-actions{grid-column:1/-1}.floorplan-household-picker{grid-template-columns:1fr}.floorplan-canvas-shell{min-height:420px}}@media(max-width:820px){.floorplan-stat-grid,.floorplan-household-summary{grid-template-columns:repeat(2,1fr)}.floorplan-household-summary>div:nth-child(3){border-left:0;border-top:1px solid #e4e4e7}.floorplan-household-summary>div:nth-child(4){border-top:1px solid #e4e4e7}.floorplan-side-column{display:flex}.floorplan-canvas-shell{min-height:420px}.floorplan-zone-name{font-size:21px}.floorplan-zone-temp{font-size:24px}.floorplan-control-sheet{grid-template-columns:1fr 1fr;gap:10px}.floorplan-current-temperature{border-left:0}.floorplan-canvas-caption.with-control{display:none}}@media(max-width:560px){.floorplan-household-summary{grid-template-columns:1fr}.floorplan-household-summary>div+div{border-left:0;border-top:1px solid #e4e4e7}.floorplan-toolbar .btn span{display:none}.floorplan-toolbar .btn{width:34px;padding:0;justify-content:center}.floorplan-toolbar .btn:last-child{width:auto;padding:0 10px}.floorplan-toolbar .btn:last-child span{display:inline}.floorplan-canvas-shell{min-height:250px;border-radius:10px}.floorplan-canvas-shell.is-preview{min-height:500px}.floorplan-zone-name{font-size:19px}.floorplan-zone-room{font-size:14px}.floorplan-canvas-caption{display:none}.floorplan-control-sheet{left:9px;right:9px;bottom:9px;padding:12px;grid-template-columns:1fr;border-radius:13px}.floorplan-current-temperature{display:flex;height:auto;padding:6px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.floorplan-current-temperature b{margin-left:auto}.floorplan-temperature-control{grid-template-columns:1fr 78px}.floorplan-heating-control{display:grid;grid-template-columns:1fr 1fr;align-items:center}.floorplan-command-status{right:5px;left:5px;top:-31px;justify-content:center}.floorplan-save-actions{position:sticky;bottom:8px;z-index:5;padding:8px;border:1px solid #e4e4e7;border-radius:10px;background:#fffffff2;box-shadow:0 7px 24px #0000001f}}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-outlined.woff2) format("woff2")}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:#f1f5f9;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace!important}.material-icon{width:1em;height:1em;display:inline-block;vertical-align:middle;text-align:center;flex:0 0 auto;overflow:hidden;font-family:Material Symbols Outlined!important;font-weight:400!important;font-style:normal!important;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga"!important;-webkit-font-feature-settings:"liga"!important;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.device-picker small .material-icon{display:inline-block;margin-right:3px;vertical-align:middle}.app-shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr);background:#f1f5f9}.main-column{min-width:0;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#f1f5f9;border-right:1px solid #dce3ec;z-index:40;transition:width .22s ease}.brand{height:72px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid #dce3ec;white-space:nowrap;overflow:hidden}.brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2563eb,#1e40af);box-shadow:0 6px 16px #2563eb3d}.brand-mark.large{width:50px;height:50px;flex-basis:50px;border-radius:14px}.brand strong{display:block;font-size:16px;letter-spacing:-.2px}.brand span{display:block;margin-top:3px;color:#64748b;font-size:9px;font-weight:700;letter-spacing:1.2px}.sidebar nav{flex:1;padding:18px 10px;overflow-y:auto}.nav-group+.nav-group{margin-top:22px}.nav-label{padding:0 10px 7px;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:1.1px}.nav-item{position:relative;width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;margin:2px 0;border:0;border-radius:8px;background:transparent;color:#475569;text-align:left;font-size:14px;font-weight:600;transition:.15s ease}.nav-item:hover{background:#e2e8f0;color:#0f172a}.nav-item.active{background:#fff;color:#1d4ed8;box-shadow:0 1px 3px #0f172a14}.nav-item.active i{position:absolute;right:8px;width:4px;height:18px;border-radius:4px;background:#2563eb}.sidebar-footer{padding:10px;border-top:1px solid #dce3ec}.collapse-button{width:100%;height:38px;display:flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;color:#64748b;font-size:12px}.collapse-button:hover{background:#e2e8f0}.nav-collapsed{grid-template-columns:76px minmax(0,1fr)}.nav-collapsed .brand{justify-content:center;padding:0}.nav-collapsed .brand>div:last-of-type,.nav-collapsed .nav-label,.nav-collapsed .nav-item span{display:none}.nav-collapsed .nav-item{justify-content:center;padding:0}.nav-collapsed .nav-item.active i{right:4px}.mobile-close,.menu-button,.mobile-overlay{display:none}.topbar{position:sticky;top:0;z-index:30;height:72px;padding:0 28px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.broker-indicator{display:flex;align-items:center;gap:9px}.broker-indicator>span{width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px #fee2e2}.broker-indicator.online>span{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.broker-indicator b,.broker-indicator small{display:block}.broker-indicator b{font-size:12px}.broker-indicator small{margin-top:2px;color:#64748b;font-size:10px}.user-button{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;border:0;border-radius:9px;background:transparent;color:#0f172a;text-align:left}.user-button:hover{background:#f1f5f9}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#2563eb;background:#eff6ff}.user-button b,.user-button span{display:block}.user-button b{font-size:12px}.user-button span{margin-top:2px;color:#64748b;font-size:10px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b}.icon-btn:hover{color:#0f172a;background:#f8fafc}.security-banner{min-height:46px;padding:7px 28px;display:flex;align-items:center;gap:10px;color:#854d0e;background:#fefce8;border-bottom:1px solid #fde68a;font-size:12px}.security-banner span{flex:1}.content{width:100%;max-width:1680px;margin:0 auto;padding:26px 28px 54px}.page-header{min-height:70px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin-bottom:6px;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:1.4px}.page-header h1{margin:0;color:#0f172a;font-size:25px;line-height:1.25;letter-spacing:-.5px}.page-header p{margin:7px 0 0;color:#64748b;font-size:13px}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-actions>.input{min-width:220px}.btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;transition:.15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 3px 8px #2563eb2e}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-danger{color:#fff;background:#dc2626;border-color:#dc2626}.btn-ghost{color:#475569;background:transparent;border-color:transparent;box-shadow:none}.btn-ghost-danger{color:#dc2626;background:transparent;border-color:#fecaca}.btn-white{min-height:30px;color:#854d0e;background:#fff;border-color:#fde68a}.btn-sm{min-height:32px;padding:0 11px;font-size:11px}.btn-lg{min-height:44px}.card{min-width:0;background:#fff;border:1px solid rgba(148,163,184,.26);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.card-header{min-height:68px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1f6}.card-header h3{margin:0;color:#0f172a;font-size:14px}.card-header p{margin:5px 0 0;color:#64748b;font-size:11px}.card-body{padding:18px}.card.full,.card.wide{grid-column:1 / -1}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-card{position:relative;min-height:142px;padding:19px;background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.stat-card:after{content:"";position:absolute;right:-20px;bottom:-32px;width:110px;height:110px;border-radius:50%;background:currentColor;opacity:.035}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:11px;font-weight:700}.stat-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#f1f5f9}.stat-card>strong{display:block;margin-top:12px;font-size:30px;line-height:1;letter-spacing:-1px}.stat-caption{margin-top:12px;color:#64748b;font-size:10px}.tone-blue .stat-icon{color:#2563eb;background:#eff6ff}.tone-blue{color:#2563eb}.tone-blue>strong{color:#0f172a}.tone-green .stat-icon{color:#16a34a;background:#f0fdf4}.tone-green{color:#16a34a}.tone-green>strong{color:#0f172a}.tone-red .stat-icon{color:#dc2626;background:#fef2f2}.tone-red{color:#dc2626}.tone-red>strong{color:#0f172a}.tone-violet .stat-icon{color:#7c3aed;background:#f5f3ff}.tone-violet{color:#7c3aed}.tone-violet>strong{color:#0f172a}.subscriber-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.facility-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.facility-flow{margin-bottom:16px;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #dbe3ef;border-radius:10px;color:#334155;background:linear-gradient(90deg,#fff,#f8fafc,#fff);box-shadow:var(--shadow)}.facility-flow>div{min-width:0;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;white-space:nowrap}.facility-flow-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:8px;color:#2563eb;background:#eff6ff}.facility-flow-arrow{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;color:#94a3b8}.facility-layout{margin-bottom:16px;display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.65fr);gap:16px;align-items:start}.facility-complex-list-card .card-body{padding:11px}.facility-complex-list{max-height:650px;display:flex;flex-direction:column;gap:8px;overflow:auto}.facility-complex-list>button{width:100%;min-width:0;min-height:76px;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e2e8f0;border-radius:10px;color:#334155;background:#fff;transition:.15s}.facility-complex-list>button:hover{border-color:#93c5fd;background:#f8fbff}.facility-complex-list>button.active{border-color:#2563eb;background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.facility-complex-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:10px;color:#2563eb;background:#dbeafe}.facility-complex-list>button>div{min-width:0;flex:1}.facility-complex-list b,.facility-complex-list code,.facility-complex-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facility-complex-list b{color:#0f172a;font-size:13px}.facility-complex-list code{margin-top:4px;color:#2563eb;font-size:10px}.facility-complex-list small{margin-top:4px;color:#64748b;font-size:10px}.facility-complex-list em{padding-left:4px;color:#475569;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.facility-detail-card .card-body{padding:16px}.facility-detail-hero{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;overflow:hidden}.facility-detail-hero>div{min-width:0;min-height:66px;padding:11px 13px;display:flex;align-items:center;gap:11px}.facility-detail-hero>div+div{border-left:1px solid #e2e8f0}.facility-meta-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:8px;color:#2563eb;background:#eaf2ff}.facility-detail-hero>div>div{min-width:0}.facility-detail-hero>div>div>span{display:block;color:#64748b;font-size:10px}.facility-detail-hero b{display:block;margin-top:4px;overflow:hidden;color:#0f172a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.facility-role-grid{margin-top:11px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.facility-role-item{min-width:0;min-height:78px;padding:11px 13px;display:flex;align-items:center;gap:11px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.facility-role-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:9px;color:#2563eb;background:#eff6ff}.facility-role-item>div{min-width:0}.facility-role-item>div>span,.facility-role-item b,.facility-role-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facility-role-item>div>span{color:#2563eb;font-size:10px;font-weight:850}.facility-role-item b{margin-top:4px;color:#0f172a;font-size:13px}.facility-role-item small{margin-top:3px;color:#64748b;font-size:10px}.facility-building-header{margin-top:17px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e2e8f0}.facility-building-header h4{margin:0;font-size:14px}.facility-building-header p{margin:4px 0 0;color:#64748b;font-size:10px}.facility-building-grid{margin-top:11px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.facility-building{min-width:0;min-height:82px;padding:11px 13px;border:1px solid #e2e8f0;border-radius:10px;background:#fafcff}.facility-building-title{display:flex;align-items:center;gap:9px}.facility-building-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:7px;color:#2563eb;background:#eaf2ff}.facility-building-title b{color:#0f172a;font-size:12px}.facility-building-title>span:last-child{margin-left:auto;color:#64748b;font-size:10px}.facility-unit-list{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}.facility-unit-list>span{position:relative;min-height:26px;padding:5px 9px;display:inline-flex;align-items:center;border:1px solid #e2e8f0;border-radius:7px;color:#475569;background:#fff;font-size:10px;font-weight:750}.facility-unit-list>span.linked{padding-right:20px;color:#047857;border-color:#bbf7d0;background:#f0fdf4}.facility-unit-list>span>i{position:absolute;right:7px;top:50%;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;background:#22c55e}.facility-organization-card{margin-bottom:16px}.facility-organization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.facility-organization-grid>button{min-width:0;min-height:76px;padding:11px 13px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;background:#fff;transition:.15s}.facility-organization-grid>button:hover{border-color:#93c5fd;background:#f8fbff}.organization-mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;margin:0;border-radius:10px;color:#7c3aed;background:#f3e8ff}.organization-mark.type-facility_manager,.organization-mark.type-management_office{color:#047857;background:#d1fae5}.facility-organization-grid>button>div{min-width:0;flex:1}.facility-organization-grid b,.facility-organization-grid>button>div>span,.facility-organization-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facility-organization-grid b{color:#0f172a;font-size:13px}.facility-organization-grid>button>div>span{margin-top:3px;color:#2563eb;font-size:10px;font-weight:750}.facility-organization-grid small{margin-top:3px;color:#64748b;font-size:10px}.facility-edit-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;margin:0;border-radius:7px;color:#64748b;background:#f8fafc}.facility-organization-grid>button:hover .facility-edit-icon{color:#2563eb;background:#eff6ff}@media(max-width:1100px){.facility-layout{grid-template-columns:1fr}.facility-complex-list{max-height:300px}}@media(max-width:680px){.facility-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facility-flow{justify-content:flex-start;overflow-x:auto}.facility-flow>div{min-width:max-content}.facility-detail-hero,.facility-role-grid,.facility-building-grid{grid-template-columns:1fr}.facility-detail-hero>div+div{border-top:1px solid #e2e8f0;border-left:0}.facility-organization-grid{grid-template-columns:1fr}.facility-building-header{align-items:flex-start;flex-direction:column}.facility-building-header .btn{width:100%}}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.type-bars{display:flex;flex-direction:column;gap:17px}.type-row{display:grid;grid-template-columns:1fr 3fr 84px;align-items:center;gap:14px}.type-meta{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;font-size:11px}.type-meta span{min-width:0;color:#475569;font-weight:700;overflow-wrap:anywhere}.type-meta b{color:#0f172a;white-space:nowrap}.bar{height:8px;border-radius:8px;background:#e2e8f0;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#38bdf8)}.type-row small{color:#64748b;font-size:9px;font-weight:700}.broker-card{display:flex;align-items:center;gap:16px;padding:14px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0}.broker-visual{position:relative;width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;color:#dc2626;border-radius:50%;background:#fef2f2}.broker-card.connected .broker-visual{color:#16a34a;background:#f0fdf4}.transport-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.transport-status-list .broker-card{min-width:0;gap:11px;padding:11px}.transport-status-list .broker-visual{width:46px;height:46px;flex-basis:46px}.transport-status-list .broker-card h3{overflow-wrap:anywhere}.broker-card h3{margin:8px 0 3px;font-size:14px}.broker-card p{margin:0;color:#64748b;font-size:10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.metric-row>div{padding:11px;text-align:center}.metric-row>div+div{border-left:1px solid #e2e8f0}.metric-row span,.metric-row b{display:block}.metric-row span{color:#64748b;font-size:9px}.metric-row b{margin-top:5px;font-size:15px}.activity-list{display:flex;flex-direction:column}.activity-item{min-height:58px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1f5f9}.activity-item:last-child{border:0}.activity-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:8px;color:#2563eb;background:#eff6ff}.activity-icon.fail{color:#dc2626;background:#fef2f2}.activity-main{min-width:0;flex:1}.activity-main b{display:block;font-size:11px}.activity-main b span{margin-left:6px;color:#64748b;font-size:9px}.activity-main code{display:block;margin-top:4px;color:#64748b;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-side{text-align:right}.activity-side small{display:block;margin-top:5px;color:#94a3b8;font-size:9px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{height:42px;padding:0 12px;background:#f8fafc;color:#64748b;border-top:1px solid #eef2f7;border-bottom:1px solid #e2e8f0;text-align:left;font-size:9px;font-weight:800;letter-spacing:.35px;white-space:nowrap}td{min-height:58px;padding:11px 12px;border-bottom:1px solid #edf1f6;color:#334155;vertical-align:middle}tbody tr:hover{background:#fbfdff}td b,td small{display:block}td b{color:#0f172a;font-size:11px}td small{margin-top:4px;color:#94a3b8;font-size:9px}td>code,td div>code{color:#1d4ed8;font-size:9px}.right{text-align:right}.nowrap{white-space:nowrap}.entity-cell{min-width:150px;display:flex;align-items:center;gap:10px}.entity-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;color:#2563eb;background:#eff6ff;border-radius:8px}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#64748b}.row-actions button:hover{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.type-chip{display:inline-flex;padding:4px 7px;border-radius:5px;color:#475569;background:#f1f5f9;font-size:9px;font-weight:800}.topic-preview{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.with-icon{display:flex;align-items:center;gap:5px}.text-button{padding:0;border:0;background:transparent;color:#2563eb;font-size:10px;font-weight:700}.direction{display:inline-flex;min-width:34px;justify-content:center;padding:4px 6px;border-radius:4px;font-size:8px;font-weight:900}.direction.in{color:#047857;background:#ecfdf5}.direction.out{color:#1d4ed8;background:#eff6ff}.truncate-code{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payload-snippet{display:block;max-width:300px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;font-size:8px;font-weight:900;letter-spacing:.2px;white-space:nowrap}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-online,.badge-success,.badge-active,.badge-connected,.badge-true,.badge-info{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge-offline,.badge-failed,.badge-timeout,.badge-disconnected,.badge-false,.badge-error,.badge-critical{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-pending,.badge-retrying,.badge-warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-inactive,.badge-unknown{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.input{width:100%;height:39px;padding:0 11px;border:1px solid #cbd5e1;border-radius:7px;outline:0;background:#fff;color:#0f172a;font-size:12px;transition:.15s}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input:disabled{background:#f1f5f9;color:#64748b}.select{appearance:auto}.textarea{height:auto;min-height:84px;padding:10px;resize:vertical;line-height:1.55}.textarea.mono{font-size:11px;tab-size:2}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{color:#334155;font-size:10px;font-weight:800}.field-label b{margin-left:3px;color:#ef4444}.field small{color:#94a3b8;font-size:9px;line-height:1.4}.field .field-error{color:#dc2626}.form-stack{display:flex;flex-direction:column;gap:17px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.span-two{grid-column:span 2}.span-four{grid-column:span 4}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.section-divider{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 0;border-top:1px solid #e2e8f0;color:#334155;font-size:11px;font-weight:800}.toggle-wrap{min-height:32px;display:flex;align-items:center;gap:8px;color:#475569;font-size:11px}.toggle{width:38px;height:21px;padding:2px;border:0;border-radius:15px;background:#cbd5e1;transition:.15s}.toggle span{display:block;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:.15s}.toggle.on{background:#2563eb}.toggle.on span{transform:translate(17px)}.error-box{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:11px}.error-box svg{flex:0 0 auto}.error-box strong{display:block}.error-box p{margin:4px 0 0;font-size:9px}.inline-error{padding:9px 11px;border-radius:7px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;font-size:10px}.loading,.empty{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#94a3b8}.loading{min-height:60vh}.loading span,.empty p{font-size:11px}.empty strong{color:#475569;font-size:12px}.empty p{margin:0;text-align:center}.spin{animation:spin 1s linear infinite}.spin-slow{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.code-block{max-height:360px;margin:0;padding:14px;border-radius:8px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:10px;line-height:1.6}.code-dark{color:#dbeafe;background:#0f172a;border:1px solid #1e293b}.code-light{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.code-label{display:block;margin:14px 0 7px;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.7px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 24px 60px #0f172a3d;overflow:hidden}.modal-header{min-height:73px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:17px}.modal-header p{margin:5px 0 0;color:#64748b;font-size:10px}.modal-body{padding:20px;overflow-y:auto}.modal-footer{padding:13px 20px;border-top:1px solid #e2e8f0}.toast-stack{position:fixed;right:20px;top:86px;z-index:150;display:flex;flex-direction:column;gap:8px}.toast{width:350px;min-height:60px;padding:12px;display:flex;align-items:flex-start;gap:10px;color:#fff;border-radius:9px;box-shadow:0 12px 30px #0f172a2e;animation:toast-in .22s ease}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:#2563eb}.toast>div{flex:1}.toast strong{display:block;font-size:11px}.toast p{margin:4px 0 0;font-size:9px;opacity:.9}.toast button{padding:0;border:0;background:transparent;color:#fff}@keyframes toast-in{0%{transform:translate(20px);opacity:0}}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:18px}.pagination button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.pagination span{font-size:10px;color:#64748b}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(480px,.92fr) minmax(480px,1.08fr);background:#f1f5f9}.login-panel{position:relative;min-height:100vh;padding:48px 58px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 80% 14%,rgba(37,99,235,.38),transparent 26%),linear-gradient(145deg,#0f172a,#172554 75%,#1e3a8a);overflow:hidden}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px}.login-brand span{margin-top:4px;color:#93c5fd;font-size:9px;font-weight:800;letter-spacing:1.5px}.login-copy{position:relative;z-index:2;margin:auto 0 48px;max-width:590px}.login-copy .eyebrow{color:#60a5fa}.login-copy h1{margin:0;font-size:44px;line-height:1.22;letter-spacing:-1.5px}.login-copy p{max-width:500px;margin:20px 0 0;color:#cbd5e1;font-size:14px;line-height:1.75}.login-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-features>div{min-height:94px;padding:15px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(148,163,184,.22);border-radius:9px;background:#ffffff0f}.login-features svg{color:#60a5fa}.login-features b,.login-features small{display:block}.login-features b{font-size:10px}.login-features small{margin-top:5px;color:#94a3b8;font-size:8px;line-height:1.4}.login-grid-pattern{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 35%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 35%,#000 100%)}.login-form-area{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px}.login-card{width:100%;max-width:430px;padding:36px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 18px 50px #0f172a14;display:flex;flex-direction:column;gap:18px}.mobile-login-logo{display:none}.login-heading span{color:#2563eb;font-size:10px;font-weight:800;letter-spacing:1px}.login-heading h2{margin:8px 0 0;font-size:23px}.login-heading p{margin:7px 0 0;color:#64748b;font-size:11px}.password-input{position:relative}.password-input .input{padding-right:42px}.password-input button{position:absolute;right:5px;top:4px;width:32px;height:31px;display:grid;place-items:center;border:0;background:transparent;color:#94a3b8}.remember{display:flex;align-items:center;gap:7px;color:#64748b;font-size:10px}.remember input{accent-color:#2563eb}.login-submit{width:100%;min-height:44px}.login-notice{display:flex;align-items:flex-start;gap:7px;padding:10px;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;font-size:9px;line-height:1.45}.login-notice svg{color:#2563eb;flex:0 0 auto}.login-form-area footer{margin-top:20px;color:#94a3b8;font-size:9px}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#334155;background:#f1f5f9;font-size:13px;font-weight:700}.boot-screen i{width:130px;height:3px;border-radius:3px;background:linear-gradient(90deg,#2563eb 40%,#cbd5e1 40%);animation:boot 1.2s ease-in-out infinite}@keyframes boot{50%{background-position:130px 0}}.control-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.device-list-card .card-body{padding:8px}.device-picker{display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 260px);overflow:auto}.device-picker>button{width:100%;min-height:76px;padding:10px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:8px;background:#fff;text-align:left;color:#334155}.device-picker>button:hover{background:#f8fafc}.device-picker>button.selected{border-color:#bfdbfe;background:#eff6ff}.device-picker>button>div:nth-child(2){min-width:0;flex:1}.device-picker b,.device-picker span,.device-picker small{display:block}.device-picker b{font-size:11px}.device-picker span{margin-top:3px;color:#2563eb;font:9px SFMono-Regular,monospace}.device-picker small{margin-top:5px;color:#94a3b8;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-picker small svg{vertical-align:middle;margin-right:3px}.device-dot{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:9px;color:#64748b;background:#f1f5f9}.device-dot.online{color:#16a34a;background:#f0fdf4}.control-main{min-width:0;display:flex;flex-direction:column;gap:16px}.device-hero .card-body{padding:20px}.device-hero-top{display:flex;justify-content:space-between;gap:20px}.device-title{display:flex;align-items:center;gap:12px}.device-type-icon{width:48px;height:48px;display:grid;place-items:center;color:#2563eb;background:#eff6ff;border-radius:12px}.device-title span{color:#64748b;font-size:9px}.device-title h2{margin:4px 0 0;font-size:19px}.device-title h2 code{margin-left:6px;color:#2563eb;font-size:10px;font-weight:500}.device-hero-top p{display:flex;align-items:center;gap:5px;margin:11px 0 0;color:#64748b;font-size:9px}.state-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:20px;border:1px solid #e2e8f0;border-radius:9px;overflow:hidden}.state-item{min-height:82px;padding:14px;display:flex;align-items:center;gap:9px}.state-item+.state-item{border-left:1px solid #e2e8f0}.state-item svg{color:#64748b}.state-item span,.state-item b{display:block}.state-item span{color:#64748b;font-size:9px}.state-item b{margin-top:6px;font-size:16px}.offline-notice,.test-offline-note{margin-top:13px;padding:9px 11px;display:flex;align-items:center;gap:7px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;font-size:9px}.offline-symbol{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#f59e0b}.control-bottom-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.command-controls{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.command-controls>.btn{min-width:120px}.command-group{width:100%;padding-top:12px;border-top:1px solid #f1f5f9}.command-label{display:flex;justify-content:space-between;margin-bottom:8px}.command-label span{font-size:10px;font-weight:800}.command-label code{color:#94a3b8;font-size:8px}.command-group>small{display:block;margin-top:6px;color:#94a3b8;font-size:8px}.segmented{display:flex;gap:5px;flex-wrap:wrap}.segmented button{min-width:56px;height:34px;padding:0 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#475569;font-size:10px;font-weight:700}.segmented button:hover,.segmented button.selected{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.inline-command{display:flex;gap:7px}.inline-command input{width:120px;height:34px;border:1px solid #cbd5e1;border-radius:7px;padding:0 9px}.command-empty{min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#94a3b8;text-align:center;font-size:10px}.command-progress{min-height:270px;display:flex;flex-direction:column}.progress-title{display:flex;align-items:center;gap:10px}.progress-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#d97706;background:#fffbeb}.command-progress.success .progress-symbol{color:#16a34a;background:#f0fdf4}.command-progress.failed .progress-symbol{color:#dc2626;background:#fef2f2}.progress-title>div:nth-child(2){flex:1}.progress-title span{color:#64748b;font-size:8px}.progress-title h3{margin:4px 0 0;font-size:13px}.progress-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:27px 0}.progress-steps>div{position:relative;text-align:center;color:#94a3b8;font-size:8px}.progress-steps>div:before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:#e2e8f0}.progress-steps>div:first-child:before{display:none}.progress-steps i{position:relative;z-index:1;display:block;width:13px;height:13px;margin:0 auto 7px;border:3px solid white;border-radius:50%;background:#cbd5e1;box-shadow:0 0 0 1px #cbd5e1}.progress-steps .done i{background:#22c55e;box-shadow:0 0 0 1px #22c55e}.progress-steps .done:before{background:#86efac}.progress-steps .active i{background:#f59e0b;box-shadow:0 0 0 1px #f59e0b}.progress-steps .error i{background:#ef4444;box-shadow:0 0 0 1px #ef4444}.progress-meta{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px;border-radius:8px;background:#f8fafc}.progress-meta span,.progress-meta b,.progress-meta code{display:block}.progress-meta span{color:#94a3b8;font-size:8px}.progress-meta code,.progress-meta b{margin-top:5px;color:#334155;font-size:8px;word-break:break-all}.credential-warning,.managed-notice,.condition-help{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:8px;font-size:9px;line-height:1.45}.credential-warning{color:#854d0e;background:#fefce8;border:1px solid #fde68a}.credentials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.credentials-grid>div,.topic-list>div{min-height:52px;padding:9px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.credentials-grid span,.topic-list span{color:#64748b;font-size:8px}.credentials-grid code,.topic-list code{color:#0f172a;font-size:10px;overflow-wrap:anywhere}.credentials-grid button,.topic-list button{grid-column:2;grid-row:1/3;width:29px;height:29px;align-self:center;display:grid;place-items:center;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b}.topic-list h4{margin:17px 0 8px;font-size:11px}.topic-list>div{grid-template-columns:100px 1fr auto;align-items:center}.topic-list>div button{grid-column:3;grid-row:1}.model-context{min-height:64px;margin-bottom:15px;padding:10px 15px;display:flex;align-items:center;gap:18px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff}.model-context>div{display:flex;align-items:center;gap:9px}.model-context b,.model-context small{display:block}.model-context b{font-size:11px}.model-context small{margin-top:3px;color:#64748b;font-size:8px}.model-context>code{flex:1;color:#1d4ed8;font-size:9px}.model-context>span{color:#475569;font-size:9px}.protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.protocol-card.disabled{opacity:.65}.protocol-title{display:flex;align-items:center;gap:10px}.protocol-icon{width:39px;height:39px;display:grid;place-items:center;color:#2563eb;background:#eff6ff;border-radius:9px}.protocol-title>div:nth-child(2){flex:1}.protocol-title code{color:#2563eb;font-size:9px}.protocol-title h3{margin:4px 0 0;font-size:13px}.protocol-description{min-height:30px;margin:12px 0;color:#64748b;font-size:9px;line-height:1.5}.protocol-params{padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.protocol-params>span,.protocol-template>span{display:block;margin-bottom:7px;color:#94a3b8;font-size:8px;font-weight:900;letter-spacing:.6px}.protocol-params>div{display:flex;flex-wrap:wrap;gap:5px}.protocol-params>div>span{padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.protocol-params b,.protocol-params small{display:block}.protocol-params b{font-size:9px}.protocol-params small{margin-top:3px;color:#64748b;font-size:7px}.protocol-params em{color:#94a3b8;font-size:9px}.protocol-template{margin-top:12px}.protocol-template .code-block{max-height:150px}.protocol-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:13px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.parameter-editor{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.parameter-head,.parameter-row{min-width:950px;display:grid;grid-template-columns:1.1fr 1fr .85fr 56px 80px 80px 1.7fr 38px;gap:6px;align-items:center;padding:7px}.parameter-head{background:#f8fafc;color:#64748b;font-size:8px;font-weight:800}.parameter-row{border-top:1px solid #edf1f6}.parameter-row .input{height:34px;font-size:10px}.stacked-input{display:grid;grid-template-columns:1fr .7fr;gap:5px}.delete-btn{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:6px;color:#dc2626;background:#fef2f2}.parameter-empty{padding:18px;display:flex;align-items:center;justify-content:center;gap:9px;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:8px;font-size:9px}.mapping-page-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.mapping-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mapping-card{padding:13px;border:1px solid #e2e8f0;border-radius:9px;background:#fff}.mapping-card-title,.mapping-card-title>div{display:flex;align-items:center;gap:8px}.mapping-card-title>div{flex:1}.mapping-card-title svg{color:#2563eb}.mapping-card-title b,.mapping-card-title small{display:block}.mapping-card-title b{font-size:10px}.mapping-card-title small{margin-top:3px;color:#64748b;font-size:8px}.mapping-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.mapping-fields>div{padding:7px;background:#f8fafc;border-radius:6px}.mapping-fields span,.mapping-fields code{display:block}.mapping-fields span{color:#94a3b8;font-size:7px}.mapping-fields code{margin-top:4px;color:#334155;font-size:8px}.success-condition{margin-top:8px;padding:8px;color:#15803d;background:#f0fdf4;border-radius:6px}.success-condition span{margin-right:8px;font-size:7px;font-weight:900}.success-condition code{font-size:8px}.mapping-count{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#64748b;font-size:8px}.mapping-count button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#2563eb;font-size:8px}.error-code-list{display:flex;flex-direction:column}.error-code-list>div{min-height:61px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf1f6}.error-code-list>div:last-child{border:0}.error-code-symbol{min-width:38px;height:30px;display:grid;place-items:center;border-radius:6px;color:#b91c1c;background:#fef2f2;font:9px SFMono-Regular,monospace}.error-code-symbol.severity-info{color:#15803d;background:#f0fdf4}.error-code-symbol.severity-warning{color:#b45309;background:#fffbeb}.error-code-list>div>div:nth-child(2){min-width:0;flex:1}.error-code-list b{font-size:9px}.error-code-list p{margin:4px 0 0;color:#64748b;font-size:8px}.mapping-editor{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.mapping-head,.mapping-row{display:grid;grid-template-columns:1fr 30px 1fr 35px;gap:7px;align-items:center;padding:7px}.mapping-head{color:#64748b;background:#f8fafc;font-size:8px;font-weight:800}.mapping-row{border-top:1px solid #edf1f6}.mapping-row svg{justify-self:center;color:#94a3b8}.condition-help{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.condition-help b{display:block;margin-bottom:3px}.mqtt-status-strip{min-height:112px;margin-bottom:16px;padding:17px;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:var(--shadow)}.mqtt-orb{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#dc2626;background:#fef2f2}.mqtt-orb.connected{color:#16a34a;background:#f0fdf4;box-shadow:0 0 0 8px #22c55e12}.mqtt-status-strip>div:nth-child(2){flex:1}.mqtt-status-strip span,.mqtt-status-strip h2,.mqtt-status-strip p{display:block}.mqtt-status-strip>div:nth-child(2)>span{color:#64748b;font-size:8px;font-weight:800}.mqtt-status-strip h2{margin:4px 0;font-size:17px}.mqtt-status-strip p{margin:0;color:#64748b;font-size:9px}.mqtt-uptime{padding-left:20px;border-left:1px solid #e2e8f0}.mqtt-uptime span,.mqtt-uptime b{display:block}.mqtt-uptime span{color:#94a3b8;font-size:8px}.mqtt-uptime b{margin-top:5px;font-size:9px}.mqtt-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card.full{grid-column:1/-1}.managed-notice{margin-bottom:14px;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.managed-notice b,.managed-notice span{display:block}.managed-notice b{margin-bottom:2px}.public-endpoint{margin-bottom:15px;padding:13px;display:flex;align-items:center;gap:10px;color:#dbeafe;background:#0f172a;border-radius:8px}.public-endpoint span,.public-endpoint code{display:block}.public-endpoint span{font-size:7px;color:#94a3b8}.public-endpoint code{margin-top:4px;font-size:11px}.toggle-row{display:flex;gap:24px;margin-top:16px}.subscription-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.subscription-list>div{padding:9px;display:flex;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.subscription-list svg{color:#16a34a}.subscription-list code{min-width:0;flex:1;color:#334155;font-size:8px;overflow:hidden;text-overflow:ellipsis}.subscription-list span{color:#64748b;font-size:7px}.settings-save{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px}.settings-save>div{display:flex;align-items:center;gap:6px;color:#64748b;font-size:9px}.test-workbench{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}.test-config{position:sticky;top:92px}.test-config .card-body{padding:16px}.selected-device-summary{padding:10px;display:flex;align-items:center;justify-content:space-between;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0}.selected-device-summary b,.selected-device-summary code{display:block}.selected-device-summary b{font-size:9px}.selected-device-summary code{margin-top:4px;color:#2563eb;font-size:8px}.test-parameters{padding-top:13px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:11px}.test-parameters>span{color:#64748b;font-size:8px;font-weight:900;letter-spacing:.6px}.test-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:7px}.test-output{min-width:0;display:flex;flex-direction:column;gap:16px}.preview-meta{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.preview-meta>div{min-height:60px;padding:10px}.preview-meta>div:nth-child(2n){border-left:1px solid #e2e8f0}.preview-meta>div:nth-child(n+3){border-top:1px solid #e2e8f0}.preview-meta span,.preview-meta code,.preview-meta b{display:block}.preview-meta span{color:#94a3b8;font-size:7px;font-weight:900}.preview-meta code,.preview-meta b{margin-top:5px;color:#334155;font-size:9px;overflow-wrap:anywhere}.request-id{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#64748b;font-size:8px}.request-id code{color:#2563eb}.result-hero{padding:12px;display:flex;align-items:center;gap:10px;border-radius:8px;color:#b45309;background:#fffbeb}.result-hero>div{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#ffffffb3}.result-hero>span{flex:1}.result-hero small,.result-hero b{display:block}.result-hero small{font-size:7px}.result-hero b{margin-top:4px;font-size:13px}.result-success{color:#15803d;background:#f0fdf4}.result-failed,.result-timeout{color:#b91c1c;background:#fef2f2}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.result-metrics>div{padding:10px;text-align:center}.result-metrics>div+div{border-left:1px solid #e2e8f0}.result-metrics span,.result-metrics b{display:block}.result-metrics span{color:#94a3b8;font-size:7px}.result-metrics b{margin-top:5px;font-size:12px}.filter-card{margin-bottom:14px}.filter-card .card-body{padding:12px 15px}.filter-bar{display:grid;grid-template-columns:auto repeat(4,minmax(130px,1fr));align-items:end;gap:10px}.filter-title{height:39px;display:flex;align-items:center;gap:6px;color:#475569;font-size:10px;font-weight:800}.log-detail-meta{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px}.log-detail-meta>div{padding:11px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px}.log-detail-meta span,.log-detail-meta b,.log-detail-meta code{display:block}.log-detail-meta span{color:#94a3b8;font-size:7px}.log-detail-meta b,.log-detail-meta code{margin-top:5px;font-size:9px}.topic-detail{margin:10px 0;padding:10px;border:1px solid #e2e8f0;border-radius:7px}.topic-detail span,.topic-detail code{display:block}.topic-detail span{color:#94a3b8;font-size:7px}.topic-detail code{margin-top:5px;color:#2563eb;font-size:9px}.log-payload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.log-payload-grid .code-block{min-height:230px}@media(max-width:1250px){.stat-grid{grid-template-columns:repeat(2,1fr)}.mapping-page-grid{grid-template-columns:1fr}.state-grid{grid-template-columns:repeat(3,1fr)}.state-item:nth-child(4){border-left:0;border-top:1px solid #e2e8f0}.state-item:nth-child(5){border-top:1px solid #e2e8f0}.subscription-list{grid-template-columns:repeat(2,1fr)}.login-copy h1{font-size:36px}.login-features{grid-template-columns:1fr}.login-features>div{min-height:65px}}@media(max-width:980px){.app-shell,.nav-collapsed{display:block}.sidebar{position:fixed;left:-280px;width:256px;transition:left .22s ease;box-shadow:8px 0 30px #0f172a26}.sidebar.mobile-open{left:0}.sidebar .brand>div:last-of-type,.sidebar .nav-label,.sidebar .nav-item span{display:block}.sidebar .nav-item{justify-content:flex-start;padding:0 12px}.mobile-close{display:grid;width:32px;height:32px;margin-left:auto;place-items:center;border:0;background:transparent;color:#64748b}.mobile-overlay{display:block;position:fixed;inset:0;z-index:35;background:#0f172a61}.menu-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569}.content{padding:22px 18px 45px}.topbar{padding:0 18px}.dashboard-grid,.control-bottom-grid,.mqtt-settings-grid,.control-layout{grid-template-columns:1fr}.device-picker{max-height:270px}.device-list-card .device-picker{display:grid;grid-template-columns:repeat(2,1fr)}.protocol-grid,.test-workbench{grid-template-columns:1fr}.test-config{position:static}.filter-bar{grid-template-columns:repeat(2,1fr)}.filter-title{grid-column:1/-1}.settings-card.full,.settings-save{grid-column:auto}.login-screen{grid-template-columns:1fr}.login-panel{display:none}.mobile-login-logo{display:flex;align-items:center;gap:8px;color:#1d4ed8}.login-form-area{padding:25px}.login-card{max-width:480px}.form-grid.four{grid-template-columns:repeat(2,1fr)}.span-four{grid-column:span 2}}@media(max-width:680px){.topbar{height:62px;padding:0 12px}.content{padding:18px 12px 40px}.user-button>div:last-child{display:none}.broker-indicator>div{display:none}.security-banner{padding:7px 12px;flex-wrap:wrap}.security-banner span{min-width:200px}.page-header{display:block}.page-header h1{font-size:22px}.page-actions{margin-top:14px}.page-actions>.input{min-width:0;flex:1}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:125px;padding:14px}.stat-card>strong{font-size:25px}.dashboard-grid{grid-template-columns:1fr}.type-row{grid-template-columns:1fr 2fr}.type-row small{display:none}.card-header{padding:14px}.card-body{padding:13px}.control-layout{display:block}.device-list-card{margin-bottom:12px}.device-list-card .device-picker{grid-template-columns:1fr}.state-grid{grid-template-columns:repeat(2,1fr)}.state-item:nth-child(3){border-left:0;border-top:1px solid #e2e8f0}.state-item:nth-child(4){border-left:1px solid #e2e8f0}.state-item:nth-child(5){border-left:0}.device-hero-top{display:block}.device-hero-top>.badge{margin-top:12px}.device-title h2 code{display:block;margin:5px 0 0}.form-grid.two,.form-grid.three,.form-grid.four,.template-grid{grid-template-columns:1fr}.span-two,.span-four{grid-column:auto}.mapping-list,.mapping-fields,.credentials-grid{grid-template-columns:1fr}.topic-list>div{grid-template-columns:75px minmax(0,1fr) 30px}.mqtt-status-strip{align-items:flex-start;flex-wrap:wrap}.mqtt-uptime{width:100%;padding:10px 0 0;border-left:0;border-top:1px solid #e2e8f0}.subscription-list{grid-template-columns:1fr}.settings-save{align-items:flex-end;flex-direction:column}.preview-meta{grid-template-columns:1fr}.preview-meta>div:nth-child(2n){border-left:0}.preview-meta>div+div{border-top:1px solid #e2e8f0}.test-actions,.filter-bar,.log-detail-meta,.log-payload-grid{grid-template-columns:1fr}.toast-stack{left:12px;right:12px;top:74px}.toast{width:100%}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}.modal-body{padding:14px}.login-form-area{padding:12px}.login-card{padding:24px}.stat-caption{font-size:8px}}:root{--blue: #18181b;--blue-dark: #09090b;--violet: #3f3f46;--surface: #ffffff;--canvas: #f4f4f5;--line: #e4e4e7;--muted: #71717a;--ink: #18181b}html,body,#root{min-width:0;width:100%;max-width:100%}html,body{overflow-x:clip}body{background:var(--canvas)}body.drawer-open{overflow:hidden}img,svg{max-width:100%}input,select,textarea,button{max-width:100%}textarea,.textarea{width:100%;max-width:100%;overflow:auto;box-sizing:border-box}code,.mono,.topic-preview,.truncate-code,.payload-snippet,.public-endpoint code,.model-context code,.topic-detail code,.request-id code,.activity-main code{overflow-wrap:anywhere;word-break:break-word}.app-shell{grid-template-columns:248px minmax(0,1fr);background:var(--canvas)}.main-column,.main-content,.control-main,.test-output{min-width:0}.main-content{width:100%;max-width:1920px;margin:0 auto}.content{max-width:1920px;padding:clamp(20px,1.7vw,32px) clamp(18px,2vw,36px) 56px}.sidebar{background:#f4f4f5;border-color:#dedee2}.brand-mark{color:transparent;background-color:#fff;background-image:url(/assets/bns-logo.png);background-repeat:no-repeat;background-size:contain;background-position:center;border:1px solid #d4d4d8;box-shadow:0 4px 12px #0000001f}.brand-mark.large{background-size:contain;background-position:center}.brand-mark .material-icon{visibility:hidden}.nav-item.active{color:#09090b;background:#fff;box-shadow:0 1px 3px #00000014}.nav-item.active i{background:#18181b}.topbar{background:#fffffff7}.mobile-topbar-title{display:none;font-size:15px;letter-spacing:-.2px}.avatar,.entity-icon,.device-type-icon,.protocol-icon,.activity-icon{color:#27272a;background:#f4f4f5}.eyebrow,td>code,td div>code,.text-button,.model-context>code,.request-id code,.topic-detail code,.device-picker span,.device-title h2 code,.protocol-title code{color:#3f3f46}.btn-primary{color:#fff;background:#18181b;border-color:#18181b;box-shadow:none}.btn-primary:hover:not(:disabled){background:#09090b}.btn-secondary{color:#27272a;background:#fff;border-color:#d4d4d8}.toggle.on{background:#27272a}.segmented button:hover,.segmented button.selected{color:#09090b;border-color:#71717a;background:#f4f4f5}.tone-blue,.tone-violet{color:#52525b}.tone-blue .stat-icon,.tone-violet .stat-icon{color:#27272a;background:#f4f4f5}.bar i{background:#3f3f46}.login-panel{background:radial-gradient(circle at 80% 14%,rgba(255,255,255,.09),transparent 28%),linear-gradient(145deg,#09090b,#27272a 72%,#3f3f46)}.login-copy .eyebrow,.login-features svg{color:#d4d4d8}.login-brand span,.login-copy p{color:#d4d4d8}.mobile-login-logo{color:#18181b}.company-card-image{display:block;width:min(100%,350px);height:auto;margin-top:24px;border-radius:10px;background:#fff;box-shadow:0 12px 34px #00000038}.mobile-company-image{display:none;width:100%;height:auto;border:1px solid #e4e4e7;border-radius:8px}.login-heading span{color:#3f3f46}.login-notice svg{color:#52525b}.page-header{min-width:0}.page-header>div:first-child{min-width:0}.page-header h1{font-size:clamp(22px,1.7vw,28px)}.page-header p{max-width:850px;line-height:1.55}.page-actions{min-width:0;justify-content:flex-end}.page-actions>.input{width:auto;min-width:min(220px,100%)}.card,.card-header,.card-body{max-width:100%;min-width:0}.card-action{min-width:0;flex:0 1 auto}.code-block{width:100%;max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,14px)}.stat-card{min-width:0;min-height:102px;padding:clamp(13px,1.2vw,18px);border-radius:8px}.stat-card>strong{margin-top:8px;font-size:clamp(22px,2vw,29px)}.stat-icon{width:32px;height:32px}.stat-caption{margin-top:8px;overflow-wrap:anywhere}.dashboard-grid{min-width:0}.type-row{grid-template-columns:minmax(110px,1fr) minmax(120px,3fr) minmax(70px,auto)}.activity-item,.activity-main,.broker-card>div:last-child{min-width:0}.table-wrap{max-width:100%}table{table-layout:auto}th,td{max-width:32rem}.entity-cell{min-width:0}.entity-cell>div:last-child{min-width:0}.topic-preview,.truncate-code,.payload-snippet{max-width:min(300px,28vw)}.with-icon{min-width:0}.modal{width:min(var(--modal-width, 720px),calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px)}.modal-header>div{min-width:0}.modal-header h2,.modal-header p{overflow-wrap:anywhere}.modal-body{min-width:0;overscroll-behavior:contain}.form-grid>*,.form-stack>*,.field,.input{min-width:0}.form-actions{flex-wrap:wrap}.control-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:clamp(12px,1.2vw,18px)}.control-main,.device-hero,.device-hero-top,.device-hero-top>div{min-width:0}.mobile-device-select{display:none}.device-picker>button>div:nth-child(2){min-width:0}.device-picker b,.device-picker span{overflow-wrap:anywhere}.state-grid{grid-template-columns:repeat(5,minmax(0,1fr));background:#e4e4e7;gap:1px;border:1px solid #e4e4e7}.state-item{min-width:0;padding:clamp(10px,1.2vw,18px);background:#fff;border:0!important}.state-item b{font-size:clamp(13px,1vw,16px);overflow-wrap:anywhere}.state-item span{font-size:clamp(9px,.8vw,12px)}.control-bottom-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.command-controls{width:100%;align-items:stretch}.command-section{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.command-section-power{grid-template-columns:repeat(2,minmax(0,1fr))}.command-section-power>.btn{width:100%}.command-section-status>.btn{width:fit-content}.command-controls>.command-section+.command-section{padding-top:13px;border-top:1px solid #f0f0f1}.command-group{min-width:0;padding-top:0;border-top:0}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented button{flex:0 1 auto;min-width:64px;min-height:38px;height:auto;padding:8px 12px;white-space:nowrap}.inline-command{min-width:0;flex-wrap:wrap}.inline-command input{width:min(180px,100%);max-width:100%}.progress-title>div:nth-child(2),.progress-meta>div{min-width:0}.model-context{min-width:0}.model-context>code{min-width:0}.protocol-grid,.template-grid,.mapping-page-grid,.mqtt-settings-grid,.test-workbench,.filter-bar,.log-payload-grid,.preview-meta,.subscription-list,.protocol-card,.mapping-card,.settings-card,.test-config,.protocol-template,.protocol-params,.public-endpoint,.selected-device-summary{min-width:0}.public-endpoint>div,.selected-device-summary>div{min-width:0}.credentials-grid,.topic-list,.topic-list>div{min-width:0}.parameter-cell,.mapping-cell{display:contents}.parameter-cell>span,.mapping-cell>span{display:none}.parameter-editor{max-width:100%}.mapping-row,.mapping-head{min-width:0}@media(min-width:1200px)and (max-width:1439px){.app-shell{grid-template-columns:232px minmax(0,1fr)}.content{padding-inline:22px}.control-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.test-workbench{grid-template-columns:minmax(310px,340px) minmax(0,1fr)}}@media(max-width:1200px){.control-bottom-grid,.transport-status-list{grid-template-columns:minmax(0,1fr)}}@media(min-width:1440px){.app-shell{grid-template-columns:256px minmax(0,1fr)}.control-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}}@media(max-width:1199px){.app-shell,.app-shell.nav-collapsed{display:block}.main-column{width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:min(296px,calc(100vw - 42px));height:100dvh;transform:translate(-105%);transition:transform .22s ease;box-shadow:12px 0 36px #0003;z-index:80}.sidebar.mobile-open{left:0;transform:translate(0)}.nav-collapsed .sidebar .brand{justify-content:flex-start;padding:0 18px}.nav-collapsed .sidebar .brand-copy,.nav-collapsed .sidebar .nav-label,.nav-collapsed .sidebar .nav-item span{display:block}.nav-collapsed .sidebar .nav-item{justify-content:flex-start;padding:0 12px}.mobile-close{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:0;background:transparent;color:#52525b}.mobile-overlay{display:block;position:fixed;inset:0;z-index:70;background:#0000006b}.menu-button{display:grid;flex:0 0 38px}.sidebar-footer{display:none}.topbar{padding-inline:clamp(14px,2.4vw,24px)}.content{padding:22px clamp(14px,2.4vw,24px) 48px}.login-screen{display:block;min-height:100dvh}.login-panel{display:none}.login-form-area{min-height:100dvh;padding:24px 16px}.login-card{max-width:520px}.mobile-login-logo{display:flex}.mobile-company-image{display:block}.dashboard-grid,.mapping-page-grid,.mqtt-settings-grid,.test-workbench,.control-layout,.control-bottom-grid{grid-template-columns:minmax(0,1fr)}.device-list-card .device-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.device-picker>button{min-width:0}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.protocol-grid,.template-grid{grid-template-columns:minmax(0,1fr)}.test-config{position:static;top:auto}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-title{grid-column:1 / -1}.subscription-list{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:minmax(0,1fr)}.span-two,.span-four{grid-column:auto}.parameter-editor{overflow:visible;border:0}.parameter-head{display:none}.parameter-row{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;padding:14px;border:1px solid #e4e4e7;border-radius:8px}.parameter-cell{min-width:0;display:flex;flex-direction:column;gap:6px}.parameter-cell>span,.mapping-cell>span{display:block;color:#71717a;font-size:9px;font-weight:800}.parameter-row .delete-btn{grid-column:1 / -1;justify-self:end}.mapping-editor{border:0;overflow:visible}.mapping-head{display:none}.mapping-row{grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;margin-bottom:10px;padding:12px;border:1px solid #e4e4e7;border-radius:8px}.mapping-cell{min-width:0;display:flex;flex-direction:column;gap:6px}.mapping-row>svg{display:none}}@media(max-width:767px){.topbar{height:60px;padding-inline:12px;gap:8px}.topbar-left,.topbar-right{min-width:0;gap:8px}.mobile-topbar-title{display:block;white-space:nowrap}.broker-indicator{margin-left:2px}.broker-indicator>div{display:none}.broker-indicator>span{width:8px;height:8px}.user-button{min-width:0;padding:4px}.user-button>div:last-child{display:block;min-width:0}.user-button b{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-button span{display:none}.avatar{width:32px;height:32px}.topbar-right>.icon-btn{width:34px;height:34px}.content{padding:17px 12px 40px}.page-header{display:block;min-height:0;margin-bottom:18px}.page-header h1{font-size:22px}.page-header p{font-size:12px}.page-actions{width:100%;margin-top:13px;justify-content:stretch}.page-actions>*{flex:1 1 auto;min-width:0}.page-actions>.input{width:100%;min-width:0}.card-header{min-height:0;align-items:flex-start;flex-wrap:wrap;padding:14px}.card-header>div:first-child{min-width:0;flex:1 1 180px}.card-action{max-width:100%}.card-body{padding:13px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:92px;padding:12px}.stat-card>strong{font-size:23px}.stat-icon{width:29px;height:29px}.stat-caption{font-size:8px}.type-row{grid-template-columns:minmax(0,1fr);gap:7px;padding:8px 0}.type-row small{display:block}.broker-card{align-items:flex-start}.broker-visual{width:46px;height:46px;flex-basis:46px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-row>div{min-width:0;padding:9px 5px}.activity-item{align-items:flex-start;flex-wrap:wrap;padding:10px 0}.activity-main{flex:1 1 calc(100% - 48px)}.activity-main code{white-space:normal}.activity-side{width:100%;padding-left:43px;display:flex;align-items:center;justify-content:space-between;text-align:left}.activity-side small{margin:0}.table-wrap{overflow:visible}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table{table-layout:fixed}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:10px}.responsive-table tr{overflow:hidden;border:1px solid #e4e4e7;border-radius:8px;background:#fff}.responsive-table td{min-height:0;max-width:none;padding:9px 11px;display:grid;grid-template-columns:minmax(82px,.38fr) minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid #f0f0f1;overflow-wrap:anywhere}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);color:#71717a;font-size:9px;font-weight:800}.responsive-table td>*,.responsive-table td>code,.responsive-table td .entity-cell{min-width:0;max-width:100%}.responsive-table .topic-preview,.responsive-table .truncate-code,.responsive-table .payload-snippet{max-width:100%;white-space:normal;text-overflow:clip}.responsive-table .row-actions{justify-content:flex-start}.responsive-table .entity-cell{align-items:flex-start}.mobile-device-select{display:flex;flex-direction:column;gap:7px}.mobile-device-select>span{color:#52525b;font-size:10px;font-weight:800}.mobile-device-select select{width:100%;min-height:44px;padding:0 10px;border:1px solid #d4d4d8;border-radius:7px;background:#fff;color:#18181b}.device-picker{display:none!important}.device-list-card{margin-bottom:12px}.device-hero .card-body{padding:14px}.device-hero-top{display:flex;align-items:flex-start;gap:12px}.device-hero-top>div:first-child{flex:1}.device-title{align-items:flex-start;gap:9px}.device-type-icon{width:40px;height:40px;flex:0 0 40px}.device-title h2{font-size:17px;line-height:1.35}.device-title h2 code{display:block;margin:4px 0 0}.device-hero-top p{align-items:flex-start;line-height:1.45}.state-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:14px}.state-item{min-height:68px;padding:clamp(10px,3vw,14px)}.state-item b{font-size:clamp(13px,4vw,15px)}.command-section-power{grid-template-columns:repeat(2,minmax(0,1fr))}.command-section-status>.btn{width:100%}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}.segmented button{width:100%;min-width:0;min-height:42px}.inline-command{display:grid;grid-template-columns:minmax(0,1fr) auto}.inline-command input{width:100%;min-height:40px}.progress-title{align-items:flex-start;flex-wrap:wrap}.progress-title>.badge{margin-left:auto}.progress-meta{grid-template-columns:minmax(0,1fr)}.model-context{align-items:flex-start;flex-direction:column;gap:10px}.model-context>code,.model-context>span{width:100%}.mapping-list,.mapping-fields,.credentials-grid,.subscription-list{grid-template-columns:minmax(0,1fr)}.error-code-list>div{align-items:flex-start;flex-wrap:wrap;padding:10px 0}.error-code-list .row-actions{margin-left:auto}.mqtt-status-strip{align-items:flex-start;flex-wrap:wrap}.mqtt-status-strip>div:nth-child(2){min-width:150px}.mqtt-uptime{width:100%;padding:10px 0 0;border-left:0;border-top:1px solid #e4e4e7}.public-endpoint{align-items:flex-start}.public-endpoint code{font-size:10px}.toggle-row{flex-wrap:wrap;gap:10px 18px}.settings-save{align-items:stretch;flex-direction:column;gap:10px}.settings-save .btn{width:100%}.preview-meta{grid-template-columns:minmax(0,1fr)}.preview-meta>div:nth-child(2n){border-left:0}.preview-meta>div+div{border-top:1px solid #e4e4e7}.request-id{align-items:flex-start;flex-direction:column}.result-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.result-metrics>div{min-width:0;padding-inline:5px}.filter-bar,.log-detail-meta,.log-payload-grid{grid-template-columns:minmax(0,1fr)}.log-payload-grid .code-block{min-height:150px}.topic-list>div{grid-template-columns:minmax(62px,auto) minmax(0,1fr) 30px}.parameter-row{grid-template-columns:minmax(0,1fr)}.parameter-row .delete-btn{grid-column:auto;justify-self:end}.mapping-row{grid-template-columns:minmax(0,1fr) auto}.mapping-row .mapping-cell{grid-column:1 / -1}.mapping-row .delete-btn{grid-column:2;justify-self:end}.modal-backdrop{padding:12px;align-items:center}.modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:9px}.modal-header{min-height:0;padding:14px}.modal-header h2{font-size:16px}.modal-body{padding:14px}.modal-footer{padding:12px 14px}.toast-stack{left:12px;right:12px;top:70px}.toast{width:100%}.login-screen{display:block;min-height:100dvh}.login-panel{display:none}.login-form-area{min-height:100dvh;padding:18px 12px}.login-card{max-width:480px;padding:clamp(22px,7vw,34px)}.mobile-login-logo{display:flex}}@media(max-width:480px){.topbar-right>.icon-btn{display:grid}.user-button b{max-width:58px}.page-actions{display:grid;grid-template-columns:minmax(0,1fr)}.page-actions>*,.page-actions .btn{width:100%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-top{align-items:flex-start;gap:5px}.stat-top>span{font-size:9px}.stat-icon{width:26px;height:26px}.metric-row,.result-metrics{grid-template-columns:minmax(0,1fr)}.metric-row>div+div,.result-metrics>div+div{border-left:0;border-top:1px solid #e4e4e7}.command-section-power{grid-template-columns:minmax(0,1fr)}.form-actions{display:grid;grid-template-columns:minmax(0,1fr)}.form-actions .btn{width:100%}.topic-list>div{grid-template-columns:minmax(0,1fr) 30px}.topic-list>div>span{grid-column:1}.topic-list>div>code{grid-column:1}.topic-list>div>button{grid-column:2;grid-row:1 / 3}.credentials-grid>div{grid-template-columns:minmax(0,1fr) 30px}.responsive-table td{grid-template-columns:minmax(74px,.36fr) minmax(0,1fr);gap:7px;padding-inline:9px}.device-hero-top{flex-wrap:wrap}.device-hero-top>div:first-child{flex:1 0 100%}.device-hero-top>.badge{margin-left:49px}.state-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.login-form-area footer{text-align:center}}.dashboard-page{width:100%;min-width:0}.dashboard-titlebar{min-height:42px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-titlebar h1{margin:0;color:#18181b;font-size:24px;line-height:1.2;letter-spacing:-.4px}.dashboard-titlebar .btn{min-height:34px;border-radius:4px}.dashboard-summary{min-width:0;display:grid;grid-template-columns:1.2fr repeat(5,minmax(0,1fr));gap:1px;padding:1px;overflow:hidden;border-radius:5px;background:#d4d4d8}.dashboard-summary-item{min-width:0;min-height:58px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}.dashboard-summary-item>span{min-width:0;color:#52525b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.dashboard-summary-item>strong{color:#18181b;font-size:21px;line-height:1}.dashboard-state{display:inline-flex;align-items:center;color:#3f3f46;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.2px;white-space:nowrap}.dashboard-state-connected,.dashboard-state-normal,.dashboard-state-active{color:#15803d}.dashboard-state-disconnected,.dashboard-state-inactive{color:#b91c1c}.dashboard-panel{height:auto;min-height:0;border-color:#d4d4d8;border-radius:6px;box-shadow:none}.dashboard-panel .card-header{min-height:46px;padding:11px 16px;border-bottom-color:#e4e4e7}.dashboard-panel .card-header h3{font-size:13px}.dashboard-panel .card-body{min-height:0;padding:0}.dashboard-recent-panel{margin-top:16px}.dashboard-bottom-grid{min-width:0;margin-top:16px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:start;gap:16px}.dashboard-control-table,.dashboard-type-table{table-layout:auto;font-size:11px}.dashboard-control-table th,.dashboard-type-table th{height:34px;padding:0 12px;color:#52525b;background:#fafafa;border-top:0;font-size:9px;letter-spacing:0}.dashboard-control-table td,.dashboard-type-table td{min-height:0;height:46px;padding:8px 12px;color:#3f3f46}.dashboard-control-table td b,.dashboard-type-table td b{font-size:11px}.dashboard-control-table td>code{color:#3f3f46;font-size:10px;overflow-wrap:anywhere}.dashboard-control-table .badge{padding:3px 6px;border-radius:4px;font-size:8px}.dashboard-duration,.dashboard-duration-alert{color:#27272a;font-size:11px;white-space:nowrap}.dashboard-duration-alert,.dashboard-number-offline{color:#b91c1c!important}.dashboard-number-online{color:#15803d;font-weight:800}.dashboard-type-table th:not(:first-child),.dashboard-type-table td:not(:first-child){text-align:center}.dashboard-type-table td:first-child{max-width:260px;overflow-wrap:anywhere}.dashboard-empty{padding:14px 16px;color:#71717a;font-size:11px}.dashboard-kv{margin:0}.dashboard-kv>div{min-height:36px;padding:8px 16px;display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,1.1fr);align-items:center;gap:12px;border-bottom:1px solid #f0f0f1}.dashboard-kv>div:last-child{border-bottom:0}.dashboard-kv dt{min-width:0;color:#71717a;font-size:10px;font-weight:700;overflow-wrap:anywhere}.dashboard-kv dd{min-width:0;margin:0;color:#27272a;font-size:11px;text-align:right;overflow-wrap:anywhere}.dashboard-kv dd b{font-size:12px}@media(max-width:1199px){.dashboard-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-bottom-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}.dashboard-recent-panel{margin-top:12px}}@media(max-width:767px){.dashboard-titlebar{min-height:36px;margin-bottom:10px}.dashboard-titlebar h1{font-size:21px}.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-summary-item{min-height:52px;padding:8px 12px}.dashboard-summary-item>span{font-size:10px}.dashboard-summary-item>strong{font-size:19px}.dashboard-recent-panel{margin-top:10px}.dashboard-bottom-grid{margin-top:10px;gap:10px}.dashboard-panel .card-header{min-height:42px;padding:10px 12px}.dashboard-control-table tbody{gap:8px;padding:10px}.dashboard-control-table tr{border-radius:4px;box-shadow:none}.dashboard-control-table td{height:auto;padding:7px 9px;grid-template-columns:minmax(76px,.36fr) minmax(0,1fr)}.dashboard-control-table td b,.dashboard-control-table td>code{font-size:10px}.dashboard-type-table,.dashboard-type-table tbody{display:block;width:100%}.dashboard-type-table thead{display:none}.dashboard-type-table tbody{padding:6px 10px}.dashboard-type-table tr{width:100%;display:grid;grid-template-columns:minmax(82px,1fr) repeat(4,minmax(38px,auto));align-items:stretch;border-bottom:1px solid #e4e4e7}.dashboard-type-table tr:last-child{border-bottom:0}.dashboard-type-table td{width:auto;height:auto;min-width:0;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;text-align:center;overflow-wrap:anywhere}.dashboard-type-table td:first-child{align-items:flex-start;text-align:left}.dashboard-type-table td:before{content:attr(data-short);color:#a1a1aa;font-size:7px;font-weight:700}.dashboard-type-table td b{font-size:9px}.dashboard-kv>div{min-height:34px;padding:7px 12px;grid-template-columns:minmax(105px,.9fr) minmax(0,1.1fr)}}body{font-size:14px;line-height:1.5}.nav-label{padding-bottom:8px;color:#71717a;font-size:13px;font-weight:800;letter-spacing:.35px}.nav-item{min-height:46px;height:46px;font-size:15px}.collapse-button,.broker-indicator b,.user-button b{font-size:13px}.broker-indicator small,.user-button span,.eyebrow{font-size:11px}.page-header p{font-size:14px}.btn{min-height:40px;font-size:13px}.btn-sm{min-height:36px;font-size:12px}.card-header h3{font-size:15px}.card-header p{font-size:12px;line-height:1.5}.stat-top,.type-meta{font-size:12px}.stat-caption,.broker-card p{font-size:11px}.type-row small{font-size:10px}.activity-main b{font-size:13px}.activity-main b span,.activity-main code,.activity-side small{font-size:11px}table{font-size:13px}th{font-size:11px}td b{font-size:13px}td small,td>code,td div>code{font-size:11px}.type-chip,.text-button,.direction,.badge{font-size:10px}.input{min-height:42px;font-size:13px}.textarea.mono,.code-block,.field-label{font-size:12px}.field small{font-size:11px}.section-divider,.toggle-wrap,.error-box,.inline-error,.loading span,.empty p{font-size:12px}.error-box p{font-size:11px}.empty strong{font-size:14px}.code-label{font-size:10px}.modal-header p,.toast p,.pagination span{font-size:11px}.toast strong{font-size:13px}.login-brand span,.login-heading span{font-size:11px}.login-features b{font-size:12px}.login-features small,.login-heading p,.remember,.login-notice,.login-form-area footer{font-size:11px}.device-picker b{font-size:13px}.device-picker span,.device-picker small{font-size:11px}.device-title>div:last-child>span,.device-title h2 code,.device-hero-top p{font-size:11px}.state-item span,.offline-notice,.test-offline-note{font-size:11px}.command-label span{font-size:12px}.command-label code{font-size:10px}.command-group>small,.command-empty{font-size:11px}.segmented button{font-size:12px}.progress-title span,.progress-steps>div,.progress-meta span{font-size:10px}.progress-title h3{font-size:15px}.progress-meta code,.progress-meta b{font-size:11px}.credential-warning,.managed-notice,.condition-help{font-size:12px}.credentials-grid span,.topic-list span{font-size:10px}.credentials-grid code,.topic-list code{font-size:12px}.topic-list h4,.model-context b{font-size:13px}.model-context small,.model-context>code,.model-context>span{font-size:11px}.protocol-title code{font-size:11px}.protocol-title h3{font-size:15px}.protocol-description{font-size:12px}.protocol-params>span,.protocol-template>span,.parameter-head{font-size:10px}.protocol-params b{font-size:12px}.protocol-params small,.protocol-params em,.parameter-empty{font-size:11px}.parameter-row .input{font-size:12px}.mapping-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.mapping-card-title b{font-size:13px}.mapping-card-title small{font-size:11px}.mapping-fields span,.success-condition span{font-size:10px}.mapping-fields code,.success-condition code,.mapping-count,.mapping-count button,.error-code-symbol{font-size:11px}.error-code-list b{font-size:12px}.error-code-list p{font-size:11px}.mapping-head{font-size:10px}.mqtt-status-strip>div:nth-child(2)>span,.mqtt-uptime span{font-size:10px}.mqtt-status-strip p,.mqtt-uptime b,.settings-save>div{font-size:11px}.public-endpoint span,.subscription-list span{font-size:10px}.public-endpoint code,.subscription-list code,.selected-device-summary b{font-size:12px}.selected-device-summary code,.test-parameters>span,.request-id{font-size:11px}.preview-meta span,.result-hero small,.result-metrics span{font-size:10px}.preview-meta code,.preview-meta b{font-size:12px}.result-hero b{font-size:15px}.result-metrics b{font-size:14px}.filter-title{font-size:12px}.log-detail-meta span,.topic-detail span{font-size:10px}.log-detail-meta b,.log-detail-meta code,.topic-detail code{font-size:12px}.error-box .material-icon,.login-notice .material-icon{flex:0 0 auto}.login-features .material-icon{color:#d4d4d8}.state-item .material-icon{color:#71717a}.mapping-card-title .material-icon{color:#3f3f46}.mapping-row>.material-icon{justify-self:center;color:#a1a1aa}.subscription-list .material-icon{color:#16a34a}@media(min-width:1200px){.mapping-page-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}}@media(max-width:767px){.responsive-table td:before{font-size:11px}.parameter-cell>span,.mapping-cell>span{font-size:11px}.mapping-row>.material-icon{display:none}}@media(max-width:360px){.user-button>div:last-child{display:none}.mobile-topbar-title{font-size:14px}}.brand{min-width:0;padding-inline:14px}.brand-logo-image{display:block;width:min(190px,100%);height:auto;flex:0 1 auto;object-fit:contain}.brand-compact-image{display:block;width:64px;height:32px;flex:0 0 64px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}.brand-compact-image.large{width:96px;height:40px;flex-basis:96px}.nav-collapsed .brand{justify-content:flex-start;padding-inline:12px}.nav-collapsed .brand-logo-image{width:103px;max-width:none;flex:0 0 103px;clip-path:inset(0 50% 28% 0)}.boot-logo-image{display:block;width:min(300px,calc(100vw - 48px));height:auto}.login-screen{min-height:100dvh;display:block;background:#f4f4f5}.login-form-area{min-height:100dvh;padding:24px;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:440px;padding:clamp(28px,5vw,44px);gap:17px;border:1px solid #dedee2;border-radius:12px;background:#fff;box-shadow:0 14px 36px #00000014}.login-logo-image{display:block;width:min(100%,330px);height:auto;margin:0 auto 14px}.login-card .input{min-height:46px}.login-card .login-submit{min-height:46px;margin-top:3px}@media(max-width:480px){.login-form-area{padding:14px}.login-card{padding:28px 22px}.login-logo-image{width:min(100%,300px);margin-bottom:10px}}@media(min-width:1200px){.app-shell.nav-collapsed{grid-template-columns:76px minmax(0,1fr)}.nav-collapsed .brand{justify-content:center;padding-inline:0}.nav-collapsed .brand-compact-image{width:52px;height:25px;flex-basis:52px}.nav-collapsed .nav-item>.material-icon{display:inline-block}.nav-collapsed .nav-item>span:not(.material-icon){display:none}}.integration-context{min-width:0;margin-bottom:12px;padding:11px 14px;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(430px,1.5fr) minmax(180px,.7fr);gap:16px;align-items:center;border:1px solid #e4e4e7;border-radius:9px;background:#fff;box-shadow:var(--shadow)}.integration-context>div:first-child b,.integration-context>div:first-child code,.integration-source span,.integration-source b{display:block}.integration-context>div:first-child b{font-size:14px}.integration-context>div:first-child code{margin-top:5px;color:#52525b;font-size:11px}.integration-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid #e4e4e7;border-radius:7px}.integration-summary span{min-width:0;padding:6px 8px;text-align:center;background:#fafafa}.integration-summary span+span{border-left:1px solid #e4e4e7}.integration-summary b,.integration-summary small{display:block}.integration-summary b{color:#18181b;font-size:16px}.integration-summary small{margin-top:3px;color:#71717a;font-size:10px}.integration-source{min-width:0;text-align:right}.integration-source span{color:#71717a;font-size:10px}.integration-source b{margin-top:4px;overflow-wrap:anywhere;font-size:11px}.integration-spec-card .card-header{min-height:56px;padding:11px 16px}.integration-spec-card .card-header p{margin-top:3px}.integration-spec-card .card-body{padding:0}.integration-table-wrap{max-height:min(680px,calc(100vh - 210px));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.integration-table{min-width:960px;table-layout:fixed}.integration-table th{position:sticky;top:0;z-index:3;height:37px;box-shadow:inset 0 -1px #dfe3e8}.integration-table th:nth-child(1){width:13%}.integration-table th:nth-child(2){width:19%}.integration-table th:nth-child(3){width:9%}.integration-table th:nth-child(4){width:16%}.integration-table th:nth-child(5){width:43%}.integration-table td{min-height:0;padding:8px 12px;vertical-align:middle}.integration-table tbody tr:hover>td{background-color:#fafcff}.integration-table tbody tr.integration-group-start:not(:first-child)>td{border-top-color:#d4d4d8}.integration-category-cell{vertical-align:top!important;border-right:1px solid #e4e4e7;background:#fafafa}.integration-category-cell>div{position:sticky;top:46px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.integration-category{white-space:pre-line;color:#334155;line-height:1.4}.integration-category-cell small{color:#94a3b8;font-size:9px;font-weight:700}.integration-mobile-category{display:none}.integration-item-name b,.integration-item-name code{display:block}.integration-item-name b{color:#172033;font-size:11px}.integration-item-name code{margin-top:3px;color:#71717a;font-size:9px}.data-type-chip{display:inline-flex;min-width:52px;justify-content:center;padding:3px 6px;border:1px solid #d4d4d8;border-radius:5px;color:#3f3f46;background:#fafafa;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.type-bool{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.type-uint8{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.integration-direction{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:6px;white-space:nowrap}.integration-direction b{font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.integration-direction small{font-size:9px}.direction-in{color:#166534;background:#f0fdf4}.direction-out{color:#1d4ed8;background:#eff6ff}.direction-both{color:#7c3aed;background:#f5f3ff}.integration-description{min-width:0}.integration-description-title{display:block;color:#475569;font-size:10px;line-height:1.35}.integration-description-values{margin-top:5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 5px}.integration-description-values>span{min-width:0;padding:3px 5px;display:grid;grid-template-columns:minmax(38px,max-content) minmax(0,1fr);align-items:baseline;gap:5px;border-radius:4px;background:#f8fafc}.integration-description-values code{color:#475569;font-size:8px;font-weight:800;white-space:nowrap}.integration-description-values em{min-width:0;color:#64748b;font-size:9px;font-style:normal;line-height:1.3;overflow-wrap:anywhere}.integration-binding-list{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.integration-binding-list code{max-width:100%;padding:2px 5px;overflow-wrap:anywhere;border-radius:4px;color:#52525b;background:#f4f4f5;font-size:8px}.command-parameter-form{display:flex;align-items:flex-end;gap:8px}.command-parameter-grid{min-width:0;flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px}.command-parameter-grid label{min-width:0;display:flex;flex-direction:column;gap:4px}.command-parameter-grid label>span{display:flex;align-items:baseline;justify-content:space-between;gap:4px;color:#52525b;font-size:10px;font-weight:700}.command-parameter-grid label>span small{color:#a1a1aa;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.command-parameter-grid input,.command-parameter-grid select{width:100%;min-width:0;height:34px;padding:0 8px;border:1px solid #d4d4d8;border-radius:6px;color:#18181b;background:#fff;font-size:11px}.integration-live-card{margin-top:14px}.integration-device-state{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));overflow:hidden;border:1px solid #e4e4e7;border-radius:8px}.integration-device-state>div{min-width:0;min-height:74px;padding:11px;display:flex;flex-direction:column;justify-content:space-between;gap:9px;background:#fafafa}.integration-device-state>div+div{border-left:1px solid #e4e4e7}.integration-device-state span,.integration-device-state span small,.integration-device-state b{display:block}.integration-device-state span{color:#52525b;font-size:10px;font-weight:800}.integration-device-state span small{margin-top:3px;color:#a1a1aa;font-size:9px;font-weight:500}.integration-device-state b{overflow-wrap:anywhere;color:#18181b;font-size:12px}.integration-room-state{margin-top:15px}.integration-room-heading{margin-bottom:8px;display:flex;align-items:center;gap:6px;color:#3f3f46}.integration-room-heading span{font-size:12px;font-weight:800}.integration-room-heading small{color:#a1a1aa;font-size:10px}.integration-room-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.integration-room-grid section{min-width:0;overflow:hidden;border:1px solid #e4e4e7;border-radius:7px;background:#fff}.integration-room-grid header{padding:8px 9px;display:flex;align-items:center;justify-content:space-between;color:#18181b;background:#f4f4f5}.integration-room-grid header b{font-size:11px}.integration-room-grid header code{color:#71717a;font-size:9px}.integration-room-grid section>div{min-width:0;padding:6px 9px;display:flex;align-items:flex-start;justify-content:space-between;gap:7px;border-top:1px solid #f4f4f5}.integration-room-grid section>div span{color:#71717a;font-size:9px}.integration-room-grid section>div b{max-width:54%;text-align:right;overflow-wrap:anywhere;color:#27272a;font-size:9px}.control-page>.page-header{min-height:0;margin-bottom:12px;align-items:center}.control-page>.page-header .eyebrow{margin-bottom:3px}.control-page>.page-header p{margin-top:4px}.control-page .control-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:12px}.control-page .control-main{gap:10px}.control-page .device-list-card{position:sticky;top:88px}.control-page .device-list-card .card-header,.control-page .control-workspace>.card .card-header{min-height:52px;padding:10px 13px}.control-page .device-list-card .card-header p,.control-page .control-workspace>.card .card-header p{margin-top:3px}.control-page .device-list-card .card-body{padding:6px}.control-page .device-picker{max-height:calc(100dvh - 225px);gap:2px}.control-page .device-picker>button{min-height:60px;padding:7px;gap:7px}.control-page .device-picker b{font-size:11px}.control-page .device-picker span{margin-top:2px;font-size:9px}.control-page .device-picker small{margin-top:2px;font-size:8px}.control-page .device-dot{width:30px;height:30px;flex-basis:30px;border-radius:7px}.control-page .device-hero .card-body{padding:11px 13px}.control-page .device-hero-top{align-items:center;gap:12px}.control-page .device-title{gap:9px}.control-page .device-type-icon{width:38px;height:38px;flex:0 0 38px;border-radius:9px}.control-page .device-title h2{margin-top:2px;font-size:16px}.control-page .device-hero-top p{margin-top:5px}.control-page .state-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:9px}.control-page .state-item{min-height:52px;padding:7px 9px;gap:6px}.control-page .state-item svg{width:15px;height:15px}.control-page .state-item span{font-size:9px}.control-page .state-item b{margin-top:3px;font-size:13px}.control-page .offline-notice{margin-top:8px;padding-block:7px}.control-workspace{min-width:0;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-areas:"commands integration" "progress integration";align-items:start;gap:10px}.control-workspace.without-integration{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"commands progress"}.control-command-card{grid-area:commands}.control-integration-card{grid-area:integration}.control-progress-card{grid-area:progress}.control-workspace .integration-live-card{margin-top:0}.control-command-card .card-body,.control-integration-card .card-body{max-height:max(430px,calc(100dvh - 265px));padding:11px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.control-progress-card .card-body{padding:12px}.control-command-card .command-controls{gap:9px}.control-command-card .command-controls>.command-section+.command-section{padding-top:9px}.control-command-card .command-section{gap:7px}.control-command-card .command-section-gateway{grid-template-columns:repeat(2,minmax(0,1fr))}.control-command-card .command-section-gateway>.command-group{grid-column:1 / -1}.control-command-card .command-section-gateway>.btn{width:100%}.control-command-card .command-label{margin-bottom:5px}.control-command-card .command-parameter-grid{gap:5px}.control-command-card .command-parameter-grid input,.control-command-card .command-parameter-grid select{height:32px}.control-integration-card .integration-device-state{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1px;border:1px solid #e4e4e7;background:#e4e4e7}.control-integration-card .integration-device-state>div{min-height:56px;padding:7px 8px;gap:4px;border:0;background:#fafafa}.control-integration-card .integration-device-state span{font-size:9px}.control-integration-card .integration-device-state span small{margin-top:2px;font-size:8px}.control-integration-card .integration-device-state b{font-size:10px}.control-integration-card .integration-room-state{margin-top:10px}.control-integration-card .integration-room-heading{margin-bottom:6px}.integration-room-matrix-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e4e4e7;border-radius:7px;scrollbar-gutter:stable}.integration-room-matrix{min-width:790px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:9px}.integration-room-matrix th,.integration-room-matrix td{min-height:0;height:34px;padding:5px 7px;text-align:center;border:0;border-bottom:1px solid #eeeeef;border-right:1px solid #eeeeef}.integration-room-matrix thead th{height:34px;background:#f4f4f5;color:#52525b}.integration-room-matrix thead th:first-child{width:150px;text-align:left}.integration-room-matrix thead th:not(:first-child){width:80px}.integration-room-matrix thead th b,.integration-room-matrix thead th small{display:inline;margin:0;font-size:9px}.integration-room-matrix thead th small{margin-left:4px;color:#a1a1aa}.integration-room-matrix tbody th{position:sticky;left:0;z-index:1;text-align:left;background:#fff}.integration-room-matrix tbody th span,.integration-room-matrix tbody th small{display:block}.integration-room-matrix tbody th span{overflow:hidden;color:#3f3f46;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.integration-room-matrix tbody th small{margin-top:2px;color:#a1a1aa;font-size:7px}.integration-room-matrix tbody td:last-child,.integration-room-matrix tr>*:last-child{border-right:0}.integration-room-matrix tbody tr:last-child>*{border-bottom:0}.integration-room-matrix tbody td b{color:#27272a;font-size:8px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.wallboard-page{--wall-bg: #08111f;--wall-panel: #101b2c;--wall-panel-2: #142238;--wall-line: #26364d;--wall-muted: #8fa2ba;position:relative;min-width:0;min-height:calc(100vh - 152px);padding:18px;overflow:hidden;border:1px solid #17263b;border-radius:14px;color:#e7eef8;background:radial-gradient(circle at 82% -20%,rgba(37,99,235,.16),transparent 35%),var(--wall-bg);box-shadow:0 18px 50px #0f172a26}.wallboard-page.focus-mode{position:fixed;inset:0;z-index:120;min-height:100vh;padding:16px 20px 20px;overflow-y:auto;border:0;border-radius:0}.wallboard-page .error-box{margin:10px 0;border-color:#7f1d1d;color:#fecaca;background:#2b1118}.wallboard-header{min-height:56px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.wallboard-heading{display:flex;align-items:center;gap:10px}.wallboard-heading h1{margin:0;color:#f8fafc;font-size:24px;line-height:1.2;letter-spacing:-.45px}.wallboard-heading>span{padding:4px 7px;border:1px solid #f59e0b;border-radius:5px;color:#fbbf24;background:#f59e0b1f;font-size:9px;font-weight:900;letter-spacing:.75px}.wallboard-header p{margin:7px 0 0;color:var(--wall-muted);font-size:11px}.wallboard-clock{flex:0 0 auto;text-align:right}.wallboard-clock span,.wallboard-clock small{display:block}.wallboard-clock span{color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:800;letter-spacing:.3px}.wallboard-clock small{margin-top:5px;color:#71859f;font-size:9px}.wallboard-demo-banner{min-height:34px;margin:10px 0;padding:7px 11px;display:flex;align-items:center;gap:8px;border:1px solid rgba(245,158,11,.42);border-radius:7px;color:#fde68a;background:#78350f3d;font-size:10px}.wallboard-demo-banner b{color:#fbbf24;font-size:10px}.wallboard-demo-banner span{color:#fcdca6}.wallboard-toolbar{min-width:0;display:flex;align-items:end;gap:8px}.wallboard-toolbar label{min-width:130px;display:flex;flex-direction:column;gap:4px}.wallboard-toolbar label>span{color:#8497b0;font-size:8px;font-weight:800}.wallboard-toolbar select,.wallboard-toolbar input{height:34px;padding:0 10px;border:1px solid #304158;border-radius:6px;outline:0;color:#e2e8f0;background:#111e31;font-size:10px}.wallboard-toolbar select:focus,.wallboard-toolbar input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f629}.wallboard-search{width:145px}.wallboard-filter{height:34px;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #2b3b51;border-radius:7px;background:#0c1727}.wallboard-filter button{height:26px;padding:0 9px;border:0;border-radius:4px;color:#8295ad;background:transparent;font-size:9px;font-weight:800;white-space:nowrap}.wallboard-filter button:hover{color:#e2e8f0}.wallboard-icon-button,.wallboard-focus-button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #304158;border-radius:6px;color:#cbd5e1;background:#111e31}.wallboard-icon-button{width:36px;padding:0;margin-left:auto}.wallboard-focus-button{padding:0 11px;font-size:9px;font-weight:800;white-space:nowrap}.wallboard-icon-button:hover,.wallboard-focus-button:hover{color:#fff;border-color:#4b6382;background:#17263b}.wallboard-summary{margin-top:12px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.wallboard-summary-card{position:relative;min-width:0;min-height:61px;padding:9px 11px;border:1px solid var(--wall-line);border-radius:7px;background:#101b2ceb;overflow:hidden}.wallboard-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#64748b}.wallboard-summary-card>span{color:#8396ad;font-size:9px;font-weight:750}.wallboard-summary-card>div{margin-top:6px;display:flex;align-items:baseline;gap:4px}.wallboard-summary-card b{color:#f8fafc;font-size:21px;line-height:1}.wallboard-summary-card small{color:#8497b0;font-size:9px;font-weight:700}.wallboard-summary-card.tone-green:before{background:#22c55e}.wallboard-summary-card.tone-green b{color:#86efac}.wallboard-summary-card.tone-orange:before{background:#f97316}.wallboard-summary-card.tone-orange b{color:#fdba74}.wallboard-summary-card.tone-red:before{background:#ef4444}.wallboard-summary-card.tone-red b{color:#fca5a5}.wallboard-summary-card.tone-blue:before{background:#3b82f6}.wallboard-summary-card.tone-blue b{color:#93c5fd}.wallboard-alert-strip{min-height:42px;margin-top:9px;padding:6px 9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #254132;border-radius:7px;background:#1432256b}.wallboard-alert-strip.has-alert{border-color:#643030;background:#4c161c70}.wallboard-alert-strip>strong{display:flex;align-items:center;gap:6px;color:#86efac;font-size:10px;white-space:nowrap}.wallboard-alert-strip.has-alert>strong{color:#fca5a5}.wallboard-alert-strip>div{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden}.wallboard-alert-strip>div>span{color:#94a3b8;font-size:9px}.wallboard-alert-strip button{min-width:0;height:27px;padding:0 7px;display:flex;align-items:center;gap:5px;border:1px solid #7f1d1d;border-radius:5px;color:#fecaca;background:#7f1d1d3b;white-space:nowrap}.wallboard-alert-strip button.status-warning{color:#fde68a;border-color:#854d0e;background:#854d0e33}.wallboard-alert-strip button b{font-size:9px}.wallboard-alert-strip button span{max-width:112px;overflow:hidden;font-size:8px;text-overflow:ellipsis}.wallboard-alert-strip>small{color:#fca5a5;font-size:8px;white-space:nowrap}.wallboard-grid-heading{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wallboard-grid-heading>div:first-child{display:flex;align-items:center;gap:7px;color:#cbd5e1}.wallboard-grid-heading b{font-size:11px}.wallboard-grid-heading>div:first-child span{color:#71859f;font-size:9px}.wallboard-legend{display:flex;align-items:center;gap:11px}.wallboard-legend span{display:inline-flex;align-items:center;gap:5px;color:#71859f;font-size:8px}.wallboard-legend span:before{content:"";width:7px;height:7px;border-radius:2px;background:#22c55e}.wallboard-legend .heating:before{background:#f97316}.wallboard-legend .warning:before{background:#f59e0b}.wallboard-legend .critical:before{background:#ef4444}.wallboard-unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:8px}.wallboard-unit{position:relative;min-width:0;min-height:126px;padding:10px;text-align:left;border:1px solid #29394f;border-radius:8px;color:#dce7f5;background:linear-gradient(150deg,#132137,#0f1a2a);box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .12s,border-color .12s,background .12s}.wallboard-unit:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#22c55e}.wallboard-unit:hover{transform:translateY(-1px);border-color:#4b6382;background:#16263e}.wallboard-unit header{display:flex;align-items:center;justify-content:space-between;gap:6px}.wallboard-unit header>b{color:#f8fafc;font-size:14px;letter-spacing:-.2px}.wallboard-unit header>span{display:flex;align-items:center;gap:4px;color:#86efac;font-size:8px;font-weight:850;white-space:nowrap}.wallboard-unit header i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.wallboard-unit-primary{margin-top:10px;display:flex;align-items:center;gap:6px;color:#7dd3fc}.wallboard-unit-primary strong{color:#f8fafc;font-size:20px;line-height:1}.wallboard-unit-primary small{margin-left:2px;color:#8fa2ba;font-size:9px}.wallboard-unit-metrics{margin-top:9px;display:grid;grid-template-columns:1fr;gap:4px}.wallboard-unit-metrics>span{min-width:0;display:flex;align-items:center;gap:4px;color:#8295ad;font-size:8px}.wallboard-unit-metrics b{margin-left:auto;overflow:hidden;color:#dce7f5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.wallboard-unit footer{margin:8px -10px -10px;padding:6px 10px;overflow:hidden;border-top:1px solid rgba(82,101,128,.25);color:#6f849e;background:#050c1747;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.wallboard-unit footer.issue{color:#fde68a;font-weight:800}.wallboard-unit.status-heating{border-color:#7c481d;background:linear-gradient(150deg,#2a1b10,#171a23)}.wallboard-unit.status-heating:before{background:#f97316}.wallboard-unit.status-heating header>span{color:#fdba74}.wallboard-unit.status-heating header i{background:#f97316;box-shadow:0 0 0 3px #f9731621}.wallboard-unit.status-warning{border-color:#8a6518;background:linear-gradient(150deg,#2a2411,#191a1e)}.wallboard-unit.status-warning:before{background:#f59e0b}.wallboard-unit.status-warning header>span{color:#fde68a}.wallboard-unit.status-warning header i{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b24}.wallboard-unit.status-critical,.wallboard-unit.status-offline{border-color:#8f3038;background:linear-gradient(150deg,#30151d,#1b151f)}.wallboard-unit.status-critical:before,.wallboard-unit.status-offline:before{background:#ef4444}.wallboard-unit.status-critical header>span,.wallboard-unit.status-offline header>span{color:#fca5a5}.wallboard-unit.status-critical header i,.wallboard-unit.status-offline header i{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.wallboard-unit.status-critical footer.issue,.wallboard-unit.status-offline footer.issue{color:#fca5a5}.wallboard-unit.status-offline .wallboard-unit-primary,.wallboard-unit.status-offline .wallboard-unit-metrics{opacity:.52}.wallboard-empty{min-height:200px;display:grid;place-items:center;border:1px dashed #304158;border-radius:8px;color:#71859f;font-size:11px}.wallboard-footer{min-height:32px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#60748e;font-size:8px}.wallboard-footer b{letter-spacing:.8px}.wallboard-detail-backdrop{position:fixed;inset:0;z-index:220;display:flex;justify-content:flex-end;background:#02060fad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wallboard-detail{width:min(430px,100%);height:100%;padding:20px;overflow-y:auto;border-left:1px solid #334155;color:#e2e8f0;background:#0c1727;box-shadow:-20px 0 60px #0000005c}.wallboard-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.wallboard-detail>header span{color:#7790ae;font-size:9px;font-weight:800}.wallboard-detail>header h2{margin:5px 0 0;color:#fff;font-size:26px}.wallboard-detail>header p{margin:5px 0 0;color:#71859f;font-family:monospace;font-size:9px}.wallboard-detail>header button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #334155;border-radius:7px;color:#94a3b8;background:#111e31}.wallboard-detail-demo{margin-top:15px;padding:7px 9px;border:1px solid #854d0e;border-radius:6px;color:#fbbf24;background:#78350f33;font-size:9px;font-weight:850}.wallboard-detail-status{margin-top:12px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #334155;border-radius:7px;background:#111e31}.wallboard-detail-status>span{display:flex;align-items:center;gap:7px;color:#86efac;font-size:11px;font-weight:850}.wallboard-detail-status i{width:8px;height:8px;border-radius:50%;background:#22c55e}.wallboard-detail-status small{color:#71859f;font-size:9px}.wallboard-detail.status-critical .wallboard-detail-status>span,.wallboard-detail.status-offline .wallboard-detail-status>span{color:#fca5a5}.wallboard-detail.status-critical .wallboard-detail-status i,.wallboard-detail.status-offline .wallboard-detail-status i{background:#ef4444}.wallboard-detail.status-warning .wallboard-detail-status>span{color:#fde68a}.wallboard-detail.status-warning .wallboard-detail-status i{background:#f59e0b}.wallboard-detail.status-heating .wallboard-detail-status>span{color:#fdba74}.wallboard-detail.status-heating .wallboard-detail-status i{background:#f97316}.wallboard-detail-alerts{margin-top:9px;display:grid;gap:6px}.wallboard-detail-alerts>div{padding:8px 10px;display:flex;align-items:center;gap:7px;border:1px solid #7f1d1d;border-radius:6px;color:#fca5a5;background:#7f1d1d2b}.wallboard-detail-alerts b{font-size:10px}.wallboard-detail-metrics{margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wallboard-detail-metrics>div{min-height:69px;padding:10px;border:1px solid #2c3b50;border-radius:7px;background:#111e31}.wallboard-detail-metrics dt{color:#7790ae;font-size:8px}.wallboard-detail-metrics dd{margin:7px 0 0;color:#f8fafc;font-size:19px;font-weight:850}.wallboard-detail-metrics dd small{margin-left:3px;color:#8295ad;font-size:9px}.wallboard-room-list{margin-top:16px}.wallboard-room-list h3{margin:0 0 8px;color:#e2e8f0;font-size:12px}.wallboard-room-list>div{min-height:39px;padding:7px 9px;display:grid;grid-template-columns:minmax(0,1fr) auto 42px;align-items:center;gap:8px;border-bottom:1px solid #253449}.wallboard-room-list span{font-size:10px}.wallboard-room-list b{color:#cbd5e1;font-size:10px}.wallboard-room-list em{padding:4px 0;border-radius:4px;text-align:center;font-size:8px;font-style:normal;font-weight:850}.wallboard-room-list em.on{color:#fdba74;background:#f9731624}.wallboard-room-list em.off{color:#8295ad;background:#17263b}.wallboard-room-list p{color:#71859f;font-size:10px}@media(max-width:1250px){.wallboard-toolbar{flex-wrap:wrap}.wallboard-icon-button{margin-left:0}.wallboard-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.wallboard-page{margin:-10px;padding:12px;border-radius:0}.wallboard-page.focus-mode{padding:12px}.wallboard-header{flex-direction:column;gap:8px}.wallboard-clock{text-align:left}.wallboard-heading h1{font-size:19px}.wallboard-demo-banner{align-items:flex-start;flex-wrap:wrap}.wallboard-toolbar label,.wallboard-search{width:calc(50% - 4px);min-width:0}.wallboard-filter{width:100%;height:auto;overflow-x:auto}.wallboard-filter button,.wallboard-focus-button{flex:1}.wallboard-icon-button{margin-left:auto}.wallboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wallboard-alert-strip{grid-template-columns:1fr}.wallboard-alert-strip>div{overflow-x:auto}.wallboard-alert-strip>small{display:none}.wallboard-grid-heading{align-items:flex-start;flex-direction:column;padding:8px 0}.wallboard-legend{flex-wrap:wrap;gap:7px}.wallboard-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wallboard-unit{min-height:122px}.wallboard-footer{align-items:flex-start;flex-direction:column}}@media(max-width:1199px){.integration-context{grid-template-columns:1fr}.integration-source{text-align:left}.integration-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-page .control-layout{grid-template-columns:minmax(0,1fr)}.control-page .device-list-card{position:static;top:auto}.control-page .device-list-card .device-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.integration-context{padding:12px}.integration-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-summary span:nth-child(4),.integration-summary span:nth-child(5){border-top:1px solid #e4e4e7}.integration-spec-card .card-body{padding:11px}.integration-table-wrap{max-height:none;overflow:visible;scrollbar-gutter:auto}.integration-table{min-width:0}.integration-table td{vertical-align:middle}.integration-category-cell{display:none!important}.integration-mobile-category{width:fit-content;margin-bottom:5px;padding:2px 5px;display:inline-flex;white-space:pre-line;border-radius:4px;color:#475569;background:#f1f5f9;font-size:8px;font-weight:800}.integration-description-values{grid-template-columns:1fr}.integration-binding-list{justify-content:flex-start}.control-page>.page-header{margin-bottom:10px}.control-page>.page-header p{display:none}.control-page .device-list-card .card-header{display:none}.control-page .device-list-card .card-body{padding:9px}.control-page .device-hero .card-body{padding:10px}.control-page .device-hero-top{align-items:flex-start}.control-page .state-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.control-page .state-item{min-height:48px}.control-workspace,.control-workspace.without-integration{grid-template-columns:minmax(0,1fr);grid-template-areas:"commands" "integration" "progress"}.control-workspace.without-integration{grid-template-areas:"commands" "progress"}.control-command-card .card-body,.control-integration-card .card-body{max-height:none;overflow-y:visible;scrollbar-gutter:auto}.control-command-card .command-section-gateway{grid-template-columns:minmax(0,1fr)}.control-command-card .command-section-gateway>.command-group{grid-column:auto}.integration-room-matrix{min-width:720px}.command-parameter-form{align-items:stretch;flex-direction:column}.command-parameter-grid,.integration-device-state{grid-template-columns:1fr}.integration-device-state>div+div{border-top:1px solid #e4e4e7;border-left:0}.integration-room-grid{grid-template-columns:1fr}}.stat-grid.floorplan-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:820px){.stat-grid.floorplan-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.wallboard-page{--wall-bg: #f8fafc;--wall-panel: #ffffff;--wall-panel-2: #f8fafc;--wall-line: #dbe3ee;--wall-muted: #64748b;color:#1e293b;border-color:#dbe3ee;background:#f7f9fc;box-shadow:0 6px 24px #0f172a0e}.wallboard-page.focus-mode{background:#f1f5f9}.wallboard-page .error-box{border-color:#fecaca;color:#991b1b;background:#fff1f2}.wallboard-heading h1{color:#0f172a}.wallboard-heading>span{color:#a16207;border-color:#facc15;background:#fefce8}.wallboard-header p{color:#64748b}.wallboard-clock span{color:#0f172a}.wallboard-clock small{color:#94a3b8}.wallboard-demo-banner{color:#92400e;border-color:#fcd34d;background:#fffbeb}.wallboard-demo-banner b{color:#b45309}.wallboard-demo-banner span{color:#92400e}.wallboard-toolbar label>span{color:#64748b}.wallboard-toolbar select,.wallboard-toolbar input{color:#334155;border-color:#cbd5e1;background:#fff}.wallboard-toolbar select:focus,.wallboard-toolbar input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.wallboard-filter{border-color:#cbd5e1;background:#f1f5f9}.wallboard-filter button{color:#64748b}.wallboard-filter button:hover{color:#0f172a;background:#e2e8f0}.wallboard-filter button.active{color:#fff;background:#2563eb}.wallboard-icon-button,.wallboard-focus-button{color:#475569;border-color:#cbd5e1;background:#fff}.wallboard-icon-button:hover,.wallboard-focus-button:hover{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.wallboard-summary-card{border-color:#dbe3ee;background:#fff;box-shadow:0 2px 7px #0f172a09}.wallboard-summary-card>span{color:#64748b}.wallboard-summary-card b{color:#0f172a}.wallboard-summary-card small{color:#94a3b8}.wallboard-summary-card.tone-green b{color:#15803d}.wallboard-summary-card.tone-orange b{color:#c2410c}.wallboard-summary-card.tone-red b{color:#b91c1c}.wallboard-summary-card.tone-blue b{color:#1d4ed8}.wallboard-alert-strip{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.wallboard-alert-strip.has-alert{border-color:#fecaca;background:#fff1f2}.wallboard-alert-strip>strong{color:#15803d}.wallboard-alert-strip.has-alert>strong{color:#b91c1c}.wallboard-alert-strip>div>span{color:#64748b}.wallboard-alert-strip button{color:#991b1b;border-color:#fecaca;background:#fff}.wallboard-alert-strip button.status-warning{color:#92400e;border-color:#fde68a;background:#fffbeb}.wallboard-alert-strip>small{color:#b91c1c}.wallboard-grid-heading>div:first-child{color:#334155}.wallboard-grid-heading>div:first-child span,.wallboard-legend span{color:#64748b}.wallboard-unit{color:#334155;border-color:#d8e2ee;background:#fff;box-shadow:0 2px 8px #0f172a0b}.wallboard-unit:hover{border-color:#93c5fd;background:#f8fbff;box-shadow:0 7px 17px #0f172a14}.wallboard-unit header>b{color:#0f172a}.wallboard-unit header>span{color:#15803d}.wallboard-unit-primary{color:#0284c7}.wallboard-unit-primary strong{color:#0f172a}.wallboard-unit-primary small,.wallboard-unit-metrics>span{color:#64748b}.wallboard-unit-metrics b{color:#334155}.wallboard-unit footer{color:#64748b;border-top-color:#edf2f7;background:#f8fafc;font-size:10px}.wallboard-unit footer.issue{color:#a16207}.wallboard-unit.status-heating{border-color:#d8e2ee;background:#fff}.wallboard-unit.status-heating header>span{color:#c2410c}.wallboard-unit.status-heating footer{background:#f8fafc}.wallboard-unit.status-warning{border-color:#facc15;background:#fffdf1}.wallboard-unit.status-warning header>span{color:#a16207}.wallboard-unit.status-warning footer{background:#fefce8}.wallboard-unit.status-critical,.wallboard-unit.status-offline{border-color:#f87171;background:#fff5f5}.wallboard-unit.status-critical header>span,.wallboard-unit.status-offline header>span{color:#b91c1c}.wallboard-unit.status-critical footer,.wallboard-unit.status-offline footer{background:#fff1f2}.wallboard-unit.status-critical footer.issue,.wallboard-unit.status-offline footer.issue{color:#b91c1c}.wallboard-empty{color:#64748b;border-color:#cbd5e1;background:#fff}.wallboard-footer{color:#94a3b8}.wallboard-detail-backdrop{background:#0f172a6b}.wallboard-detail{color:#334155;border-left-color:#dbe3ee;background:#fff;box-shadow:-20px 0 60px #0f172a33}.wallboard-detail>header span{color:#64748b}.wallboard-detail>header h2{color:#0f172a}.wallboard-detail>header p{color:#94a3b8}.wallboard-detail>header button{color:#64748b;border-color:#cbd5e1;background:#f8fafc}.wallboard-detail-demo{color:#a16207;border-color:#facc15;background:#fefce8}.wallboard-detail-status{border-color:#dbe3ee;background:#f8fafc}.wallboard-detail-status>span{color:#15803d}.wallboard-detail-status small{color:#64748b}.wallboard-detail.status-critical .wallboard-detail-status>span,.wallboard-detail.status-offline .wallboard-detail-status>span{color:#b91c1c}.wallboard-detail.status-warning .wallboard-detail-status>span{color:#a16207}.wallboard-detail.status-heating .wallboard-detail-status>span{color:#c2410c}.wallboard-detail-alerts>div{color:#b91c1c;border-color:#fecaca;background:#fff1f2}.wallboard-detail-metrics>div{border-color:#dbe3ee;background:#f8fafc}.wallboard-detail-metrics dt{color:#64748b}.wallboard-detail-metrics dd{color:#0f172a}.wallboard-detail-metrics dd small{color:#64748b}.wallboard-room-list h3{color:#1e293b}.wallboard-room-list>div{border-bottom-color:#e2e8f0}.wallboard-room-list b{color:#334155}.wallboard-room-list em.on{color:#c2410c;background:#fff7ed}.wallboard-room-list em.off{color:#64748b;background:#f1f5f9}.wallboard-room-list p{color:#64748b}