:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fa;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select,input[type=radio],input[type=color]{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3,p,dl,dd{margin:0}svg{flex:none}.app-shell{--bg:#f5f7fa;--bg-alt:#f8fafc;--surface:#fff;--panel:#fff;--panel-muted:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#1e293b;--text-strong:#0f1f3d;--muted:#64748b;--soft:#94a3b8;--header:#0f1f3d;--header-soft:#142a4c;--header-text:#f8fafc;--primary:#004763;--primary-hover:#00364d;--primary-soft:#e1f1f5;--accent:#1f6f9f;--focus:#38bdf8;--success:#22c55e;--success-text:#166534;--success-bg:#dcfce7;--warning:#f59e0b;--warning-text:#92400e;--warning-bg:#fef3c7;--danger:#ef4444;--danger-text:#991b1b;--danger-bg:#fee2e2;--info:#3b82f6;--info-text:#1e40af;--info-bg:#dbeafe;--purple:#8b5cf6;--purple-text:#5b21b6;--purple-bg:#ede9fe;--neutral-bg:#f1f5f9;--neutral-text:#334155;--trace-left:#3182b7;--trace-right:#00a37a;--grid:#dfe7ee;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 10px 26px #0f172a14;--shadow-popover:0 18px 45px #0f172a2e;min-height:100vh;color:var(--text);background:var(--bg)}.app-shell[data-theme=dark]{--bg:#101820;--bg-alt:#131f28;--surface:#17232d;--panel:#17232d;--panel-muted:#1c2a35;--border:#30414e;--border-strong:#455966;--text:#e8eff5;--text-strong:#f4f8fb;--muted:#b5c2cd;--soft:#82909c;--header:#0b151d;--header-soft:#162630;--header-text:#f1f7fa;--primary:#2381a8;--primary-hover:#3193bb;--primary-soft:#173848;--accent:#58a9d4;--focus:#69c5eb;--success-text:#a7e7c5;--success-bg:#173d2e;--warning-text:#f5cd8e;--warning-bg:#4a3517;--danger-text:#f4adb0;--danger-bg:#482326;--info-text:#b4d5ff;--info-bg:#1d3554;--purple-text:#d7c6ff;--purple-bg:#35275a;--neutral-bg:#263744;--neutral-text:#d5e0e7;--trace-left:#61b4e4;--trace-right:#55cfa5;--grid:#2b3b47;--shadow-sm:0 2px 8px #0000002e;--shadow-md:0 12px 28px #00000038;--shadow-popover:0 18px 45px #0000006b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;color:#fff;background:var(--primary);border-radius:8px;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{z-index:80;min-height:64px;color:var(--header-text);background:var(--header);border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);align-items:center;padding:0 18px;display:grid;position:sticky;top:0;box-shadow:0 4px 16px #030a1426}.topbar__brand-area,.topbar__status,.topbar__actions,.topbar__connection,.brand,.profile-button{align-items:center;display:flex}.topbar__brand-area{gap:8px}.topbar__status{gap:14px}.topbar__connection{border-left:1px solid #ffffff29;gap:8px;padding-left:14px}.topbar__connection div{line-height:1.1;display:grid}.topbar__connection small,.profile-button small{color:#f1f7fab3;font-size:10px}.topbar__connection strong{margin-top:3px;font-size:12px}.topbar__actions{justify-content:flex-end;gap:6px}.topbar__mobile-menu{display:none!important}.brand{gap:10px;min-width:0}.tracer-mark{overflow:visible}.tracer-mark__lens,.tracer-mark__datum{fill:none;stroke-linecap:round;stroke-linejoin:round}.tracer-mark__lens{stroke:#67c7ef;stroke-width:2.2px}.tracer-mark__datum{stroke:currentColor;stroke-width:1.2px}.brand__copy{min-width:0;display:grid}.brand__copy strong{color:inherit;letter-spacing:.01em;font-size:16px;line-height:1.15}.brand__copy span{color:#f1f7fab3;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.icon-button{width:36px;height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;place-items:center;padding:0;transition:all .16s;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft);border-color:var(--accent)}.icon-button--header{color:#f1f7fad6;background:0 0;border-color:#0000}.icon-button--header:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff1f}.notification-button{position:relative}.notification-button__badge{color:#fff;border:2px solid var(--header);background:#ef4444;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-weight:800;display:grid;position:absolute;top:2px;right:1px}.profile-button{min-width:172px;color:var(--header-text);background:#ffffff12;border:1px solid #ffffff1a;border-radius:9px;gap:8px;margin-left:6px;padding:4px 7px 4px 4px}.profile-button:hover{background:#ffffff1f}.profile-button__avatar{color:#d7f4ff;background:#1c5675;border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.profile-button__copy{text-align:left;flex:1;min-width:0;display:grid}.profile-button__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.app-shell__body{min-height:calc(100vh - 64px);display:flex}.sidebar{z-index:50;width:246px;height:calc(100vh - 96px);color:var(--text);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:0 0 246px;padding:16px 12px 10px;transition:width .18s,flex-basis .18s,transform .18s;display:flex;position:sticky;top:64px;overflow-y:auto}.sidebar.is-collapsed{flex-basis:70px;width:70px;padding-inline:9px}.sidebar__mobile-brand{display:none}.sidebar nav{gap:18px;display:grid}.sidebar__group{gap:3px;display:grid}.sidebar__group-title{min-height:20px;color:var(--soft);letter-spacing:.09em;text-transform:uppercase;padding:0 10px;font-size:10px;font-weight:800;line-height:20px}.sidebar__link{min-width:0;min-height:40px;color:var(--muted);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;padding:8px 10px;font-size:12px;font-weight:650;transition:all .15s;display:flex;position:relative;overflow:hidden}.sidebar__link:hover{color:var(--text-strong);background:var(--bg-alt)}.sidebar__link.is-active{color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.sidebar__link.is-active:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.sidebar.is-collapsed .sidebar__link{justify-content:center;padding-inline:0}.sidebar.is-collapsed .sidebar__link span,.sidebar.is-collapsed .sidebar__station div:last-child,.sidebar.is-collapsed .sidebar__collapse span{display:none}.sidebar__station{background:var(--panel-muted);border:1px solid var(--border);border-radius:10px;align-items:center;gap:9px;min-width:0;margin-top:auto;padding:10px;display:flex}.sidebar__station-icon{width:30px;height:30px;color:var(--primary);background:var(--primary-soft);border-radius:8px;flex:0 0 30px;place-items:center;display:grid}.sidebar__station div:last-child{min-width:0;display:grid}.sidebar__station small,.sidebar__station span{color:var(--muted);font-size:9px}.sidebar__station strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar__collapse{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:7px;font-size:10px;display:flex}.sidebar__collapse:hover{color:var(--text);background:var(--bg-alt)}.sidebar-backdrop{display:none}.main-content{flex:auto;min-width:0;padding:24px clamp(18px,2.4vw,38px) 68px}.fixture-notice{width:min(1500px,100%);color:var(--warning-text);background:var(--warning-bg);border:1px solid color-mix(in srgb, var(--warning) 30%, var(--border));border-radius:9px;align-items:center;gap:8px;margin:0 auto 14px;padding:9px 12px;font-size:10px;font-weight:650;display:flex}.page-state{width:min(640px,100%);color:var(--muted);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;justify-items:center;gap:8px;margin:8vh auto 0;padding:32px;display:grid}.page-state h1{color:var(--text-strong);font-size:18px}.page-state p{max-width:470px;font-size:11px}.page-stack{gap:18px;width:min(1500px,100%);margin:0 auto;animation:.2s ease-out page-enter;display:grid}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}}.status-strip{z-index:70;min-height:32px;color:var(--muted);background:color-mix(in srgb, var(--surface) 96%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 12px #0f172a0a}.status-strip__item{border-right:1px solid var(--border);align-items:center;gap:5px;min-height:32px;padding:0 13px;font-size:10px;display:flex}.status-strip__item strong{color:var(--text);font-weight:650}.status-strip__version{margin-left:auto;font-size:10px}.live-dot{background:var(--soft);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--soft) 16%, transparent);border-radius:50%;flex:0 0 8px;display:inline-block}.live-dot--online{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 18%, transparent)}.live-dot--connecting,.live-dot--degraded{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--warning) 18%, transparent)}.live-dot--offline{background:var(--soft)}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;min-width:0;display:flex}.page-header__copy{gap:5px;max-width:830px;display:grid}.page-header h1{color:var(--text-strong);letter-spacing:-.02em;font-size:clamp(24px,2vw,30px);line-height:1.15}.page-header p{color:var(--muted);font-size:13px;line-height:1.5}.page-header__actions{align-items:center;gap:8px;display:flex}.eyebrow{width:-moz-fit-content;width:fit-content;color:var(--primary);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.button{min-height:38px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:700;line-height:1.2;transition:all .16s;display:inline-flex}.button:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button--primary{color:#fff;background:var(--primary);border-color:var(--primary)}.button--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.button--secondary:hover:not(:disabled){color:var(--primary);background:var(--primary-soft);border-color:var(--accent)}.button--ghost{color:var(--primary);background:0 0;border-color:#0000}.button--ghost:hover:not(:disabled){background:var(--primary-soft);box-shadow:none}.button--small{min-height:32px;padding:6px 9px;font-size:11px}.status-pill{width:-moz-fit-content;width:fit-content;min-height:25px;color:var(--neutral-text);background:var(--neutral-bg);border:1px solid var(--border-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:750;line-height:1;display:inline-flex}.status-pill--compact{min-height:21px;padding:3px 7px;font-size:9px}.status-pill__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill--success{color:var(--success-text);background:var(--success-bg);border-color:color-mix(in srgb, var(--success) 58%, var(--success-bg))}.status-pill--warning{color:var(--warning-text);background:var(--warning-bg);border-color:color-mix(in srgb, var(--warning) 60%, var(--warning-bg))}.status-pill--danger{color:var(--danger-text);background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 58%, var(--danger-bg))}.status-pill--info{color:var(--info-text);background:var(--info-bg);border-color:color-mix(in srgb, var(--info) 54%, var(--info-bg))}.status-pill--purple{color:var(--purple-text);background:var(--purple-bg);border-color:color-mix(in srgb, var(--purple) 54%, var(--purple-bg))}.panel{background:var(--panel);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.panel__header{justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px 0;display:flex}.panel__header>div:first-child{gap:3px;min-width:0;display:grid}.panel__header h2{color:var(--text-strong);font-size:14px;line-height:1.3}.panel__header p{color:var(--muted);font-size:10.5px;line-height:1.4}.panel__action{flex:none}.panel__body{padding:16px 18px 18px}.panel--flush .panel__body{padding-bottom:0;padding-left:0;padding-right:0}.metric-card{background:var(--panel);border:1px solid var(--border);min-width:0;min-height:112px;box-shadow:var(--shadow-sm);border-radius:13px;align-items:center;gap:13px;padding:16px;display:flex;position:relative}.metric-card__icon,.summary-icon{width:42px;height:42px;color:var(--info-text);background:var(--info-bg);border-radius:11px;flex:0 0 42px;place-items:center;display:grid}.metric-card__icon--success,.summary-icon--success{color:var(--success-text);background:var(--success-bg)}.metric-card__icon--purple,.summary-icon--purple{color:var(--purple-text);background:var(--purple-bg)}.metric-card__icon--neutral{color:var(--neutral-text);background:var(--neutral-bg)}.summary-icon--info{color:var(--info-text);background:var(--info-bg)}.metric-card__content{gap:2px;min-width:0;display:grid}.metric-card__content>span{color:var(--muted);font-size:10px;font-weight:650}.metric-card__content strong{color:var(--text-strong);font-size:22px;line-height:1.15}.metric-card__content small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.metric-card__trend{color:var(--success-text);font-size:9px;font-weight:800;position:absolute;top:13px;right:13px}.empty-state,.data-placeholder{min-height:170px;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.empty-state__icon,.trace-empty-copy__icon{width:54px;height:54px;color:var(--primary);background:var(--primary-soft);border-radius:15px;place-items:center;margin-bottom:9px;display:grid}.empty-state strong,.data-placeholder strong{color:var(--text);font-size:13px}.empty-state p,.data-placeholder p{max-width:360px;margin-top:5px;font-size:11px;line-height:1.5}.assurance-note{color:var(--success-text);background:var(--success-bg);border:1px solid color-mix(in srgb, var(--success) 45%, var(--success-bg));border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;line-height:1.45;display:flex}.assurance-note--compact{margin-top:12px;padding:8px 10px}.data-table{border-spacing:0;border-collapse:collapse;width:100%;font-size:10.5px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:11px 14px}.data-table th{color:var(--muted);background:var(--panel-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:800}.data-table tbody tr:hover{background:color-mix(in srgb, var(--primary-soft) 35%, transparent)}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong,.data-table td small{display:block}.data-table td strong{color:var(--text)}.data-table td small{color:var(--muted);margin-top:2px;font-size:9px}.table-scroll{overflow:auto}.toast{z-index:200;width:min(430px,100vw - 32px);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-popover);border-radius:11px;grid-template-columns:30px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:11px;animation:.18s ease-out toast-enter;display:grid;position:fixed;bottom:48px;right:22px}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}}.toast>span{width:30px;height:30px;color:var(--success-text);background:var(--success-bg);border-radius:8px;place-items:center;display:grid}.toast p{font-size:11px;line-height:1.45}.toast button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.toast button:hover{background:var(--bg-alt)}.dashboard-hero{color:#fff;background:radial-gradient(circle at 75% 10%, #49b8db3d, transparent 34%), linear-gradient(128deg, var(--header) 0%, #123c55 70%, #0b5264 100%);min-height:180px;box-shadow:var(--shadow-md);border:1px solid #ffffff14;border-radius:16px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);display:grid;position:relative;overflow:hidden}.dashboard-hero:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-90px;right:-40px;box-shadow:0 0 0 42px #ffffff06,0 0 0 86px #ffffff05}.dashboard-hero__copy{z-index:1;align-content:center;justify-items:start;gap:9px;padding:25px 30px;display:grid;position:relative}.dashboard-hero__copy h2{color:#fff;letter-spacing:-.025em;font-size:clamp(22px,2.2vw,30px)}.dashboard-hero__copy p{color:#f1f7fac7;max-width:690px;font-size:12px;line-height:1.55}.dashboard-hero__actions{gap:8px;margin-top:6px;display:flex}.dashboard-hero__actions .button--secondary{color:#fff;background:#ffffff14;border-color:#ffffff38}.dashboard-hero__actions .button--secondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff57}.dashboard-hero__assurance{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;border-radius:13px;grid-template-columns:44px minmax(0,1fr);align-content:center;align-items:center;gap:8px 11px;margin:22px 24px 22px 0;padding:17px;display:grid;position:relative}.dashboard-hero__shield{color:#9ee6c6;background:#22c55e24;border-radius:11px;grid-row:span 2;place-items:center;width:44px;height:44px;display:grid}.dashboard-hero__assurance strong{font-size:12px}.dashboard-hero__assurance p{color:#f1f7fab3;margin-top:3px;font-size:9.5px;line-height:1.4}.dashboard-hero__assurance .status-pill{grid-column:2}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.dashboard-grid{gap:14px;display:grid}.dashboard-grid--primary{grid-template-columns:minmax(0,1.9fr) minmax(300px,.8fr)}.dashboard-grid--secondary{grid-template-columns:minmax(370px,.85fr) minmax(0,1.15fr)}.connection-flow{grid-template-columns:repeat(3,minmax(32px,.18fr) minmax(105px,1fr)) minmax(105px,1fr);align-items:center;gap:7px;padding:8px 0 15px;display:grid}.connection-node{text-align:center;justify-items:center;min-width:0;display:grid}.connection-node__icon{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-radius:10px;place-items:center;margin-bottom:7px;display:grid}.connection-node small,.connection-node span{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.connection-node strong{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:10px;overflow:hidden}.connection-flow__line{background:var(--border-strong);height:2px;margin-top:-25px;position:relative}.connection-flow__line:after{content:"";border-top:2px solid var(--border-strong);border-right:2px solid var(--border-strong);width:7px;height:7px;position:absolute;top:-3px;right:-1px;transform:rotate(45deg)}.connection-flow__line.is-online{background:var(--success)}.connection-flow__line.is-online:after{border-color:var(--success)}.quick-actions{gap:7px;display:grid}.quick-actions>button{min-height:56px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px;display:grid}.quick-actions>button:hover{background:var(--bg-alt);border-color:var(--border)}.quick-actions__icon{width:36px;height:36px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.quick-actions__icon--purple{color:var(--purple-text);background:var(--purple-bg)}.quick-actions__icon--neutral{color:var(--neutral-text);background:var(--neutral-bg)}.quick-actions>button>span:nth-child(2){gap:2px;display:grid}.quick-actions strong{font-size:10.5px}.quick-actions small{color:var(--muted);font-size:9px}.device-list{gap:4px;display:grid}.device-row{min-width:0;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:36px minmax(130px,1fr) minmax(68px,auto) auto 18px;align-items:center;gap:10px;padding:8px;display:grid}.device-row:hover{background:var(--bg-alt);border-color:var(--border)}.device-row__icon{width:36px;height:36px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.device-row__identity,.device-row__port{min-width:0;display:grid}.device-row__identity strong,.device-row__port strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.device-row__identity small,.device-row__port small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.desktop-ribbon{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.desktop-ribbon__tabs{border-bottom:1px solid var(--border);min-height:34px;display:flex;overflow-x:auto}.desktop-ribbon__tabs button{min-width:max-content;color:var(--muted);background:0 0;border:0;padding:0 14px;font-size:10px;font-weight:700;position:relative}.desktop-ribbon__tabs button:hover,.desktop-ribbon__tabs button.is-active{color:var(--primary);background:var(--primary-soft)}.desktop-ribbon__tabs button.is-active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:8px;right:8px}.desktop-ribbon__groups{min-height:80px;padding:6px;display:flex;overflow-x:auto}.ribbon-group{border-right:1px solid var(--border);flex:none;align-items:flex-start;gap:4px;min-width:142px;padding:4px 9px 18px;display:flex;position:relative}.ribbon-group:last-child{border-right:0}.ribbon-group>button{min-width:60px;min-height:51px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;gap:2px;padding:5px 7px;font-size:9px;display:grid}.ribbon-group>button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}.ribbon-group>button span{place-items:center;display:grid}.ribbon-group>button small{color:var(--muted);font-size:8px}.ribbon-group__label{color:var(--soft);text-align:center;font-size:8px;position:absolute;bottom:2px;left:8px;right:8px}.ribbon-group--primary>button{min-width:110px;color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb, var(--accent) 28%, var(--border));display:flex}.ribbon-group--primary>button span{align-items:flex-start}.ribbon-group--info{min-width:210px}.ribbon-group--info dl{gap:3px;width:100%;display:grid}.ribbon-group--info dl div{justify-content:space-between;gap:16px;font-size:9px;display:flex}.ribbon-group--info dt{color:var(--muted)}.ribbon-group--info dd{font-weight:700}.operation-connection-bar{background:var(--surface);border:1px solid var(--border);border-radius:11px;align-items:flex-end;gap:15px;min-width:0;padding:12px 14px;display:flex}.field{gap:4px;display:grid}.field label,.technical-grid label,.form-row label,.brand-form label,.comparison-selector label,.tolerance-list label{color:var(--muted);font-size:9px;font-weight:700}.field--device{flex:290px;max-width:410px}.select-wrap{min-height:38px;color:var(--muted);background:var(--panel-muted);border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:8px;padding:0 9px;display:flex}.select-wrap select{min-width:0;height:34px;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:11px;font-weight:650}.connection-detail{align-items:center;gap:8px;min-width:0;padding-bottom:4px;display:flex}.connection-detail div{min-width:0;display:grid}.connection-detail small{color:var(--muted);font-size:8.5px}.connection-detail strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.connection-detail--technical{flex:300px}.operation-workspace{grid-template-columns:minmax(0,1fr) minmax(270px,330px);align-items:start;gap:14px;display:grid}.trace-panel .panel__body{padding-top:10px}.trace-panel__actions{gap:5px;display:flex}.trace-canvas{background:var(--panel-muted);border:1px solid var(--border);border-radius:10px;min-height:clamp(370px,48vh,590px);position:relative;overflow:hidden}.trace-canvas>svg{width:100%;height:calc(100% - 38px);position:absolute;inset:0}.trace-canvas__grid line,.trace-canvas__grid-lines line{stroke:var(--grid);stroke-width:.8px}.trace-canvas__axis{stroke:var(--border-strong);stroke-dasharray:4 5;stroke-width:1px}.trace-canvas__drawing text{fill:var(--muted);font-size:11px;font-weight:700}.trace-canvas__shape{fill:color-mix(in srgb, currentColor 7%, transparent);stroke-width:2.4px;vector-effect:non-scaling-stroke}.trace-canvas__shape--left{color:var(--trace-left);stroke:var(--trace-left)}.trace-canvas__shape--right{color:var(--trace-right);stroke:var(--trace-right)}.trace-canvas__datum{fill:var(--surface);stroke:var(--text);stroke-width:1.5px}.trace-empty-copy{z-index:1;width:min(340px,76%);color:var(--muted);text-align:center;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trace-empty-copy strong{color:var(--text);font-size:13px}.trace-empty-copy p{margin-top:5px;font-size:10px;line-height:1.5}.trace-canvas__legend{background:color-mix(in srgb, var(--surface) 92%, transparent);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;min-height:38px;padding:5px 12px;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.trace-canvas__legend>span:not(.status-pill){align-items:center;gap:5px;display:flex}.legend-line{background:var(--trace-left);width:16px;height:2px}.legend-line--right{background:var(--trace-right)}.operation-side{gap:14px;display:grid}.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.measurement-grid>div{background:var(--panel-muted);border:1px solid var(--border);border-radius:8px;gap:3px;min-width:0;padding:10px;display:grid}.measurement-grid span{color:var(--muted);font-size:8.5px}.measurement-grid strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.session-list,.policy-list,.license-details{gap:0;display:grid}.session-list>div,.policy-list>div,.license-details>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:34px;font-size:9.5px;display:flex}.session-list>div:last-child,.policy-list>div:last-child,.license-details>div:last-child{border-bottom:0}.session-list dt,.policy-list dt,.license-details dt{color:var(--muted)}.session-list dd,.policy-list dd,.license-details dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.panel-count{color:var(--muted);font-size:9px}.recent-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.recent-cards>button{min-width:0;color:var(--text);background:var(--panel-muted);border:1px solid var(--border);text-align:left;border-radius:9px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.recent-cards>button:hover{border-color:var(--accent);transform:translateY(-1px)}.recent-cards__shape{width:36px;height:36px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.recent-cards>button>span:nth-child(2){min-width:0;display:grid}.recent-cards strong{font-size:10px}.recent-cards small{color:var(--muted);font-size:8.5px}.configuration-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.configuration-summary article{background:var(--panel);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex}.configuration-summary article>div:last-child{min-width:0;display:grid}.configuration-summary small,.configuration-summary span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.configuration-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.settings-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:14px;display:grid}.mode-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-selector label,.choice-grid label{background:var(--panel-muted);border:1px solid var(--border);cursor:pointer;border-radius:9px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;min-width:0;padding:10px;display:grid;position:relative}.mode-selector label:hover,.choice-grid label:hover{border-color:var(--border-strong)}.mode-selector label.is-selected,.choice-grid label.is-selected{background:var(--primary-soft);border-color:var(--accent)}.mode-selector input,.choice-grid input{opacity:0;position:absolute}.mode-selector__icon,.choice-grid__icon{width:38px;height:38px;color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:9px;place-items:center;display:grid}.mode-selector label>span:nth-child(3),.choice-grid label>span:nth-child(3){min-width:0;display:grid}.mode-selector strong,.choice-grid strong{font-size:10.5px}.mode-selector small,.choice-grid small{color:var(--muted);margin-top:2px;font-size:8.5px;line-height:1.35}.mode-selector__check{color:#fff;background:var(--primary);opacity:0;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.mode-selector label.is-selected .mode-selector__check{opacity:1}.registered-device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.registered-device{background:var(--panel-muted);border:1px solid var(--border);border-radius:10px;gap:7px;min-width:0;padding:13px;display:grid}.registered-device.is-selected{border-color:var(--accent);box-shadow:inset 3px 0 var(--primary)}.registered-device header{justify-content:space-between;align-items:center;gap:9px;display:flex}.registered-device__icon{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.registered-device h3{color:var(--text-strong);font-size:12px}.registered-device>p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.registered-device dl{border-block:1px solid var(--border);gap:3px;padding:7px 0;display:grid}.registered-device dl>div{justify-content:space-between;gap:10px;font-size:8.5px;display:flex}.registered-device dt{color:var(--muted)}.registered-device dd{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.technical-grid,.form-row,.color-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.technical-grid label,.form-row label,.brand-form label,.comparison-selector label{gap:5px;display:grid}.technical-grid input,.form-row input,.form-row select,.brand-form input:not([type=color]),.comparison-selector select,.tolerance-list input,.search-field input{width:100%;min-width:0;min-height:36px;color:var(--text);background:var(--panel-muted);border:1px solid var(--border-strong);border-radius:8px;padding:7px 9px;font-size:10px}.technical-grid input:disabled{cursor:default;opacity:1}.technical-details{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.technical-details summary{color:var(--primary);cursor:pointer;font-size:10px;font-weight:700}.technical-details code{overflow-wrap:anywhere;color:var(--info-text);background:var(--info-bg);border-radius:7px;margin-top:9px;padding:9px;font-size:9px;display:block}.technical-details p{color:var(--muted);margin-top:7px;font-size:9px;line-height:1.45}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.export-grid--options{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.selected-reading{background:var(--panel-muted);border:1px solid var(--border);border-radius:10px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:93px;padding:12px;display:grid}.selected-reading__icon{width:50px;height:50px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.selected-reading>div{min-width:0;display:grid}.selected-reading small,.selected-reading span{color:var(--muted);font-size:9px}.selected-reading strong{color:var(--text-strong);font-size:18px}.filename-preview{min-height:44px;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:9px;align-items:center;gap:10px;margin-bottom:11px;padding:8px 10px;display:flex}.filename-preview span{place-items:center;display:grid}.filename-preview code{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice-grid--destinations{grid-template-columns:1fr}.comparison-selector{background:var(--surface);border:1px solid var(--border);border-radius:11px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:end;gap:12px;padding:13px;display:grid}.comparison-selector__swap{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:50%;place-items:center;display:grid}.comparison-workspace,.comparison-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mini-trace{width:100%;min-height:270px;max-height:360px;color:var(--trace-left);background:var(--panel-muted);border:1px solid var(--border);border-radius:9px}.mini-trace path:first-child{fill:color-mix(in srgb, var(--trace-left) 6%, transparent);stroke:var(--trace-left);stroke-width:2px}.mini-trace line{stroke:var(--grid);stroke-dasharray:4 4}.mini-trace__delta{fill:color-mix(in srgb, var(--warning) 6%, transparent);stroke:var(--warning);stroke-dasharray:5 4;stroke-width:1.6px}.comparison-measures{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.comparison-measures span{color:var(--muted);background:var(--panel-muted);text-align:center;border-radius:6px;padding:6px;font-size:9px}.comparison-measures--delta span{color:var(--success-text);background:var(--success-bg)}.tolerance-list{gap:8px;display:grid}.tolerance-list label{justify-content:space-between;align-items:center;gap:12px;display:flex}.tolerance-list label span{align-items:center;gap:5px;display:flex}.tolerance-list input{text-align:right;width:80px;min-height:32px}.comparison-result{color:var(--success-text);background:var(--success-bg);border:1px solid color-mix(in srgb, var(--success) 48%, var(--success-bg));border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.comparison-result__icon{background:#ffffff8c;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.comparison-result strong{font-size:12px}.comparison-result p{margin-top:3px;font-size:9.5px}.diagnostics-grid{grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:14px;display:grid}.layer-health{gap:2px;display:grid}.layer-health__row{border-bottom:1px solid var(--border);grid-template-columns:24px 38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px 0;display:grid;position:relative}.layer-health__row:last-child{border-bottom:0}.layer-health__step{width:20px;height:20px;color:var(--success-text);background:var(--success-bg);border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.layer-health__icon{width:36px;height:36px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.layer-health__row>span:nth-child(3){min-width:0;display:grid}.layer-health strong{font-size:10px}.layer-health small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.supervisor-state{gap:12px;display:grid}.supervisor-state__current{background:var(--panel-muted);border:1px solid var(--border);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:11px;display:grid}.supervisor-state__current small{color:var(--muted);font-size:8.5px}.supervisor-state__current strong{color:var(--success-text);grid-row:2;font-family:Cascadia Code,Consolas,monospace;font-size:18px}.supervisor-state__current .status-pill{grid-area:1/2/span 2}.state-flow{flex-wrap:wrap;gap:5px;display:flex}.state-flow span{color:var(--muted);background:var(--neutral-bg);border-radius:5px;padding:4px 6px;font-family:Cascadia Code,Consolas,monospace;font-size:7.5px}.state-flow span.is-active{color:var(--success-text);background:var(--success-bg)}.policy-list--compact>div{min-height:29px;font-size:8.5px}.segmented-control{background:var(--neutral-bg);border:1px solid var(--border);border-radius:7px;padding:2px;display:inline-flex}.segmented-control button{min-height:27px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:4px 9px;font-size:9px;font-weight:700}.segmented-control button.is-active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.event-list{display:grid}.event-row{border-bottom:1px solid var(--border);grid-template-columns:30px 60px 95px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px 0;display:grid}.event-row:last-child{border-bottom:0}.event-row__icon{width:29px;height:29px;color:var(--info-text);background:var(--info-bg);border-radius:8px;place-items:center;display:grid}.event-row__icon--success{color:var(--success-text);background:var(--success-bg)}.event-row__icon--warning{color:var(--warning-text);background:var(--warning-bg)}.event-row time,.event-row__source{color:var(--muted);font-size:8.5px}.event-row__source{font-weight:700}.event-row p{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.event-row code{color:var(--muted);font-size:8px}.diagnostic-disclaimer{color:var(--warning-text);background:var(--warning-bg);border:1px solid color-mix(in srgb, var(--warning) 45%, var(--warning-bg));border-radius:10px;align-items:flex-start;gap:9px;padding:11px 13px;display:flex}.diagnostic-disclaimer--info{color:var(--info-text);background:var(--info-bg);border-color:color-mix(in srgb, var(--info) 45%, var(--info-bg))}.diagnostic-disclaimer p{font-size:9.5px;line-height:1.5}.content-tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:0;display:flex;overflow-x:auto}.content-tabs button{min-width:max-content;min-height:40px;color:var(--muted);border:0;border-right:1px solid var(--border);background:0 0;padding:0 16px;font-size:10px;font-weight:700}.content-tabs button:last-child{border-right:0}.content-tabs button:hover,.content-tabs button.is-active{color:var(--primary);background:var(--primary-soft)}.search-field{min-width:250px;color:var(--muted);background:var(--panel-muted);border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:7px;padding-left:8px;display:flex}.search-field input{background:0 0;border:0;outline:0;min-height:31px;padding-left:0}.catalog-placeholder-grid,.license-policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.catalog-placeholder-grid article,.license-policy-grid article{background:var(--panel-muted);border:1px solid var(--border);border-radius:10px;gap:6px;padding:14px;display:grid}.catalog-placeholder-grid article>span{width:36px;height:36px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.catalog-placeholder-grid strong,.license-policy-grid strong{font-size:11px}.catalog-placeholder-grid p,.license-policy-grid p{color:var(--muted);font-size:9px;line-height:1.45}.architecture-callout{color:var(--info-text);background:var(--info-bg);border:1px solid color-mix(in srgb, var(--info) 45%, var(--info-bg));border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;display:grid}.architecture-callout__icon{background:#ffffff80;border-radius:11px;place-items:center;width:46px;height:46px;display:grid}.architecture-callout strong{font-size:12px}.architecture-callout p{margin-top:4px;font-size:9.5px;line-height:1.5}.personalization-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:start;gap:14px;display:grid}.personalization-settings{gap:14px;display:grid}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.theme-options>button{color:var(--text);background:var(--panel-muted);border:2px solid var(--border);border-radius:10px;gap:8px;padding:8px;display:grid}.theme-options>button.is-selected{border-color:var(--accent)}.theme-options>button>span:last-child{align-items:center;gap:6px;font-size:10px;display:flex}.theme-preview{background:#f5f7fa;border:1px solid #d7e0e8;border-radius:7px;grid-template-rows:20% 1fr;grid-template-columns:25% 1fr;height:85px;display:grid;position:relative;overflow:hidden}.theme-preview:before{content:"";background:#0f1f3d;grid-column:1/span 2}.theme-preview i{content:"";background:#fff;border-right:1px solid #d7e0e8;grid-row:2}.theme-preview b,.theme-preview em{background:#fff;border:1px solid #e2e8f0;border-radius:4px;height:12px;position:absolute;left:35%;right:10%}.theme-preview b{top:35%}.theme-preview em{height:23px;top:58%}.theme-preview--dark{background:#101820;border-color:#30414e}.theme-preview--dark:before{background:#0b151d}.theme-preview--dark i,.theme-preview--dark b,.theme-preview--dark em{background:#17232d;border-color:#30414e}.density-options{border:0;border-top:1px solid var(--border);gap:16px;margin:13px 0 0;padding:11px 0 0;display:flex}.density-options legend{color:var(--muted);font-size:9px;font-weight:700}.density-options label{align-items:center;gap:6px;font-size:10px;display:flex}.brand-form{gap:10px;display:grid}.color-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.color-input{background:var(--panel-muted);border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:5px 8px;display:flex}.color-input input{background:0 0;border:0;width:28px;height:26px;padding:0;overflow:hidden}.color-input code{color:var(--text);font-size:9.5px}.upload-zone{min-height:74px;color:var(--primary);background:var(--primary-soft);border:1px dashed var(--accent);border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.upload-zone>span{text-align:left;display:grid}.upload-zone strong{font-size:10px}.upload-zone small{color:var(--muted);font-size:8.5px}.personalization-preview-panel{position:sticky;top:82px}.app-preview{--preview-header:#0f1f3d;--preview-accent:#004763;box-shadow:var(--shadow-md);background:#f5f7fa;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden}.app-preview>header{color:#fff;background:var(--preview-header);justify-content:space-between;align-items:center;min-height:48px;padding:0 12px;display:flex}.app-preview .brand__copy strong{font-size:11px}.app-preview .brand__copy span{font-size:7px}.app-preview>header>span{font-size:8px}.app-preview__body{grid-template-columns:55px 1fr;min-height:290px;display:grid}.app-preview__body aside{background:#fff;border-right:1px solid #e2e8f0;align-content:start;gap:9px;padding:13px;display:grid}.app-preview__body aside i{background:#e2e8f0;border-radius:3px;width:28px;height:8px}.app-preview__body aside i.is-active{background:var(--preview-accent)}.app-preview__body main{align-content:start;gap:11px;padding:17px;display:grid}.app-preview__headline{gap:4px;display:grid}.app-preview__headline span{background:#1e293b;border-radius:3px;width:42%;height:10px}.app-preview__headline small{background:#cbd5e1;border-radius:3px;width:68%;height:6px}.app-preview__metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.app-preview__metrics i,.app-preview__chart{background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:54px;box-shadow:0 2px 6px #0f172a0a}.app-preview__chart{height:130px;position:relative}.app-preview__chart:after{content:"";border-top:3px solid var(--preview-accent);border-radius:50% 50% 0 0;height:45px;position:absolute;bottom:20px;left:12px;right:12px;transform:skewY(-4deg)}.preview-statuses{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.license-hero{color:var(--info-text);background:radial-gradient(circle at 90% 20%, color-mix(in srgb, var(--purple) 15%, transparent), transparent 30%), var(--info-bg);border:1px solid color-mix(in srgb, var(--info) 45%, var(--info-bg));border-radius:14px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;padding:21px;display:grid}.license-hero__icon{width:58px;height:58px;color:var(--primary);background:#ffffff9e;border-radius:14px;place-items:center;display:grid}.license-hero>div:nth-child(2){gap:4px;display:grid}.license-hero span{text-transform:uppercase;font-size:9px;font-weight:700}.license-hero h2{font-size:18px}.license-hero p{max-width:830px;font-size:10px;line-height:1.5}.license-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pairing-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pairing-steps li{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;display:grid}.pairing-steps li>span{color:#fff;background:var(--primary);border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.pairing-steps strong{font-size:10px}.pairing-steps p{color:var(--muted);margin-top:2px;font-size:8.5px;line-height:1.4}.license-policy-grid article{grid-template-columns:42px minmax(0,1fr);align-items:center}.license-policy-grid article .summary-icon{grid-row:span 2}@media (max-width:1250px){.topbar{grid-template-columns:1fr auto 1fr}.topbar__status>.status-pill{display:none}.dashboard-grid--secondary,.settings-layout,.personalization-layout{grid-template-columns:1fr}.personalization-preview-panel{position:static}.connection-flow{grid-template-columns:repeat(3,minmax(22px,.12fr) minmax(90px,1fr)) minmax(90px,1fr)}.registered-device-grid,.technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1080px){.topbar__connection,.profile-button__copy,.profile-button>svg{display:none}.profile-button{min-width:auto}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid--primary,.diagnostics-grid,.operation-workspace{grid-template-columns:1fr}.operation-side{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-detail--technical{display:none}.recent-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.topbar{justify-content:space-between;min-height:58px;padding-inline:10px;display:flex}.topbar__mobile-menu{display:inline-grid!important}.topbar__status,.topbar__brand-area .brand__copy span{display:none}.app-shell__body{min-height:calc(100vh - 58px)}.sidebar{z-index:100;width:min(300px,88vw);height:100vh;box-shadow:var(--shadow-popover);padding:12px;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.is-collapsed{width:min(300px,88vw);padding:12px}.sidebar.is-mobile-open{transform:translate(0)}.sidebar.is-collapsed .sidebar__link{justify-content:flex-start;padding-inline:10px}.sidebar.is-collapsed .sidebar__link span,.sidebar.is-collapsed .sidebar__station div:last-child{display:grid}.sidebar__mobile-brand{color:#fff;background:var(--header);justify-content:space-between;align-items:center;margin:-12px -12px 14px;padding:12px;display:flex}.sidebar__collapse{display:none}.sidebar-backdrop{z-index:90;visibility:hidden;opacity:0;background:#040a148c;border:0;padding:0;transition:all .16s;display:block;position:fixed;inset:0}.sidebar-backdrop.is-visible{visibility:visible;opacity:1}.main-content{padding:20px 16px 66px}.dashboard-hero{grid-template-columns:1fr}.dashboard-hero__assurance{margin:0 22px 22px}.connection-flow{grid-template-columns:1fr;gap:4px}.connection-flow__line{width:2px;height:20px;margin:0 auto}.connection-flow__line:after{top:auto;bottom:-1px;right:-3px;transform:rotate(135deg)}.configuration-summary,.export-grid,.export-grid--options,.comparison-workspace,.comparison-bottom-grid,.license-grid{grid-template-columns:1fr}.event-row{grid-template-columns:30px 58px minmax(0,1fr) auto}.event-row__source,.status-strip__optional{display:none}}@media (max-width:680px){.main-content{padding-inline:11px}.page-stack{gap:13px}.page-header{align-items:start;gap:11px;display:grid}.page-header__actions{width:100%}.page-header__actions .button{flex:1}.dashboard-hero__copy{padding:22px 18px}.dashboard-hero__actions{flex-wrap:wrap;width:100%}.dashboard-hero__actions .button{flex:145px}.dashboard-hero__assurance{margin:0 14px 14px}.metrics-grid,.operation-side,.mode-selector,.registered-device-grid,.choice-grid,.theme-options,.catalog-placeholder-grid,.license-policy-grid,.configuration-summary{grid-template-columns:1fr}.metric-card{min-height:96px}.device-row{grid-template-columns:36px minmax(0,1fr) auto}.device-row__port,.device-row>.status-pill{display:none}.desktop-ribbon__groups{min-height:76px}.operation-connection-bar{flex-wrap:wrap;align-items:stretch}.field--device{flex-basis:100%;max-width:none}.connection-detail{flex:1}.trace-canvas{min-height:330px}.trace-canvas__legend{gap:9px}.trace-canvas__legend .status-pill{display:none}.recent-cards,.technical-grid,.form-row,.color-fields{grid-template-columns:1fr}.selected-reading{grid-template-columns:44px minmax(0,1fr)}.selected-reading>.status-pill{grid-column:1/span 2}.comparison-selector{grid-template-columns:1fr}.comparison-selector__swap{justify-self:center;transform:rotate(90deg)}.mini-trace{min-height:220px}.event-row{grid-template-columns:30px 52px minmax(0,1fr)}.event-row code{display:none}.layer-health__row{grid-template-columns:22px 34px minmax(0,1fr)}.layer-health__row>.status-pill{grid-column:3}.search-field{width:100%;min-width:0}.catalog-table th:nth-child(2),.catalog-table td:nth-child(2),.catalog-table th:nth-child(3),.catalog-table td:nth-child(3){display:none}.architecture-callout{grid-template-columns:42px minmax(0,1fr)}.architecture-callout>.status-pill{grid-column:2}.license-hero{grid-template-columns:48px minmax(0,1fr);padding:15px}.license-hero__icon{width:48px;height:48px}.license-hero>.button{grid-column:1/span 2}.status-strip__item{padding-inline:8px}.status-strip__item span:not(.live-dot){display:none}.status-strip__version{font-size:8px}.toast{bottom:43px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-page{--auth-navy:#0f1f3d;--auth-primary:#004763;--auth-primary-hover:#00364d;--auth-bg:#f5f7fa;--auth-card:#fff;--auth-border:#e2e8f0;--auth-border-strong:#cbd5e1;--auth-text:#1e293b;--auth-muted:#64748b;--auth-info-bg:#dbeafe;--auth-info-text:#1e40af;min-height:100vh;color:var(--auth-text);background:var(--auth-bg);grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);display:grid}.auth-loading{color:#0f1f3d;background:#f5f7fa;place-content:center;justify-items:center;gap:8px;min-height:100vh;display:grid}.auth-loading svg{color:#004763;animation:.9s linear infinite auth-spin}.auth-loading strong{margin-top:4px;font-size:14px}.auth-loading span{color:#64748b;font-size:10px}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-story{color:#fff;background:radial-gradient(circle at 78% 22%,#4fbee047,#0000 26%),radial-gradient(circle at 16% 80%,#00a37a2e,#0000 32%),linear-gradient(145deg,#0b172d 0%,#102b46 50%,#064b5c 100%);grid-template-rows:auto 1fr auto;min-height:100vh;padding:clamp(28px,4vw,58px);display:grid;position:relative;overflow:hidden}.auth-story:before,.auth-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.auth-story:before{width:420px;height:420px;bottom:-140px;right:-120px;box-shadow:0 0 0 60px #ffffff05,0 0 0 125px #ffffff03}.auth-story:after{opacity:.42;width:190px;height:190px;top:22%;right:10%}.auth-story__brand,.auth-story__brand .brand,.auth-mobile-brand{z-index:2;align-items:center;display:flex;position:relative}.auth-story__brand{gap:10px}.auth-story__brand>span{color:#b9ebff;letter-spacing:.09em;background:#67c7ef1f;border:1px solid #67c7ef40;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:850}.auth-story__content{z-index:2;align-content:center;justify-items:start;gap:14px;max-width:680px;padding:55px 0;display:grid;position:relative}.auth-story__eyebrow{color:#bcefff;letter-spacing:.1em;text-transform:uppercase;background:#67c7ef1a;border:1px solid #67c7ef3d;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.auth-story h1{color:#fff;letter-spacing:-.045em;max-width:620px;font-size:clamp(34px,4.2vw,58px);line-height:1.02}.auth-story__content>p{color:#f1f7fabd;max-width:590px;font-size:13px;line-height:1.65}.auth-story__features{gap:8px;width:100%;max-width:600px;margin-top:12px;display:grid}.auth-story__features article{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0e;border:1px solid #ffffff17;border-radius:10px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:9px 11px;display:grid}.auth-story__features article>span{color:#8be3c4;background:#31b98b21;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.auth-story__features article>div{gap:2px;display:grid}.auth-story__features strong{font-size:10.5px}.auth-story__features small{color:#f1f7faa3;font-size:8.5px;line-height:1.35}.auth-story footer{z-index:2;color:#f1f7fa7a;justify-content:space-between;gap:20px;font-size:8.5px;display:flex;position:relative}.auth-form-side{background:radial-gradient(circle at 50% 10%, #0047630f, transparent 30%), var(--auth-bg);align-content:center;justify-items:center;min-width:0;padding:clamp(24px,5vw,72px);display:grid}.auth-mobile-brand{color:var(--auth-navy);gap:8px;margin-bottom:18px;display:none}.auth-card{background:var(--auth-card);border:1px solid var(--auth-border);border-radius:17px;width:min(430px,100%);padding:clamp(24px,3.4vw,38px);box-shadow:0 22px 55px #0f172a1a}.auth-card__foundation{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;align-items:center;gap:7px;margin-bottom:22px;padding:7px 9px;font-size:8.5px;font-weight:650;display:flex}.auth-card__foundation+.auth-message{margin-bottom:18px}.auth-card>header{text-align:center;justify-items:center;margin-bottom:24px;display:grid}.auth-card__icon{width:44px;height:44px;color:var(--auth-primary);background:#e1f1f5;border-radius:12px;place-items:center;margin-bottom:11px;display:grid}.auth-card h2{color:var(--auth-navy);letter-spacing:-.02em;font-size:21px}.auth-card header p{color:var(--auth-muted);margin-top:5px;font-size:10.5px}.auth-card form{gap:13px;display:grid}.auth-card form>label{color:#475569;gap:5px;font-size:9.5px;font-weight:700;display:grid}.auth-card form>label+.auth-input{margin-top:-8px}.auth-input{color:#94a3b8;border:1px solid var(--auth-border-strong);background:#f8fafc;border-radius:9px;align-items:center;gap:8px;min-height:43px;padding:0 10px;transition:all .15s;display:flex}.auth-input:focus-within{color:var(--auth-primary);background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f621}.auth-input input{min-width:0;height:39px;color:var(--auth-text);background:0 0;border:0;outline:0;flex:1;font-size:11px}.auth-input button{width:28px;height:28px;color:var(--auth-muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.auth-input button:hover{color:var(--auth-primary);background:#e1f1f5}.auth-form__options{justify-content:space-between;align-items:center;gap:10px;display:flex}.auth-form__options label{color:var(--auth-muted);align-items:center;gap:6px;font-size:8.5px;display:flex}.auth-form__options button,.auth-form__options a{color:var(--auth-primary);background:0 0;border:0;padding:0;font-size:8.5px;font-weight:750;text-decoration:none}.auth-form__options a:hover,.auth-form__options a:focus-visible{text-decoration:underline}.auth-field-help{color:var(--auth-muted);margin-top:-9px;font-size:8px;line-height:1.4}.auth-message{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:7px;padding:8px 9px;font-size:8.5px;line-height:1.4}.auth-message--info{color:var(--auth-info-text);background:var(--auth-info-bg);border-color:#93c5fd}.auth-submit,.auth-demo{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:8px 13px;font-size:10.5px;font-weight:750;text-decoration:none;display:flex}.auth-submit{color:#fff;background:var(--auth-primary);border:1px solid var(--auth-primary);margin-top:2px}.auth-submit:hover{background:var(--auth-primary-hover);transform:translateY(-1px);box-shadow:0 8px 18px #00476333}.auth-demo{color:var(--auth-primary);background:0 0;border:1px solid #0000}.auth-demo:hover{background:#e1f1f5}.first-access-success{text-align:center;justify-items:center;gap:10px;padding:12px 0 4px;display:grid}.first-access-success__icon{color:#047857;background:#d1fae5;border:1px solid #6ee7b7;border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:3px;display:grid}.first-access-success h2{color:var(--auth-navy);letter-spacing:-.02em;font-size:21px}.first-access-success p{max-width:320px;color:var(--auth-muted);font-size:10.5px;line-height:1.55}.first-access-success .auth-submit{width:100%;margin-top:9px}.auth-legal{width:min(430px,100%);color:var(--auth-muted);text-align:center;margin-top:16px;font-size:8px;line-height:1.5}.resource-state{min-height:88px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:9px;padding:18px;font-size:10.5px;display:flex}.resource-state[aria-busy=true] svg{color:var(--primary);animation:.9s linear infinite auth-spin}.resource-state--error{color:var(--danger-text);background:var(--danger-bg);border:1px solid color-mix(in srgb, var(--danger) 28%, var(--border));border-radius:9px}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-summary-grid article{background:var(--panel);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex}.admin-summary-grid article>div:last-child{min-width:0;display:grid}.admin-summary-grid small,.admin-summary-grid span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.admin-summary-grid strong{color:var(--text-strong);font-size:19px}.admin-table code,.permission-table code{color:var(--info-text);background:var(--info-bg);border-radius:4px;padding:3px 5px;font-size:8.5px}.user-cell{align-items:center;gap:9px;min-width:180px;display:flex}.user-cell>span{width:32px;height:32px;color:var(--primary);background:var(--primary-soft);border-radius:8px;flex:0 0 32px;place-items:center;font-size:8.5px;font-weight:850;display:grid}.user-cell>div{min-width:0}.tag-list{flex-wrap:wrap;gap:4px;display:flex}.tag-list span{color:var(--neutral-text);background:var(--neutral-bg);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:3px 6px;font-size:8px}.group-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.group-card{background:var(--panel);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);border-radius:13px;gap:8px;padding:15px;display:grid}.group-card header{justify-content:space-between;align-items:center;gap:9px;display:flex}.group-card__icon{width:38px;height:38px;color:var(--info-text);background:var(--info-bg);border-radius:9px;place-items:center;display:grid}.group-card__icon--purple{color:var(--purple-text);background:var(--purple-bg)}.group-card__icon--warning{color:var(--warning-text);background:var(--warning-bg)}.group-card__icon--success{color:var(--success-text);background:var(--success-bg)}.group-card h2{color:var(--text-strong);font-size:12px}.group-card>p{min-height:42px;color:var(--muted);font-size:9px;line-height:1.5}.group-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.group-card dl>div{background:var(--panel-muted);border-radius:7px;gap:2px;padding:8px;display:grid}.group-card dt{color:var(--muted);font-size:8px}.group-card dd{color:var(--text-strong);font-size:13px;font-weight:750}.rbac-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.rbac-flow__item{text-align:center;justify-items:center;gap:4px;padding:13px;display:grid;position:relative}.rbac-flow__item>span{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;display:grid}.rbac-flow__item>svg{color:var(--border-strong);position:absolute;top:28px;right:-12px}.rbac-flow__item strong{font-size:10px}.rbac-flow__item small{color:var(--muted);font-size:8px;line-height:1.35}.permissions-layout{grid-template-columns:minmax(260px,.35fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.permission-group-list{gap:5px;display:grid}.permission-group-list>button{min-width:0;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:8px;display:grid}.permission-group-list>button:hover,.permission-group-list>button.is-active{background:var(--primary-soft);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.permission-group-list .group-card__icon{width:34px;height:34px}.permission-group-list>button>span:nth-child(2){min-width:0;display:grid}.permission-group-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.permission-group-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.permission-switch{width:36px;height:20px;display:inline-block;position:relative}.permission-switch input{opacity:0;position:absolute}.permission-switch>span:first-of-type{background:var(--border-strong);border-radius:999px;transition:all .15s;position:absolute;inset:0}.permission-switch>span:first-of-type:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a40}.permission-switch input:checked+span{background:var(--primary)}.permission-switch input:checked+span:after{transform:translate(16px)}.permission-switch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.permission-switch input:disabled+span{cursor:not-allowed;opacity:.7}@media (max-width:1120px){.auth-page{grid-template-columns:minmax(360px,.8fr) minmax(410px,1.2fr)}.auth-story h1{font-size:38px}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:880px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-form-side{min-height:100vh}.auth-mobile-brand{display:flex}.permissions-layout{grid-template-columns:1fr}.permission-group-list,.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.auth-form-side{padding:18px 12px}.auth-card{border-radius:14px;padding:22px 18px}.auth-form__options{flex-direction:column;align-items:flex-start}.group-grid,.rbac-flow,.permission-group-list,.admin-summary-grid{grid-template-columns:1fr}.rbac-flow__item>svg{top:auto;bottom:-12px;right:50%;transform:rotate(90deg)translate(50%)}.admin-table th:nth-child(3),.admin-table td:nth-child(3),.admin-table th:nth-child(4),.admin-table td:nth-child(4),.permission-table th:first-child,.permission-table td:first-child,.permission-table th:nth-child(3),.permission-table td:nth-child(3){display:none}}