:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162033;background:#e7ebf0;--ink: #162033;--muted: #667085;--panel: #ffffff;--panel-soft: #f7f9fc;--line: #d8dee8;--console: #17202b;--console-2: #202b38;--accent: #2563eb;--amber: #e0a21a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#f5f7fa,#e7ebf0 55%,#dce2e9)}html,#root{height:100%;overflow:hidden}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid #c8d0dc;border-radius:5px;padding:0 12px;color:var(--ink);background:linear-gradient(180deg,#fff,#f3f6fa);cursor:pointer;font-weight:800;box-shadow:0 1px 1px #10203314}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;min-height:34px;border:1px solid #c8d0dc;border-radius:5px;padding:6px 9px;color:var(--ink);background:#fff}label{display:grid;gap:5px;min-width:0;color:#536072;font-size:12px;font-weight:700}.login-shell{height:100%;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;overflow:auto;background-color:#dceaf7;background-image:url(/assets/flowtest-auth-background-B0TYLplG.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.login-panel{width:min(460px,100%);border:1px solid #d0d7e2;border-radius:8px;padding:28px;background:#fff;box-shadow:0 18px 40px #1020331f}.session-restore-panel{display:grid;gap:24px}.session-restore-state{display:flex;align-items:flex-start;gap:14px;border:1px solid #c7d7fe;border-radius:7px;padding:16px;color:#173a6b;background:#f5f8ff}.session-restore-state.is-error{border-color:#fecdca;color:#8f1d18;background:#fff8f7}.session-restore-state.is-loading>svg{flex:0 0 auto;animation:flowtest-spin .9s linear infinite}.session-restore-state strong,.session-restore-state p,.session-restore-state small{display:block}.session-restore-state strong{color:#102033;font-size:16px}.session-restore-state p{margin:4px 0 0;color:#475467;font-size:13px;font-weight:700;line-height:1.4}.session-restore-state small{margin-top:8px;line-height:1.35}.session-restore-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@keyframes flowtest-spin{to{transform:rotate(360deg)}}.spin{animation:flowtest-spin .85s linear infinite}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:2px solid #102033;border-radius:50%;color:#102033;font-weight:900}.brand-lockup h1{margin:0;color:#101828;font-size:30px;letter-spacing:0}.brand-lockup p{margin:3px 0 0;color:#475467;font-weight:700}.login-form{display:grid;gap:14px;margin-top:28px}.form-error{border:1px solid #fecdca;border-radius:6px;padding:10px 12px;color:#b42318;background:#fffbfa}.form-success,.login-help{display:flex;align-items:flex-start;gap:9px;border:1px solid #b7e3c6;border-radius:6px;padding:10px 12px;color:#027a48;background:#ecfdf3;font-size:13px;font-weight:800;line-height:1.35}.login-help{border-color:#c7d7fe;color:#1d4ed8;background:#eff4ff}.form-success svg,.login-help svg{flex:0 0 auto;margin-top:1px}.secondary-action,.link-action{min-height:38px}.secondary-action{color:#10233d;background:linear-gradient(180deg,#fff,#f7f9fc)}.link-action{border:0;min-height:28px;padding:0;color:#1d4ed8;background:transparent;box-shadow:none}.link-action:hover{text-decoration:underline}.app-shell{width:min(1740px,100%);height:100dvh;margin:0 auto;padding:9px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:7px;overflow:hidden}.topbar,.overview-strip,.chart-panel,.tool-panel{border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 12px 30px #1b273614}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 12px;color:#fff;border-color:#273445;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent),linear-gradient(90deg,#111923,#1c2938 56%,#263343);box-shadow:0 12px 26px #0b121c38}.compact-brand .brand-mark{width:38px;height:38px;font-size:13px;border-color:#123a6f47;color:#123a6f;background:#fff;box-shadow:0 2px 5px #123a6f24}.brand-mark.brand-mark-image{overflow:hidden;background:#f7f9fc}.brand-mark-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.brand-mark span{display:block;transform:translateY(-1px)}.compact-brand h1{font-size:22px;color:#fff}.compact-brand p{font-size:12px;color:#aeb9c8;letter-spacing:.02em}.brand-company-name{letter-spacing:-.01em}.brand-company-fel{color:#d99a12}.brand-company-group{color:#123a6f}.topbar .brand-company-group{color:#fff}.topbar-controls{display:grid;grid-template-columns:max-content 110px 186px 36px;align-items:center;justify-content:flex-end;gap:9px}.device-preference-control{display:grid;grid-template-columns:minmax(0,max-content) 36px;align-items:center;gap:6px;min-width:0}.device-select{display:grid;align-items:center;grid-template-columns:16px minmax(0,1fr);gap:10px;width:max-content;min-height:36px;color:#d7dee9}.device-select select{width:var(--device-select-width, 19ch);min-width:0;max-width:min(56ch,calc(100vw - 760px));text-align:center;text-align-last:center}.status-pill,.role-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:32px;border-radius:999px;padding:0 11px;font-size:12px;font-weight:800;text-transform:uppercase;white-space:nowrap}.status-pill.online{color:#027a48;background:#ecfdf3}.status-pill.offline{color:#ffdad6;background:#d92d2033}.status-pill.warning,.status-pill.connecting{color:#b54708;background:#fffaeb}.role-pill{min-width:0;color:#d8e7ff;background:#2563eb2e}.icon-button{width:36px;padding:0}.default-device-button{min-width:36px;color:#344054}.default-device-button.is-default{border-color:#fdb022;color:#b54708;background:#fffaeb}.default-device-button.is-default svg{fill:currentColor}.overview-strip{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(360px,1fr) minmax(420px,max-content);gap:12px;min-height:36px;padding:7px 12px;color:#344054;font-size:13px;font-weight:700}.overview-strip div{display:flex;align-items:center;gap:8px;min-width:0}.overview-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-strip div:last-child{justify-self:end;min-width:420px}.overview-strip div:last-child span{overflow:visible;text-overflow:clip}.hmi-tabs{display:flex;align-items:center;gap:6px;min-height:38px;border:1px solid var(--line);border-radius:7px;padding:4px;background:linear-gradient(180deg,#fff,#f4f7fb);box-shadow:0 8px 18px #1b27360f}.hmi-tabs button{min-height:28px;border-color:transparent;padding:0 14px;color:#536072;font-size:13px;font-weight:900;background:transparent;box-shadow:none}.hmi-tabs button.active{color:#fff;background:linear-gradient(180deg,#203147,#111923);box-shadow:0 6px 14px #11192333}.workspace{min-height:0;overflow:hidden}.operation-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(390px,31vw,520px);gap:10px;height:100%;min-height:0}.operation-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0}.telemetry-strip{display:grid;grid-template-columns:150px 132px 140px minmax(140px,1fr);align-items:stretch;gap:8px;min-height:68px}.kpi-tile{border:1px solid var(--line);border-radius:7px;background:linear-gradient(180deg,#fff,#f5f7fa);box-shadow:0 8px 18px #1b27360f}.kpi-tile{display:grid;align-content:center;gap:1px;padding:10px 12px}.kpi-tile span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.kpi-tile strong{color:var(--ink);font-size:28px;line-height:1}.kpi-tile small{color:#536072;font-size:11px;font-weight:900}.side-gauges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.panel-view{height:100%;min-height:0;overflow:hidden}.gauge-card{min-width:0;min-height:0;border:1px solid #d7dee8;border-radius:8px;padding:10px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:7px;background:linear-gradient(180deg,#fffffff0,#f6f8fbf5),#fff;box-shadow:inset 0 4px #98a2b3,0 12px 24px #1b273614;overflow:hidden}.gauge-card.selected{box-shadow:inset 0 4px #2563eb}.gauge-card.warning{border-color:#f79009;box-shadow:inset 0 4px #f79009}.gauge-card.calibration{border-color:#93c5fd;box-shadow:inset 0 4px #2563eb}.gauge-header{display:grid;gap:6px;min-width:0}.gauge-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.gauge-identity{min-width:0}.gauge-scale-control{display:grid;grid-template-columns:auto max-content;align-items:center;justify-content:space-between;gap:6px;width:100%;color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.gauge-scale-control input{width:72px;min-height:30px;padding:2px 5px;font-size:11px;font-weight:800;text-align:right}.scale-input-row{display:flex;align-items:center;gap:5px}.scale-default-button{width:26px;min-width:26px;min-height:26px;padding:0;color:#344054;background:linear-gradient(180deg,#fff,#eef3f8)}.scale-default-button:hover{border-color:#8aa4c2;color:#1849a9}.gauge-header h2{margin:0;color:#182230;font-size:15px}.channel-subline{display:block;margin-top:2px;color:#667085;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-toggle{min-height:26px;padding:0 8px;color:var(--channel);font-size:11px;font-weight:800;background:#fff}.chip-toggle[aria-pressed=true]{color:#fff;border-color:var(--channel);background:var(--channel)}.gauge-visual-frame{position:relative;min-height:0;border:1px solid #e1e7ef;border-radius:7px;padding:7px;background:linear-gradient(180deg,#f9fbfd,#eef3f8);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #1018280a;display:grid;place-items:center}.gauge-recording-alert{position:absolute;top:7px;left:50%;z-index:2;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 16px);min-height:20px;padding:3px 8px;color:#fff;font-size:9px;font-weight:900;line-height:1;text-transform:uppercase;white-space:nowrap;pointer-events:none;border:1px solid #b42318;border-radius:4px;background:#d92d20;box-shadow:0 2px 7px #b4231847;transform:translate(-50%);animation:gauge-recording-pulse 1.15s ease-in-out infinite}.gauge-recording-icon{flex:0 0 auto;filter:drop-shadow(0 0 2px rgba(255,255,255,.45))}@keyframes gauge-recording-pulse{0%,to{opacity:1}50%{opacity:.42}}@media(prefers-reduced-motion:reduce){.gauge-recording-alert{animation:none}}.gauge-svg{display:block;width:100%;height:auto;max-width:238px;max-height:100%;aspect-ratio:180 / 130}.gauge-track,.gauge-fill{fill:none;stroke-linecap:round;stroke-width:11}.gauge-track{stroke:#dce3ed}.gauge-fill{stroke:#f5b52e}.gauge-needle{stroke:#202b38;stroke-width:4;stroke-linecap:round}.gauge-needle-shadow{stroke:#1018282e;stroke-width:7;stroke-linecap:round}.gauge-tick{stroke:#98a2b3;stroke-width:1.2;stroke-linecap:round}.gauge-tick.major{stroke:#536072;stroke-width:2}.gauge-hub-outer{fill:#fff;stroke:#98a2b3;stroke-width:2}.gauge-hub{fill:#e0a21a;stroke:#fff;stroke-width:1.5}.gauge-svg text{fill:#344054;font-size:11px;font-weight:800}.gauge-scale-label rect{fill:#ffffffeb;stroke:#98a2b380;stroke-width:.8}.gauge-scale-label text{fill:#101828;font-size:10px;font-weight:900}.gauge-value-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.gauge-value-main{display:inline-flex;align-items:baseline;gap:7px;min-width:0}.gauge-value-main strong{color:#101828;font-size:clamp(24px,2vw,34px);line-height:1}.gauge-value-main span{color:#344054;font-weight:900}.gauge-value-row small{margin-left:auto;max-width:100%;overflow:hidden;color:#667085;font-weight:800;text-align:right;text-overflow:ellipsis;white-space:nowrap}.gauge-value-row small.normal{color:#027a48}.gauge-value-row small.fault{color:#b42318}.gauge-value-row small.calibration{color:#1849a9}.gauge-card.calibration .gauge-value-row{display:grid;grid-template-columns:minmax(0,1fr) max-content}.gauge-card.calibration .gauge-value-main{gap:4px;overflow:hidden}.gauge-card.calibration .gauge-value-main strong{font-size:clamp(21px,1.65vw,30px)}.gauge-card.calibration .gauge-value-main span{font-size:12px}.gauge-card.calibration .gauge-value-row small{min-width:0;margin-left:0;font-size:10px}.chart-panel{min-height:0;padding:8px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7f9fc)}.chart-panel-compact{min-height:0;height:100%;border:1px solid #d8dee8;border-radius:8px;padding:8px}.chart-panel-compact .chart-title-block{display:none}.chart-panel-compact .chart-header{justify-content:flex-end}.chart-panel-compact .trend-chart .time-axis-label,.chart-panel-compact .trend-chart .y-axis-label{fill:#06152b;font-size:13px;font-weight:950}.chart-panel-compact .trend-chart .y-axis-unit,.chart-panel-compact .trend-chart .x-axis-unit{display:block;font-size:11px}.chart-panel-compact .chart-empty-label{font-size:14px}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.chart-header-controls-only{justify-content:flex-end}.chart-title-block{min-width:220px}.chart-title-block h2{margin:0;color:#06152b;font-size:18px;line-height:1.1}.chart-title-block p{margin:3px 0 0;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase}.chart-toolbar{display:grid;grid-template-columns:48px 266px;align-items:center;justify-content:flex-end;gap:8px;min-width:322px;flex-shrink:0}.chart-toolbar.has-start{grid-template-columns:minmax(0,1fr) 48px 266px;width:100%;min-width:0}.chart-toolbar-start{justify-self:start;min-width:0}.chart-toolbar-label,.chart-sample-count{color:#667085;font-size:11px;font-weight:900;text-transform:uppercase}.chart-sample-count{width:116px;text-align:right;font-variant-numeric:tabular-nums}.range-segmented{display:flex;align-items:center;gap:3px;flex:0 0 auto;width:266px;border:1px solid #d8dee8;border-radius:7px;padding:3px;background:linear-gradient(180deg,#f5f7fb,#e8eef6)}.range-segmented button{width:48px;min-height:25px;border-color:transparent;border-radius:5px;padding:0;color:#536072;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums;background:transparent;box-shadow:none}.range-segmented button.active{color:#fff;background:linear-gradient(180deg,#26384f,#111923);box-shadow:0 4px 10px #1119232e}.trend-chart-shell{--trend-shell-padding: 6px;position:relative;min-height:0;border:1px solid #d5dde8;border-radius:8px;padding:var(--trend-shell-padding);background:#f7fbff;box-shadow:inset 0 1px #ffffffe6,0 16px 34px #0f172a14}.trend-chart{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:0;border-radius:5px}.trend-line-canvas{position:absolute;z-index:2;inset:var(--trend-shell-padding);width:calc(100% - (2 * var(--trend-shell-padding)));height:calc(100% - (2 * var(--trend-shell-padding)));display:block;pointer-events:none}.trend-chart[aria-busy=true]+.trend-line-canvas{visibility:hidden}.chart-canvas{fill:#f7fbff}.chart-title-band{fill:#fff}.chart-title-divider{stroke:#d8dee8;stroke-width:1}.chart-plot-title{fill:#06152b;font-size:12px;font-weight:900;letter-spacing:0}.chart-plot-subtitle{fill:#475467;font-size:7.5px;font-weight:900;text-transform:uppercase}.plot-surface{fill:url(#plot-bg)}.plot-shine{fill:url(#plot-vignette);opacity:.24}.plot-frame{fill:transparent;stroke:#94a3b8;stroke-width:1}.grid-line{stroke:#d8dee8;stroke-width:1}.grid-line.vertical{stroke:#e8edf4}.current-pressure-guide{pointer-events:none;stroke:#94a3b8;stroke-width:1;stroke-dasharray:4 5;stroke-linecap:round;opacity:.42}.trend-chart text{fill:#06152b;font-size:11px;font-weight:700}.trend-chart .time-axis-label{fill:#06152b;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.trend-chart .y-axis-label{fill:#06152b;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}.trend-chart .y-axis-unit,.trend-chart .x-axis-unit{fill:#334155;font-size:10px;font-weight:900;letter-spacing:0}.current-pressure-marker{pointer-events:none;transform-box:view-box;transform-origin:0 0;transition:transform 80ms linear}.current-pressure-marker rect{fill:var(--marker-color);stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 3px 5px rgba(15,23,42,.2))}.current-pressure-marker path{fill:var(--marker-color)}.current-pressure-marker text{fill:#fff;font-size:11px;font-weight:950;font-variant-numeric:tabular-nums}.trend-line{fill:none;stroke:var(--line-color);stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.trend-line-shadow{fill:none;stroke:var(--line-color);stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;opacity:.12}.trend-moving-lines{transform-box:view-box;transform-origin:0 0;will-change:transform}.chart-empty-label{fill:#64748b;font-size:13px;font-weight:800;letter-spacing:0}.chart-loading-state text{fill:#475467;font-size:13px;font-weight:800;letter-spacing:0}.chart-loading-track,.chart-loading-spinner{fill:none;stroke-width:3}.chart-loading-track{stroke:#dbe7f3}.chart-loading-spinner{stroke:#2563eb;stroke-linecap:round;stroke-dasharray:58 30;transform-box:fill-box;transform-origin:center;animation:flowtest-spin .85s linear infinite}@media(prefers-reduced-motion:reduce){.chart-loading-spinner{animation-duration:1.8s}}.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#344054;font-size:12px;font-weight:800}.chart-legend span{display:inline-flex;align-items:center;gap:7px;border:1px solid #e4e7ec;border-radius:999px;padding:4px 10px;background:#fff;box-shadow:0 4px 10px #1b27360a;font-variant-numeric:tabular-nums}.chart-legend .muted{opacity:.42}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.chart-legend b{color:#182230;font-size:12px}.tool-panel{min-width:0;height:100%;min-height:0;padding:12px;overflow:hidden}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.channel-config{border:1px solid #e4e7ec;border-radius:7px;padding:8px;background:#f9fafb}.channel-config h3{margin:0 0 8px;font-size:13px}.channel-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.channel-config h3{grid-column:1 / -1}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.primary-action{border-color:#1849a9;color:#fff;background:linear-gradient(180deg,#3478f6,#1f5fd1);box-shadow:0 8px 16px #2563eb38}.test-panel{display:grid;grid-template-rows:80px minmax(0,1fr);gap:8px;min-height:0;padding:8px;background:linear-gradient(135deg,#fffffff5,#f5f8fcf5),#fff}.test-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);grid-template-rows:minmax(0,1fr);gap:8px;min-height:0}.test-form-card{grid-template-rows:auto auto auto;align-content:stretch}.test-report-card{grid-template-rows:auto auto auto minmax(0,1fr);align-content:start}.test-summary-grid{grid-template-columns:116px 88px 96px}.test-summary-grid div:nth-child(1){border-color:#c7d7fe;background:#eef4ff}.test-summary-grid div:nth-child(2){color:#1849a9;border-color:#c7d7fe;background:#eff6ff}.test-summary-grid div:nth-child(3){color:#344054;border-color:#d8dee8;background:linear-gradient(180deg,#fff,#f5f8fc)}.test-summary-grid strong{font-size:16px}.test-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:8px;min-height:0;align-content:start;overflow:hidden}.test-channel-section{grid-column:1 / -1}.test-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.test-channel-card{position:relative;display:grid;justify-items:start;gap:3px;min-width:0;min-height:66px;border:1px solid #d8dee8;border-radius:8px;padding:9px 10px;color:#475467;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:none;text-align:left}.test-channel-card span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.test-channel-card strong{color:#06152b;font-size:14px;line-height:1.1}.test-channel-card small{overflow:hidden;max-width:100%;color:#536072;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.test-channel-card svg{position:absolute;top:8px;right:8px;color:#2563eb}.test-channel-card.selected{border-color:#94b8ff;background:linear-gradient(180deg,#fff,#f4f7ff);box-shadow:inset 3px 0 #2563eb,0 10px 20px #2563eb12}.test-channel-card.recording{border-color:#b7d7c5;background:linear-gradient(180deg,#fff,#f1fbf5)}.test-channel-card.paused{border-color:#fedf89;background:linear-gradient(180deg,#fff,#fffbeb)}.test-channel-card.finished{border-color:#c7d7fe}.test-form-section{display:grid;gap:8px;min-width:0;min-height:0;border:1px solid #d8dee8;border-radius:8px;padding:9px;background:linear-gradient(180deg,#fff,#f8fafc)}.test-form-section>div:first-child span,.test-report-status span,.test-capture-strip span,.test-report-note strong{color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.test-form-section>div:first-child strong{color:#06152b;font-size:14px;line-height:1.1}.test-form-section label{gap:4px;font-size:11px;font-weight:850}.test-form-section input{min-height:31px;font-size:12px;font-weight:800}.test-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.test-input-unit{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:5px}.test-input-unit strong{display:grid;place-items:center;min-height:31px;border:1px solid #d8dee8;border-radius:6px;color:#536072;background:#eef3f8;font-size:10px;font-weight:900}.test-live-card{display:grid;gap:2px;border:1px solid #e4e7ec;border-radius:7px;padding:8px;background:#f8fafc}.test-live-card span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.test-live-card strong{color:#06152b;font-size:15px}.test-live-card small{overflow:hidden;color:#475467;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.test-capture-strip{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;min-height:70px;border:1px solid #b9d6c6;border-radius:8px;padding:10px 12px;background:linear-gradient(90deg,#ecfdf3f2,#f8fafcf5),#fff}.test-capture-strip>div:first-child{display:grid;gap:2px;min-width:0}.test-capture-strip strong{color:#06152b;font-size:13px}.test-capture-strip small{overflow:hidden;color:#475467;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.test-action-row{display:flex;align-items:center;gap:7px;min-width:0}.test-action-row button{min-height:36px;white-space:nowrap}.test-report-status article{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:56px;border:1px solid #d8dee8;border-radius:8px;padding:8px 10px;background:linear-gradient(180deg,#fff,#f8fafc)}.test-report-status svg{color:#2563eb}.test-report-status article div{display:grid;gap:3px;min-width:0}.test-report-status strong{overflow:hidden;color:#06152b;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.test-document-actions{display:grid;grid-template-columns:1fr;gap:7px}.test-report-note{display:grid;gap:6px;align-content:start;border:1px solid #d8dee8;border-radius:8px;padding:10px;color:#475467;background:linear-gradient(180deg,#fff,#f8fafc)}.test-report-note span{font-size:12px;font-weight:760;line-height:1.35}.test-panel{grid-template-rows:80px minmax(0,1fr);padding:8px}.test-layout{grid-template-columns:minmax(0,1.42fr) minmax(330px,.58fr);gap:8px;min-height:0}.test-summary-grid{grid-template-columns:116px 82px 104px}.test-summary-grid strong{font-size:18px;line-height:1}.test-form-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:9px;overflow:hidden}.test-report-card{display:grid;grid-template-rows:auto auto auto;align-content:stretch;gap:10px;overflow:hidden}.test-report-card .test-report-status{display:none}.test-report-chart{display:grid;grid-template-rows:auto auto;gap:12px;min-height:0;border:1px solid #cfd8e6;border-radius:8px;box-sizing:border-box;padding:14px 16px 34px;overflow:hidden;background:linear-gradient(180deg,#fff,#f6f9fd),#fff;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #0f172a0d}.test-report-chart>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.test-report-chart span{overflow:hidden;color:#667085;font-size:10px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.test-report-chart strong{overflow:hidden;color:#06152b;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.test-report-plot{display:block;box-sizing:border-box;width:100%;height:220px;min-height:0;overflow:hidden;border:1px solid #cfd8e6;border-radius:8px;margin-bottom:10px;padding:12px 14px 14px;background:linear-gradient(180deg,#fff,#f7f9fc),#fff;box-shadow:inset 0 0 0 1px #fffc,inset 0 -16px 28px #0f172a09}.test-report-chart svg{width:100%;min-width:0;height:100%;min-height:0;display:block;border-radius:6px;background:transparent;box-shadow:none}.test-report-chart rect{fill:#fff;stroke:#47556961}.test-report-chart rect.test-range-band{fill:#2563eb1f;stroke:#2563eb2e}.test-report-chart line{stroke:#4755692e;stroke-width:1}.test-report-chart line.vertical{stroke:#4755691f}.test-report-chart line.current-time{stroke:#0f172a70;stroke-dasharray:4 5;stroke-width:1.3}.test-report-chart line.axis-leader{stroke:url(#test-report-axis-gradient);stroke-linecap:round;stroke-width:1.15;opacity:.72}.test-report-chart path{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(37,99,235,.22))}.test-report-chart text{fill:#06152b;font-size:9px;font-weight:850}.test-report-chart text.axis-label{fill:#06152b;font-weight:950}.test-report-chart text.empty{fill:#64748b;font-size:12px}.test-report-card .test-report-note{display:none}.test-report-card .test-document-actions{gap:8px;border:1px solid #d8dee8;border-radius:8px;padding:9px;background:linear-gradient(180deg,#fff,#f7f9fc),#fff;box-shadow:inset 0 1px #ffffffe6}.test-output-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:62px;border:1px solid #d8dee8;border-radius:8px;padding:7px;background:linear-gradient(180deg,#edf3f9,#f8fafc),#f8fafc;box-shadow:inset 0 1px #ffffffd1}.test-output-tabs button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto auto;align-content:center;gap:3px 10px;min-width:0;min-height:48px;border:1px solid #d9e2ee;border-radius:7px;padding:8px 12px;color:#475467;background:linear-gradient(180deg,#fff,#f7f9fc);box-shadow:0 1px 2px #1018280a,inset 0 1px #ffffffe6;text-align:left;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.test-output-tabs button:before{content:"";position:absolute;inset:8px auto 8px 0;width:3px;border-radius:0 999px 999px 0;background:#c7d3e2}.test-output-tabs button:hover:not(:disabled){border-color:#b9c8dc;background:linear-gradient(180deg,#fff,#f2f6fb);box-shadow:0 6px 14px #10182814,inset 0 1px #ffffffeb}.test-output-tabs button span,.test-output-tabs button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-output-tabs button span{grid-column:1;grid-row:1;color:#536072;font-size:8.5px;font-weight:900;line-height:1;text-transform:uppercase}.test-recording-badge{display:inline-grid;grid-template-columns:auto auto;align-self:center;justify-self:end;align-items:center;gap:5px;overflow:hidden;max-width:112px;border:1px solid rgba(220,38,38,.24);border-radius:999px;padding:4px 8px;color:#b42318;background:#fff1f0;font-size:9.5px;font-weight:900;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;animation:test-rec-pulse 1s ease-in-out infinite}.test-output-tabs button .test-recording-state{grid-column:2;grid-row:1 / 4;display:grid;align-self:center;justify-self:end;justify-items:end;gap:4px;min-width:0;overflow:visible;white-space:normal}.test-output-tabs button .test-recording-remaining{grid-column:auto;grid-row:auto;overflow:visible;color:#b42318;font-size:8px;font-weight:900;line-height:1;text-overflow:clip;text-transform:none;white-space:nowrap}.test-recording-badge i{width:7px;height:7px;border-radius:999px;background:#dc2626;box-shadow:0 0 0 3px #dc262624}.test-limit-badge{border-color:#b5470847;color:#93410b;background:#fff7ed;animation:none}.test-limit-badge i{background:#d97706;box-shadow:0 0 0 3px #d9770626}.test-output-tabs button .test-limit-detail{color:#93410b}.test-paused-badge{border-color:#0f766e42;color:#0f766e;background:#f0fdfa;animation:none}.test-paused-badge i{background:#0f766e;box-shadow:0 0 0 3px #0f766e24}.test-output-tabs button .test-paused-detail{color:#0f766e}@keyframes test-rec-pulse{0%,to{opacity:1}50%{opacity:.48}}.test-output-tabs button small{grid-column:1;grid-row:2 / 4;color:#667085;font-size:9px;font-weight:800}.test-output-tabs button.active{border-color:#10263d;color:#fff;background:linear-gradient(180deg,#1c3149,#0f1e30);box-shadow:0 10px 18px #0f172a2e,inset 0 1px #ffffff24;transform:translateY(-1px)}.test-output-tabs button.active:hover:not(:disabled){border-color:#10263d;background:linear-gradient(180deg,#1c3149,#0f1e30);box-shadow:0 10px 18px #0f172a2e,inset 0 1px #ffffff24}.test-output-tabs button.active:before{background:#60a5fa}.test-output-tabs button.active span,.test-output-tabs button.active small{color:#fff}.test-output-tabs button.active .test-recording-badge{border-color:#fff3;color:#fff;background:#dc2626e0}.test-output-tabs button.active .test-recording-remaining{color:#fecaca}.test-output-tabs button.active .test-limit-badge{border-color:#ffffff3d;color:#fff;background:#b54708}.test-output-tabs button.active .test-limit-detail{color:#fed7aa}.test-output-tabs button.active .test-paused-badge{border-color:#ffffff3d;color:#fff;background:#0f766e}.test-output-tabs button.active .test-paused-detail{color:#99f6e4}.test-output-tabs button.recording:not(.active){border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff7f7)}.test-output-tabs button.recording:before{background:#dc2626}.test-output-tabs button.paused:not(.active){border-color:#99f6e4;background:linear-gradient(180deg,#fff,#f0fdfa)}.test-output-tabs button.paused:not(.active):before{background:#0f766e}.test-output-tabs button.limit-reached:not(.active){border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}.test-output-tabs button.limit-reached:not(.active):before{background:#d97706}.test-output-tabs button.finished:not(.active){border-color:#d9e2ee;background:linear-gradient(180deg,#fff,#f7f9fc)}.test-output-tabs button.finished:not(.active):before{background:#c7d3e2}.test-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(126px,auto));gap:8px;min-height:0;overflow:auto;padding-right:2px;scrollbar-gutter:stable}.test-form-section{display:grid;grid-template-rows:auto minmax(0,auto) minmax(0,auto);align-content:start;gap:8px;min-width:0;min-height:126px;border:1px solid #d8dee8;border-radius:8px;padding:9px 10px;background:linear-gradient(180deg,#fff,#f8fafc)}.test-form-section>div:first-child{display:grid;gap:2px;min-width:0}.test-form-section>div:first-child span{color:#667085;font-size:9px;font-weight:900;line-height:1;text-transform:uppercase}.test-form-section>div:first-child strong{overflow:hidden;color:#06152b;font-size:14px;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.test-form-section label{display:grid;gap:4px;min-width:0;color:#475467;font-size:10.5px;font-weight:850;line-height:1.1}.test-form-section input{width:100%;min-width:0;min-height:31px;font-size:12px;font-weight:800}.test-capture-strip{min-height:66px;padding:9px 12px}.test-capture-strip strong,.test-capture-strip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-action-row button{min-width:96px;min-height:36px}.test-report-status{display:grid;gap:7px}.test-report-status article{min-height:58px}.test-report-status strong{font-size:14px}.test-document-actions{display:grid;gap:7px}.test-document-actions button{min-height:38px}.systems-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;padding:8px;background:linear-gradient(135deg,#fffffff5,#f5f8fcf5),#fff}.systems-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:74px;border:1px solid #d8dee8;border-radius:8px;padding:12px 16px;background:linear-gradient(135deg,#fffffff5,#f1f6fcf5),#fff}.systems-hero span,.systems-card-heading span{color:#667085;font-size:11px;font-weight:900;text-transform:uppercase}.systems-hero h2,.systems-card-heading h3{margin:3px 0 0;color:#06152b;font-size:18px;font-weight:900;line-height:1.12;letter-spacing:0}.systems-hero h2{font-size:19px}.systems-hero p{margin:3px 0 0;color:#475467;font-size:13px;font-weight:750}.systems-summary-grid{display:grid;grid-template-columns:repeat(4,104px);gap:8px;align-items:stretch}.systems-summary-grid div{display:grid;gap:3px;place-items:center;min-width:0;border:1px solid #d8dee8;border-radius:8px;padding:9px 6px;background:linear-gradient(180deg,#fff,#f5f8fc)}.systems-summary-grid div:nth-child(2){border-color:#b7d7c5;color:#027a48;background:#ecfdf3}.systems-summary-grid .summary-warning{border-color:#fedf89;color:#93370d;background:#fffaeb}.systems-summary-grid strong{max-width:100%;overflow:hidden;color:#06152b;font-size:22px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.systems-summary-grid span{width:100%;overflow:hidden;color:#667085;font-size:9px;font-weight:900;line-height:1.1;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.systems-hero{align-items:stretch;min-height:74px;padding:12px 16px}.systems-hero>div:first-child{display:grid;align-content:center;gap:3px;min-width:0}.systems-hero>div:first-child>span{line-height:1}.systems-hero h2{margin:0;font-size:19px;line-height:1.12}.systems-hero p{margin:0;font-size:13px;line-height:1.25}.systems-summary-grid{align-self:stretch}.systems-summary-grid>div{height:54px;min-height:54px}.systems-hero-tools{display:flex;align-items:stretch;gap:8px;flex:0 0 auto}.systems-add-button{flex:0 0 194px;width:194px;min-width:194px;min-height:54px;align-self:stretch;white-space:nowrap}.systems-panel>.systems-hero h2,.config-panel>.systems-hero h2{font-size:19px}.systems-layout .systems-card-heading h3,.config-layout .systems-card-heading h3{font-size:18px}.systems-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"list archived";gap:8px;min-height:0}.systems-card{display:grid;gap:9px;min-width:0;min-height:0;border:1px solid #d8dee8;border-radius:8px;padding:10px;background:#fff;box-shadow:0 12px 28px #1b273612;overflow:hidden}.systems-card-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:-10px -10px 0;min-height:78px;border-bottom:1px solid #d8dee8;padding:12px 14px 12px 18px;background:linear-gradient(90deg,#eff6fff0,#f8fafcfa),#f8fafc}.systems-card-heading>svg{flex:0 0 auto;width:20px;height:20px;margin-top:0}.systems-card-heading:before{content:"";position:absolute;inset:12px auto 12px 0;width:4px;border-radius:0 999px 999px 0;background:#2563eb}.systems-archived-card .systems-card-heading,.config-read-card .systems-card-heading{background:linear-gradient(90deg,#f1f5f9fa,#f8fafcfa),#f8fafc}.systems-archived-card .systems-card-heading:before,.config-read-card .systems-card-heading:before{background:#64748b}.systems-card-heading p{margin:0;color:#475467;font-size:11px;font-weight:750;line-height:1.3}.systems-list-card{grid-area:list;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch}.systems-filter-bar{display:grid;grid-template-columns:minmax(210px,1fr) 140px 160px auto;align-items:end;gap:8px;border:1px solid #d8e0eb;border-radius:7px;padding:8px;background:#f8fafc}.systems-filter-bar label{display:grid;gap:4px;min-width:0}.systems-filter-bar label>span{color:#475467;font-size:10px;font-weight:900;line-height:1.1}.systems-filter-bar input,.systems-filter-bar select,.systems-filter-clear{box-sizing:border-box;width:100%;height:38px;min-height:38px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#142033;font:inherit;font-size:12px;font-weight:750}.systems-filter-bar select{padding:0 30px 0 10px}.systems-filter-search>div{position:relative}.systems-filter-search svg{position:absolute;top:50%;left:11px;z-index:1;color:#64748b;pointer-events:none;transform:translateY(-50%)}.systems-filter-search input{padding:0 10px 0 34px}.systems-filter-clear{width:auto;min-width:112px;padding:0 12px;cursor:pointer}.systems-filter-clear:disabled{color:#98a2b3;background:#f1f5f9;cursor:default}.systems-table{display:grid;gap:8px;min-height:0;align-content:start;overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}.system-row{display:grid;grid-template-columns:145px minmax(180px,1fr) 115px minmax(270px,.95fr);align-items:center;gap:10px;min-height:125px;border:1px solid #d8dee8;border-radius:8px;padding:10px 12px;background:linear-gradient(180deg,#fff,#f8fafc)}.system-row.selected{border-color:#94b8ff;background:linear-gradient(180deg,#fff,#f4f7ff);box-shadow:inset 3px 0 #2563eb,0 12px 22px #2563eb14}.system-status-cell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:center;gap:7px;min-width:0;overflow:hidden;color:#475467;font-size:11px;font-weight:900}.system-status-cell>div{display:grid;justify-items:start;gap:5px;width:100%;min-width:0;overflow:hidden}.system-status-cell strong{max-width:100%;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.system-status-cell .mqtt-credential-badge{width:100%;justify-content:center}.mqtt-credential-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid #d0d5dd;border-radius:999px;padding:2px 7px;overflow:hidden;color:#475467;background:#f8fafc;font-size:8px;font-weight:900;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mqtt-credential-badge.active{border-color:#abefc6;color:#067647;background:#ecfdf3}.mqtt-credential-badge.blocked{border-color:#fedf89;color:#93370d;background:#fffaeb}.mqtt-credential-badge.missing{border-color:#d0d5dd;color:#475467;background:#f2f4f7}.mqtt-credential-badge.unmanaged,.mqtt-credential-badge.unavailable{border-color:#fecdca;color:#b42318;background:#fff1f0}.system-dot{width:10px;height:10px;border-radius:50%;background:#98a2b3}.system-dot.online{background:#12b76a;box-shadow:0 0 0 4px #12b76a1f}.system-dot.offline{background:#d92d20;box-shadow:0 0 0 4px #d92d201a}.system-dot.warning,.system-dot.connecting{background:#f79009;box-shadow:0 0 0 4px #f790091f}.system-name-cell{display:grid;gap:4px;min-width:0}.system-name-cell input{min-height:32px;font-size:13px;font-weight:850}.system-name-cell small,.system-seen-cell span,.archived-system-row span{overflow:hidden;color:#667085;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.system-name-cell em{display:inline-flex;margin-left:8px;border-radius:999px;padding:2px 7px;color:#1849a9;background:#eef4ff;font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase}.system-seen-cell{display:grid;gap:4px;min-width:0}.system-seen-cell strong{overflow:hidden;color:#162033;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.system-actions-cell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px}.system-actions-cell button{width:100%;min-width:0;min-height:31px;padding:0 8px;font-size:10px;white-space:nowrap}.system-actions-cell .warning-action,.system-actions-cell .wifi-connect-action{grid-column:1 / -1}.system-actions-cell .wifi-connect-action{border-color:#b2ddff;color:#175cd3;background:#eff8ff}.system-actions-cell .wifi-connect-action:not(:disabled):hover{border-color:#53b1fd;color:#1849a9;background:#dff2ff}.systems-archived-card{grid-area:archived;align-self:stretch;grid-template-rows:auto minmax(0,1fr) auto}.systems-archive-list{display:grid;gap:8px;min-height:0;align-content:start;overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}.systems-archive-list p{margin:0;color:#667085;font-size:12px;font-weight:800}.archived-system-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.9fr);align-items:center;gap:10px;min-height:125px;border:1px solid #e4e7ec;border-radius:7px;padding:10px;background:#f8fafc;overflow:hidden}.archived-system-row div{display:grid;gap:2px;min-width:0}.archived-system-row strong{overflow:hidden;color:#162033;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.archived-status{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#475467;font-size:10px;font-weight:900;text-transform:uppercase}.archived-status .system-dot{width:8px;height:8px}.archived-system-row .mqtt-credential-badge{margin-top:4px}.archived-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;align-content:center;gap:5px;width:100%;min-width:0;max-width:100%}.archived-system-row button,.archived-actions button{width:100%;min-width:0;min-height:31px;max-width:100%;padding:0 8px;overflow:hidden;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.archived-actions button svg{flex:0 0 auto}.users-panel{height:100%}.users-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0}.users-layout>.systems-card{min-height:0;padding:10px}.users-list-card{grid-template-rows:auto minmax(0,1fr) auto}.users-results{display:flex;min-height:0;flex-direction:column;gap:8px;overflow:hidden}.users-results>.users-table{flex:1 1 auto}.users-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:8px;align-items:center}.users-search{display:flex;align-items:center;gap:8px;min-width:0;min-height:36px;border:1px solid #d0d5dd;border-radius:7px;padding:0 10px;color:#667085;background:#fff}.users-search:focus-within{border-color:#84adff;box-shadow:0 0 0 3px #2563eb17}.users-search input{width:100%;min-width:0;min-height:32px;border:0;padding:0;background:transparent;box-shadow:none}.users-search input:focus{box-shadow:none}.users-toolbar>button{min-height:36px}.users-notice,.users-error{display:flex;align-items:center;gap:8px;min-height:36px;border:1px solid #abefc6;border-radius:7px;padding:7px 10px;color:#067647;background:#ecfdf3;font-size:11px;font-weight:850}.users-error{border-color:#fecdca;color:#b42318;background:#fff1f0}.users-notice button{width:26px;min-width:26px;min-height:24px;margin-left:auto;border:0;padding:0;color:inherit;background:transparent}.users-table{display:grid;gap:8px;min-height:0;align-content:start;overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}.user-row{display:grid;grid-template-columns:46px minmax(190px,1.05fr) minmax(230px,1fr) 160px 184px;align-items:center;gap:12px;min-height:94px;border:1px solid #d8dee8;border-radius:8px;padding:10px 12px;background:linear-gradient(180deg,#fff,#f8fafc)}.user-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b2ccff;border-radius:50%;color:#1849a9;background:#eef4ff;font-size:12px;font-weight:950}.user-avatar.role-admin{border-color:#84adff;color:#1849a9;background:#dbe8ff}.user-avatar.role-operator{border-color:#abefc6;color:#067647;background:#ecfdf3}.user-avatar.role-viewer{border-color:#d0d5dd;color:#475467;background:#f2f4f7}.user-identity,.user-role-cell,.user-access-cell{display:grid;gap:4px;min-width:0}.user-identity>div{display:flex;align-items:center;gap:7px;min-width:0}.user-identity strong{overflow:hidden;color:#162033;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.user-identity span,.user-role-cell small,.user-access-cell span,.user-access-cell small{overflow:hidden;color:#667085;font-size:10px;font-weight:750;line-height:1.25;text-overflow:ellipsis}.user-identity span,.user-access-cell span,.user-access-cell small{white-space:nowrap}.user-identity em{flex:0 0 auto;border-radius:999px;padding:2px 7px;color:#1849a9;background:#eef4ff;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.user-role-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:96px;border:1px solid #d0d5dd;border-radius:999px;padding:4px 9px;color:#475467;background:#f8fafc;font-size:9px;font-weight:900;text-transform:uppercase}.user-role-badge.role-admin{border-color:#b2ccff;color:#1849a9;background:#eef4ff}.user-role-badge.role-operator{border-color:#abefc6;color:#067647;background:#ecfdf3}.user-access-cell strong{overflow:hidden;color:#162033;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-actions-cell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.user-actions-cell button{width:100%;min-width:0;min-height:34px;padding:0 8px;font-size:10px;white-space:nowrap}.users-empty-state{display:grid;min-height:130px;place-items:center;border:1px dashed #c8d0dc;border-radius:8px;color:#667085;background:#f8fafc;font-size:12px;font-weight:800}.credential-modal.user-modal{width:min(900px,calc(100vw - 32px))}.user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 12px}.user-form-grid label,.user-delete-body>label{display:grid;min-width:0;color:#344054;font-size:11px;font-weight:850}.user-form-grid .user-form-field{grid-template-rows:16px 42px 30px;gap:6px;align-content:start}.user-field-label{overflow:hidden;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.user-form-grid .user-form-field>input,.user-form-grid .user-form-field>select,.user-password-field,.user-password-field>input,.user-password-field>button{height:42px;min-height:42px}.user-form-grid .user-form-field>input,.user-form-grid .user-form-field>select,.user-password-field>input{min-width:0;font-size:13px;font-weight:750}.user-form-grid label>small{display:block;min-width:0;min-height:30px;overflow:hidden;color:#667085;font-size:9px;line-height:1.3}.user-password-field{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;gap:5px}.user-password-field button{width:42px;min-width:42px;padding:0}.user-role-preview{display:flex;align-items:center;gap:10px;border:1px solid #d8dee8;border-radius:8px;padding:10px 12px;color:#344054;background:#f8fafc}.user-role-preview.role-admin{border-color:#b2ccff;color:#1849a9;background:#f5f8ff}.user-role-preview.role-operator{border-color:#abefc6;color:#067647;background:#f6fef9}.user-role-preview>div{display:grid;gap:2px}.user-role-preview strong{font-size:11px}.user-role-preview span{font-size:10px;font-weight:700}.user-system-access{display:grid;gap:10px;border:1px solid #d8dee8;border-radius:8px;padding:12px;background:#fbfcfe}.user-system-access>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-system-access>header>div{display:grid;gap:2px;min-width:0}.user-system-access>header span{color:#667085;font-size:9px;font-weight:900}.user-system-access>header h4{margin:0;color:#162033;font-size:14px;line-height:1.2}.user-system-access>header p{margin:0;color:#667085;font-size:10px;font-weight:700;line-height:1.35}.user-system-access>header>strong{flex:0 0 auto;min-width:72px;border:1px solid #b2ccff;border-radius:999px;padding:5px 9px;color:#1849a9;background:#eef4ff;font-size:10px;text-align:center}.user-system-global-access{display:flex;align-items:center;gap:10px;min-height:52px;border-top:1px solid #e4e7ec;padding-top:10px;color:#1849a9}.user-system-global-access>div{display:grid;gap:2px}.user-system-global-access strong{font-size:11px}.user-system-global-access span{color:#475467;font-size:10px;font-weight:700}.user-system-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) auto auto;gap:7px}.user-system-toolbar>label{display:flex;align-items:center;gap:7px;min-width:0;min-height:34px;border:1px solid #d0d5dd;border-radius:7px;padding:0 9px;color:#667085;background:#fff}.user-system-toolbar input{width:100%;min-width:0;min-height:30px;border:0;padding:0;background:transparent;box-shadow:none}.user-system-toolbar input:focus{box-shadow:none}.user-system-toolbar>button{min-height:34px;padding:0 10px;font-size:9px;white-space:nowrap}.user-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;height:124px;min-height:124px;max-height:124px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable;scrollbar-color:#98a2b3 transparent;scrollbar-width:thin}.user-system-grid::-webkit-scrollbar{width:7px}.user-system-grid::-webkit-scrollbar-track{background:transparent}.user-system-grid::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#98a2b3;background-clip:padding-box}.user-system-grid>label{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;border:1px solid #d8dee8;border-radius:7px;padding:7px 9px;background:#fff;cursor:pointer}.user-system-grid>label.selected{border-color:#84adff;background:#f5f8ff;box-shadow:inset 3px 0 #2563eb}.user-system-grid input{width:15px;height:15px;margin:0;accent-color:#2563eb}.user-system-grid label>span{display:grid;gap:2px;min-width:0}.user-system-grid label strong,.user-system-grid label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-system-grid label strong{color:#162033;font-size:10px}.user-system-grid label small{color:#667085;font-size:9px;font-weight:700}.user-system-grid label em{color:#667085;font-size:8px;font-style:normal;font-weight:900}.user-system-grid label.selected em{color:#1849a9}.user-system-empty{grid-column:1 / -1;display:grid;min-height:64px;place-items:center;border:1px dashed #c8d0dc;border-radius:7px;color:#667085;font-size:10px;font-weight:800}.user-delete-body{display:grid;gap:14px}.user-delete-target{display:flex;align-items:center;gap:11px;border:1px solid #fecdca;border-radius:8px;padding:11px;background:#fff8f7}.user-delete-target>div:last-child{display:grid;gap:3px}.user-delete-target strong{color:#162033;font-size:13px}.user-delete-target span{color:#667085;font-size:10px;font-weight:750}.danger-action{border-color:#fecdca;color:#b42318;background:#fff1f0}.warning-action{border-color:#fedf89;color:#93370d;background:#fffaeb}.warning-action:not(:disabled):hover{border-color:#fdb022;color:#7a2e0e;background:#fef0c7}.danger-action:not(:disabled):hover{border-color:#f97066;color:#912018;background:#fee4e2}.systems-empty-state{display:flex;align-items:center;gap:8px;border:1px dashed #c8d0dc;border-radius:8px;padding:14px;color:#667085;font-size:13px;font-weight:850;background:#f8fafc}.credential-modal-backdrop{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#06152b94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.credential-modal{width:min(760px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid #cfd8e6;border-radius:8px;color:#0b1f3a;background:#fff;box-shadow:0 28px 80px #06152b47}.credential-modal-header{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:start;gap:12px;border-bottom:1px solid #d8e1ed;padding:18px 20px;background:linear-gradient(135deg,#f8fbff,#edf4fc)}.credential-modal-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#175cd3;background:#eaf2ff}.credential-modal-header span,.credential-code-heading span,.credential-secret-row>span{color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.credential-modal-header h3{margin:2px 0 3px;font-size:20px;line-height:1.15}.credential-modal-header p,.credential-security-note p,.credential-success p,.credential-result-footer p{margin:0;color:#475467;font-size:12px;font-weight:700;line-height:1.4}.credential-modal-close{display:grid;place-items:center;width:34px;min-width:34px;height:34px;padding:0}.credential-modal-body,.credential-result{display:grid;gap:14px;padding:18px 20px 20px}.wifi-setup-modal{display:grid;width:min(700px,100%);max-height:calc(100dvh - 32px);grid-template-rows:auto minmax(0,1fr);overflow:hidden}.wifi-setup-modal:focus{outline:none}.wifi-setup-modal-header{background:radial-gradient(circle at 88% 18%,rgba(23,92,211,.12),transparent 29%),linear-gradient(135deg,#f8fbff,#edf4fc)}.wifi-setup-modal-body{min-height:0;grid-template-columns:minmax(0,1fr) minmax(190px,210px);grid-template-areas:"steps fallback";align-items:stretch;gap:14px;padding:14px 18px 18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.wifi-setup-context{grid-area:context;display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);gap:12px;border:1px solid #d8e1ed;border-radius:9px;padding:12px 14px;background:#f8fafc}.wifi-setup-context>div{display:grid;min-width:0;gap:4px}.wifi-setup-context>div+div{border-left:1px solid #d8e1ed;padding-left:14px}.wifi-setup-context strong{overflow:hidden;color:#162033;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.wifi-setup-context>div>span:not(.wifi-setup-status),.wifi-setup-fallback>div>span{color:#667085;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.wifi-setup-context code{overflow-wrap:anywhere;color:#1849a9;font-size:13px;font-weight:850}.wifi-setup-context small,.wifi-setup-fallback small{color:#667085;font-size:10px;font-weight:700;line-height:1.4}.wifi-setup-status{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:900;text-transform:uppercase}.wifi-setup-status i{width:7px;height:7px;border-radius:50%}.wifi-setup-status.online{color:#027a48;background:#ecfdf3}.wifi-setup-status.online i{background:#12b76a;box-shadow:0 0 0 3px #12b76a24}.wifi-setup-status.offline{color:#475467;background:#eaecf0}.wifi-setup-status.offline i{background:#98a2b3}.wifi-setup-steps{grid-area:steps;display:grid;gap:6px;margin:0;padding:0;list-style:none}.wifi-setup-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;border:1px solid #e4e7ec;border-radius:8px;padding:8px 9px;background:#fff}.wifi-setup-steps li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#175cd3;background:#eaf2ff;font-size:12px;font-weight:950}.wifi-setup-steps li>div{display:grid;gap:3px}.wifi-setup-steps strong{color:#162033;font-size:12px}.wifi-setup-steps p,.wifi-setup-fallback p{margin:0;color:#475467;font-size:11px;font-weight:700;line-height:1.4}.wifi-setup-steps code,.wifi-setup-fallback p code,.wifi-setup-requested p code{color:#1849a9;font-size:10px;font-weight:850;overflow-wrap:anywhere}.wifi-setup-fallback{grid-area:fallback;display:grid;align-content:center;justify-items:center;gap:9px;border:1px solid #b2ddff;border-radius:10px;padding:12px;background:linear-gradient(160deg,#f5fbff,#eff8ff)}.wifi-setup-qr-link{display:grid;width:min(150px,100%);gap:5px;border:1px solid #d0d5dd;border-radius:11px;padding:7px;background:#fff;box-shadow:0 8px 22px #175cd31a;color:#175cd3;text-decoration:none;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.wifi-setup-qr-link:hover,.wifi-setup-qr-link:focus-visible{border-color:#53b1fd;transform:translateY(-1px);box-shadow:0 10px 26px #175cd329}.wifi-setup-qr{display:block;width:100%;aspect-ratio:1}.wifi-setup-qr-link>span{padding-bottom:2px;font-size:10px;font-weight:900;text-align:center}.wifi-setup-fallback>div{display:grid;min-width:0;justify-items:start;gap:5px}.wifi-setup-fallback h4{margin:0;color:#162033;font-size:14px}.wifi-setup-url{display:grid;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label icon" "address icon";align-items:center;column-gap:10px;row-gap:2px;margin:4px 0;border:1px solid #175cd3;border-radius:8px;padding:9px 10px;color:#fff;background:#175cd3;font-size:11px;font-weight:900;text-decoration:none;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.wifi-setup-url:hover,.wifi-setup-url:focus-visible{border-color:#004eeb;background:#004eeb;box-shadow:0 5px 14px #175cd338}.wifi-setup-url>span{grid-area:label}.wifi-setup-url code{grid-area:address;color:#dbeafe;font-size:10px;font-weight:800;overflow-wrap:anywhere}.wifi-setup-url svg{grid-area:icon;flex:0 0 auto}.wifi-setup-command-note,.wifi-setup-requested{grid-area:note;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;border:1px solid #fedf89;border-radius:8px;padding:10px;color:#b54708;background:#fffaeb}.wifi-setup-command-note.offline{border-color:#d0d5dd;color:#667085;background:#f8fafc}.wifi-setup-requested{border-color:#abefc6;color:#039855;background:#ecfdf3}.wifi-setup-requested>div{display:grid;gap:2px}.wifi-setup-requested strong{color:#027a48;font-size:12px}.wifi-setup-modal-body>.credential-error{grid-area:error;margin:0}.wifi-setup-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid #e4e7ec;padding:12px 20px;background:#fff;box-shadow:0 -8px 22px #06152b0d}.wifi-setup-actions button{min-width:118px;min-height:42px}.wifi-setup-actions .primary-action{min-width:220px}.credential-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.credential-form-grid label{display:grid;gap:6px;min-width:0}.credential-form-grid label>span{color:#344054;font-size:12px;font-weight:850}.credential-form-grid input{min-height:42px;font-size:14px;font-weight:800}.credential-modal.certificate-modal{width:min(840px,100%)}.report-range-modal{display:grid;width:min(720px,100%);max-height:min(720px,calc(100dvh - 40px));grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.report-range-modal:focus{outline:none}.report-range-modal .credential-modal-header{background:#f8fafc}.report-range-modal-body{display:grid;min-height:0;gap:16px;overflow-y:auto;padding:0 20px 18px}.report-range-context{display:flex;min-width:0;align-items:center;gap:10px;border-bottom:1px solid #e4e7ec;padding:12px 0;color:#344054}.report-range-context>svg{flex:0 0 auto;color:#175cd3}.report-range-context>div{display:grid;min-width:0;gap:2px}.report-range-context span,.report-range-modal-selection span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.report-range-context strong{overflow:hidden;color:#17355c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.report-range-selector{min-width:0;margin:0;border:0;padding:0}.report-range-selector legend{width:100%;margin-bottom:10px;color:#0b1f3a;font-size:13px;font-weight:900}.report-range-approval{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;margin-bottom:10px;border:1px solid #abefc6;border-radius:7px;padding:9px 11px;color:#067647;background:#f6fef9}.report-range-approval.unavailable{border-color:#d8dee8;color:#667085;background:#f8fafc}.report-range-approval-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:7px;background:#dcfae6}.report-range-approval.unavailable .report-range-approval-icon{background:#eaecf0}.report-range-approval-copy{display:grid;min-width:0;gap:2px}.report-range-approval-copy strong{font-size:11px}.report-range-approval-copy small{overflow:hidden;color:#475467;font-size:10px;font-weight:750;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.report-range-options{display:grid;grid-template-columns:1fr;gap:8px}.report-range-option{position:relative;display:grid;grid-template-columns:20px 36px minmax(0,1fr);min-width:0;min-height:74px;align-items:center;gap:10px;border:1px solid #cbd5e1;border-radius:7px;padding:11px 13px;color:#344054;background:#fff;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.report-range-option:hover{border-color:#7aa7ee;background:#f8fbff}.report-range-option:focus-within{outline:3px solid rgba(47,111,237,.14);outline-offset:1px}.report-range-option.selected{border-color:#2f6fed;background:#f5f9ff;box-shadow:inset 0 0 0 1px #2f6fed}.report-range-option.unavailable{border-color:#d9dee7;color:#667085;background:#f5f6f8;cursor:not-allowed}.report-range-option input{width:17px;height:17px;margin:0;accent-color:#175cd3}.report-range-option-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;color:#175cd3;background:#eaf2ff}.report-range-option:nth-child(2) .report-range-option-icon{color:#067647;background:#ecfdf3}.report-range-option:nth-child(3) .report-range-option-icon{color:#6941c6;background:#f4f3ff}.report-range-option.unavailable .report-range-option-icon{color:#98a2b3;background:#e9edf2}.report-range-option-copy{display:grid;min-width:0;gap:3px}.report-range-option-copy strong{color:#0b1f3a;font-size:13px;line-height:1.25}.report-range-option-copy small{color:#667085;font-size:10.5px;font-weight:700;line-height:1.4}.report-range-option.unavailable .report-range-option-copy strong{color:#667085}.report-range-modal-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-top:1px solid #e4e7ec;padding:13px 20px 16px;background:#f8fafc}.report-range-modal-selection{display:grid;min-width:0;gap:2px}.report-range-modal-selection strong{overflow:hidden;color:#17355c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.report-range-modal-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px}.report-range-modal-buttons button{min-width:150px;min-height:42px}.certificate-test-summary{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(120px,.75fr));gap:8px}.certificate-test-summary>div{display:grid;gap:3px;min-width:0;border:1px solid #d8e1ed;border-radius:7px;padding:10px 12px;background:#f8fafc}.certificate-test-summary span,.certificate-issued-card span{color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.certificate-test-summary strong{overflow:hidden;color:#0b1f3a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.certificate-form-grid .certificate-form-full{grid-column:1 / -1}@media(min-width:761px){.certificate-modal.is-review .certificate-form-grid .certificate-form-full{grid-column:auto}}.certificate-form-grid textarea{min-height:78px;resize:vertical;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;color:#0b1f3a;background:#fff;font:inherit;font-size:13px;font-weight:750;line-height:1.4}.certificate-form-grid textarea:focus{border-color:#528bff;outline:2px solid rgba(47,111,237,.14)}.certificate-period-field{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:7px}.certificate-period-field strong{display:grid;place-items:center;min-height:42px;border:1px solid #d0d9e6;border-radius:6px;color:#475467;background:#f1f5f9;font-size:11px;text-transform:uppercase}.certificate-archive-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #bfd0e5;border-radius:8px;padding:11px 12px;color:#175cd3;background:#f5f9ff}.certificate-archive-note>svg{flex:0 0 auto;margin-top:1px}.certificate-archive-note strong{display:block;margin-bottom:2px;color:#17355c;font-size:12px}.certificate-archive-note p{margin:0;color:#475467;font-size:11px;font-weight:700;line-height:1.4}.certificate-issued-card{display:flex;align-items:center;gap:10px;border:1px solid #abefc6;border-radius:8px;padding:11px 12px;color:#067647;background:#ecfdf3}.certificate-issued-card.is-processing{border-color:#b9d0f6;color:#175cd3;background:#f5f9ff}.certificate-issued-card.is-failed{border-color:#fecdca;color:#b42318;background:#fff4f2}.certificate-issued-card>svg{flex:0 0 auto}.certificate-issued-copy{display:grid;min-width:0;flex:1;gap:2px}.certificate-issued-card strong{display:block;margin-top:2px;color:#05603a;font-size:15px}.certificate-issued-card.is-processing strong{color:#1849a9}.certificate-issued-card.is-failed strong{color:#912018}.certificate-issued-card small{color:#475467;font-size:10px;font-weight:750;line-height:1.35}.certificate-processing-progress{height:5px;overflow:hidden;margin-top:5px;border-radius:999px;background:#dce8f8}.certificate-processing-progress i{display:block;height:100%;border-radius:inherit;background:#2f6fed;transition:width .22s ease-out}.certificate-modal-action-group{display:flex;align-items:center;justify-content:flex-end;gap:8px}.certificate-modal-action-group button{min-height:42px}.certificate-download-action{border-color:#b9d0f6;color:#175cd3;background:#f5f9ff}@media(max-width:720px){.report-range-modal{max-height:calc(100dvh - 20px)}.report-range-option{min-height:0;padding:10px 11px}.report-range-modal-actions{grid-template-columns:1fr;gap:10px}.report-range-modal-buttons{display:grid;grid-template-columns:1fr 1fr}.report-range-modal-buttons button{min-width:0}}@media(max-width:480px){.report-range-modal-body{padding-right:14px;padding-left:14px}.report-range-approval-copy small,.report-range-context strong{white-space:normal}.report-range-modal-actions{padding-right:14px;padding-left:14px}.report-range-modal-buttons{grid-template-columns:1fr}}.credential-form-grid small,.credential-code-heading small{color:#667085;font-size:10px;font-weight:700;line-height:1.35}.credential-security-note,.credential-success{display:flex;align-items:flex-start;gap:10px;border:1px solid #b7d7c5;border-radius:8px;padding:12px;color:#027a48;background:#ecfdf3}.credential-security-note svg,.credential-success svg{flex:0 0 auto}.credential-security-note strong,.credential-success strong{display:block;margin-bottom:2px;color:#05603a;font-size:13px}.credential-error{margin:0;border:1px solid #fecdca;border-radius:7px;padding:10px 12px;color:#b42318;background:#fff1f0;font-size:12px;font-weight:800}.credential-notice{margin:0;border:1px solid #abefc6;border-radius:7px;padding:10px 12px;color:#067647;background:#ecfdf3;font-size:12px;font-weight:800}.credential-state-card{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #d0d5dd;border-radius:8px;padding:11px 12px;color:#475467;background:#f8fafc}.credential-state-card>svg{color:currentColor}.credential-state-card strong{display:block;margin-bottom:2px;color:currentColor;font-size:13px}.credential-state-card p{margin:0;color:#475467;font-size:11px;font-weight:700;line-height:1.35}.credential-state-card>button{min-height:34px;padding:0 9px}.credential-state-card.active{border-color:#abefc6;color:#067647;background:#ecfdf3}.credential-state-card.blocked{border-color:#fedf89;color:#93370d;background:#fffaeb}.credential-state-card.unmanaged,.credential-state-card.unavailable{border-color:#fecdca;color:#b42318;background:#fff1f0}.credential-danger-zone{border:1px solid #fecdca;border-radius:8px;padding:12px;background:#fff8f7}.credential-danger-zone>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px}.credential-danger-zone strong{color:#912018;font-size:12px}.credential-danger-zone p{margin:2px 0 0;color:#667085;font-size:11px;font-weight:700}.credential-delete-confirmation{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end!important;gap:10px!important}.credential-delete-confirmation label{display:grid;gap:5px;min-width:0;color:#344054;font-size:11px;font-weight:800}.credential-delete-confirmation input{min-height:38px}.credential-delete-confirmation>div{display:flex;gap:7px}.credential-inventory-alert{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #fedf89;border-radius:8px;padding:8px 10px;color:#93370d;background:#fffaeb;font-size:11px;font-weight:800}.credential-inventory-alert button{min-height:32px;padding:0 10px}.systems-panel.has-inventory-alert{grid-template-rows:80px auto minmax(0,1fr)}.credential-modal-actions,.credential-result-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4e7ec;padding-top:14px}.credential-modal-actions>.primary-action,.credential-result-footer>.primary-action{min-width:180px;min-height:42px}.credential-access-actions{display:flex;gap:7px}.credential-access-actions button{min-height:38px}.credential-secret-row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #fedf89;border-radius:8px;padding:11px 12px;background:#fffaeb}.credential-secret-row code{min-width:0;overflow-wrap:anywhere;color:#7a2e0e;font-size:13px;font-weight:800}.credential-code-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.credential-code-heading>div{display:grid;gap:2px}.credential-code-heading button{min-height:36px;white-space:nowrap}.credential-code-block{margin:0;overflow:auto;border:1px solid #243b5a;border-radius:7px;padding:14px;color:#f8fafc;background:#0b1f3a;font:700 12px/1.65 Consolas,Courier New,monospace;white-space:pre}.credential-result-footer p{max-width:500px}.config-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;padding:8px;background:linear-gradient(135deg,#fffffff5,#f5f8fcf5),#fff}.config-hero{align-items:stretch}.config-summary-grid{display:grid;grid-template-columns:82px 120px 112px;gap:8px;align-items:stretch;align-self:stretch}.config-summary-grid div{display:grid;gap:3px;place-items:center;min-width:0;min-height:54px;border:1px solid #d8dee8;border-radius:8px;padding:9px 10px;background:linear-gradient(180deg,#fff,#f5f8fc)}.config-summary-grid div:nth-child(3){border-color:#b7d7c5;color:#027a48;background:#ecfdf3}.config-summary-grid strong{max-width:100%;overflow:hidden;color:#06152b;font-size:18px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.config-summary-grid span{color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.config-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.45fr);grid-template-rows:minmax(0,1fr);gap:8px;min-height:0}.config-editor-card{grid-template-rows:auto auto auto auto auto;align-content:start}.config-read-card{grid-template-rows:auto auto auto minmax(0,1fr);align-content:stretch}.config-general-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.config-field-card{display:grid;align-content:start;gap:6px;min-width:0;border:1px solid #e4e7ec;border-radius:8px;padding:9px;background:linear-gradient(180deg,#fff,#f8fafc)}.config-field-card span,.config-action-strip span{color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.config-field-card input{min-height:32px;font-weight:850;font-variant-numeric:tabular-nums}.config-input-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:6px}.config-input-row strong{display:grid;place-items:center;min-height:32px;border:1px solid #d8dee8;border-radius:6px;color:#536072;background:#f2f5f9;font-size:10px;font-weight:900;text-transform:uppercase}.config-field-card small{color:#536072;font-size:10px;font-weight:760;line-height:1.25}.config-channel-workspace{display:grid;grid-template-rows:auto auto;gap:8px;min-height:0;border:1px solid #d8dee8;border-radius:8px;padding:10px;background:linear-gradient(135deg,#f5f8fcf0,#fffffffa),#fff}.config-channel-selector{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);align-items:center;gap:10px;min-height:50px}.config-channel-selector>div:first-child{display:grid;gap:2px;min-width:0}.config-channel-selector span{color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.config-channel-selector h3{overflow:hidden;margin:0;color:#06152b;font-size:18px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.config-channel-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border:1px solid #d8dee8;border-radius:8px;padding:5px;background:#eef3f8}.config-channel-tabs button{min-width:0;min-height:31px;border-color:transparent;padding:0 8px;color:#475467;background:transparent;box-shadow:none;font-size:11px;font-weight:900;white-space:nowrap}.config-channel-tabs button.active{color:#fff;border-color:#1f2f43;background:linear-gradient(180deg,#22344a,#111923);box-shadow:0 7px 14px #11192338}.config-channel-list{display:grid;gap:8px;min-height:0;align-content:start;overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}.config-channel-card{display:grid;gap:8px;border:1px solid #d8dee8;border-radius:8px;padding:10px;background:linear-gradient(180deg,#fff,#f7f9fc)}.config-channel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.config-channel-heading div{display:grid;gap:2px;min-width:0}.config-channel-heading span{color:#06152b;font-size:15px;font-weight:900}.config-channel-heading strong,.config-channel-heading small{color:#667085;font-size:11px;font-weight:850}.config-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.config-channel-grid.selected-channel{align-content:start}.config-field-card.compact{min-height:104px}.config-action-strip{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:8px;border:1px solid #b7d7c5;border-radius:8px;padding:8px 10px;background:#f0fbf4}.config-action-strip strong{display:block;margin-top:1px;color:#06152b;font-size:12px;line-height:1.15}.config-action-strip small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:2px;color:#475467;font-size:9px;font-weight:760;line-height:1.12}.config-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.config-action-buttons button{min-height:34px;white-space:nowrap}.config-read-button{width:100%;min-height:42px;color:#fff;border-color:#1d4ed8;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 10px 20px #2563eb2e}.config-read-button svg{flex:0 0 auto}.config-read-status{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:42px;border:1px solid #d8dee8;border-radius:8px;padding:9px 10px;color:#475467;background:#f8fafc;font-size:11px;font-weight:850;line-height:1.25}.config-read-status.loading{border-color:#bfdbfe;color:#1849a9;background:#eff6ff}.config-read-status.success{border-color:#b7d7c5;color:#027a48;background:#ecfdf3}.config-read-status.error{border-color:#fecdca;color:#b42318;background:#fff1f0}.config-memory-view{display:grid;gap:8px;min-height:0;align-content:start;overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}.config-memory-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:8px;min-height:36px;border:1px solid #e4e7ec;border-radius:7px;padding:8px 9px;background:#fff}.config-memory-row span,.config-memory-channel-list span{color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.config-memory-row strong,.config-memory-channel-list strong{overflow:hidden;color:#06152b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.config-memory-channel-list{display:grid;gap:8px}.config-memory-channel-list article{display:grid;gap:3px;border:1px solid #e4e7ec;border-radius:7px;padding:9px;background:#f8fafc}.config-memory-channel-list small{overflow:hidden;color:#536072;font-size:10px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.config-empty-state{display:flex;align-items:center;gap:8px;border:1px dashed #c8d0dc;border-radius:8px;padding:14px;color:#667085;font-size:12px;font-weight:850;background:#f8fafc}.config-layout-modern{grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);grid-template-rows:minmax(0,1fr);gap:8px}.config-editor-modern{grid-template-rows:auto auto auto auto auto;gap:9px;padding:10px;align-content:start}.config-read-modern{grid-template-rows:auto auto auto minmax(0,1fr);gap:9px;padding:10px;align-content:stretch}.config-card-heading-tight{min-height:78px;align-items:flex-start}.config-card-heading-tight h3{margin:3px 0 0;font-size:18px;line-height:1.12}.config-card-heading-tight p{max-width:720px}.config-general-compact{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.config-explained-field{grid-template-columns:1fr;grid-template-rows:auto minmax(42px,1fr) auto;align-content:start;align-items:stretch;min-height:126px;padding:11px 12px}.config-explained-field>span{line-height:1}.config-explained-field>div{width:100%;max-width:none}.config-explained-field input{width:100%}.config-explained-field small{color:#475467;font-size:11px;font-weight:760;line-height:1.28;text-align:left;white-space:normal}.config-mini-field{display:grid;grid-template-columns:minmax(94px,.45fr) minmax(120px,1fr) 72px;align-items:center;gap:8px;min-width:0;min-height:46px;border:1px solid #d8dee8;border-radius:8px;padding:7px 9px;background:linear-gradient(180deg,#fff,#f7f9fc)}.config-mini-field>span{color:#475467;font-size:11px;font-weight:900;text-transform:uppercase}.config-mini-field>div{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px;min-width:0}.config-mini-field input,.config-pair-inputs input{min-height:30px;padding:4px 8px;text-align:right;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.config-mini-field strong{display:grid;place-items:center;min-height:30px;border:1px solid #d8dee8;border-radius:6px;color:#536072;background:#eef3f8;font-size:10px;font-weight:900}.config-mini-field small{color:#667085;font-size:10px;font-weight:850;text-align:right;white-space:nowrap}.config-mini-field.config-explained-field small{align-self:start;color:#475467;font-size:10px;font-weight:760;line-height:1.22;text-align:left;white-space:normal}.config-mini-field.config-explained-field{grid-template-columns:1fr;grid-template-rows:auto minmax(28px,auto) auto;align-content:start;align-items:stretch;gap:6px;min-height:96px;padding:8px 10px}.config-mini-field.config-explained-field>span{line-height:1}.config-mini-field.config-explained-field>div{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 38px}.config-channel-modern{grid-template-rows:auto auto;align-content:start;gap:7px;padding:8px;overflow:hidden}.config-channel-selector-modern{min-height:38px}.config-channel-selector-modern h3{font-size:16px}.config-pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:0}.config-pair-card{display:grid;grid-template-rows:auto auto;gap:6px;min-width:0;min-height:146px;border:1px solid #d8dee8;border-radius:8px;padding:8px;background:linear-gradient(180deg,#fff,#f8fafc)}.config-pair-card>div:first-child{display:grid;gap:2px;min-height:46px}.config-pair-card>div:first-child span{color:#06152b;font-size:12px;font-weight:950}.config-pair-card>div:first-child small{color:#536072;font-size:9.5px;font-weight:760;line-height:1.18}.config-pair-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:end}.config-pair-inputs.stacked{grid-template-columns:1fr;align-content:start;gap:6px}.config-pair-inputs label{display:grid;gap:5px;min-width:0}.config-pair-inputs.stacked label{grid-template-columns:96px minmax(0,1fr) 68px;align-items:center;gap:6px;min-height:30px}.config-pair-inputs label span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.config-pair-inputs.stacked label div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;min-width:0}.config-pair-inputs.stacked label strong{display:grid;place-items:center;min-width:34px;min-height:28px;border:1px solid #d8dee8;border-radius:6px;color:#536072;background:#eef3f8;font-size:9px;font-weight:900}.config-pair-inputs label small{display:grid;place-items:center;justify-self:stretch;width:68px;border-radius:999px;padding:2px 0;color:#667085;background:#eef3f8;font-size:9px;font-weight:900;white-space:nowrap}.config-footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;min-height:0}.config-save-strip{grid-template-columns:minmax(0,1fr) 190px;align-self:stretch;min-height:66px;padding:8px 10px}.config-save-strip button{width:100%;min-height:32px;padding:0 10px;font-size:11px;font-weight:900}.config-map-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;align-self:stretch;gap:8px;min-height:66px;border:1px solid #d8dee8;border-radius:8px;padding:8px 10px;background:linear-gradient(180deg,#fff,#f8fafc)}.config-map-card>div:first-child{display:grid;gap:1px;min-width:0}.config-map-card span{color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.config-map-card strong{color:#06152b;font-size:12px}.config-map-card small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#475467;font-size:9px;font-weight:760;line-height:1.12}.config-map-toggle{display:grid;grid-template-columns:1fr;gap:5px;width:100%;border:0;border-radius:0;padding:0;background:transparent}.config-map-toggle button{display:inline-grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:7px;min-height:32px;width:100%;border-color:#c8d0dc;padding:0 10px;color:#475467;background:transparent;box-shadow:none;font-size:11px;font-weight:900}.config-map-toggle button.active{color:#fff;border-color:#2563eb;background:linear-gradient(180deg,#3478f6,#1f58d8);box-shadow:0 8px 16px #2563eb38}.config-read-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.config-read-topline span{color:#667085;font-size:10px;font-weight:850;white-space:nowrap}.config-read-modern .config-read-button{min-height:32px;padding:0 12px}.config-read-modern .config-read-status{min-height:30px;padding:6px 8px}.config-memory-compact{overflow:hidden;gap:6px}.config-memory-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.config-memory-metrics div,.config-memory-selected,.config-memory-channel-grid article{border:1px solid #e4e7ec;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fafc)}.config-memory-metrics div{display:grid;gap:2px;min-height:44px;place-items:center;padding:6px}.config-memory-metrics span,.config-memory-selected span,.config-memory-channel-grid span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.config-memory-metrics strong,.config-memory-selected strong,.config-memory-channel-grid strong{overflow:hidden;max-width:100%;color:#06152b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.config-memory-selected{display:grid;gap:3px;min-height:68px;padding:8px}.config-memory-selected small{overflow:hidden;color:#536072;font-size:10px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.config-memory-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.config-memory-channel-grid article{display:grid;gap:2px;min-height:46px;padding:7px}.config-memory-channel-cards{display:grid;grid-template-columns:1fr;gap:6px}.config-memory-channel-cards article{display:grid;gap:4px;min-height:68px;border:1px solid #e4e7ec;border-radius:8px;padding:7px 8px;background:linear-gradient(180deg,#fff,#f8fafc)}.config-memory-channel-cards header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px}.config-memory-channel-cards header span,.config-memory-channel-cards div span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.config-memory-channel-cards header strong{color:#06152b;font-size:11px;white-space:nowrap}.config-memory-channel-cards div{display:grid;grid-template-columns:minmax(106px,1fr) minmax(0,auto);align-items:center;gap:5px}.config-memory-channel-cards div strong{overflow:hidden;color:#162033;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.sensor-adjustment-summary{grid-template-columns:82px minmax(190px,230px) 112px}.sensor-adjustment-summary div:nth-child(2) strong{font-size:14px}.sensor-adjustment-editor{grid-template-rows:repeat(5,max-content);align-content:start;overflow-y:auto;scrollbar-gutter:stable}.sensor-adjustment-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;align-items:stretch;gap:8px;min-height:max-content}.sensor-adjustment-field{display:grid;grid-template-rows:minmax(28px,auto) minmax(68px,auto) auto;align-content:start;gap:8px;min-width:0;border:1px solid #d8dee8;border-radius:8px;padding:11px 12px;background:linear-gradient(180deg,#fff,#f7f9fc)}.sensor-adjustment-field>label{align-self:start;min-height:28px;color:#475467;font-size:11px;font-weight:900;line-height:1.25}.sensor-adjustment-instruction{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:start;gap:6px;min-height:68px;min-width:0;color:#667085;font-size:10px;font-weight:720;line-height:1.35}.sensor-adjustment-instruction svg{margin-top:1px;color:#2563eb}.sensor-adjustment-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0}.sensor-adjustment-field input{min-width:0;min-height:36px;text-align:right;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.sensor-adjustment-field.locked{border-color:#e1e6ed;background:linear-gradient(180deg,#f6f8fa,#eef2f6)}.sensor-adjustment-field.locked>label,.sensor-adjustment-field.locked .sensor-adjustment-instruction{color:#98a2b3}.sensor-adjustment-field.locked .sensor-adjustment-instruction svg{color:#98a2b3}.sensor-adjustment-field input:disabled{border-color:#d8dee8;color:#98a2b3;background:linear-gradient(180deg,#eef2f6,#e7ecf2);cursor:not-allowed;opacity:1}.sensor-adjustment-field.locked .sensor-adjustment-input-row>strong{border-color:#d8dee8;color:#98a2b3;background:#e7ecf2}.sensor-adjustment-input-row>strong{display:grid;place-items:center;min-width:42px;min-height:36px;border:1px solid #d8dee8;border-radius:6px;padding:0 7px;color:#536072;background:#eef3f8;font-size:10px;font-weight:900}.sensor-adjustment-reference{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;border-top:1px solid #d8dee8;margin-top:2px;padding-top:9px}.sensor-adjustment-reference-label{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:2px 6px;min-width:0}.sensor-adjustment-reference-label svg{grid-row:1 / span 2;color:#2563eb}.sensor-adjustment-reference-label span{min-width:0;color:#344054;font-size:10px;font-weight:900;line-height:1.2}.sensor-adjustment-reference-label small{color:#667085;font-size:9px;font-weight:850;line-height:1.1;text-transform:uppercase}.sensor-adjustment-reference-value{display:grid;grid-template-columns:minmax(72px,auto) 38px;align-items:stretch;min-width:116px;min-height:42px;border:1px solid #cbd5e1;border-radius:7px;overflow:hidden;background:#fff}.sensor-adjustment-reference-value output{display:grid;place-items:center end;min-width:0;padding:0 9px;color:#06152b;font-size:21px;font-weight:950;font-variant-numeric:tabular-nums;line-height:1}.sensor-adjustment-reference-value strong{display:grid;place-items:center;border-left:1px solid #cbd5e1;color:#536072;background:#eef3f8;font-size:9px;font-weight:950}.sensor-adjustment-reference.live .sensor-adjustment-reference-label small{color:#027a48}.sensor-adjustment-reference.live .sensor-adjustment-reference-value{border-color:#86d3ad}.sensor-adjustment-reference.stale .sensor-adjustment-reference-label small{color:#b54708}.sensor-adjustment-reference.unavailable .sensor-adjustment-reference-value{opacity:.66}.sensor-adjustment-reference.inactive .sensor-adjustment-reference-label svg,.sensor-adjustment-reference.inactive .sensor-adjustment-reference-label small{color:#98a2b3}.sensor-adjustment-reference.inactive .sensor-adjustment-reference-value{border-color:#d8dee8;background:#f2f4f7;opacity:.66}.sensor-adjustment-reference.calibration .sensor-adjustment-reference-value{border-color:#60a5fa;box-shadow:0 0 0 2px #2563eb1a}.sensor-adjustment-memory{display:grid;gap:6px;min-width:0}.sensor-adjustment-memory header,.sensor-adjustment-memory>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;border:1px solid #e4e7ec;border-radius:8px;padding:9px 10px;background:linear-gradient(180deg,#fff,#f8fafc)}.sensor-adjustment-memory header{border-color:#bfdbfe;background:#eff6ff}.sensor-adjustment-memory span{min-width:0;color:#667085;font-size:9px;font-weight:900;line-height:1.25;text-transform:uppercase}.sensor-adjustment-memory strong{color:#06152b;font-size:11px;font-weight:900;text-align:right;white-space:nowrap}.systems-panel,.config-panel,.test-panel{display:grid;grid-template-rows:80px minmax(0,1fr);gap:8px;min-height:0;padding:8px}.systems-panel>.systems-hero,.config-panel>.systems-hero,.test-panel>.systems-hero{box-sizing:border-box;display:flex;align-items:stretch;justify-content:space-between;gap:14px;height:80px;min-height:0;border:1px solid #d8dee8;border-radius:8px;overflow:hidden;padding:12px 16px;background:linear-gradient(135deg,#fffffff5,#f1f6fcf5),#fff}.systems-panel>.systems-hero>div:first-child,.config-panel>.systems-hero>div:first-child,.test-panel>.systems-hero>div:first-child{display:grid;align-content:center;gap:3px;min-width:0}.systems-panel>.systems-hero span,.config-panel>.systems-hero span,.test-panel>.systems-hero span{color:#667085;font-size:11px;font-weight:900;line-height:1;text-transform:uppercase}.systems-panel>.systems-hero h2,.config-panel>.systems-hero h2,.test-panel>.systems-hero h2{margin:0;color:#06152b;font-size:18px;font-weight:900;line-height:1.12;letter-spacing:0}.systems-panel>.systems-hero p,.config-panel>.systems-hero p,.test-panel>.systems-hero p{margin:0;color:#475467;font-size:12px;font-weight:750;line-height:1.25}.systems-summary-grid,.config-summary-grid,.test-summary-grid{align-self:stretch;align-items:stretch}.systems-summary-grid>div,.config-summary-grid>div,.test-summary-grid>div{min-height:54px}.systems-layout,.config-layout.config-layout-modern,.test-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);grid-template-rows:minmax(0,1fr);gap:8px;min-height:0}.systems-layout>.systems-card,.config-layout.config-layout-modern>.systems-card,.test-layout>.systems-card{min-height:0;padding:10px}.systems-layout .systems-card-heading,.config-layout.config-layout-modern .systems-card-heading,.test-layout .systems-card-heading{box-sizing:border-box;height:83px;min-height:78px;margin:-10px -10px 0;overflow:hidden;padding:12px 14px 12px 18px}.systems-layout .systems-card-heading>div,.config-layout.config-layout-modern .systems-card-heading>div,.test-layout .systems-card-heading>div{display:grid;align-content:center;gap:3px;min-width:0}.systems-layout .systems-card-heading h3,.config-layout.config-layout-modern .systems-card-heading h3,.test-layout .systems-card-heading h3{margin:3px 0 0;font-size:17px;line-height:1.12}.systems-layout .systems-card-heading p,.config-layout.config-layout-modern .systems-card-heading p,.test-layout .systems-card-heading p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:11px;line-height:1.3}.systems-layout .systems-card-heading>svg,.config-layout.config-layout-modern .systems-card-heading>svg,.test-layout .systems-card-heading>svg{width:20px;height:20px;margin-top:0}.test-panel .test-summary-grid{grid-template-columns:126px 82px 104px;width:max-content}.test-panel .test-summary-grid strong{font-size:16px}.test-panel .test-layout{grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr)}.test-panel .test-form-card{grid-template-rows:auto auto auto;align-content:start;gap:8px}.test-form-card .systems-card-heading>div:first-child{flex:1 1 auto}.test-panel .test-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(104px,auto) minmax(106px,auto);gap:8px;overflow:visible;padding-right:0}.test-panel .test-form-section{min-height:104px;gap:7px;padding:10px 12px;border-color:#d6deea;background:linear-gradient(180deg,#fff,#f9fbfd);box-shadow:inset 0 1px #ffffffd9}.test-panel .test-form-section>div:first-child strong{font-size:13.5px}.test-equipment-card,.test-procedure-card{grid-template-columns:minmax(0,1fr) minmax(150px,.54fr);grid-template-rows:auto minmax(0,1fr);align-items:end}.test-equipment-card>div:first-child,.test-procedure-card>div:first-child{grid-column:1 / -1;align-self:start}.test-equipment-card>label,.test-procedure-card>label,.test-procedure-card>.test-inline-fields{align-self:end}.test-procedure-card>label{grid-column:1 / -1}.test-procedure-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:start;align-items:stretch}.test-procedure-card>div:first-child{min-height:28px}.test-procedure-card>label,.test-procedure-card>.test-inline-fields,.test-procedure-card>.test-procedure-row{align-self:stretch}.test-procedure-row{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(180px,.48fr);align-items:end;gap:8px}.test-procedure-card>.test-inline-fields{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(96px,.38fr)}.test-panel .test-form-section label{gap:5px;color:#41506a;font-size:10px;line-height:1.05}.test-panel .test-form-section input{min-height:34px;border-color:#c9d3e2;border-radius:7px;background:#fff;font-size:12px}.test-panel .test-form-section input:disabled{border-color:#d8dee8;color:#667085;background:linear-gradient(180deg,#f1f4f8,#e9eef5);cursor:not-allowed;opacity:1}.test-pressure-fields{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:end;gap:10px}.test-condition-card .test-input-unit{grid-template-columns:minmax(0,1fr) 44px;max-width:220px}.test-condition-card .test-live-card{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;min-height:34px;border:1px solid #cfdbeb;border-radius:7px;padding:0 10px;background:linear-gradient(180deg,#f8fbff,#f3f7fb)}.test-condition-card .test-live-card span{flex:0 0 auto;color:#06152b;font-size:13px;font-weight:900;line-height:1;text-transform:none;white-space:nowrap}.test-condition-card .test-live-card strong{font-size:16px;line-height:1.05;white-space:nowrap}.test-criteria-fields{display:grid;grid-template-columns:minmax(94px,.45fr) minmax(94px,.45fr) minmax(140px,.9fr);align-items:end;gap:9px}.test-criteria-card .test-input-unit{grid-template-columns:minmax(0,1fr) 40px;max-width:150px}.test-criteria-card label:last-child{min-width:0}.test-workflow-card{display:grid;align-self:start;gap:8px;min-width:0;min-height:0;border:1px solid #d6deea;border-radius:8px;padding:10px;background:#f8fafc;overflow:hidden}.section-label,.test-section-label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;color:#526178;font-size:10px;font-weight:950;letter-spacing:0;line-height:1;text-transform:uppercase}.section-label:after,.test-section-label:after{content:"";height:1px;border-radius:999px;background:#d8dee8}.test-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;min-width:0;min-height:0}.test-workflow-section.identity-section,.test-workflow-section.info-section,.test-workflow-section.pressure-section,.test-workflow-section.criteria-section{grid-column:auto}.test-workflow-section{display:grid;grid-template-rows:auto auto;align-content:start;gap:10px;min-width:0;min-height:104px;border:1px solid #d8dee8;border-radius:8px;padding:10px;background:#fff;box-shadow:inset 0 1px #ffffffd9}.test-workflow-section.active,.test-workflow-section.complete{border-color:#d8dee8;background:#fff}.test-workflow-heading{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.test-workflow-heading b{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#162235;color:#fff;font-size:9px;font-weight:950;line-height:1}.test-workflow-section.active .test-workflow-heading b,.test-workflow-section.complete .test-workflow-heading b{background:#162235;color:#fff}.test-workflow-heading div{display:grid;gap:2px;min-width:0}.test-workflow-heading strong{overflow:hidden;color:#06152b;font-size:13.5px;font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.test-workflow-heading span{overflow:hidden;color:#526178;font-size:10px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.test-workflow-fields{display:grid;align-items:end;gap:8px;min-width:0}.test-workflow-fields.identity,.test-workflow-fields.procedure{grid-template-columns:minmax(0,1.45fr) minmax(132px,.75fr)}.test-workflow-fields.pressure{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.test-workflow-card label{display:grid;gap:4px;min-width:0;color:#526178;font-size:10px;font-weight:900;line-height:1.05}.test-workflow-card input{width:100%;min-width:0;min-height:31px;border-color:#c9d3e2;border-radius:6px;background:#fff;font-size:12px;font-weight:800}.test-workflow-card input:disabled{border-color:#d8dee8;color:#667085;background:linear-gradient(180deg,#f1f4f8,#e9eef5);cursor:not-allowed;opacity:1}.test-workflow-card .test-input-unit{grid-template-columns:minmax(0,1fr) 36px}.test-range-field{display:grid;gap:4px;min-width:0;color:#526178;font-size:10px;font-weight:900;line-height:1.05}.test-range-card{display:grid;align-content:center;justify-items:start;gap:2px;min-width:0;height:31px;min-height:31px;border:1px solid #d8dee8;border-radius:6px;padding:0 8px;background:#f8fafc;text-align:left}.test-range-card span,.test-range-card small{overflow:hidden;color:#667085;font-size:9px;font-weight:900;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.test-range-card strong{overflow:hidden;color:#06152b;font-size:12.5px;font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.test-workflow-section .test-criteria-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.test-workflow-section .test-criteria-fields label:last-child input{max-width:none}.test-panel .test-capture-strip{grid-template-columns:minmax(240px,.42fr) minmax(420px,1fr) max-content;align-items:stretch;gap:10px;min-height:114px;border-color:#b8d6c4;padding:10px 12px;background:linear-gradient(90deg,#effdf6fa,#f7fafefa),#fff}.test-capture-title{align-content:center;justify-items:center;gap:4px;min-width:0;border:1px solid #d8e8df;border-radius:8px;border-right:1px solid #d8e8df;padding:8px 10px;background:#ffffffbd;text-align:center}.test-capture-title strong{font-size:15px;line-height:1.1;white-space:normal;overflow-wrap:anywhere}.test-capture-title small{display:block;font-size:10px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.test-capture-title.ok{border-color:#b7d7c5;background:linear-gradient(180deg,#ecfdf3,#fff)}.test-capture-title.warning{border-color:#fedf89;background:linear-gradient(180deg,#fffbeb,#fff)}.test-capture-title.danger{border-color:#fecdca;background:linear-gradient(180deg,#fff1f0,#fff)}.test-capture-metrics{display:grid;grid-template-columns:repeat(3,minmax(98px,1fr));gap:6px;min-width:0}.test-capture-metrics article{display:grid;align-content:center;gap:3px;min-width:0;min-height:38px;border:1px solid #d5deea;border-radius:7px;padding:6px 8px;background:linear-gradient(180deg,#fff,#f7fafc)}.test-capture-metrics span{overflow:hidden;color:#667085;font-size:8px;font-weight:900;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.test-capture-metrics strong{overflow:hidden;color:#06152b;font-size:13px;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.test-capture-metrics small{overflow:hidden;color:#667085;font-size:8.5px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.test-panel .test-action-row{align-self:stretch;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(38px,1fr) minmax(30px,.78fr) minmax(30px,.78fr);gap:7px;min-width:178px}.test-panel .test-action-row button{min-width:178px;min-height:30px;justify-content:center;gap:7px;padding:0 13px;font-size:12px;font-weight:900;line-height:1}.test-record-toggle{border-radius:8px;min-height:38px!important;font-size:13px!important}.test-record-toggle.active,.test-record-toggle.active:hover:not(:disabled){border-color:#b42318;color:#fff;background:linear-gradient(180deg,#e5484d,#b42318);box-shadow:inset 0 2px 8px #440c0c3d,0 8px 16px #b423182e}.test-record-toggle.remote,.test-record-toggle.remote:hover:not(:disabled){border-color:#d6a34a;color:#713f12;background:linear-gradient(180deg,#fffaf0,#ffedc2);box-shadow:0 6px 14px #925b0e1f}.test-record-toggle.frozen,.test-record-toggle.frozen:hover:not(:disabled){border-color:#0f766e;color:#fff;background:linear-gradient(180deg,#0d9488,#0f766e);box-shadow:inset 0 2px 8px #042f2e33,0 8px 16px #0f766e2e}.test-record-toggle.limit-reached,.test-record-toggle.limit-reached:hover:not(:disabled){border-color:#b54708;color:#fff;background:linear-gradient(180deg,#d97706,#b54708);box-shadow:inset 0 2px 8px #52220433,0 8px 16px #b547082e}.test-secondary-action{border:1px solid #cfd8e6;border-radius:8px;color:#10233d;background:linear-gradient(180deg,#fff,#f7f9fc),#fff;box-shadow:inset 0 1px #ffffffd9,0 5px 12px #0f172a0d}.test-secondary-action:hover:not(:disabled){border-color:#9fb3cd;background:linear-gradient(180deg,#fff,#eef4fb),#fff}.test-clear-action,.test-default-action{color:#06152b}.test-clear-action svg,.test-default-action svg{color:#06152b}.test-panel>.systems-hero.test-hero{padding:12px 18px}.test-panel>.systems-hero.test-hero>div:first-child{max-width:860px}.test-panel>.systems-hero.test-hero h2{font-size:17px}.test-panel>.systems-hero.test-hero p{max-width:820px;color:#344054;font-size:11.5px}.test-panel .test-form-card{gap:9px;padding:10px 12px}.test-panel .test-report-card{gap:10px;padding:10px 12px;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.test-panel .test-output-tabs{min-height:78px;padding:8px;border-color:#d6deea;background:linear-gradient(180deg,#f8fafc,#eef3f8),#f8fafc}.test-panel .test-output-tabs button{grid-template-columns:minmax(0,1fr) auto;min-height:62px;border-color:#d8dee8;border-radius:7px;padding:8px 12px 8px 14px;background:linear-gradient(180deg,#fff,#f9fbfd),#fff;box-shadow:0 1px 2px #10182808,inset 0 1px #ffffffe6}.test-panel .test-output-tabs button:before{inset:10px auto 10px 0;width:3px;background:#d3dce9}.test-panel .test-output-tabs button:hover:not(:disabled){border-color:#b9c8dc;background:#fff;box-shadow:0 5px 12px #1018280f,inset 0 1px #ffffffeb;transform:none}.test-panel .test-output-tabs button.active,.test-panel .test-output-tabs button.active:hover:not(:disabled){border-color:#132338;background:linear-gradient(180deg,#1c3149,#102033),#102033;box-shadow:0 8px 18px #0f172a29,inset 0 1px #ffffff24;transform:none}.test-panel .test-output-tabs button span{font-size:8.5px;letter-spacing:0}.test-panel .test-output-tabs button small{font-size:9px;line-height:1.1}.test-panel .test-recording-badge{max-width:104px;padding:3px 8px;font-size:8.5px}.test-panel .test-section-label{margin:1px 0 -1px;color:#4f5f75;font-size:9.5px}.test-panel .test-workflow-card{padding:9px;border-color:#d6deea;background:linear-gradient(180deg,#fff,#f8fafc),#fff}.test-panel .test-workflow-grid{gap:8px}.test-panel .test-workflow-section{min-height:100px;gap:9px;padding:10px 12px;border-color:#d8dee8;background:#fff}.test-panel .test-workflow-section.active,.test-panel .test-workflow-section.complete{border-color:#cfd8e6;background:#fff}.test-panel .test-workflow-heading{gap:8px}.test-panel .test-workflow-heading b{width:18px;height:18px;background:#14233a}.test-panel .test-workflow-heading strong{font-size:13px}.test-panel .test-workflow-card label,.test-panel .test-range-field{color:#475467;font-size:9.5px}.test-panel .test-workflow-card input,.test-panel .test-range-card,.test-panel .test-input-unit strong{min-height:32px}.test-panel .test-workflow-card input:disabled{color:#667085;background:linear-gradient(180deg,#f4f6f9,#edf1f6),#edf1f6}.test-panel .test-workflow-fields.identity,.test-panel .test-workflow-fields.procedure{grid-template-columns:minmax(0,1.48fr) minmax(150px,.74fr)}.test-panel .test-workflow-fields.pressure,.test-panel .test-workflow-section .test-criteria-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.test-panel .test-range-card{border-color:#d8dee8;background:linear-gradient(180deg,#f8fafc,#f2f5f9),#f8fafc}.test-panel .test-range-card strong{font-size:12px}.test-panel .test-capture-strip{grid-template-columns:minmax(260px,.46fr) minmax(430px,1fr) 214px;gap:10px;min-height:112px;border-color:#d7dfeb;padding:10px;background:linear-gradient(180deg,#fff,#f8fafc),#fff}.test-panel .test-capture-title{border-color:#d8dee8;background:linear-gradient(180deg,#fff,#f8fafc),#fff}.test-panel .test-capture-title.ok{border-color:#badbcc;background:linear-gradient(180deg,#f3fbf6,#fff),#fff}@keyframes test-approved-pulse{0%,to{border-color:#7bc9a2;background-color:#f0fdf4;box-shadow:0 0 #12b76a00}50%{border-color:#12b76a;background-color:#dcfae6;box-shadow:0 0 0 3px #12b76a29}}.test-panel .test-capture-title.approved-pulse{background-image:none;animation:test-approved-pulse 1.35s ease-in-out infinite}.test-panel .test-capture-title.approved-pulse strong{color:#067647}.test-panel .test-capture-title.warning{border-color:#fedf89;background:linear-gradient(180deg,#fffbeb,#fff),#fff}.test-panel .test-capture-title.danger{border-color:#fecdca;background:linear-gradient(180deg,#fff5f5,#fff),#fff}.test-panel .test-capture-title strong{color:#06152b;font-size:14px}.test-panel .test-capture-title small{max-width:230px;color:#344054;font-size:10px}@media(prefers-reduced-motion:reduce){.test-panel .test-capture-title.approved-pulse{animation:none;border-color:#12b76a;background:#dcfae6}}.test-panel .test-capture-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.test-panel .test-capture-metrics article{min-height:40px;padding:7px 9px;border-color:#d8dee8;background:linear-gradient(180deg,#fff,#f8fafc),#fff}.test-panel .test-capture-metrics span{font-size:8px}.test-panel .test-capture-metrics strong{font-size:12.5px}.test-panel .test-action-row{min-width:214px;grid-template-rows:42px 34px 34px;gap:7px}.test-panel .test-action-row button{min-width:214px;min-height:34px;border-radius:7px;font-size:12px}.test-panel .test-record-toggle{min-height:42px!important;font-size:13px!important}.test-panel .test-report-card .systems-card-heading{height:83px}.test-panel .test-live-chart-card{min-height:0;display:grid}.test-panel .test-live-trend-chart{grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:320px;background:linear-gradient(180deg,#fff,#f8fafc),#fff}.test-panel .test-live-trend-chart .chart-header{min-height:30px}.test-panel .test-live-trend-chart .chart-toolbar{grid-template-columns:218px;min-width:218px}.test-panel .test-live-trend-chart .chart-toolbar.has-start{grid-template-columns:minmax(0,1fr) 218px;width:100%;min-width:0}.test-panel .test-live-trend-chart .chart-toolbar-label{display:none}.test-panel .test-live-trend-chart .chart-toolbar-start{display:flex;align-items:center}.test-preview-mode{display:inline-flex;align-items:center;gap:3px;width:max-content;min-width:0;border:1px solid #d8dee8;border-radius:7px;padding:3px;background:linear-gradient(180deg,#f5f7fb,#e8eef6)}.test-preview-mode button{min-height:25px;border-color:transparent;border-radius:5px;padding:0 10px;color:#536072;font-size:11px;font-weight:900;background:transparent;box-shadow:none}.test-preview-mode button.active{color:#fff;background:linear-gradient(180deg,#1d2f46,#111d2d);box-shadow:0 4px 9px #0f172a38}.test-panel .test-live-trend-chart .range-segmented{width:218px;min-width:218px}.test-panel .test-live-trend-chart .range-segmented button{flex:1 1 0;width:auto}.test-panel .test-live-trend-chart .trend-chart-shell{--trend-shell-padding: 10px;min-height:0}.test-panel .test-live-trend-chart .trend-chart{min-height:250px}.test-panel .test-live-gauge-card{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:320px;min-width:0;border:1px solid #d8dee8;border-radius:8px;padding:8px;background:linear-gradient(180deg,#fff,#f8fafc),#fff}.test-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;min-width:0}.test-preview-toolbar>strong{min-width:0;overflow:hidden;color:#06152b;font-size:12px;font-weight:900;text-align:right;text-overflow:ellipsis;white-space:nowrap}.test-panel .test-live-gauge-card .gauge-card{min-height:0;height:100%;grid-template-rows:32px minmax(190px,1fr) auto;gap:8px;padding:9px;box-shadow:inset 0 4px #2563eb,0 10px 22px #1b273614}.test-panel .test-live-gauge-card .gauge-header{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px}.test-panel .test-live-gauge-card .gauge-identity h2,.test-panel .test-live-gauge-card .chip-toggle{display:none}.test-panel .test-live-gauge-card .gauge-title-row{min-height:30px;align-items:center;justify-content:flex-start}.test-panel .test-live-gauge-card .channel-subline{margin-top:0;font-size:11px;line-height:1}.test-panel .test-live-gauge-card .gauge-scale-control{grid-template-columns:auto max-content;justify-content:end;width:auto;gap:7px;font-size:9px;line-height:1}.test-panel .test-live-gauge-card .gauge-scale-control>span{white-space:nowrap}.test-panel .test-live-gauge-card .gauge-scale-control input{width:82px;min-height:30px}.test-panel .test-live-gauge-card .scale-default-button{min-height:30px;width:30px;min-width:30px}.test-panel .test-live-gauge-card .gauge-visual-frame{min-height:190px;padding:9px}.test-panel .test-live-gauge-card .gauge-svg{max-width:282px}.test-panel .test-live-gauge-card .gauge-value-main strong{font-size:30px}.test-panel .test-live-gauge-card .gauge-value-row small{font-size:12px}.test-panel .test-report-chart{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:10px;min-height:0;padding:11px 12px 14px;border-color:#d8dee8;background:linear-gradient(180deg,#fff,#f8fafc),#fff}.test-panel .test-report-chart>div:first-child{min-height:18px}.test-panel .test-report-chart-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:30px}.test-panel .test-report-chart-toolbar>span{flex:0 0 auto;color:#667085;font-size:var(--test-kicker-size);font-weight:900;text-transform:uppercase}.test-panel .test-report-chart-toolbar .range-segmented{width:218px;min-width:218px}.test-panel .test-report-chart-toolbar .range-segmented button{flex:1 1 0;width:auto}.test-panel .test-report-plot{align-self:stretch;justify-self:stretch;height:auto;min-height:0;margin:0;padding:10px 10px 12px;border-color:#d8dee8;background:#fff}.test-panel .test-report-chart svg{overflow:visible;border-radius:6px}.test-panel .test-report-card .test-document-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border-color:#d8dee8;background:linear-gradient(180deg,#fff,#f8fafc),#fff}.test-panel .test-document-actions button{min-height:42px;border-radius:7px;font-size:12px;font-weight:900;padding:0 8px}.test-export-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 8px 8px;border:1px solid #b9d0f6;border-radius:7px;padding:7px 10px;color:#175cd3;background:#f5f9ff;font-size:10px;font-weight:850}.test-export-status.is-error{border-color:#fecdca;color:#b42318;background:#fff4f2}.test-export-status strong{font-size:11px}.test-panel{--test-kicker-size: 10px;--test-helper-size: 10px;--test-body-size: 11px;--test-input-size: 12px;--test-card-title-size: 15px;--test-page-title-size: 18px}.test-panel>.systems-hero.test-hero h2{color:#06152b;font-size:var(--test-page-title-size);font-weight:900;line-height:1.12}.test-panel>.systems-hero.test-hero p{max-width:860px;color:#475467;font-size:12px;font-weight:750;line-height:1.25}.test-panel>.systems-hero.test-hero span,.test-panel .systems-card-heading span,.test-panel .test-section-label,.test-panel .test-capture-metrics span,.test-panel .test-report-chart span,.test-panel .test-output-tabs button span{color:#667085;font-size:var(--test-kicker-size);font-weight:900;letter-spacing:0;line-height:1.08;text-transform:uppercase}.test-panel .test-workflow-card label,.test-panel .test-range-field{color:#667085;font-size:var(--test-kicker-size);font-weight:900;letter-spacing:0;line-height:1.08;text-transform:none}.test-panel .systems-card-heading h3{color:#06152b;font-size:17px;font-weight:900;line-height:1.12}.test-panel .systems-card-heading p,.test-panel .test-capture-title small,.test-panel .test-report-card .systems-card-heading p{color:#475467;font-size:var(--test-body-size);font-weight:760;line-height:1.25}.test-panel .test-output-tabs button small,.test-panel .test-capture-metrics small{color:#667085;font-size:var(--test-helper-size);font-weight:850;line-height:1.1}.test-panel .test-output-tabs button.active span,.test-panel .test-output-tabs button.active small{color:#fff}.test-panel .test-workflow-heading strong,.test-panel .test-capture-title strong,.test-panel .test-report-chart strong{color:#06152b;font-size:var(--test-card-title-size);font-weight:900;line-height:1.1}.test-panel .test-workflow-heading b{font-size:9px;font-weight:950}.test-panel .test-workflow-card input,.test-panel .test-input-unit strong,.test-panel .test-range-card strong{color:#06152b;font-size:var(--test-input-size);font-weight:850;line-height:1.1}.test-panel .test-capture-metrics strong{color:#06152b;font-size:13px;font-weight:900;line-height:1.1}.test-panel .test-action-row button,.test-panel .test-document-actions button{font-size:12px;font-weight:900;line-height:1.1}.test-panel .test-record-toggle{font-size:13px!important;font-weight:900}@media(max-width:1200px){.config-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.config-read-card{min-height:220px}.config-general-grid,.config-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-grid{grid-template-columns:minmax(0,1fr) 340px}.telemetry-strip{grid-template-columns:repeat(2,minmax(104px,1fr));min-height:116px}.side-gauges{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr))}.gauge-card{display:grid;grid-template-columns:minmax(104px,.8fr) minmax(140px,1fr);grid-template-rows:auto 1fr;column-gap:8px;padding:8px}.gauge-header{grid-column:1 / -1}.gauge-visual-frame{align-self:center}.gauge-value-row{align-self:center;grid-template-columns:auto auto}.gauge-value-row small{grid-column:1 / -1;justify-self:start}}@media(max-width:980px){.test-layout{grid-template-columns:1fr;grid-template-rows:auto auto;overflow-y:auto;padding-right:2px}.test-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.test-form-card{overflow:visible}.test-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.test-capture-strip{grid-template-columns:1fr;min-height:auto}.test-pressure-fields,.test-criteria-fields{grid-template-columns:1fr}.test-workflow-section.identity-section,.test-workflow-section.info-section,.test-workflow-section.pressure-section,.test-workflow-section.criteria-section{grid-column:auto}.test-workflow-grid{grid-template-columns:1fr}.test-capture-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.test-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.test-action-row button{width:100%}.config-channel-selector{grid-template-columns:1fr}.config-channel-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{padding:6px;gap:6px}.topbar{flex-wrap:wrap;min-height:52px;padding:6px 8px}.topbar-controls{width:100%;grid-template-columns:minmax(170px,1fr) 106px 154px 36px}.device-select,.device-select select{width:100%}.compact-brand .brand-mark{width:34px;height:34px}.compact-brand h1{font-size:18px}.compact-brand p,.role-pill,.status-pill{font-size:11px}.operation-grid{grid-template-columns:minmax(0,1fr) 290px;gap:7px}.overview-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:32px;padding:5px 8px;font-size:12px}.overview-strip div:last-child{display:none}.hmi-tabs{min-height:34px}.hmi-tabs button{min-height:26px;padding:0 9px;font-size:12px}.operation-main{gap:7px}.telemetry-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:104px}.kpi-tile{padding:7px 8px}.kpi-tile strong{font-size:22px}.section-heading h2{font-size:15px}.section-heading p{display:none}.chart-header{gap:8px}.chart-toolbar{grid-template-columns:266px;min-width:266px}.chart-title-block p,.chart-toolbar-label,.chart-sample-count{display:none}.range-segmented button{padding:0 7px;font-size:10px}.chart-legend{gap:6px;font-size:11px}.chart-legend span{padding:3px 7px}}@media(max-width:760px){.trend-line-shadow{display:none}.trend-moving-lines{backface-visibility:hidden}.systems-panel,.config-panel,.test-panel{grid-template-rows:auto minmax(0,1fr)}.systems-panel>.systems-hero,.config-panel>.systems-hero,.test-panel>.systems-hero{height:auto;min-height:80px;overflow:visible}.test-hero{flex-direction:column}.test-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.test-summary-grid strong{font-size:15px}.test-form-grid,.test-channel-grid,.test-document-actions{grid-template-columns:1fr}.config-hero{flex-direction:column}.config-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.config-general-grid,.config-channel-grid,.config-action-strip,.config-footer-grid,.config-map-card,.config-save-strip{grid-template-columns:1fr}.config-action-buttons{justify-content:stretch}.config-action-buttons button{flex:1 1 150px}.app-shell{grid-template-rows:auto auto auto minmax(0,1fr);min-width:0}.topbar{min-height:48px}.topbar-controls{grid-template-columns:minmax(148px,1fr) 92px 118px 34px;gap:5px}.device-select{grid-template-columns:16px minmax(0,1fr);width:100%}.device-select select{width:100%;max-width:none}.overview-strip{grid-template-columns:1fr}.overview-strip div:nth-child(2){display:none}.operation-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 172px}.side-gauges{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr}.side-gauges .gauge-card{display:block}.side-gauges .gauge-visual-frame{display:none}.gauge-header{align-items:center}.gauge-header h2{font-size:13px}.channel-subline,.chip-toggle,.gauge-scale-control{display:none}.gauge-value-row{display:block;margin-top:14px}.gauge-value-row strong{display:block;font-size:clamp(22px,7vw,34px)}.gauge-value-row span{display:block;font-size:11px}.gauge-value-row small{display:block;margin-top:4px;font-size:10px}.form-grid,.form-grid.compact,.channel-config-grid{grid-template-columns:1fr}}.certificates-panel{background:linear-gradient(135deg,#fffffff5,#f5f8fcf5),#fff}.certificates-hero-tools{min-width:0}.certificates-hero-actions{display:flex;align-items:stretch;gap:8px}.certificates-hero-actions .systems-add-button{flex:0 0 148px;width:148px;min-width:148px}.certificates-refresh-button{gap:7px}.certificates-book-button{gap:7px;border-color:#175cd3;background:#175cd3}.certificates-summary-grid>div{color:#344054}.certificates-summary-grid span{font-size:9px}.certificates-summary-grid strong{font-size:22px}.certificates-summary-grid .summary-valid{border-color:#abefc6;background:#ecfdf3}.certificates-summary-grid .summary-valid strong{color:#067647}.certificates-summary-grid .summary-expiring{border-color:#fedf89;background:#fffaeb}.certificates-summary-grid .summary-expiring strong{color:#93370d}.certificates-summary-grid .summary-expired{border-color:#fecdca;background:#fff6f5}.certificates-summary-grid .summary-expired strong{color:#b42318}.certificates-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.certificates-layout>.systems-card{min-height:0;padding:10px}.certificates-list-card{grid-column:1 / -1;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;overflow:hidden}.certificate-filters{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(100px,1fr));align-items:end;gap:7px;border:1px solid #d8e0eb;border-radius:7px;padding:8px;background:#f8fafc}.certificate-filters label{display:grid;gap:4px;min-width:0}.certificate-filters label>span{overflow:hidden;color:#475467;font-size:9px;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.certificate-filters input,.certificate-filters select,.certificate-clear-filters{box-sizing:border-box;width:100%;min-width:0;height:38px;min-height:38px;border:1px solid #cbd5e1;border-radius:6px;color:#142033;background:#fff;font:inherit;font-size:11px;font-weight:750}.certificate-filters select{padding:0 27px 0 9px}.certificate-search>div{position:relative;min-width:0}.certificate-search>div>svg{position:absolute;top:50%;left:10px;z-index:1;color:#667085;pointer-events:none;transform:translateY(-50%)}.certificate-search input{padding:0 31px 0 32px}.certificate-search button{position:absolute;top:50%;right:4px;display:grid;width:28px;min-width:28px;height:28px;min-height:28px;place-items:center;border:0;padding:0;color:#667085;background:transparent;transform:translateY(-50%)}.certificate-clear-filters{padding:0 9px;cursor:pointer}.certificate-clear-filters:disabled{color:#98a2b3;background:#f1f5f9;cursor:default}.certificate-list{display:grid;min-height:0;align-content:start;gap:7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-gutter:stable}.certificate-row{display:grid;grid-template-columns:minmax(190px,1.45fr) minmax(96px,.72fr) minmax(142px,.9fr) minmax(132px,.82fr) minmax(116px,.72fr);align-items:center;gap:10px;width:100%;min-height:72px;border:1px solid #d8dee8;border-radius:8px;padding:9px 11px;color:#142033;background:linear-gradient(180deg,#fff,#f8fafc);text-align:left}.certificate-row:hover{border-color:#b8c9e2;background:#f8fbff}.certificate-row.selected{border-color:#94b8ff;background:linear-gradient(180deg,#fff,#f4f7ff);box-shadow:inset 3px 0 #2563eb,0 9px 18px #2563eb14}.certificate-row>div{display:grid;min-width:0;gap:3px}.certificate-row>div>span{overflow:hidden;color:#667085;font-size:8px;font-weight:900;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.certificate-row>div>strong{overflow:hidden;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.certificate-code-cell{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px!important}.certificate-code-cell>svg{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;padding:6px;color:#175cd3;background:#eaf2ff}.certificate-code-cell>div{display:grid;min-width:0;gap:3px}.certificate-code-cell strong,.certificate-code-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-code-cell strong{color:#06152b;font-size:12px}.certificate-code-cell span{color:#667085;font-size:10px;font-weight:750}.certificate-row-badges{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px!important}.certificate-result,.certificate-validity{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:max-content;max-width:100%;min-height:22px;border:1px solid #d0d5dd;border-radius:999px;padding:3px 8px;font-size:8px;font-weight:900;line-height:1;text-transform:uppercase;white-space:nowrap}.certificate-result.approved,.certificate-validity.valid{border-color:#abefc6;color:#067647;background:#ecfdf3}.certificate-result.rejected,.certificate-validity.expired{border-color:#fecdca;color:#b42318;background:#fff1f0}.certificate-validity.expiring{border-color:#fedf89;color:#93370d;background:#fffaeb}.certificate-validity.neutral{color:#475467;background:#f2f4f7}.certificate-empty,.certificate-detail-empty{display:flex;min-height:128px;align-items:center;justify-content:center;gap:8px;border:1px dashed #c8d0dc;border-radius:8px;color:#667085;background:#f8fafc;font-size:11px;font-weight:800}.certificate-empty.error,.certificate-detail-empty.error,.certificate-detail-error{border-color:#fecdca;color:#b42318;background:#fff6f5}.list-pagination{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e4e7ec;padding-top:8px;color:#667085;font-size:10px;font-weight:800}.list-pagination-controls{display:flex;align-items:center;gap:7px}.list-pagination button{display:inline-flex;min-height:32px;align-items:center;gap:4px;padding:0 9px;font-size:9px}.list-pagination-edge{width:32px;min-width:32px;justify-content:center;padding:0}.list-page-jump{display:flex;min-width:0;align-items:center;gap:5px}.list-page-jump label{display:flex;min-width:0;align-items:center;gap:5px;color:#344054;font-size:9px;font-weight:850;white-space:nowrap}.list-page-jump input{width:52px;height:32px;min-height:32px;border:1px solid #cdd6e3;border-radius:6px;padding:0 5px;color:#102a4c;background:#fff;font-size:10px;font-weight:850;text-align:center}.list-page-jump input:focus{border-color:#2f6fed;outline:2px solid rgba(47,111,237,.14);outline-offset:0}.list-page-go{min-width:34px;justify-content:center;padding:0 8px}.list-pagination-first{grid-area:first}.list-pagination-previous{grid-area:previous}.list-page-jump{grid-area:jump}.list-pagination-next{grid-area:next}.list-pagination-last{grid-area:last}.list-pagination.compact{align-items:stretch;flex-direction:column}.list-pagination.compact .list-pagination-controls{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 40px;grid-template-areas:"first previous next last" "jump jump jump jump"}.list-pagination.compact .list-page-jump{justify-content:center}.certificate-detail-content{display:grid;min-height:0;align-content:start;gap:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-gutter:stable}.certificate-job-failure{display:grid;gap:7px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;border:1px solid #fecdca;border-radius:8px;padding:10px 11px;color:#b42318;background:#fff6f5}.certificate-job-failure>div{display:grid;gap:2px}.certificate-job-failure strong{font-size:10px}.certificate-job-failure span{color:#7a271a;font-size:8px;font-weight:750;line-height:1.3}.certificate-job-failure button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;border-color:#fda29b;color:#b42318;background:#fff;font-size:9px;white-space:nowrap}.certificate-detail-error{margin:0;border:1px solid #fecdca;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:800}.certificate-download-button{display:inline-flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:7px;font-size:12px}.certificate-history-button{display:inline-flex;min-width:0;min-height:42px;align-items:center;justify-content:center;gap:7px;border-color:#cbd5e1;color:#17355c;background:#f8fafc;font-size:10px;font-weight:900}.certificate-history-button span{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;padding:0 6px;color:#175cd3;background:#eaf2ff;font-size:9px}.certificate-history-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(720px,100%);height:min(680px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden}.certificate-info-modal .credential-modal-header span,.certificate-history-modal .credential-modal-header span{font-size:11px}.certificate-info-modal .credential-modal-header h3,.certificate-history-modal .credential-modal-header h3{font-size:21px}.certificate-info-modal .credential-modal-header p,.certificate-history-modal .credential-modal-header p{font-size:13px}.certificate-history-modal-body{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;gap:12px;padding:16px 20px 20px}.certificate-history-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;border:1px solid #d8e1ed;border-radius:8px;padding:10px 12px;background:#f8fafc}.certificate-history-summary>div{display:grid;min-width:96px;place-items:center;gap:2px;border-right:1px solid #d8e1ed;padding-right:14px}.certificate-history-summary span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.certificate-history-summary strong{color:#06152b;font-size:23px;line-height:1}.certificate-history-summary p{margin:0;color:#475467;font-size:12px;font-weight:750;line-height:1.35}.certificate-history-list{display:grid;min-height:0;align-content:start;gap:7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-gutter:stable}.certificate-history-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;border:1px solid #d8dee8;border-radius:8px;padding:9px 11px;background:linear-gradient(180deg,#fff,#f8fafc)}.certificate-history-list article>svg{display:grid;width:30px;height:30px;place-items:center;border-radius:7px;padding:7px;color:#175cd3;background:#eaf2ff}.certificate-history-list article>div{display:grid;min-width:0;gap:2px}.certificate-history-list article strong{color:#142033;font-size:12px}.certificate-history-list article span,.certificate-history-list article time{overflow:hidden;color:#667085;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.certificate-history-list article time{color:#475467;font-weight:850}.certificate-history-empty{display:flex;min-height:160px;align-items:center;justify-content:center;gap:8px;border:1px dashed #c8d0dc;border-radius:8px;color:#667085;background:#f8fafc;font-size:11px;font-weight:800}.certificate-modal-backdrop{overscroll-behavior:contain}.certificate-detail-modal{display:flex;flex-direction:column;width:min(980px,100%);height:min(580px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden}.certificate-detail-modal-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px;scrollbar-gutter:stable}.certificate-detail-modal-body>.certificate-detail-empty{height:100%;min-height:220px}.certificate-detail-loading>div{display:grid;gap:3px}.certificate-detail-loading strong{color:#344054;font-size:12px}.certificate-detail-loading span{color:#667085;font-size:10px;font-weight:750}.certificate-detail-modal .certificate-detail-content{overflow:visible;padding:0}.certificate-detail-modal-actions{display:grid;grid-template-columns:minmax(150px,.82fr) minmax(150px,.82fr) minmax(220px,1.36fr);gap:8px;border-top:1px solid #e4e7ec;padding:12px 20px 16px;background:#fff}.certificate-detail-modal-actions.has-delete{grid-template-columns:repeat(3,minmax(135px,.8fr)) minmax(220px,1.35fr)}.certificate-info-button{display:inline-flex;min-width:0;min-height:42px;align-items:center;justify-content:center;gap:7px;border-color:#cbd5e1;color:#17355c;background:#f8fafc;font-size:10px;font-weight:900}.certificate-delete-button{display:inline-flex;min-width:0;min-height:42px;align-items:center;justify-content:center;gap:7px;border-color:#fecdca;color:#b42318;background:#fff8f7;font-size:10px;font-weight:900}.certificate-delete-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(620px,100%)}.credential-modal-icon.danger{color:#b42318;background:#fff1f0}.certificate-delete-modal-body{display:grid;gap:14px;padding:18px 20px}.certificate-delete-warning{display:flex;align-items:flex-start;gap:10px;border:1px solid #fecdca;border-radius:8px;padding:11px 12px;color:#b42318;background:#fff8f7}.certificate-delete-warning svg{flex:0 0 auto}.certificate-delete-warning div,.certificate-delete-modal-body label{display:grid;gap:4px}.certificate-delete-warning strong,.certificate-delete-modal-body label>span{font-size:12px;font-weight:900}.certificate-delete-warning span,.certificate-delete-modal-body small{color:#667085;font-size:10px;font-weight:700;line-height:1.4}.certificate-delete-modal textarea{min-height:88px;resize:vertical;border:1px solid #cbd5e1;border-radius:7px;padding:10px 12px;color:#0b1f3a;background:#fff;font:inherit;font-size:12px;font-weight:750}.certificate-delete-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4e7ec;padding:12px 20px 16px}.certificate-delete-confirm{min-height:42px;border-color:#d92d20;color:#fff;background:#d92d20}.certificate-delete-confirm:hover:not(:disabled){border-color:#b42318;background:#b42318}.certificate-info-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(780px,100%);height:min(760px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden}.certificate-info-modal-body{display:grid;min-height:0;align-content:start;gap:14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px;scrollbar-gutter:stable}.certificate-info-notice{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #b2ddff;border-radius:8px;padding:10px 12px;color:#175cd3;background:#eff8ff}.certificate-info-notice>div{display:grid;gap:2px}.certificate-info-notice strong{font-size:12px}.certificate-info-notice span{color:#475467;font-size:10px;font-weight:750;line-height:1.35}.certificate-info-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.certificate-info-form label{display:grid;min-width:0;align-content:start;gap:5px}.certificate-info-form label>span{color:#344054;font-size:11px;font-weight:900}.certificate-info-form input,.certificate-info-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:7px;color:#142033;background:#fff;font:inherit;font-size:12px;font-weight:750}.certificate-info-form input{min-height:42px;padding:0 11px}.certificate-info-form textarea{min-height:86px;resize:vertical;padding:10px 11px;line-height:1.4}.certificate-info-form input:disabled,.certificate-info-form textarea:disabled{color:#475467;background:#f2f4f7}.certificate-info-wide{grid-column:1 / -1}.certificate-info-form .revision-reason{border-top:1px solid #e4e7ec;padding-top:12px}.certificate-info-form label>small{color:#667085;font-size:9px;font-weight:750}.certificate-last-revision{display:flex;align-items:center;gap:7px;border:1px solid #d8dee8;border-radius:7px;padding:8px 10px;color:#475467;background:#f8fafc;font-size:10px;font-weight:800}.certificate-info-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4e7ec;padding:12px 20px 16px;background:#fff}.certificate-info-actions button{display:inline-flex;min-width:138px;min-height:42px;align-items:center;justify-content:center;gap:7px}.certificate-history-list article small{overflow-wrap:anywhere;color:#475467;font-size:9px;font-weight:750;line-height:1.35}.certificate-book-modal-backdrop{z-index:20000}.certificate-book-modal{display:grid;width:min(760px,100%);height:min(720px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.certificate-book-modal:focus{outline:none}.certificate-book-modal .credential-modal-header{background:#f8fafc}.certificate-book-modal-body{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;overflow-y:auto;padding:16px 20px 18px}.certificate-book-search{display:grid;gap:6px}.certificate-book-search>label,.certificate-book-customer>span{color:#344054;font-size:11px;font-weight:900}.certificate-book-search>div{display:grid;grid-template-columns:36px minmax(0,1fr) 132px;align-items:center;min-height:42px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.certificate-book-search>div:focus-within{border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed1f}.certificate-book-search>div>svg{justify-self:center;color:#667085}.certificate-book-search input{width:100%;min-width:0;min-height:40px;border:0;padding:0 8px 0 0;font-size:13px;font-weight:800;outline:0;background:transparent}.certificate-book-search button{display:inline-flex;height:34px;min-height:34px;align-items:center;justify-content:center;gap:6px;margin-right:4px;border-color:#b9c6d8;font-size:11px;white-space:nowrap}.certificate-book-content{min-height:0}.certificate-book-empty{display:grid;height:100%;min-height:330px;place-content:center;justify-items:center;gap:8px;border:1px dashed #cbd5e1;border-radius:7px;padding:24px;color:#667085;text-align:center;background:#f8fafc}.certificate-book-empty svg{color:#175cd3}.certificate-book-empty strong{color:#17355c;font-size:14px}.certificate-book-empty span{max-width:420px;font-size:11px;font-weight:750;line-height:1.45}.certificate-book-configuration{display:grid;gap:13px}.certificate-book-order-summary{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(92px,.65fr));gap:8px}.certificate-book-order-summary>div{display:grid;min-width:0;gap:4px;border:1px solid #d8e1ed;border-radius:7px;padding:10px 12px;background:#f8fafc}.certificate-book-order-summary span,.certificate-book-modal-actions>div:first-child span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.certificate-book-order-summary strong{overflow:hidden;color:#0b1f3a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.certificate-book-customer{display:grid;gap:6px}.certificate-book-customer select{width:100%;min-height:40px;font-size:12px;font-weight:800}.certificate-book-diagnostic{display:grid;grid-template-columns:38px minmax(0,1fr) 164px;align-items:center;gap:11px;min-height:92px;border:1px solid #abefc6;border-radius:7px;padding:12px;background:#f6fef9}.certificate-book-diagnostic.pending{border-color:#fedf89;background:#fffaeb}.certificate-book-diagnostic.over-limit,.certificate-book-diagnostic.failed,.certificate-book-diagnostic.range-blocked{border-color:#fecdca;background:#fff6f5}.certificate-book-diagnostic-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:7px;color:#067647;background:#dcfae6}.certificate-book-diagnostic.pending .certificate-book-diagnostic-icon{color:#b54708;background:#fef0c7}.certificate-book-diagnostic.over-limit .certificate-book-diagnostic-icon,.certificate-book-diagnostic.failed .certificate-book-diagnostic-icon,.certificate-book-diagnostic.range-blocked .certificate-book-diagnostic-icon{color:#b42318;background:#fee4e2}.certificate-book-diagnostic-copy{display:grid;min-width:0;gap:3px}.certificate-book-diagnostic-copy>span,.certificate-book-capacity span{color:#667085;font-size:8px;font-weight:900;text-transform:uppercase}.certificate-book-diagnostic-copy strong{color:#05603a;font-size:12px;line-height:1.25}.certificate-book-diagnostic.pending .certificate-book-diagnostic-copy strong{color:#93370d}.certificate-book-diagnostic.over-limit .certificate-book-diagnostic-copy strong,.certificate-book-diagnostic.failed .certificate-book-diagnostic-copy strong,.certificate-book-diagnostic.range-blocked .certificate-book-diagnostic-copy strong{color:#b42318}.certificate-book-diagnostic-copy p{margin:0;color:#475467;font-size:9px;font-weight:750;line-height:1.4}.certificate-book-capacity{display:grid;gap:8px;border-left:1px solid #d0d5dd;padding-left:12px}.certificate-book-capacity>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.certificate-book-capacity strong{color:#17355c;font-size:13px;white-space:nowrap}.certificate-book-capacity>div:last-child{height:7px;overflow:hidden;border-radius:4px;background:#d0d5dd}.certificate-book-capacity>div:last-child span{display:block;height:100%;border-radius:inherit;background:#12b76a;transition:width .22s ease}.certificate-book-diagnostic.pending .certificate-book-capacity>div:last-child span{background:#f79009}.certificate-book-diagnostic.over-limit .certificate-book-capacity>div:last-child span,.certificate-book-diagnostic.failed .certificate-book-capacity>div:last-child span,.certificate-book-diagnostic.range-blocked .certificate-book-capacity>div:last-child span{background:#f04438}.certificate-book-progress{display:grid;height:100%;min-height:330px;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:16px 14px;border:1px solid #b2ddff;border-radius:7px;padding:32px;background:#f5faff}.certificate-book-progress.ready{border-color:#abefc6;background:#f6fef9}.certificate-book-progress.failed{border-color:#fecdca;background:#fff6f5}.certificate-book-progress-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:8px;color:#175cd3;background:#dbeafe}.certificate-book-progress.ready .certificate-book-progress-icon{color:#067647;background:#dcfae6}.certificate-book-progress.failed .certificate-book-progress-icon{color:#b42318;background:#fee4e2}.certificate-book-progress-copy{display:grid;align-content:center;gap:4px}.certificate-book-progress-copy span{color:#175cd3;font-size:10px;font-weight:900;text-transform:uppercase}.certificate-book-progress.ready .certificate-book-progress-copy span{color:#067647}.certificate-book-progress.failed .certificate-book-progress-copy span{color:#b42318}.certificate-book-progress-copy strong{color:#0b1f3a;font-size:17px;line-height:1.25}.certificate-book-progress-copy p{margin:0;color:#475467;font-size:11px;font-weight:750;line-height:1.45}.certificate-book-progress-track{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:4px;background:#dbe5f1}.certificate-book-progress-track span{display:block;height:100%;border-radius:inherit;background:#2f6fed;transition:width .22s ease}.certificate-book-progress>small{grid-column:1 / -1;color:#475467;font-size:10px;font-weight:800;text-align:right}.certificate-book-error{margin:0}.certificate-book-modal-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-top:1px solid #e4e7ec;padding:13px 20px 16px;background:#f8fafc}.certificate-book-modal-actions>div:first-child{display:grid;min-width:0;gap:3px}.certificate-book-modal-actions>div:first-child strong{overflow:hidden;color:#17355c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.certificate-book-modal-actions>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px}.certificate-book-modal-actions button{display:inline-flex;min-width:142px;min-height:42px;align-items:center;justify-content:center;gap:7px}@media(max-width:1500px)and (min-width:761px){.certificates-hero-actions .systems-add-button{flex-basis:124px;width:124px;min-width:124px}.certificates-summary-grid{grid-template-columns:repeat(4,88px)}}@media(max-width:980px)and (min-width:761px){.certificates-hero{flex-direction:column}.certificates-hero-tools{width:100%}.certificates-summary-grid{flex:1 1 auto;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.certificates-panel{overflow-x:hidden;overflow-y:auto}.certificates-layout{height:auto;min-height:0;overflow:visible}.certificates-hero-tools{display:grid;grid-template-columns:1fr;width:100%}.certificates-hero{flex-direction:column}.certificates-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.certificates-hero-actions .systems-add-button,.certificates-refresh-button,.certificates-book-button{width:100%;min-width:0}.certificates-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.certificate-book-modal-backdrop{align-items:end;padding:6px}.certificate-book-modal{width:100%;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:8px 8px 0 0}.certificate-book-modal .credential-modal-header{grid-template-columns:36px minmax(0,1fr) 34px;gap:9px;padding:13px 14px}.certificate-book-modal .credential-modal-icon{width:36px;height:36px}.certificate-book-modal .credential-modal-header h3{font-size:17px}.certificate-book-modal .credential-modal-header p{font-size:10px}.certificate-book-modal-body{padding:12px 14px}.certificate-book-empty,.certificate-book-progress{min-height:300px}.certificate-book-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-book-order-summary>div:first-child{grid-column:1 / -1}.certificate-book-order-summary>div:last-child{grid-column:1 / -1}.certificate-book-order-summary>div{padding:9px}.certificate-book-diagnostic{grid-template-columns:36px minmax(0,1fr);min-height:0}.certificate-book-capacity{grid-column:1 / -1;border-top:1px solid #d0d5dd;border-left:0;padding-top:10px;padding-left:0}.certificate-book-modal-actions{padding:10px 14px 12px}.certificate-job-failure{grid-template-columns:18px minmax(0,1fr)}.certificate-job-failure button{grid-column:1 / -1;width:100%}.certificates-layout>.systems-card,.certificates-list-card{min-height:0;overflow:visible}.certificates-layout .systems-card-heading{height:auto;min-height:76px}.certificate-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-search{grid-column:1 / -1}.certificate-list{min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0;scrollbar-gutter:auto}.certificate-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:9px 12px;min-height:0;padding:11px}.certificate-code-cell,.certificate-row-badges{grid-column:1 / -1}.certificate-row-badges{justify-content:flex-start}.certificate-row>div>span,.certificate-row>div>strong,.certificate-code-cell strong,.certificate-code-cell span{overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.list-pagination{align-items:stretch;flex-direction:column}.list-pagination-controls{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 40px;grid-template-areas:"first previous next last" "jump jump jump jump"}.list-page-jump,.list-pagination button{justify-content:center}.certificate-modal-backdrop{align-items:end;padding:6px}.certificate-info-modal,.certificate-history-modal,.certificate-delete-modal,.certificate-detail-modal{width:100%;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:8px 8px 0 0}.certificate-modal-backdrop .credential-modal-header{grid-template-columns:36px minmax(0,1fr) 34px;gap:9px;padding:13px 14px}.certificate-modal-backdrop .credential-modal-icon{width:36px;height:36px}.certificate-modal-backdrop .credential-modal-header h3{font-size:17px}.certificate-modal-backdrop .credential-modal-header p{font-size:10px}.certificate-info-modal .credential-modal-header h3,.certificate-history-modal .credential-modal-header h3{font-size:18px}.certificate-info-modal .credential-modal-header p,.certificate-history-modal .credential-modal-header p{font-size:11px}.certificate-detail-modal-body,.certificate-info-modal-body,.certificate-history-modal-body{padding:12px 14px}.certificate-info-form{grid-template-columns:1fr}.certificate-info-wide{grid-column:auto}.certificate-detail-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 14px 12px}.certificate-detail-modal-actions.has-delete{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-detail-modal-actions .certificate-download-button{grid-column:1 / -1}.certificate-info-actions{padding:10px 14px 12px}.certificate-delete-modal-body{padding:14px}.certificate-delete-modal-actions{padding:10px 14px 12px}.certificate-history-summary{grid-template-columns:1fr}.certificate-history-summary>div{grid-template-columns:auto auto;min-width:0;justify-content:start;border-right:0;border-bottom:1px solid #d8e1ed;padding:0 0 9px}.certificate-history-list{overscroll-behavior:auto}.certificate-history-list article{grid-template-columns:30px minmax(0,1fr)}.certificate-history-list article time{grid-column:2;white-space:normal}}@media(max-width:520px){.certificate-book-search>div{grid-template-columns:36px minmax(0,1fr);gap:0;border:0;background:transparent}.certificate-book-search>div>svg{align-self:stretch;width:36px;height:42px;border:1px solid #cbd5e1;border-right:0;border-radius:7px 0 0 7px;padding:10px;background:#fff}.certificate-book-search input{min-height:42px;border:1px solid #cbd5e1;border-left:0;border-radius:0 7px 7px 0;padding-right:8px;background:#fff}.certificate-book-search button{grid-column:1 / -1;width:100%;height:40px;margin:7px 0 0}.certificate-book-progress{grid-template-columns:44px minmax(0,1fr);gap:12px 10px;padding:20px 16px}.certificate-book-progress-icon{width:42px;height:42px}.certificate-book-progress-copy strong{font-size:14px}.certificate-book-modal-actions{grid-template-columns:1fr;gap:9px}.certificate-book-modal-actions>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-book-modal-actions button{width:100%;min-width:0}.certificate-book-modal-actions>div:last-child button:only-child{grid-column:1 / -1}.certificate-filters{grid-template-columns:1fr}.certificate-search{grid-column:auto}.certificate-row{grid-template-columns:1fr}.certificate-code-cell,.certificate-row-badges{grid-column:auto}.certificate-detail-modal-actions,.certificate-detail-modal-actions.has-delete{grid-template-columns:1fr}.certificate-detail-modal-actions .certificate-download-button{grid-column:auto}.certificate-info-actions{align-items:stretch;flex-direction:column-reverse}.certificate-info-actions button{width:100%}.certificate-modal-actions{align-items:stretch;flex-direction:column}.certificate-modal-action-group{display:grid;grid-template-columns:1fr;width:100%}.certificate-modal-actions>button,.certificate-modal-action-group button{width:100%}.certificate-delete-modal-actions{align-items:stretch;flex-direction:column-reverse}.certificate-delete-modal-actions button{width:100%}}@media(max-height:740px){.app-shell{padding:6px;gap:5px}.topbar{min-height:50px}.overview-strip{min-height:30px;padding-block:4px}.hmi-tabs{min-height:32px}.hmi-tabs button{min-height:24px}.telemetry-strip{grid-template-columns:repeat(4,minmax(0,1fr));min-height:54px}.kpi-tile{padding-block:6px}.kpi-tile strong{font-size:22px}.chart-panel,.gauge-card{padding:7px}.section-heading{margin-bottom:5px}.section-heading p{display:none}.gauge-visual-frame{padding:4px 5px 2px}.gauge-svg{max-height:112px}.gauge-header h2{font-size:14px}.gauge-value-row strong{font-size:clamp(21px,1.7vw,28px)}.chart-legend{margin-top:5px}}@media(max-height:610px){.overview-strip{display:none}.telemetry-strip{grid-template-columns:repeat(4,minmax(0,1fr));min-height:48px}.topbar{min-height:46px}.compact-brand p{display:none}}@media(max-width:980px){.test-panel .test-layout{grid-template-columns:1fr;grid-template-rows:max-content max-content;align-content:start;overflow-y:auto;padding-right:2px}.test-panel .test-layout>.systems-card{height:auto;min-height:0}.test-panel .test-form-card,.test-panel .test-report-card{align-content:start;grid-template-rows:auto;overflow:visible}.test-panel .test-output-tabs,.test-panel .test-workflow-card{min-height:auto;overflow:visible}.test-panel .test-workflow-grid{grid-auto-rows:auto}.test-panel .test-capture-strip{grid-template-columns:1fr;min-height:auto}.test-panel .test-action-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:40px;min-width:0}.test-panel .test-action-row button{min-width:0;width:100%}.test-panel .test-report-plot{height:240px}}@media(max-width:760px){.test-panel>.systems-hero.test-hero{display:grid;grid-template-columns:1fr;align-items:start;height:auto;min-height:0;padding:12px}.test-panel .test-output-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.test-panel .test-workflow-grid,.test-panel .test-workflow-fields.identity,.test-panel .test-workflow-fields.procedure,.test-panel .test-workflow-fields.pressure,.test-panel .test-workflow-section .test-criteria-fields{grid-template-columns:1fr}.test-panel .test-action-row{grid-template-columns:1fr;grid-template-rows:42px 34px 34px}}.certificate-detail-modal{width:min(1120px,100%);height:min(744px,calc(100dvh - 24px));max-height:min(744px,calc(100dvh - 24px))}.certificate-workspace-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:74px;border-bottom:1px solid #d8e0eb;padding:12px 16px;background:#fff}.certificate-workspace-header-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px}.certificate-header-processing{display:inline-flex;min-height:28px;align-items:center;justify-content:center;gap:5px;border:1px solid #bfdbfe;border-radius:6px;padding:4px 8px;color:#1849a9;background:#eff6ff;font-size:9px;font-weight:800;white-space:nowrap}.certificate-header-processing strong{font-size:9px;font-weight:900}.certificate-workspace-title{display:grid;min-width:0;gap:7px}.certificate-workspace-title>span,.certificate-record-grid span,.certificate-metrics-grid span,.certificate-preview-range>header span{color:#667085;font-size:9px;font-weight:900;letter-spacing:0;line-height:1.1;text-transform:uppercase}.certificate-workspace-title>div{display:flex;min-width:0;align-items:baseline;gap:12px}.certificate-workspace-title h3{overflow:hidden;margin:0;color:#142033;font-size:20px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.certificate-workspace-title p{overflow:hidden;margin:0;color:#667085;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.certificate-workspace-title p strong{margin:0 3px;color:#98a2b3}.certificate-workspace-header .credential-modal-close{position:static;width:42px;min-width:42px;height:42px;min-height:42px}.certificate-detail-modal-body{padding:10px 14px;background:#fff}.certificate-detail-modal .certificate-detail-content{gap:8px}.certificate-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border-top:1px solid #d8e0eb;border-left:1px solid #d8e0eb;border-radius:7px;background:#fff}.certificate-record-grid article{display:grid;min-width:0;min-height:50px;align-content:center;gap:5px;border-right:1px solid #d8e0eb;border-bottom:1px solid #d8e0eb;padding:8px 10px}.certificate-record-grid strong{overflow:hidden;color:#142033;font-size:11px;font-weight:850;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.certificate-metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.certificate-metrics-grid article{display:grid;min-width:0;min-height:58px;align-content:center;gap:6px;border:1px solid #d8e0eb;border-radius:7px;padding:8px 10px;background:#fff}.certificate-metrics-grid strong{display:inline-flex;min-width:0;align-items:center;gap:6px;overflow:hidden;color:#142033;font-size:15px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.certificate-metrics-grid .result-approved{border-color:#abefc6;background:#f6fef9}.certificate-metrics-grid .result-approved strong{color:#067647}.certificate-metrics-grid .result-rejected{border-color:#fecdca;background:#fff6f5}.certificate-metrics-grid .result-rejected strong{color:#b42318}.certificate-preview-layout{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(286px,1fr);align-items:stretch;gap:8px}.certificate-preview-panel,.certificate-preview-range{min-width:0;border:1px solid #d8e0eb;border-radius:7px;background:#fff}.certificate-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr);padding:8px 9px 6px}.certificate-preview-panel>header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:10px;padding:0 1px 7px}.certificate-preview-panel>header>div{display:grid;min-width:0;gap:3px}.certificate-preview-panel h4{margin:0;color:#142033;font-size:16px;line-height:1.1}.certificate-preview-panel header p,.certificate-preview-panel header>span{overflow:hidden;margin:0;color:#667085;font-size:9px;font-weight:850;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.certificate-preview-range{display:grid;align-content:start;gap:9px;padding:10px;background:#f8fafc}.certificate-preview-range>header{display:grid;gap:5px;border-bottom:1px solid #d8e0eb;padding-bottom:9px}.certificate-preview-range>header strong{color:#17355c;font-size:12px}.certificate-preview-range .report-range-selector{display:grid;gap:8px}.certificate-preview-range .report-range-selector legend{margin-bottom:0;font-size:10px}.certificate-preview-range .report-range-approval{min-height:0;gap:8px;margin-bottom:0;padding:8px}.certificate-preview-range .report-range-approval-copy strong{font-size:10px}.certificate-preview-range .report-range-approval-copy small{font-size:8px;line-height:1.25}.certificate-preview-range .report-range-options{gap:6px}.certificate-preview-range .report-range-option{min-height:54px;grid-template-columns:18px 30px minmax(0,1fr);gap:7px;padding:7px 8px}.certificate-preview-range .report-range-option-icon{width:30px;height:30px}.certificate-preview-range .report-range-option-copy strong{font-size:10px}.certificate-preview-range .report-range-option-copy small{font-size:8px;line-height:1.2}.certificate-preview-chart{position:relative;display:block;min-width:0;min-height:230px;overflow:hidden;border:1px solid #dce4ef;border-radius:7px;background:#f8fbff}.certificate-preview-chart svg{display:block;width:100%;height:auto}.certificate-chart-canvas{fill:#f8fbff}.certificate-chart-grid{stroke:#dce5f1;stroke-width:1}.certificate-chart-grid.vertical{stroke:#e7edf5}.certificate-chart-axis-label{fill:#344054;font-size:10px;font-weight:800}.certificate-chart-axis-title{fill:#344054;font-size:10px;font-weight:900}.certificate-chart-line-shadow,.certificate-chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.certificate-chart-line-shadow{opacity:.12;stroke-width:6}.certificate-chart-line{stroke-width:2.3}.certificate-chart-approval-area{fill:#10b9811f}.certificate-chart-approval-boundary{stroke:#12b76a;stroke-dasharray:5 4;stroke-width:1.5;vector-effect:non-scaling-stroke}.certificate-chart-approval-label-bg{fill:#ecfdf3;stroke:#6ce9a6}.certificate-chart-approval-label{fill:#067647;font-size:10px;font-weight:900}.certificate-chart-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:7px;padding:20px;color:#475467;background:#f8fbffeb;text-align:center}.certificate-chart-state strong{font-size:11px}.certificate-chart-state span{max-width:420px;font-size:9px;font-weight:750;line-height:1.35}.certificate-chart-state.error{color:#b42318;background:#fff6f5f2}.certificate-chart-state button{min-height:32px;padding:0 11px;font-size:10px}.certificate-chart-spinner{width:24px;height:24px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.certificate-diagnostic,.certificate-archive-warning{display:flex;min-height:36px;align-items:center;gap:8px;border-left:4px solid #2563eb;padding:8px 11px;color:#344054;background:#f5f8ff;font-size:10px;font-weight:800;line-height:1.3}.certificate-diagnostic.approved{border-left-color:#12b76a}.certificate-diagnostic.approved svg{color:#067647}.certificate-diagnostic.rejected{border-left-color:#f04438;background:#fff6f5}.certificate-diagnostic.rejected svg{color:#b42318}.certificate-archive-warning{display:grid;grid-template-columns:18px minmax(0,1fr) auto;border:1px solid #fedf89;border-left:4px solid #f79009;border-radius:6px;color:#93370d;background:#fffaeb}.certificate-archive-warning button{display:inline-flex;min-height:32px;align-items:center;gap:6px;color:#93370d;background:#fff;font-size:9px}.certificate-export-progress{display:grid;gap:7px;border:1px solid #bfdbfe;border-radius:7px;padding:9px 11px;color:#1849a9;background:#eff6ff}.certificate-export-progress>div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px}.certificate-export-progress strong,.certificate-export-progress span{font-size:10px}.certificate-export-progress progress{width:100%;height:6px;border:0;border-radius:999px;accent-color:#2563eb}.certificate-export-progress.preparing>div{grid-template-columns:18px minmax(0,1fr)}.certificate-workspace-actions{grid-template-columns:minmax(145px,1fr) minmax(175px,1.15fr) minmax(145px,1fr) minmax(170px,1.1fr);gap:7px;padding:10px 14px 12px}.certificate-workspace-actions.has-delete{grid-template-columns:repeat(3,minmax(135px,1fr)) minmax(145px,1fr) minmax(170px,1.1fr)}.certificate-workspace-actions button{min-height:44px}.certificate-workspace-actions .certificate-info-button,.certificate-workspace-actions .certificate-history-button,.certificate-workspace-actions .certificate-delete-button{font-size:11px}.certificate-workspace-actions .certificate-history-button span{font-size:10px}.certificate-csv-button{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:7px;border-color:#cbd5e1;color:#344054;background:#fff;font-size:11px;font-weight:900}@media(max-width:1040px){.certificate-preview-layout{grid-template-columns:1fr}.certificate-preview-range .report-range-options{grid-template-columns:repeat(3,minmax(0,1fr))}.certificate-preview-range .report-range-option{grid-template-columns:18px 30px minmax(0,1fr)}.certificate-workspace-actions,.certificate-workspace-actions.has-delete{grid-template-columns:repeat(3,minmax(0,1fr))}.certificate-workspace-actions .certificate-pdf-button{grid-column:auto}}@media(max-width:760px){.certificate-detail-modal{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.certificate-workspace-header{min-height:68px;gap:10px;padding:11px 12px}.certificate-workspace-title>div{display:grid;gap:4px}.certificate-workspace-title h3{font-size:17px}.certificate-detail-modal-body{padding:10px}.certificate-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-record-grid strong{overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.certificate-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-preview-panel>header{display:grid}.certificate-preview-range .report-range-options{grid-template-columns:1fr}.certificate-workspace-actions,.certificate-workspace-actions.has-delete{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px 10px 10px}.certificate-workspace-actions .certificate-pdf-button{grid-column:auto}}@media(max-width:430px){.certificate-record-grid,.certificate-metrics-grid,.certificate-workspace-actions,.certificate-workspace-actions.has-delete{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-workspace-actions button{min-width:0;padding:0 7px;font-size:10px}.certificate-workspace-actions .certificate-pdf-button:last-child:nth-child(odd){grid-column:1 / -1}.certificate-archive-warning{grid-template-columns:18px minmax(0,1fr)}.certificate-archive-warning button{grid-column:1 / -1}}@media(max-width:980px){.device-select select{width:100%;max-width:100%}.range-segmented button{white-space:nowrap}.config-layout.config-layout-modern,.systems-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.systems-layout{grid-template-areas:"list" "archived"}.config-layout.config-layout-modern>.systems-card,.systems-layout>.systems-card{height:auto;min-height:0}}@media(max-width:760px){.systems-hero-tools{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}.systems-add-button{width:100%;min-width:0;min-height:42px}.systems-summary-grid>div{height:52px;min-height:52px}html,body,#root{width:100%;max-width:100%;overflow:hidden}body{min-width:0}button,input,select{touch-action:manipulation}button{min-height:42px}input,select{min-height:42px;font-size:16px}.app-shell{width:100%;max-width:100%;height:100dvh;min-width:0;grid-template-rows:auto auto auto minmax(0,1fr);gap:5px;padding:max(5px,env(safe-area-inset-top)) 5px max(5px,env(safe-area-inset-bottom));overflow:hidden}.topbar,.overview-strip,.hmi-tabs,.workspace,.panel-view,.operation-grid,.tool-panel,.systems-card{width:100%;max-width:100%;min-width:0}.topbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;min-height:0;padding:9px}.compact-brand{min-width:0;gap:10px}.compact-brand .brand-mark{width:34px;height:34px;flex:0 0 34px}.compact-brand h1{font-size:18px;line-height:1.05;white-space:nowrap}.compact-brand p{margin-top:2px;font-size:10px;line-height:1.1}.topbar-controls{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 86px 36px 36px;gap:5px}.device-preference-control{width:100%;grid-template-columns:minmax(0,1fr) 36px;gap:5px}.device-select{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:0}.device-select>svg{display:none}.device-select select{width:100%;max-width:100%;min-width:0;padding-inline:8px 24px;font-size:12px;text-overflow:ellipsis}.status-pill{min-height:36px;padding-inline:7px;font-size:10px}.role-pill{width:36px;min-width:36px;min-height:36px;padding:0;font-size:0}.role-pill svg{width:17px;height:17px}.icon-button{width:36px;min-width:36px;min-height:36px;padding:0}.overview-strip{display:block;min-height:34px;padding:7px 9px;font-size:11px}.overview-strip>div:first-child{display:flex}.overview-strip>div:not(:first-child){display:none}.overview-strip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmi-tabs{min-height:44px;justify-content:flex-start;gap:4px;padding:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.hmi-tabs::-webkit-scrollbar,.chart-legend::-webkit-scrollbar,.side-gauges::-webkit-scrollbar{display:none}.hmi-tabs button{flex:0 0 auto;min-height:34px;padding-inline:11px;font-size:11px;white-space:nowrap}.workspace{min-height:0;padding-right:1px;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.panel-view,.tool-panel{height:auto;min-height:100%;overflow:visible}.tool-panel,.systems-panel,.config-panel,.test-panel{grid-template-rows:auto auto;gap:8px;padding:7px}.systems-panel>.systems-hero,.config-panel>.systems-hero,.test-panel>.systems-hero,.test-panel>.systems-hero.test-hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;height:auto;min-height:0;padding:12px;overflow:visible}.systems-panel>.systems-hero h2,.config-panel>.systems-hero h2,.test-panel>.systems-hero h2,.test-panel>.systems-hero.test-hero h2{font-size:17px}.systems-panel>.systems-hero p,.config-panel>.systems-hero p,.test-panel>.systems-hero p{font-size:11px;line-height:1.35}.operation-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:8px;height:auto;min-height:100%}.operation-main{grid-template-rows:auto 420px;gap:8px}.telemetry-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0}.kpi-tile{min-height:72px;padding:8px 10px}.kpi-tile span,.kpi-tile small{font-size:10px}.kpi-tile strong{font-size:24px}.operation-main>.chart-panel{height:420px;min-height:420px;padding:9px;overflow:hidden}.chart-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:7px}.chart-title-block{min-width:0}.chart-title-block h2{font-size:16px}.chart-toolbar,.chart-toolbar.has-start{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:6px}.chart-toolbar-start{width:100%}.range-segmented,.test-panel .test-live-trend-chart .range-segmented,.test-panel .test-report-chart-toolbar .range-segmented{width:100%;min-width:0}.range-segmented button{flex:1 1 0;width:auto;min-width:0;min-height:32px;font-size:10px}.trend-chart-shell{padding:5px}.trend-chart .time-axis-label,.trend-chart .y-axis-label,.chart-panel-compact .trend-chart .time-axis-label,.chart-panel-compact .trend-chart .y-axis-label{font-size:14px;font-weight:900}.trend-chart .y-axis-unit,.trend-chart .x-axis-unit{font-size:12px}.chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:0;overflow:visible}.chart-legend span{min-width:0;width:100%;justify-content:flex-start;padding:4px 8px}.chart-legend b{margin-left:auto}.side-gauges{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% - 28px);grid-template-columns:none;grid-template-rows:390px;gap:8px;min-height:390px;padding:0 2px 4px 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.side-gauges .gauge-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(240px,1fr) 48px;gap:8px;height:390px;min-height:390px;padding:11px;scroll-snap-align:start}.side-gauges .gauge-header{display:grid;grid-column:auto;align-items:stretch}.side-gauges .gauge-header h2{font-size:15px}.side-gauges .channel-subline,.side-gauges .gauge-scale-control{display:grid}.side-gauges .chip-toggle{display:inline-flex}.side-gauges .gauge-scale-control{grid-template-columns:auto max-content}.side-gauges .gauge-visual-frame{display:grid;min-height:240px;align-self:stretch;overflow:hidden}.side-gauges .gauge-svg{width:100%;height:100%;max-width:none;max-height:none;transform:scale(1.08);transform-origin:50% 54%}.side-gauges .gauge-value-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:0}.side-gauges .gauge-value-row strong,.side-gauges .gauge-value-row span,.side-gauges .gauge-value-row small{display:inline;margin-top:0}.side-gauges .gauge-value-row strong{font-size:32px}.side-gauges .gauge-value-row small{grid-column:auto;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid currentColor;border-radius:5px;padding:4px 8px;font-size:12px;line-height:1;text-align:center}.side-gauges .gauge-value-row small.normal,.test-panel .test-live-gauge-card .gauge-value-row small.normal{background:#ecfdf3}.side-gauges .gauge-value-row small.fault,.test-panel .test-live-gauge-card .gauge-value-row small.fault{background:#fff1f0}.side-gauges .gauge-value-row small.calibration,.test-panel .test-live-gauge-card .gauge-value-row small.calibration{background:#eff6ff}}@media(max-width:1180px){.systems-panel{grid-template-rows:auto minmax(0,1fr)}.systems-panel.has-inventory-alert{grid-template-rows:auto auto minmax(0,1fr)}.systems-panel>.systems-hero{flex-direction:column;height:auto}.systems-panel>.systems-hero .systems-hero-tools{width:100%}.systems-panel>.systems-hero .systems-summary-grid{flex:1 1 auto;grid-template-columns:repeat(4,minmax(0,1fr))}.user-row{grid-template-columns:46px minmax(180px,1fr) minmax(180px,.9fr) 150px;grid-template-areas:"avatar identity role access" "avatar actions actions actions"}.user-avatar{grid-area:avatar}.user-identity{grid-area:identity}.user-role-cell{grid-area:role}.user-access-cell{grid-area:access}.user-actions-cell{grid-area:actions;justify-self:end;width:min(360px,100%)}}@media(max-width:760px){.users-panel{height:auto;min-height:100%;overflow:visible}.users-layout,.users-list-card{min-height:0;overflow:visible}.users-results{overflow:visible}.users-toolbar{grid-template-columns:minmax(0,1fr)}.users-toolbar>button{width:100%}.users-table{max-height:none;overflow:visible;padding-right:0}.user-row{grid-template-columns:42px minmax(0,1fr);grid-template-areas:"avatar identity" "role role" "access access" "actions actions";gap:9px;min-height:0;padding:11px}.user-avatar{width:38px;height:38px}.user-role-cell,.user-access-cell{border-top:1px solid #e4e7ec;padding-top:8px}.user-role-cell small{white-space:normal}.user-actions-cell{justify-self:stretch;width:100%}.user-actions-cell button{min-height:40px}.user-modal{width:100%}.user-form-grid{grid-template-columns:minmax(0,1fr)}.user-form-grid .user-form-field{grid-template-rows:16px 42px auto}.user-form-grid label>small{min-height:0;overflow:visible}.user-system-access>header{align-items:flex-start}.user-system-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.user-system-toolbar>label{grid-column:1 / -1}.user-system-toolbar>button{width:100%}.user-system-grid{grid-template-columns:minmax(0,1fr);height:176px;min-height:176px;max-height:176px}}@media(max-width:760px){.test-panel .test-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:8px;height:auto;min-height:0;padding:0;overflow:visible;overflow-anchor:none}.test-panel .test-layout>.systems-card,.test-panel .test-form-card,.test-panel .test-report-card{width:100%;height:auto;min-height:0;overflow:visible}.test-panel .test-form-card,.test-panel .test-report-card{padding:9px}.test-panel .test-output-tabs{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;padding:6px}.test-panel .test-output-tabs button{min-height:58px;padding:8px 9px 8px 12px}.test-panel .test-workflow-card{padding:7px}.test-panel .test-workflow-grid,.test-panel .test-workflow-fields.identity,.test-panel .test-workflow-fields.procedure,.test-panel .test-workflow-fields.pressure,.test-panel .test-workflow-section .test-criteria-fields{grid-template-columns:minmax(0,1fr)}.test-panel .test-workflow-section{min-height:0;padding:11px}.test-panel .test-workflow-card input{font-size:16px}.test-panel .test-capture-strip{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:9px}.test-panel .test-capture-title{min-height:92px}.test-panel .test-capture-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.test-panel .test-capture-metrics article{min-height:54px}.test-panel .test-action-row{grid-template-columns:minmax(0,1fr);grid-template-rows:46px 42px 42px;min-width:0;width:100%}.test-panel .test-action-row button{width:100%;min-width:0;min-height:42px}.test-panel .test-report-card .systems-card-heading{height:auto;min-height:76px}.test-panel .test-live-chart-card,.test-panel .test-live-trend-chart,.test-panel .test-live-gauge-card{width:100%;min-width:0;min-height:440px}.test-panel .test-live-trend-chart{grid-template-rows:auto 320px}.test-panel .test-live-trend-chart .chart-header{min-height:0}.test-panel .test-live-trend-chart .chart-toolbar.has-start{grid-template-columns:minmax(0,1fr);gap:7px}.test-preview-mode{width:100%}.test-preview-mode button{flex:1 1 0}.test-panel .test-live-trend-chart .trend-chart,.test-panel .test-report-plot{min-height:300px}.test-panel .test-preview-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.test-panel .test-live-gauge-card .gauge-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(250px,1fr) 48px;min-height:390px}.test-panel .test-live-gauge-card .gauge-header,.test-panel .test-live-gauge-card .gauge-visual-frame,.test-panel .test-live-gauge-card .gauge-value-row{grid-column:1}.test-panel .test-live-gauge-card .gauge-header{grid-row:1}.test-panel .test-live-gauge-card .gauge-visual-frame{grid-row:2;align-self:stretch;min-height:250px}.test-panel .test-live-gauge-card .gauge-svg{width:100%;height:100%;max-width:none;max-height:none;transform:scale(1.08);transform-origin:50% 54%}.test-panel .test-live-gauge-card .gauge-value-row{grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-self:stretch;gap:10px}.test-panel .test-live-gauge-card .gauge-value-main strong{font-size:32px}.test-panel .test-live-gauge-card .gauge-value-row small{grid-column:auto;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid currentColor;border-radius:5px;padding:4px 8px;font-size:12px;line-height:1;text-align:center}.test-panel .test-live-gauge-card .gauge-header{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px}.test-panel .test-live-gauge-card .channel-subline{display:block}.test-panel .test-live-gauge-card .gauge-scale-control{display:grid;width:auto;justify-content:end}.test-panel .test-live-gauge-card .gauge-visual-frame{overflow:hidden}.test-panel .test-report-card .test-document-actions{grid-template-columns:minmax(0,1fr)}.test-panel .test-document-actions button{min-height:44px}.config-summary-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.config-summary-grid div{min-height:58px;padding:7px 5px}.config-summary-grid strong{font-size:15px}.config-layout.config-layout-modern{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:8px;height:auto;min-height:0}.config-layout.config-layout-modern>.systems-card,.config-editor-modern,.config-read-modern{width:100%;height:auto;min-height:0;overflow:visible}.config-general-grid.config-general-compact,.config-pair-grid,.sensor-adjustment-fields,.config-footer-grid{grid-template-columns:minmax(0,1fr)}.config-mini-field.config-explained-field{min-height:108px}.config-channel-modern{overflow:visible}.config-channel-selector.config-channel-selector-modern{grid-template-columns:minmax(0,1fr);gap:7px}.config-channel-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.config-channel-tabs button{min-height:42px}.config-pair-card{min-height:0}.config-pair-inputs.stacked label{grid-template-columns:92px minmax(0,1fr) 64px}.config-map-card,.config-action-strip.config-save-strip{grid-template-columns:minmax(0,1fr);min-height:0;gap:9px}.config-map-toggle,.config-save-strip button{width:100%}.config-read-topline{grid-template-columns:minmax(0,1fr)}.sensor-adjustment-summary{grid-template-columns:72px minmax(0,1fr) 92px}.sensor-adjustment-summary div:nth-child(2) strong{font-size:12px}.sensor-adjustment-memory header,.sensor-adjustment-memory>div{grid-template-columns:minmax(0,1fr);gap:3px}.sensor-adjustment-memory strong{text-align:left;white-space:normal}.sensor-adjustment-reference{grid-template-columns:minmax(0,1fr);align-items:stretch}.sensor-adjustment-reference-value{width:100%;grid-template-columns:minmax(0,1fr) 44px}.config-read-topline span{text-align:center}.config-memory-compact,.config-memory-view{max-height:none;overflow:visible}.config-memory-channel-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.systems-summary-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.systems-panel.has-inventory-alert{grid-template-rows:auto auto auto}.systems-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"list" "archived";gap:8px;height:auto;min-height:0}.systems-layout>.systems-card,.systems-list-card,.systems-archived-card{height:auto;min-height:0;overflow:visible}.systems-card-heading{min-height:76px}.systems-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-filter-search{grid-column:1 / -1}.systems-filter-clear{grid-column:1 / -1;width:100%}.systems-table,.systems-archive-list{max-height:none;overflow:visible;padding-right:0}.system-row{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"status name" "seen seen" "actions actions";gap:9px;min-height:0;padding:11px}.system-status-cell{grid-area:status}.system-name-cell{grid-area:name}.system-name-cell input{font-size:14px}.system-seen-cell{grid-area:seen;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border-top:1px solid #e4e7ec;padding-top:8px}.system-actions-cell{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.system-actions-cell button{width:100%;min-height:40px;white-space:normal}.archived-system-row{grid-template-columns:minmax(0,1fr);min-height:0}.archived-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.archived-actions button{width:100%;min-width:0;white-space:normal}.credential-modal-backdrop{align-items:start;height:100dvh;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.credential-modal{width:100%;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:8px}.credential-modal.report-range-modal{max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));grid-template-rows:auto minmax(0,1fr) auto}.credential-modal.certificate-detail-modal{display:flex;height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));flex-direction:column}.credential-modal-header{position:relative;z-index:1}.credential-modal-body,.credential-result{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.credential-modal-header,.credential-modal-body,.credential-result{padding-right:14px;padding-left:14px}.credential-form-grid,.certificate-test-summary{grid-template-columns:minmax(0,1fr)}.certificate-form-grid .certificate-form-full{grid-column:auto}.credential-modal-actions,.credential-result-footer,.credential-code-heading{align-items:stretch;flex-direction:column}.credential-modal-actions>.primary-action,.credential-result-footer>.primary-action,.credential-code-heading button{width:100%}.credential-access-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.credential-state-card{grid-template-columns:22px minmax(0,1fr)}.credential-state-card>button{grid-column:1 / -1;width:100%}.credential-danger-zone>div:first-child,.credential-delete-confirmation{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:stretch!important}.credential-delete-confirmation>div,.credential-delete-confirmation>div button,.credential-danger-zone>div:first-child>button{width:100%}.credential-inventory-alert{grid-template-columns:20px minmax(0,1fr)}.credential-inventory-alert button{grid-column:1 / -1;width:100%}.credential-secret-row{grid-template-columns:minmax(0,1fr)}.wifi-setup-modal-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"steps" "fallback";align-items:start;gap:12px;padding:10px 12px 12px}.credential-modal.wifi-setup-modal{max-height:calc(100dvh - 16px);grid-template-rows:auto minmax(0,1fr)}.wifi-setup-fallback{grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;padding:10px}.wifi-setup-qr-link{width:min(150px,100%)}.wifi-setup-fallback>div{width:100%}}@media(max-width:420px){.login-shell{padding:16px}.login-panel{width:100%;padding:22px 18px}.login-panel .brand-lockup h1{font-size:26px}.session-restore-actions{grid-template-columns:minmax(0,1fr)}.topbar-controls{grid-template-columns:minmax(0,1fr) 80px 36px 36px}.status-pill{font-size:9px}.system-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "name" "seen" "actions"}.systems-filter-bar{grid-template-columns:minmax(0,1fr)}.systems-filter-search,.systems-filter-clear{grid-column:auto}.system-seen-cell{grid-template-columns:minmax(0,1fr)}.wifi-setup-modal-header{grid-template-columns:38px minmax(0,1fr) 34px;gap:9px}.wifi-setup-modal-header .credential-modal-icon{width:38px;height:38px}.wifi-setup-modal-header h3{font-size:17px}.wifi-setup-modal-header p{display:none}}@media(max-width:360px){.wifi-setup-modal-header{grid-template-columns:32px minmax(0,1fr) 30px;gap:6px;padding:10px}.wifi-setup-modal-header .credential-modal-icon{width:32px;height:32px}.wifi-setup-modal-header h3{font-size:15px;line-height:1.15}}@media(max-width:1280px){.certificate-filters{grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(108px,1fr))}.certificate-row{grid-template-columns:minmax(180px,1.45fr) minmax(90px,.7fr) minmax(130px,.9fr) minmax(120px,.8fr)}.certificate-row-badges{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:1060px){.certificates-panel{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.certificates-panel>.certificates-hero{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;gap:10px;overflow:visible}.certificates-hero-tools{width:100%}.certificates-refresh-button{flex:0 0 166px;width:166px}.certificates-summary-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.certificates-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;align-content:stretch;overflow:hidden;padding-right:0}.certificates-layout>.systems-card{height:100%}.certificates-layout>.certificates-list-card{min-height:0}}@media(max-width:760px){.tool-panel.certificates-panel{grid-template-rows:auto auto;gap:8px;padding:7px;overflow:visible}.certificates-panel>.systems-hero.certificates-hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;height:auto;min-height:0;padding:12px;overflow:visible}.certificates-panel>.systems-hero h2{font-size:17px}.certificates-panel>.systems-hero p{font-size:11px;line-height:1.35}.certificates-hero-tools{display:grid;grid-template-columns:minmax(0,1fr)}.certificates-refresh-button{width:100%}.certificates-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.certificates-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:8px;height:auto;min-height:0;overflow:visible;padding-right:0}.certificates-layout>.systems-card,.certificates-list-card{width:100%;height:auto;min-height:0;overflow:visible}.certificate-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-search{grid-column:1 / -1}.certificate-clear-filters{grid-column:1 / -1;width:100%}.certificate-filters input,.certificate-filters select,.certificate-clear-filters{min-height:42px;font-size:16px}.certificate-list{max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0;scrollbar-gutter:auto}.certificate-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;padding:11px}.certificate-code-cell,.certificate-row-badges{grid-column:1 / -1}.certificate-row-badges{justify-content:flex-start}.list-pagination{align-items:stretch;flex-direction:column}.list-pagination-controls{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 40px;grid-template-areas:"first previous next last" "jump jump jump jump"}.list-page-jump{justify-content:center}.list-pagination button{min-height:40px;justify-content:center}.certificate-download-button{min-height:46px}.certificate-history-modal{width:100%;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.certificate-history-modal-body{padding:14px}}@media(max-width:420px){.certificates-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-filters,.certificate-row{grid-template-columns:minmax(0,1fr)}.certificate-search,.certificate-clear-filters,.certificate-code-cell,.certificate-row-badges{grid-column:auto}.certificate-history-summary{grid-template-columns:minmax(0,1fr)}.certificate-history-summary>div{border-right:0;border-bottom:1px solid #d8e1ed;padding:0 0 9px}.certificate-history-list article{grid-template-columns:30px minmax(0,1fr)}.certificate-history-list article time{grid-column:2}}