:root{--color-brand:#14569d;--color-brand-soft:#b2d5f9;--color-surface:#fff;--color-workspace:#f3f5f7;--color-neutral-50:#f8fafc;--color-neutral-200:#d5dce4;--color-neutral-400:#9caaba;--color-neutral-700:#344353;--color-text:#18202a;--color-focus:#004c97;--color-focus-on-brand:#ffe176;--color-success:#16873a;--color-warning:#b86b00;--color-danger:#c52b2b;--space-1:4px;--space-2:8px;--space-3:12px;color:var(--color-text);background:var(--color-workspace);font-synthesis:none;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.35}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:clip}button,input,select{color:inherit;font:inherit}button{cursor:pointer}:where(button,input,select,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.application-shell{background:var(--color-workspace);flex-direction:column;width:100%;height:100dvh;min-height:420px;display:flex;overflow:hidden}.application-shell[inert]{pointer-events:none;-webkit-user-select:none;user-select:none}.prototype-banner{justify-content:center;align-items:center;gap:var(--space-2);min-height:28px;padding:var(--space-1) var(--space-3);color:#171300;letter-spacing:.01em;background:#fff3a6;border-bottom:1px solid #c5b44c;flex:0 0 28px;font-size:.86rem;font-weight:700;display:flex}.app-header{z-index:4;background:var(--color-brand);border-bottom:1px solid #7aa7d7;flex:none;position:relative}.title-strip{min-height:42px;color:var(--color-surface);align-items:center;gap:18px;padding:0 20px;display:flex}.title-strip h1{letter-spacing:.02em;margin:0;font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.1}.preview-badge{padding:var(--space-1) var(--space-2);background:#00204a38;border:1px solid #ffffff94;border-radius:3px;font-size:.82rem}.menu-navigation{background:var(--color-brand-soft);position:relative}.desktop-menu{min-height:32px;padding:0 var(--space-2);align-items:stretch;display:flex}.desktop-menu-item{display:flex;position:relative}.desktop-menu-item>button,.mobile-menu-item>button{justify-content:space-between;align-items:center;gap:var(--space-1);background:0 0;border:0;display:inline-flex}.desktop-menu-item>button{white-space:nowrap;min-height:32px;padding:0 12px;font-size:.96rem}.desktop-menu-item>button:hover,.desktop-menu-item>button[aria-expanded=true]{background:#d9eafc}.desktop-submenu{background:var(--color-surface);border:1px solid #7b9ec2;border-radius:0 0 3px 3px;width:max-content;min-width:220px;max-height:min(65vh,520px);display:grid;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 9px 24px #14335438}.desktop-submenu button,.mobile-menu-panel [role=menu] button{background:var(--color-surface);text-align:left;border:0;border-bottom:1px solid #e1e7ee;min-height:34px;padding:6px 12px}.desktop-submenu button:hover,.desktop-submenu button:focus,.mobile-menu-panel button:hover,.mobile-menu-panel button:focus{background:#e8f3ff}.mobile-menu-toggle,.mobile-menu-panel{display:none}.toolbar-scroll{z-index:2;background:var(--color-surface);border-bottom:1px solid #c7d0da;flex:none;width:100%;min-width:0;position:relative;overflow:auto hidden}.legacy-toolbar{width:max-content;min-width:100%;padding:var(--space-1) var(--space-2);display:flex}.legacy-toolbar button{white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:92px;min-height:42px;padding:5px 8px;display:inline-flex}.legacy-toolbar button:hover,.legacy-toolbar button:focus-visible{background:#edf6ff;border-color:#79aeeb}.workspace{min-width:0;min-height:0;padding:var(--space-2) var(--space-3);background:var(--color-workspace);flex-direction:column;flex:auto;display:flex;overflow:hidden}.workspace-tabs{flex:none;align-items:end;gap:2px;display:flex}.workspace-tabs button{background:#f3f5f7;border:1px solid #b9c7d6;border-bottom-color:#7ea9d7;border-radius:4px 4px 0 0;min-width:116px;min-height:34px;padding:6px 14px}.workspace-tabs button[aria-selected=true]{z-index:1;border-color:#7ea9d7;border-bottom-color:var(--color-surface);background:var(--color-surface);color:#0666c5;font-weight:700;position:relative}.workspace-placeholder{background:var(--color-surface);border:1px solid #b9c7d6;border-radius:0 4px 4px;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-placeholder>div{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.placeholder-filters{gap:var(--space-2) 24px;min-width:0;padding:var(--space-2) var(--space-3);border-bottom:1px solid #d8e0e8;flex-wrap:wrap;flex:none;display:flex}.placeholder-filters label{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.placeholder-filters input,.placeholder-filters select{min-height:32px;padding:5px var(--space-2);background:var(--color-surface);border:1px solid #aebccb;border-radius:3px;font-weight:400}.placeholder-filters input{width:min(248px,38vw)}.placeholder-filters select{min-width:140px}.workspace-placeholder>div>p{padding:6px var(--space-3);border-bottom:1px solid var(--color-neutral-200);color:var(--color-neutral-700);flex:none;margin:0;font-size:.82rem}.table-scroll{background:var(--color-surface);flex:auto;width:100%;min-width:0;min-height:0;overflow:auto}.table-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:860px}#devices-workspace table{min-width:940px}#alarms-workspace table{min-width:820px}.table-scroll caption{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.table-scroll th,.table-scroll td{border-right:1px solid var(--color-neutral-200);border-bottom:1px solid var(--color-neutral-200);text-align:left;text-overflow:ellipsis;white-space:nowrap;height:38px;padding:6px 10px;overflow:hidden}.table-scroll th{z-index:1;background:var(--color-neutral-50);color:#26394b;height:34px;font-weight:700;position:sticky;top:0}.table-scroll tr[aria-selected=true] td{background:#e5f1ff}.table-scroll tr[aria-selected=true] td:first-child{box-shadow:inset 4px 0 0 var(--color-focus)}.table-scroll tr:focus-visible td{background:#f0f7ff}.table-scroll td svg{vertical-align:-3px}.table-scroll td button{background:var(--color-surface);color:#0b5eaf;border:1px solid #9bb4ce;border-radius:3px;min-height:26px;padding:2px 6px;font-size:.82rem}.table-detail-cell{align-items:center;gap:6px;min-width:0;display:flex}.table-detail-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.table-detail-cell button{flex:none}.lucide-circle-check,.lucide-circle-check-big{color:var(--color-success)}.lucide-triangle-alert,.lucide-clock-3{color:var(--color-warning)}.lucide-circle-off,.lucide-siren{color:var(--color-danger)}.lucide-info{color:var(--color-brand)}.legacy-status{background:var(--color-surface);border-top:1px solid #aebbc9;flex:none;width:100%;min-width:0}.legacy-status ul{grid-template-columns:1.15fr 1.15fr 1.25fr 1.05fr 1.05fr;margin:0;padding:0;list-style:none;display:grid}.legacy-status li{min-width:0;min-height:32px;padding:var(--space-1) var(--space-2);white-space:nowrap;border-right:1px solid #bcc7d1;justify-content:center;align-items:center;gap:7px;display:flex;overflow:hidden}.legacy-status li:last-child{border-right:0}.legacy-status span{text-overflow:ellipsis;overflow:hidden}.dialog-backdrop{z-index:20;background:#09172691;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.prototype-dialog{background:var(--color-surface);border:1px solid #7ca4cc;border-radius:4px;width:min(520px,100%);padding:24px;box-shadow:0 22px 70px #00000052}.dialog-icon{color:var(--color-warning)}.prototype-dialog h2{margin:var(--space-2) 0 var(--space-3);color:#143b63}.prototype-dialog dl{gap:7px;margin:18px 0;display:grid}.prototype-dialog dl div{gap:var(--space-2);grid-template-columns:116px 1fr;display:grid}.prototype-dialog dt{font-weight:700}.prototype-dialog dd{overflow-wrap:anywhere;margin:0}.dialog-safety-copy{font-weight:700}.prototype-dialog button{background:var(--color-brand);min-height:34px;color:var(--color-surface);border:1px solid #0e559b;border-radius:3px;padding:6px 16px}@media (width<=799px){.application-shell{min-height:0}.prototype-banner{flex-basis:32px;justify-content:flex-start;min-height:32px;padding:5px 14px;font-size:.76rem}.title-strip{min-height:60px;padding:var(--space-2) 92px var(--space-2) 14px;gap:2px;display:grid}.title-strip h1{font-size:1.08rem}.preview-badge{background:0 0;border:0;width:fit-content;padding:0;font-size:.78rem}.menu-navigation{position:static}.desktop-menu{display:none}.mobile-menu-toggle{min-height:40px;color:var(--color-surface);background:#07376b6b;border:1px solid #ffffffb8;border-radius:3px;align-items:center;gap:7px;padding:7px 12px;display:inline-flex;position:absolute;top:10px;right:10px}.mobile-menu-toggle:focus-visible{outline-color:var(--color-focus-on-brand)}.mobile-menu-panel{top:100%;right:var(--space-2);background:var(--color-surface);border:1px solid #6e94ba;width:min(330px,100vw - 16px);max-height:70vh;display:grid;position:absolute;overflow-y:auto;box-shadow:0 12px 28px #081f374d}.mobile-menu-item>button{text-align:left;border-bottom:1px solid #d9e1e9;width:100%;min-height:38px;padding:7px 12px}.mobile-menu-panel [role=menu]{background:#f1f6fb;padding-left:16px;display:grid}.legacy-toolbar{padding:var(--space-1) var(--space-2)}.legacy-toolbar button{gap:var(--space-1);min-width:72px;min-height:64px;padding:5px var(--space-2);border-right:1px solid #d4dde7;border-radius:0;flex-direction:column;font-size:.78rem}.workspace{padding:6px var(--space-2) var(--space-2)}.workspace-tabs button{min-width:104px;min-height:34px;padding:6px 10px;font-size:.84rem}.placeholder-filters{gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(3,minmax(112px,1fr));display:grid;overflow-x:auto}.placeholder-filters label{gap:var(--space-1);font-size:.72rem;display:grid}.placeholder-filters input,.placeholder-filters select{width:100%;min-width:112px;min-height:32px}.workspace-placeholder>div>p{padding:var(--space-1) var(--space-2);font-size:.72rem}.table-scroll th,.table-scroll td{height:36px;padding:5px var(--space-2);font-size:.78rem}.legacy-status ul{padding:var(--space-1);grid-template-columns:repeat(6,minmax(0,1fr))}.legacy-status li{min-height:34px;padding:var(--space-1) 6px;white-space:nowrap;border:1px solid #c7d2de;justify-content:flex-start;gap:5px;font-size:.7rem}.legacy-status li:nth-child(-n+2){grid-column:span 3}.legacy-status li:nth-child(n+3){grid-column:span 2}.legacy-status li:last-child{border-right:1px solid #c7d2de}.prototype-dialog dl div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}