/* /Components/Layout/AccountLayout.razor.rz.scp.css */ .account-shell.home-shell[b-x3wn991gg1] { min-height: 100dvh; background: var(--ui-bg); color: var(--ui-text); } .account-shell.home-shell .account-header[b-x3wn991gg1] { position: relative; z-index: 1; min-height: 76px; padding: 14px clamp(20px, 5vw, 72px); border-color: var(--ui-border); background: color-mix(in srgb, var(--ui-shell-topbar) 94%, transparent); } .account-shell.home-shell .brand[b-x3wn991gg1] { color: var(--ui-text); } .account-shell.home-shell .brand-symbol[b-x3wn991gg1] { border-radius: 10px 3px 10px 3px; background: var(--ui-accent); color: var(--ui-on-accent); } .account-shell:not(.home-shell) .account-header[b-x3wn991gg1] { border-color: var(--ui-border); background: var(--ui-shell-topbar); } .account-shell:not(.home-shell) .brand[b-x3wn991gg1] { color: var(--ui-text); } .account-shell:not(.home-shell) .brand-symbol[b-x3wn991gg1] { border-radius: 10px 3px 10px 3px; background: var(--ui-accent); color: var(--ui-on-accent); } .account-shell.home-shell .text-link[b-x3wn991gg1] { display: inline-flex; min-height: 42px; align-items: center; gap: 9px; padding: 0 14px; border: 1px solid var(--ui-border); border-radius: 8px; color: var(--ui-text); font-size: .8rem; transition: border-color .16s ease, background .16s ease; } .account-shell.home-shell .text-link:hover[b-x3wn991gg1] { border-color: var(--ui-accent); background: var(--ui-accent-soft); } .account-shell.home-shell .home-header-action span[b-x3wn991gg1] { color: var(--ui-accent); font-size: 1.05rem; } .account-shell.home-shell .home-header-action[b-x3wn991gg1] { border-color: var(--ui-accent); background: var(--ui-accent); color: var(--ui-on-accent); font-weight: 700; } .account-shell.home-shell .home-header-action span[b-x3wn991gg1] { color: var(--ui-on-accent); } .account-shell.home-shell .home-header-action:hover[b-x3wn991gg1] { background: var(--ui-accent-hover); color: var(--ui-on-accent); } .account-shell.home-shell .account-main[b-x3wn991gg1] { width: min(100%, 1320px); padding: clamp(38px, 6vw, 76px) clamp(22px, 5vw, 64px); } .account-shell.home-shell .account-footer[b-x3wn991gg1] { border-top: 1px solid color-mix(in srgb, var(--ui-border) 75%, transparent); color: var(--ui-text-muted); } @media (max-width: 640px) { .account-shell.home-shell .account-header[b-x3wn991gg1] { min-height: 66px; padding-inline: 20px; } .account-shell.home-shell .account-main[b-x3wn991gg1] { padding: 34px 20px 46px; } .account-shell.home-shell .account-footer[b-x3wn991gg1] { padding: 18px 20px; } } /* /Components/LiveDashboard/LiveRobotTile.razor.rz.scp.css */ .live-robot-tile[b-eib0q9tjvb] { --state-color:var(--ui-unknown); position:relative; display:flex; flex-direction:column; min-width:0; height:100%; padding:16px; border:1px solid var(--ui-border); border-radius:12px; background:linear-gradient(140deg,color-mix(in srgb,var(--state-color) 5%,var(--ui-surface)),var(--ui-bg)); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 3%,transparent); transition:border-color .18s ease,box-shadow .18s ease; } .live-robot-tile:hover[b-eib0q9tjvb] { border-color:var(--ui-accent-secondary); box-shadow:var(--ui-shadow); } .state-running[b-eib0q9tjvb] { --state-color:var(--ui-success); } .state-moving[b-eib0q9tjvb] { --state-color:var(--ui-info); } .state-welding[b-eib0q9tjvb] { --state-color:var(--ui-violet); } .state-idle[b-eib0q9tjvb],.state-waiting[b-eib0q9tjvb],.state-hold[b-eib0q9tjvb],.state-paused[b-eib0q9tjvb] { --state-color:var(--ui-warning); } .state-fault[b-eib0q9tjvb] { --state-color:var(--ui-danger); } .tile-header[b-eib0q9tjvb] { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding-bottom:13px; border-bottom:1px solid var(--ui-border); } .tile-header h2[b-eib0q9tjvb] { flex:1 1 120px; min-width:0; margin:0; color:var(--ui-text); font-size:17px; font-weight:700; line-height:1.35; overflow-wrap:anywhere; } .tile-robot-icon[b-eib0q9tjvb] { display:grid; place-items:center; flex:0 0 36px; height:38px; border:1px solid color-mix(in srgb,var(--ui-accent) 25%,transparent); border-radius:8px; color:var(--ui-accent); background:var(--ui-accent-soft); } .tile-robot-icon[b-eib0q9tjvb] svg { width:24px; height:24px; } .tile-connection[b-eib0q9tjvb] { padding:5px 8px; border-radius:6px; font-size:11px; color:var(--ui-unknown); background:color-mix(in srgb,var(--ui-unknown) 12%,transparent); } .connection-connected[b-eib0q9tjvb] { color:var(--ui-success); background:color-mix(in srgb,var(--ui-success) 14%,transparent); } .connection-disconnected[b-eib0q9tjvb] { color:var(--ui-danger); background:color-mix(in srgb,var(--ui-danger) 14%,transparent); } .tile-body[b-eib0q9tjvb] { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:14px; margin-block:14px; flex:1; } .tile-image[b-eib0q9tjvb] { display:flex; align-items:center; justify-content:center; min-width:0; border:1px solid var(--ui-border); border-radius:9px; overflow:hidden; background:var(--ui-bg); } .tile-image img[b-eib0q9tjvb] { display:block; width:100%; height:100%; min-height:180px; max-height:300px; object-fit:contain; } .tile-image-unknown img[b-eib0q9tjvb] { filter:grayscale(1); opacity:.65; } .tile-information[b-eib0q9tjvb] { min-width:0; } .tile-info-row[b-eib0q9tjvb] { display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid var(--ui-border); min-width:0; } .tile-info-row:first-child[b-eib0q9tjvb] { padding-top:2px; } .tile-info-row:last-child[b-eib0q9tjvb] { border-bottom:0; padding-bottom:0; } .tile-info-row[b-eib0q9tjvb] svg { flex:0 0 20px; width:20px; height:20px; margin-top:6px; color:var(--ui-text-muted); } .tile-info-row > div[b-eib0q9tjvb] { min-width:0; } .tile-label[b-eib0q9tjvb] { display:block; color:var(--ui-text-muted); font-size:12px; margin-bottom:5px; line-height:1.4; } .tile-info-row strong[b-eib0q9tjvb] { display:block; color:var(--ui-text); font-size:14px; font-weight:550; overflow-wrap:anywhere; line-height:1.4; } .tile-main-state strong[b-eib0q9tjvb] { color:var(--state-color); font-size:19px; font-weight:750; } .tile-status-icon[b-eib0q9tjvb] { display:grid; place-items:center; flex:0 0 34px; height:34px; margin-top:3px; border-radius:50%; color:var(--state-color); background:color-mix(in srgb,var(--state-color) 12%,transparent); } .tile-status-icon[b-eib0q9tjvb] svg { width:23px; height:23px; } .tile-arc[b-eib0q9tjvb] { display:block; margin-top:5px; color:var(--ui-text-muted); font-size:12px; } .tile-info-row .signal-on[b-eib0q9tjvb],.tile-info-row .alarm-none[b-eib0q9tjvb] { color:var(--ui-success); } .tile-info-row .alarm-active[b-eib0q9tjvb] { color:var(--ui-danger); } .tile-info-row .signal-unknown[b-eib0q9tjvb],.tile-info-row .alarm-unknown[b-eib0q9tjvb] { color:var(--ui-unknown); } .tile-footer-status[b-eib0q9tjvb] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .tile-footer-status > div[b-eib0q9tjvb] { display:flex; align-items:flex-start; min-width:0; gap:8px; padding:11px 9px; border:1px solid var(--ui-border); border-radius:8px; background:color-mix(in srgb,var(--ui-surface-raised) 40%,transparent); } .tile-footer-status > div[b-eib0q9tjvb] svg { flex:0 0 22px; width:22px; height:22px; margin-top:9px; color:var(--ui-unknown); } .tile-footer-status > div[b-eib0q9tjvb] .tile-time-icon { color:var(--ui-info); } .tile-footer-status > div > span[b-eib0q9tjvb] { min-width:0; } .tile-footer-status strong[b-eib0q9tjvb] { display:block; font-size:13px; font-weight:600; overflow-wrap:anywhere; color:var(--ui-text); } .tile-footer-status small[b-eib0q9tjvb] { display:block; margin-top:5px; color:var(--ui-text-muted); font-size:11px; overflow-wrap:anywhere; } .tile-footer-status .footer-connection-connected[b-eib0q9tjvb] svg,.footer-connection-connected strong[b-eib0q9tjvb] { color:var(--ui-success); } .tile-footer-status .footer-connection-disconnected[b-eib0q9tjvb] svg,.footer-connection-disconnected strong[b-eib0q9tjvb] { color:var(--ui-danger); } .tile-details[b-eib0q9tjvb] { display:flex; align-items:center; gap:10px; min-height:44px; margin-top:10px; color:var(--ui-accent); font-size:14px; font-weight:700; text-decoration:none; } .tile-details[b-eib0q9tjvb]::after { content:""; position:absolute; inset:0; border-radius:inherit; } .tile-details:focus-visible[b-eib0q9tjvb] { outline:2px solid var(--ui-accent); outline-offset:3px; } .tile-details[b-eib0q9tjvb] svg { width:18px; height:18px; } .tile-details:hover[b-eib0q9tjvb] { color:var(--ui-accent-hover); text-decoration:underline; } .tile-list .tile-body[b-eib0q9tjvb] { grid-template-columns:minmax(120px,.35fr) minmax(0,1fr); } .tile-list .tile-information[b-eib0q9tjvb] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .tile-list .tile-info-row[b-eib0q9tjvb] { border:0; } .tile-list .tile-image img[b-eib0q9tjvb] { min-height:130px; max-height:150px; } @media(max-width:700px) { .tile-list .tile-information[b-eib0q9tjvb] { display:block; } .tile-list .tile-body[b-eib0q9tjvb] { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); } .tile-list .tile-image img[b-eib0q9tjvb] { max-height:300px; } } @media(prefers-reduced-motion:reduce) { .live-robot-tile[b-eib0q9tjvb] { transition:none; } } /* /Components/LiveDashboard/RobotMeasurementEChart.razor.rz.scp.css */ .measurement-chart[b-og2ggop8c8] { min-width:0; } h3[b-og2ggop8c8] { margin:0 0 12px; color:var(--ui-text);font-size:15px;font-weight:650; } h3 span[b-og2ggop8c8] { font-weight:400;color:var(--ui-text-muted);font-size:12px; } .measurement-chart-empty[b-og2ggop8c8] { display:grid;place-items:center;min-height:220px;margin:0;color:var(--ui-text-muted);font-size:13px;text-align:center; } .measurement-chart-caption[b-og2ggop8c8],details[b-og2ggop8c8] { color:var(--ui-text-muted);font-size:12px; } .measurement-chart-caption[b-og2ggop8c8] { margin:10px 0; } summary[b-og2ggop8c8] { cursor:pointer;padding-block:5px; } .measurement-chart-table[b-og2ggop8c8] { overflow:auto;max-height:240px;margin-top:10px; } table[b-og2ggop8c8] { width:100%;border-collapse:collapse; } td[b-og2ggop8c8],th[b-og2ggop8c8] { padding:7px;border-bottom:1px solid var(--ui-border);text-align:left;white-space:nowrap; } [role=alert][b-og2ggop8c8] { color:var(--ui-danger);font-size:13px; } /* /Components/Pages/Account/Login.razor.rz.scp.css */ .login-screen[b-qwbnaijrhj]{min-height:70vh;display:grid;place-items:center;padding:24px;color:var(--ui-text)} .login-card.auth-card[b-qwbnaijrhj]{width:min(100%,420px);padding:32px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);box-shadow:var(--ui-shadow)} .login-logo[b-qwbnaijrhj]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;letter-spacing:.12em}.login-card-mark[b-qwbnaijrhj]{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:var(--ui-accent);color:var(--ui-on-accent);font-size:1.7rem;font-weight:800} .login-card form[b-qwbnaijrhj]{display:grid;gap:18px}.login-field[b-qwbnaijrhj]{display:grid;gap:8px}.login-field input[b-qwbnaijrhj]{min-height:48px;padding:10px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-bg);color:var(--ui-text)} .auth-button[b-qwbnaijrhj]{min-height:48px;border:0;border-radius:8px;background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700;cursor:pointer}.auth-error[b-qwbnaijrhj]{color:var(--ui-danger)} /* /Components/Pages/Factory/Alarms/AlarmDashboardChart.razor.rz.scp.css */ .alarm-chart[b-ja7xzcnx4z]{min-width:0;width:100%;min-height:260px;position:relative}.alarm-chart details[b-ja7xzcnx4z]{font-size:10px;color:var(--ui-text-muted);margin-top:3px;max-height:200px;overflow:auto}.alarm-chart summary[b-ja7xzcnx4z]{cursor:pointer}.alarm-chart table[b-ja7xzcnx4z]{border-collapse:collapse;width:100%}.alarm-chart td[b-ja7xzcnx4z],.alarm-chart th[b-ja7xzcnx4z]{padding:7px;text-align:left;border-bottom:1px solid var(--ui-border)}.alarm-chart p[b-ja7xzcnx4z]{font-size:12px;color:var(--ui-text-muted)} /* /Components/Pages/Factory/Alarms/Index.razor.rz.scp.css */ .alarms-dashboard[b-fmurj4z2ej]{display:grid;gap:16px;color:var(--ui-text);min-width:0;font-size:13px} .alarms-heading[b-fmurj4z2ej]{display:flex;align-items:center;justify-content:space-between;gap:20px}.alarms-heading h1[b-fmurj4z2ej]{font-size:clamp(22px,2.2vw,29px);font-weight:750;letter-spacing:-.6px;margin:2px 0 5px}.alarms-heading p[b-fmurj4z2ej]{margin:0;color:var(--ui-text-muted)}.alarms-eyebrow[b-fmurj4z2ej]{font-size:10px;letter-spacing:1.5px}.alarms-presets[b-fmurj4z2ej]{display:flex;border:1px solid var(--ui-border);border-radius:8px;padding:3px;flex-shrink:0;gap:3px} .alarms-dashboard button[b-fmurj4z2ej]{border:1px solid var(--ui-control-border);border-radius:6px;padding:8px 12px;background:var(--ui-surface);color:var(--ui-text);font:inherit;cursor:pointer}.alarms-presets button[b-fmurj4z2ej]{border-color:transparent;background:transparent}.alarms-dashboard button:hover:not(:disabled)[b-fmurj4z2ej],.alarms-presets button.selected[b-fmurj4z2ej]{border-color:var(--ui-accent);color:var(--ui-accent);background:var(--ui-accent-soft)}.alarms-dashboard button:disabled[b-fmurj4z2ej]{opacity:.5;cursor:default}.alarms-dashboard :is(button,input,select,summary):focus-visible[b-fmurj4z2ej]{outline:2px solid var(--ui-focus);outline-offset:3px} .alarms-kpis[b-fmurj4z2ej]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.alarm-kpi[b-fmurj4z2ej]{--tone:var(--ui-accent);display:flex;align-items:flex-start;gap:12px;padding:16px 12px;border:1px solid color-mix(in srgb,var(--tone) 28%,var(--ui-border));border-radius:9px;background:linear-gradient(125deg,color-mix(in srgb,var(--tone) 8%,var(--ui-surface)),var(--ui-surface));box-shadow:inset 0 1px color-mix(in srgb,var(--tone) 12%,transparent);min-width:0;transition:transform .15s,border-color .15s}.alarm-kpi:hover[b-fmurj4z2ej]{transform:translateY(-2px);border-color:var(--tone)}.tone-danger[b-fmurj4z2ej]{--tone:var(--ui-danger)}.tone-blue[b-fmurj4z2ej]{--tone:var(--ui-info)}.tone-purple[b-fmurj4z2ej]{--tone:var(--ui-violet)}.tone-green[b-fmurj4z2ej]{--tone:var(--ui-success)}.tone-muted[b-fmurj4z2ej]{--tone:var(--ui-text-muted)}.kpi-icon[b-fmurj4z2ej]{display:flex;align-items:center;justify-content:center;width:42px;height:45px;flex-shrink:0;border-radius:8px;color:var(--tone);background:color-mix(in srgb,var(--tone) 16%,transparent)}.kpi-icon[b-fmurj4z2ej] svg{width:27px;height:27px}.alarm-kpi h2[b-fmurj4z2ej]{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);color:var(--ui-text);margin:0 0 5px;line-height:1.5}.alarm-kpi strong[b-fmurj4z2ej]{font-size:var(--ui-kpi-value-size);line-height:1.1;color:var(--tone);font-weight:var(--ui-kpi-value-weight);font-variant-numeric:tabular-nums}.alarm-kpi strong.duration-value[b-fmurj4z2ej]{font-size:var(--ui-kpi-value-compact-size);line-height:1.5;display:block;font-weight:var(--ui-kpi-value-weight);}.alarm-kpi small[b-fmurj4z2ej]{display:block;color:var(--ui-text-muted);font-size:var(--ui-kpi-description-size);line-height:1.6;margin-top:5px;font-weight:var(--ui-kpi-description-weight);} .alarms-context[b-fmurj4z2ej]{font-size:11px;color:var(--ui-text-muted);margin:0}.alarms-charts[b-fmurj4z2ej]{display:grid;grid-template-columns:1.6fr 1fr 1.1fr;gap:12px}.alarm-panel[b-fmurj4z2ej]{min-width:0;padding:15px;border:1px solid var(--ui-border);border-radius:9px;background:linear-gradient(140deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 35%,var(--ui-surface)));box-shadow:inset 0 1px var(--ui-surface-hover)}.alarm-panel h2[b-fmurj4z2ej],.alarm-history>h2[b-fmurj4z2ej]{font-size:14px;font-weight:650;margin:0 0 12px;letter-spacing:-.15px}.alarm-panel header[b-fmurj4z2ej]{display:flex;justify-content:space-between;gap:8px}.alarm-panel small[b-fmurj4z2ej]{font-size:10px;color:var(--ui-text-muted);line-height:1.6}.alarms-distributions[b-fmurj4z2ej]{display:grid;grid-template-columns:1.25fr 1.4fr 1fr;gap:12px}.alarm-scroll[b-fmurj4z2ej]{overflow-x:auto;max-width:100%}.alarms-dashboard table[b-fmurj4z2ej]{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.alarms-dashboard th[b-fmurj4z2ej]{text-align:left;font-size:10px;color:var(--ui-text-muted);font-weight:500;padding:10px 8px;border-bottom:1px solid var(--ui-border)}.alarms-dashboard td[b-fmurj4z2ej]{padding:10px 8px;border-bottom:1px solid var(--ui-border);font-variant-numeric:tabular-nums}.alarms-dashboard tbody tr:hover[b-fmurj4z2ej]{background:var(--ui-surface-hover)}.text-danger[b-fmurj4z2ej]{color:var(--ui-danger)}.text-warning[b-fmurj4z2ej]{color:var(--ui-warning)}.alarm-stack[b-fmurj4z2ej]{display:flex;width:85px;height:9px;border-radius:4px;overflow:hidden;background:var(--ui-surface-raised)}.alarm-stack[b-fmurj4z2ej] i{min-width:1px}.alarm-stack[b-fmurj4z2ej] .stack-0{background:var(--ui-danger)}.alarm-stack[b-fmurj4z2ej] .stack-1{background:var(--ui-accent)}.alarm-stack[b-fmurj4z2ej] .stack-2{background:var(--ui-info)}.alarm-stack[b-fmurj4z2ej] .stack-3{background:var(--ui-unknown)}.duration-panel dl[b-fmurj4z2ej]{margin:0}.duration-panel dl>div[b-fmurj4z2ej]{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--ui-border);font-size:11px}.duration-panel dd[b-fmurj4z2ej]{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.duration-panel dt[b-fmurj4z2ej]{color:var(--ui-text-muted)} .alarm-history[b-fmurj4z2ej]{min-width:0}.alarm-filters[b-fmurj4z2ej]{padding:12px;margin-bottom:12px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:9px}.alarm-filters fieldset[b-fmurj4z2ej]{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:end;gap:10px}.alarm-filters label[b-fmurj4z2ej],.alarm-pagination label[b-fmurj4z2ej]{display:grid;gap:6px;font-size:10px;color:var(--ui-text-muted);flex:1;min-width:110px}.alarm-filters input[b-fmurj4z2ej],.alarm-filters select[b-fmurj4z2ej],.alarm-pagination select[b-fmurj4z2ej]{width:100%;background:var(--ui-surface-raised);border:1px solid var(--ui-control-border);color:var(--ui-text);font:inherit;font-size:11px;padding:9px 8px;border-radius:5px;min-height:35px}.alarm-filters button[b-fmurj4z2ej]{color:var(--ui-accent);border-color:var(--ui-accent)}.alarm-history>.alarm-scroll[b-fmurj4z2ej]{border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface)}.alarm-history-table .alarm-message[b-fmurj4z2ej]{white-space:normal;min-width:190px;max-width:300px}.alarm-badge[b-fmurj4z2ej]{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;color:var(--ui-unknown);background:color-mix(in srgb,var(--ui-unknown) 13%,transparent);font-size:10px}.alarm-badge.type-Error[b-fmurj4z2ej],.alarm-badge.active[b-fmurj4z2ej]{color:var(--ui-danger);background:color-mix(in srgb,var(--ui-danger) 13%,transparent)}.alarm-badge.type-Warning[b-fmurj4z2ej]{color:var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 13%,transparent)}.alarm-badge.type-Information[b-fmurj4z2ej]{color:var(--ui-info)}.alarm-badge.cleared[b-fmurj4z2ej]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 10%,transparent)}.alarm-pagination[b-fmurj4z2ej]{display:flex;align-items:center;justify-content:end;gap:10px;padding:12px 0;color:var(--ui-text-muted);font-size:11px}.alarm-pagination>span:first-child[b-fmurj4z2ej]{margin-right:auto}.alarm-pagination label[b-fmurj4z2ej]{flex:0;min-width:75px;display:flex;align-items:center}.alarms-notes[b-fmurj4z2ej]{color:var(--ui-text-muted);font-size:11px;line-height:1.7;border-top:1px solid var(--ui-border);padding-top:12px}.alarms-notes summary[b-fmurj4z2ej]{cursor:pointer}.alarms-error[b-fmurj4z2ej]{color:var(--ui-danger);padding:12px;border:1px solid var(--ui-danger);border-radius:8px}.alarms-loading[b-fmurj4z2ej],.alarms-empty[b-fmurj4z2ej]{color:var(--ui-text-muted);padding:15px} @media(min-width:1600px){.alarm-kpi[b-fmurj4z2ej]{padding:20px 15px}.alarm-kpi h2[b-fmurj4z2ej]{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);}.alarm-kpi small[b-fmurj4z2ej]{font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight);}.alarms-dashboard table[b-fmurj4z2ej]{font-size:12px}} @media(max-width:1250px){.alarms-kpis[b-fmurj4z2ej]{grid-template-columns:repeat(3,minmax(0,1fr))}.alarms-distributions[b-fmurj4z2ej]{grid-template-columns:1fr 1fr}.duration-panel[b-fmurj4z2ej]{grid-column:1/-1}.duration-panel dl[b-fmurj4z2ej]{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.alarms-charts[b-fmurj4z2ej]{grid-template-columns:1fr 1fr}.trend-panel[b-fmurj4z2ej]{grid-column:1/-1}} @media(max-width:700px){.alarms-heading[b-fmurj4z2ej]{align-items:start;flex-direction:column}.alarms-kpis[b-fmurj4z2ej]{grid-template-columns:repeat(2,minmax(0,1fr))}.alarms-charts[b-fmurj4z2ej],.alarms-distributions[b-fmurj4z2ej]{grid-template-columns:minmax(0,1fr)}.alarm-kpi[b-fmurj4z2ej]{padding:12px 9px;gap:8px}.kpi-icon[b-fmurj4z2ej]{width:32px;height:35px}.kpi-icon[b-fmurj4z2ej] svg{width:23px;height:23px}.alarm-kpi strong[b-fmurj4z2ej]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.alarm-kpi strong.duration-value[b-fmurj4z2ej]{font-size:var(--ui-kpi-value-compact-size);font-weight:var(--ui-kpi-value-weight);}.alarm-panel[b-fmurj4z2ej]{padding:12px}.alarm-pagination[b-fmurj4z2ej]{flex-wrap:wrap}.alarm-filters label[b-fmurj4z2ej]{min-width:130px}.duration-panel dl[b-fmurj4z2ej]{grid-template-columns:1fr}} .alarms-dashboard[b-fmurj4z2ej]{container-type:inline-size}.alarm-kpi>div[b-fmurj4z2ej]{min-width:0}.alarm-kpi strong.unknown-value[b-fmurj4z2ej]{font-size:var(--ui-kpi-value-compact-size);line-height:1.6;font-weight:var(--ui-kpi-value-weight);}.alarm-scroll:focus-visible[b-fmurj4z2ej]{outline:2px solid var(--ui-focus);outline-offset:2px} @container(max-width:1180px){.alarms-kpis[b-fmurj4z2ej]{grid-template-columns:repeat(3,minmax(0,1fr))}.alarms-charts[b-fmurj4z2ej]{grid-template-columns:1fr 1fr}.trend-panel[b-fmurj4z2ej]{grid-column:1/-1}.alarms-distributions[b-fmurj4z2ej]{grid-template-columns:1fr 1fr}.duration-panel[b-fmurj4z2ej]{grid-column:1/-1}} @container(max-width:600px){.alarms-kpis[b-fmurj4z2ej]{grid-template-columns:repeat(2,minmax(0,1fr))}.alarms-charts[b-fmurj4z2ej],.alarms-distributions[b-fmurj4z2ej]{grid-template-columns:minmax(0,1fr)}.alarm-kpi strong.unknown-value[b-fmurj4z2ej]{font-size:var(--ui-kpi-value-compact-size);font-weight:var(--ui-kpi-value-weight);}} @media(prefers-reduced-motion:reduce){.alarm-kpi[b-fmurj4z2ej]{transition:none}.alarm-kpi:hover[b-fmurj4z2ej]{transform:none}} .text-info[b-fmurj4z2ej]{color:var(--ui-info)} .active-alarm-panel[b-fmurj4z2ej]{border-color:color-mix(in srgb,var(--tone) 65%,var(--ui-border));background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 14%,var(--ui-surface)),var(--ui-surface));box-shadow:inset 4px 0 var(--tone),0 0 18px color-mix(in srgb,var(--tone) 10%,transparent)} .active-alarm-panel h2[b-fmurj4z2ej]{color:var(--tone)} .active-alarm-panel p[b-fmurj4z2ej]{margin:0;line-height:1.6} .active-alarm-panel ul[b-fmurj4z2ej]{margin:0;padding-left:20px;line-height:1.8;overflow-wrap:anywhere} .alarm-history-table .alarm-row-number[b-fmurj4z2ej]{width:48px;text-align:center;color:var(--ui-text-muted);font-variant-numeric:tabular-nums} /* /Components/Pages/Factory/Index.razor.rz.scp.css */ .factory-selection[b-u06rjfilv6] { width: min(100%, 900px); margin: clamp(28px, 7vh, 76px) auto; color: var(--ui-text); } .factory-selection-logout-form[b-u06rjfilv6] { display: flex; justify-content: flex-end; margin: 12px 0 0; } .factory-selection-logout[b-u06rjfilv6] { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 8px; padding: 0 13px; border: 1px solid var(--ui-border); border-radius: 8px; background: var(--ui-surface); color: var(--ui-text); font: inherit; font-size: .82rem; font-weight: 650; cursor: pointer; transition: border-color .16s ease, background .16s ease; } .factory-selection-logout:hover[b-u06rjfilv6] { border-color: var(--ui-accent); background: var(--ui-surface-raised); } .factory-selection-logout span[b-u06rjfilv6] { color: var(--ui-accent); font-size: 1.05rem; } .factory-list-section[b-u06rjfilv6] { margin-top: 20px; } .factory-list-heading[b-u06rjfilv6] { display: flex; align-items: end; justify-content: space-between; gap: 18px; } .factory-list-heading > div[b-u06rjfilv6] { display: grid; gap: 4px; } .factory-list-heading h2[b-u06rjfilv6] { margin: 0; font-size: 1.12rem; font-weight: 700; letter-spacing: -.02em; } .factory-list-heading > div > span[b-u06rjfilv6] { color: var(--ui-text-muted); font-size: .78rem; } .factory-search[b-u06rjfilv6] { width: min(100%, 330px); } .factory-search label[b-u06rjfilv6] { display: block; margin-bottom: 5px; color: var(--ui-text-muted); font-size: .73rem; font-weight: 650; } .factory-search > div[b-u06rjfilv6] { display: flex; gap: 7px; } .factory-search input[b-u06rjfilv6] { width: 100%; min-width: 0; min-height: 39px; padding: 8px 11px; border: 1px solid var(--ui-control-border); border-radius: 7px; background: var(--ui-bg); color: var(--ui-text); font: inherit; font-size: .82rem; } .factory-search input[b-u06rjfilv6]::placeholder { color: var(--ui-text-muted); opacity: .8; } .factory-search button[b-u06rjfilv6] { min-width: 57px; padding: 0 12px; border: 1px solid var(--ui-accent); border-radius: 7px; background: var(--ui-accent); color: var(--ui-on-accent); font: inherit; font-size: .78rem; font-weight: 750; cursor: pointer; } .factory-search button:hover[b-u06rjfilv6] { background: var(--ui-accent-hover); } .factory-search input:focus-visible[b-u06rjfilv6], .factory-search button:focus-visible[b-u06rjfilv6] { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: 2px; } .factory-selection-list[b-u06rjfilv6] { display: grid; gap: 8px; margin-top: 14px; } .factory-selection-row[b-u06rjfilv6] { display: flex; min-height: 76px; align-items: center; gap: 17px; padding: 15px 19px; border: 1px solid var(--ui-border); border-radius: 11px; background: linear-gradient(105deg, var(--ui-surface), color-mix(in srgb, var(--ui-surface-raised) 72%, var(--ui-surface))); color: var(--ui-text); text-decoration: none; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-text) 3%, transparent); transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease; } .factory-selection-row:hover[b-u06rjfilv6] { transform: translateY(-1px); border-color: color-mix(in srgb, var(--ui-accent) 65%, var(--ui-border)); background: linear-gradient(105deg, color-mix(in srgb, var(--ui-accent) 7%, var(--ui-surface)), var(--ui-surface-raised)); box-shadow: var(--ui-shadow); } .factory-selection-row:focus-visible[b-u06rjfilv6], .factory-selection-logout:focus-visible[b-u06rjfilv6] { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: 3px; } .factory-selection-icon[b-u06rjfilv6] { display: grid; width: 48px; height: 48px; flex: 0 0 auto; place-items: center; border: 1px solid color-mix(in srgb, var(--ui-accent) 38%, var(--ui-border)); border-radius: 10px; background: var(--ui-accent-soft); color: var(--ui-accent); } .factory-selection-icon svg[b-u06rjfilv6] { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } .factory-selection-name[b-u06rjfilv6] { display: grid; min-width: 0; gap: 5px; } .factory-selection-name strong[b-u06rjfilv6] { overflow: hidden; font-size: 1rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } .factory-selection-name small[b-u06rjfilv6] { color: var(--ui-text-muted); font-size: .8rem; } .factory-selection-open[b-u06rjfilv6] { display: inline-flex; align-items: center; gap: 9px; margin-left: auto; color: var(--ui-accent); font-size: .82rem; font-weight: 700; white-space: nowrap; } .factory-selection-open > span[b-u06rjfilv6] { font-size: 1.1rem; transition: transform .16s ease; } .factory-selection-row:hover .factory-selection-open > span[b-u06rjfilv6] { transform: translateX(3px); } .factory-selection-empty[b-u06rjfilv6] { margin: 14px 0 0; padding: 16px; border: 1px solid var(--ui-border); border-radius: 9px; background: var(--ui-surface); color: var(--ui-text-muted); font-size: .85rem; } .factory-selection-empty a[b-u06rjfilv6] { margin-left: 5px; color: var(--ui-accent); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .platform-selection-section[b-u06rjfilv6] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 0; padding: 18px 20px; border: 1px solid color-mix(in srgb, var(--ui-accent) 28%, var(--ui-border)); border-radius: 11px; background: linear-gradient(110deg, color-mix(in srgb, var(--ui-accent) 6%, var(--ui-surface)), var(--ui-surface)); } .platform-selection-heading[b-u06rjfilv6] { display: flex; align-items: center; gap: 12px; } .platform-selection-heading > span[b-u06rjfilv6] { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid color-mix(in srgb, var(--ui-accent) 36%, var(--ui-border)); border-radius: 9px; background: var(--ui-accent-soft); color: var(--ui-accent); font-size: 1.2rem; } .platform-selection-heading div[b-u06rjfilv6] { display: grid; gap: 3px; } .platform-selection-heading h1[b-u06rjfilv6] { margin: 0; font-size: 1.02rem; font-weight: 700; } .platform-selection-heading small[b-u06rjfilv6] { color: var(--ui-text-muted); font-size: .76rem; } .platform-selection-link[b-u06rjfilv6] { display: inline-flex; min-height: 39px; align-items: center; gap: 11px; padding: 0 13px; border: 1px solid var(--ui-control-border); border-radius: 7px; background: var(--ui-surface-raised); color: var(--ui-text); font-size: .78rem; font-weight: 700; text-decoration: none; white-space: nowrap; transition: border-color .16s ease, background .16s ease; } .platform-selection-link > span:last-child[b-u06rjfilv6] { color: var(--ui-accent); font-size: 1.05rem; } .platform-selection-link:hover[b-u06rjfilv6] { border-color: var(--ui-accent); background: var(--ui-accent-soft); } .platform-selection-link:focus-visible[b-u06rjfilv6] { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: 3px; } @media (max-width: 600px) { .factory-selection[b-u06rjfilv6] { margin: 24px auto; } .factory-selection-logout[b-u06rjfilv6] { min-height: 38px; padding-inline: 10px; font-size: .75rem; white-space: nowrap; } .factory-list-heading[b-u06rjfilv6] { align-items: stretch; flex-direction: column; gap: 12px; } .factory-search[b-u06rjfilv6] { width: 100%; } .factory-selection-list[b-u06rjfilv6] { gap: 9px; margin-top: 18px; } .factory-selection-row[b-u06rjfilv6] { min-height: 76px; gap: 12px; padding: 12px; } .factory-selection-icon[b-u06rjfilv6] { width: 42px; height: 42px; } .factory-selection-name strong[b-u06rjfilv6] { font-size: .9rem; } .factory-selection-name small[b-u06rjfilv6] { font-size: .73rem; } .factory-selection-open[b-u06rjfilv6] { gap: 5px; font-size: .74rem; } .platform-selection-section[b-u06rjfilv6] { gap: 12px; padding: 14px; } .platform-selection-heading[b-u06rjfilv6] { min-width: 0; gap: 9px; } .platform-selection-heading h1[b-u06rjfilv6] { font-size: .9rem; } .platform-selection-heading small[b-u06rjfilv6] { font-size: .7rem; } .platform-selection-link[b-u06rjfilv6] { min-height: 37px; padding-inline: 10px; font-size: .73rem; } } @media (max-width: 390px) { .factory-selection-open[b-u06rjfilv6] { font-size: 0; } .factory-selection-open > span[b-u06rjfilv6] { font-size: 1.15rem; } } @media (prefers-reduced-motion: reduce) { .factory-selection-row[b-u06rjfilv6], .factory-selection-open > span[b-u06rjfilv6], .factory-selection-logout[b-u06rjfilv6] { transition: none; } .factory-selection-row:hover[b-u06rjfilv6] { transform: none; } } /* /Components/Pages/Factory/Overview/Overview.razor.rz.scp.css */ .overview-dashboard[b-8o10z82s8l] { display: grid; min-width: 0; gap: 16px; color: var(--ui-text); font-size: 15px; line-height: 1.5; } .overview-heading[b-8o10z82s8l], .overview-panel-heading[b-8o10z82s8l] { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .overview-heading[b-8o10z82s8l] { padding-bottom: 4px; } .overview-heading-meta[b-8o10z82s8l] { width:fit-content; max-width:100%; min-width:0; display:flex; flex-wrap:wrap; align-items:stretch; gap:0; padding:5px; border:1px solid var(--ui-border); border-radius:11px; background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-raised) 62%,var(--ui-surface)),var(--ui-surface)); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 4%,transparent),var(--ui-shadow); } .overview-meta-item[b-8o10z82s8l] { min-width:0; flex:0 1 auto; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:7px 11px; } .overview-meta-item + .overview-meta-item[b-8o10z82s8l] { border-left:1px solid var(--ui-border); } .overview-meta-label[b-8o10z82s8l] { display:flex; align-items:center; gap:7px; color:var(--ui-text-muted); font-size:11px; font-weight:650; line-height:1.25; } .overview-meta-label[b-8o10z82s8l] .mud-icon-root { width:15px; height:15px; flex:none; color:var(--ui-accent); } .overview-meta-value-group[b-8o10z82s8l] { min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:6px; } .overview-meta-value[b-8o10z82s8l] { min-width:0; color:var(--ui-text); font-size:12px; font-weight:700; line-height:1.35; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } .overview-heading h1[b-8o10z82s8l] { margin: 2px 0 5px; color: var(--ui-text); font-size: clamp(1.65rem, 3vw, 2.25rem); font-weight: 760; letter-spacing: -.045em; } .overview-eyebrow[b-8o10z82s8l] { margin: 0 0 6px; color: var(--ui-accent); font-size: 12px; font-weight: 750; letter-spacing: .12em; } .overview-subtitle[b-8o10z82s8l] { margin: 0; color: var(--ui-text-muted); font-size: 15px; } .overview-date[b-8o10z82s8l] { color:var(--ui-text); font-size:14px; font-weight:750; font-variant-numeric:tabular-nums; } .overview-period[b-8o10z82s8l] { color: var(--ui-text-muted); font-size: 13px; font-variant-numeric: tabular-nums; } .overview-active-shift-name[b-8o10z82s8l] { color:var(--ui-accent); font-size:14px; font-weight:750; } .overview-kpis[b-8o10z82s8l] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .overview-kpi[b-8o10z82s8l] { --kpi-color: var(--ui-accent); display:flex; align-items:flex-start; gap:14px; min-width:0; min-height:124px; padding:16px; border:1px solid var(--ui-border); border-radius:12px; background:linear-gradient(135deg,color-mix(in srgb,var(--kpi-color) 10%,var(--ui-surface)),var(--ui-surface) 72%); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 4%,transparent),var(--ui-shadow); transition:border-color .18s ease,transform .18s ease; } .overview-kpi:hover[b-8o10z82s8l] { border-color:color-mix(in srgb,var(--kpi-color) 45%,var(--ui-border)); transform:translateY(-2px); } .tone-green[b-8o10z82s8l] { --kpi-color:var(--ui-success); } .tone-red[b-8o10z82s8l] { --kpi-color:var(--ui-danger); } .tone-neutral[b-8o10z82s8l] { --kpi-color:var(--ui-text-muted); } .tone-blue[b-8o10z82s8l] { --kpi-color:var(--ui-info); } .tone-purple[b-8o10z82s8l] { --kpi-color:var(--ui-violet); } .overview-kpi-icon[b-8o10z82s8l] { flex:0 0 48px; display:grid; place-items:center; width:48px; height:54px; border:1px solid color-mix(in srgb,var(--kpi-color) 25%,transparent); border-radius:12px; color:var(--kpi-color); background:linear-gradient(145deg,color-mix(in srgb,var(--kpi-color) 18%,transparent),color-mix(in srgb,var(--kpi-color) 6%,transparent)); } .overview-kpi-icon[b-8o10z82s8l] .mud-icon-root { width:30px; height:30px; } .overview-kpi-content[b-8o10z82s8l] { min-width:0; } .overview-kpi-content h2[b-8o10z82s8l] { margin:0; min-height:20px; color:var(--ui-text); font-size:var(--ui-kpi-title-size); font-weight:var(--ui-kpi-title-weight); line-height:1.4; } .overview-kpi-number[b-8o10z82s8l] { display:block; margin:9px 0 7px; color:var(--kpi-color); font-size:var(--ui-kpi-value-size); font-weight:var(--ui-kpi-value-weight); line-height:1.08; letter-spacing:-.035em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } .overview-kpi-content p[b-8o10z82s8l] { margin:0; color:var(--ui-text-muted); font-size:var(--ui-kpi-description-size); line-height:1.45; overflow-wrap:anywhere;font-weight:var(--ui-kpi-description-weight);} .overview-coverage[b-8o10z82s8l], .overview-legend[b-8o10z82s8l] { margin: 0; color: var(--ui-text-muted); font-size: 13px; line-height: 1.6; } .overview-coverage strong[b-8o10z82s8l] { color: var(--ui-text); font-variant-numeric: tabular-nums; } .overview-legend[b-8o10z82s8l] { margin-top: -12px; } .overview-chart-grid[b-8o10z82s8l] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 20px; } .overview-lower-grid[b-8o10z82s8l] { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 20px; } .overview-panel[b-8o10z82s8l] { position: relative; min-width: 0; padding: 18px; border: 1px solid var(--ui-border); border-radius: 12px; background: linear-gradient(145deg, color-mix(in srgb, var(--ui-surface-raised) 28%, var(--ui-surface)), var(--ui-surface) 58%); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-text) 4%, transparent), var(--ui-shadow); } .overview-panel[b-8o10z82s8l]::before { position: absolute; top: 0; left: 18px; width: 34px; height: 2px; background: var(--ui-accent-secondary); content: ""; } .overview-panel-heading[b-8o10z82s8l] { min-height: 38px; margin-bottom: 12px; flex-wrap: wrap; } .overview-panel-heading h2[b-8o10z82s8l] { margin: 0; color: var(--ui-text); font-size: 20px; font-weight: 700; letter-spacing: -.02em; } .overview-panel-heading h2.overview-eyebrow[b-8o10z82s8l], .overview-shift-heading h2.overview-eyebrow[b-8o10z82s8l] { margin:0; color:var(--ui-accent); font-size:14px; font-weight:750; letter-spacing:.045em; line-height:1.4; } .overview-action-button[b-8o10z82s8l] { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 13px; border:1px solid color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border)); border-radius:9px; background:color-mix(in srgb,var(--ui-accent) 9%,var(--ui-surface)); color:var(--ui-accent); font-size:13px; font-weight:700; line-height:1.2; text-decoration:none; white-space:nowrap; transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; } .overview-action-button:hover[b-8o10z82s8l] { transform:translateY(-1px); border-color:var(--ui-accent); background:color-mix(in srgb,var(--ui-accent) 17%,var(--ui-surface)); color:var(--ui-accent-hover); } .overview-action-button:focus-visible[b-8o10z82s8l] { outline:2px solid var(--ui-accent); outline-offset:3px; } .overview-panel[b-8o10z82s8l] .ui-chart { margin: 0; } .overview-panel[b-8o10z82s8l] .ui-chart > h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } .overview-panel[b-8o10z82s8l] .ui-chart > p { min-height: 36px; margin: 0 0 6px; font-size: 12px; line-height: 1.5; } .overview-panel[b-8o10z82s8l] .ui-chart details { margin-top: 12px; color: var(--ui-text-muted); font-size: 13px; } .overview-panel[b-8o10z82s8l] .ui-chart summary { cursor: pointer; padding-block: 6px; } .overview-panel[b-8o10z82s8l] .ui-actions { gap: 8px; margin-block: 12px; } .overview-panel[b-8o10z82s8l] .ui-actions .mud-button-root { font-size: 12px; letter-spacing: 0; text-transform: none; } .overview-message[b-8o10z82s8l] { margin: 8px 0 0; padding: 13px 14px; border: 1px dashed var(--ui-border); border-radius: 8px; color: var(--ui-text-muted); font-size: 14px; line-height: 1.5; } .overview-error[b-8o10z82s8l] { border-style: solid; border-color: color-mix(in srgb, var(--ui-danger) 45%, var(--ui-border)); color: var(--ui-danger); } .overview-coverage[b-8o10z82s8l] { margin: 0; font-size: 13px; } .overview-panel > .overview-coverage[b-8o10z82s8l] { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--ui-border); font-size:12px; } .overview-shift-panel[b-8o10z82s8l] { display:grid; gap:18px; overflow:hidden; padding:22px; border-color:color-mix(in srgb,var(--ui-accent) 24%,var(--ui-border)); background:radial-gradient(ellipse at 86% 0%,color-mix(in srgb,var(--ui-accent) 9%,transparent),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-raised) 44%,var(--ui-surface)),var(--ui-surface) 65%); } .overview-shift-heading[b-8o10z82s8l] { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:16px; border-bottom:1px solid var(--ui-border); } .overview-shift-heading-title[b-8o10z82s8l] { display:flex; align-items:center; gap:13px; min-width:0; } .overview-shift-heading-icon[b-8o10z82s8l] { width:44px; height:44px; flex:none; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border)); border-radius:12px; background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-surface)); color:var(--ui-accent); } .overview-shift-heading-icon[b-8o10z82s8l] .mud-icon-root { width:23px; height:23px; } .overview-shift-heading .overview-eyebrow[b-8o10z82s8l] { margin-bottom:3px; font-size:10px; } .overview-shift-heading h2[b-8o10z82s8l] { margin:0; color:var(--ui-text); font-size:19px; font-weight:720; letter-spacing:-.02em; } .overview-shift-context[b-8o10z82s8l] { flex:none; display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid var(--ui-border); border-radius:8px; background:var(--ui-bg); color:var(--ui-text-muted); font-size:12px; font-variant-numeric:tabular-nums; } .overview-shift-context-time[b-8o10z82s8l] { display:inline-flex; align-items:center; gap:7px; line-height:1; white-space:nowrap; } .overview-shift-context[b-8o10z82s8l] .mud-icon-root { width:16px; height:16px; color:var(--ui-accent); } .overview-shift-empty-state[b-8o10z82s8l] { min-height:112px; display:flex; align-items:center; gap:14px; padding:18px; border:1px dashed var(--ui-border); border-radius:10px; background:color-mix(in srgb,var(--ui-bg) 65%,transparent); } .overview-shift-empty-icon[b-8o10z82s8l] { width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:11px; background:var(--ui-surface-raised); color:var(--ui-text-muted); } .overview-shift-empty-icon[b-8o10z82s8l] .mud-icon-root { width:22px; height:22px; } .overview-shift-empty-state > div[b-8o10z82s8l] { display:grid; gap:4px; } .overview-shift-empty-state strong[b-8o10z82s8l] { color:var(--ui-text); font-size:14px; } .overview-shift-empty-state span:not(.overview-shift-empty-icon)[b-8o10z82s8l] { color:var(--ui-text-muted); font-size:13px; } .overview-shift-performance[b-8o10z82s8l] { display:grid; grid-template-columns:minmax(240px,.9fr) minmax(0,1.4fr); align-items:stretch; gap:14px; } .overview-shift-progress-card[b-8o10z82s8l] { min-width:0; display:flex; flex-direction:column; justify-content:center; padding:18px; border:1px solid color-mix(in srgb,var(--ui-accent) 25%,var(--ui-border)); border-radius:11px; background:linear-gradient(145deg,color-mix(in srgb,var(--ui-accent) 7%,var(--ui-surface-raised)),var(--ui-surface)); } .overview-shift-progress-heading[b-8o10z82s8l] { display:flex; align-items:baseline; justify-content:space-between; gap:12px; } .overview-shift-progress-heading span[b-8o10z82s8l] { color:var(--ui-text-muted); font-size:13px; } .overview-shift-progress-heading strong[b-8o10z82s8l] { color:var(--ui-accent); font-size:28px; font-weight:780; line-height:1; font-variant-numeric:tabular-nums; } .overview-progress[b-8o10z82s8l] { height:10px; margin:16px 0 12px; overflow:hidden; border:1px solid color-mix(in srgb,var(--ui-border) 75%,transparent); border-radius:99px; background:var(--ui-bg); box-shadow:inset 0 1px 3px color-mix(in srgb,black 20%,transparent); } .overview-progress span[b-8o10z82s8l] { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--ui-accent-secondary),var(--ui-accent)); box-shadow:0 0 14px color-mix(in srgb,var(--ui-accent) 34%,transparent); transition:width .35s ease; } .overview-progress-unknown[b-8o10z82s8l] { background:repeating-linear-gradient(135deg,var(--ui-surface-raised) 0 7px,var(--ui-bg) 7px 14px); } .overview-shift-progress-card small[b-8o10z82s8l] { color:var(--ui-text-muted); font-size:12px; } .overview-shift-kpis[b-8o10z82s8l] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0; } .overview-shift-kpis > div[b-8o10z82s8l] { min-width:0; display:flex; flex-direction:column; justify-content:center; padding:16px; border:1px solid var(--ui-border); border-radius:11px; background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-raised) 65%,var(--ui-surface)),var(--ui-surface)); } .overview-shift-kpis dt[b-8o10z82s8l] { color:var(--ui-text); font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);} .overview-shift-kpis dd[b-8o10z82s8l] { margin:8px 0 0; color:var(--ui-text); font-size:var(--ui-kpi-value-size); font-weight:var(--ui-kpi-value-weight); line-height:1.1; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } .overview-shift-kpis dd small[b-8o10z82s8l] { color:var(--ui-text-muted); font-size:var(--ui-kpi-description-size); font-weight:var(--ui-kpi-description-weight); } .overview-shift-target[b-8o10z82s8l] { border-top:2px solid var(--ui-accent) !important; } .overview-shift-completed[b-8o10z82s8l] { border-top:2px solid var(--ui-success) !important; } .overview-shift-remaining[b-8o10z82s8l] { border-top:2px solid var(--ui-info) !important; } .overview-robot-list[b-8o10z82s8l] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px; margin:0; padding:0; list-style:none; } .overview-robot-card[b-8o10z82s8l] { min-width:0; display:flex; flex-direction:column; padding:16px; border:1px solid var(--ui-border); border-radius:10px; background:linear-gradient(140deg,var(--ui-surface-raised),var(--ui-surface)); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 3%,transparent); transition:border-color .18s ease,box-shadow .18s ease; } .overview-robot-card:hover[b-8o10z82s8l] { border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border)); box-shadow:0 5px 18px color-mix(in srgb,var(--ui-black) 12%,transparent); } .overview-robot-main[b-8o10z82s8l] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; } .overview-robot-main strong[b-8o10z82s8l] { min-width:0; color:var(--ui-text); font-size:15px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; } .overview-robot-name[b-8o10z82s8l] { display:flex; flex:1 1 160px; align-items:center; gap:10px; min-width:0; } .overview-robot-name[b-8o10z82s8l] .mud-icon-root { flex:0 0 36px; width:36px; height:36px; padding:7px; border:1px solid color-mix(in srgb,var(--ui-accent) 20%,transparent); border-radius:9px; background:var(--ui-accent-soft); color:var(--ui-accent); } .overview-robot-fields[b-8o10z82s8l] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 16px; margin:18px 0; } .overview-robot-fields > div[b-8o10z82s8l] { min-width:0; } .overview-robot-fields dt[b-8o10z82s8l] { color:var(--ui-text-muted); font-size:12px; margin-bottom:4px; } .overview-robot-fields dd[b-8o10z82s8l] { color:var(--ui-text); font-size:14px; font-weight:550; margin:0; overflow-wrap:anywhere; } .overview-robot-fields .overview-connection-connected[b-8o10z82s8l] { color:var(--ui-success); } .overview-robot-fields .overview-connection-disconnected[b-8o10z82s8l] { color:var(--ui-danger); } .overview-robot-fields .overview-connection-unknown[b-8o10z82s8l] { color:var(--ui-unknown); } .overview-robot-program[b-8o10z82s8l] { grid-column:1 / -1; } .overview-program-line[b-8o10z82s8l] { color:var(--ui-text-muted); font-size:12px; font-weight:400; } .overview-robot-freshness[b-8o10z82s8l] { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; margin-top:auto; padding-top:12px; border-top:1px solid var(--ui-border); color:var(--ui-text-muted); font-size:12px; } .overview-robot-freshness > span:first-child[b-8o10z82s8l] { display:inline-flex; align-items:center; gap:5px; } .overview-robot-freshness[b-8o10z82s8l] .mud-icon-root { width:15px; height:15px; } .overview-state[b-8o10z82s8l] { display:inline-flex; align-items:center; gap:5px; flex: 0 0 auto; padding: 4px 9px; border: 1px solid var(--ui-border); border-radius: 99px; color: var(--ui-text-muted); font-size: 12px; font-weight: 700; } .overview-state[b-8o10z82s8l] .mud-icon-root { width:15px; height:15px; } .overview-state-idle[b-8o10z82s8l] { background:color-mix(in srgb,var(--ui-text-muted) 10%,transparent); color:var(--ui-text-muted); border-color:var(--ui-control-border); } .overview-state-moving[b-8o10z82s8l] { background:color-mix(in srgb,var(--ui-info) 10%,transparent); color:var(--ui-info); border-color:color-mix(in srgb,var(--ui-info) 42%,var(--ui-border)); } .overview-state-running[b-8o10z82s8l] { border-color: color-mix(in srgb, var(--ui-success) 42%, var(--ui-border)); background: color-mix(in srgb, var(--ui-success) 10%, transparent); color: var(--ui-success); } .overview-state-welding[b-8o10z82s8l] { border-color: color-mix(in srgb, var(--ui-violet) 42%, var(--ui-border)); background:color-mix(in srgb,var(--ui-violet) 10%,transparent); color: var(--ui-violet); } .overview-state-fault[b-8o10z82s8l] { border-color: color-mix(in srgb, var(--ui-danger) 42%, var(--ui-border)); background: color-mix(in srgb, var(--ui-danger) 10%, transparent); color: var(--ui-danger); } .overview-state-hold[b-8o10z82s8l], .overview-state-paused[b-8o10z82s8l], .overview-state-waiting[b-8o10z82s8l] { border-color: color-mix(in srgb, var(--ui-warning) 42%, var(--ui-border)); background: color-mix(in srgb, var(--ui-warning) 10%, transparent); color: var(--ui-warning); } .overview-state-unknown[b-8o10z82s8l] { border-style: dashed; color: var(--ui-unknown); } .overview-table-scroll[b-8o10z82s8l] { overflow-x: auto; } .overview-alarm-table[b-8o10z82s8l] { width: 100%; border-collapse: collapse; font-size: 13px; } .overview-alarm-table th[b-8o10z82s8l], .overview-alarm-table td[b-8o10z82s8l] { padding: 13px 10px; border-bottom: 1px solid var(--ui-border); text-align: left; vertical-align: top; } .overview-alarm-table th[b-8o10z82s8l] { color: var(--ui-text-muted); font-size: 12px; font-weight: 700; letter-spacing: .04em; } .overview-alarm-table tbody tr:hover[b-8o10z82s8l] { background: var(--ui-surface-hover); } .overview-alarm-table td:last-child[b-8o10z82s8l] { white-space: nowrap; font-variant-numeric: tabular-nums; } .overview-alarm-table td[b-8o10z82s8l] { color: var(--ui-text); } .overview-alarm-table tr:last-child td[b-8o10z82s8l] { border-bottom: 0; } .overview-alarm-code[b-8o10z82s8l] { color: var(--ui-warning); font-weight: 700; white-space: nowrap; } .overview-alarm-robot[b-8o10z82s8l] { display:flex; align-items:center; gap:10px; white-space:nowrap; } .overview-alarm-robot[b-8o10z82s8l] .mud-icon-root { width:32px; height:32px; padding:6px; border-radius:8px; color:var(--ui-accent); background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface)); } .overview-alarm-error .overview-alarm-code[b-8o10z82s8l] { color:var(--ui-danger); } .overview-alarm-type[b-8o10z82s8l] { display:block; margin-top:3px; color:var(--ui-warning); font-size:11px; font-weight:600; } .overview-alarm-error .overview-alarm-type[b-8o10z82s8l] { color:var(--ui-danger); } .overview-alarm-message[b-8o10z82s8l] { line-height:1.5; overflow-wrap:anywhere; } .overview-alarm-table td[b-8o10z82s8l] { vertical-align:middle; } .overview-alarm-table td:last-child[b-8o10z82s8l] { color:var(--ui-text-muted); } @media (min-width: 1400px) { .overview-kpis[b-8o10z82s8l] { grid-template-columns:repeat(5,minmax(0,1fr)); } } @media (max-width: 1100px) { .overview-kpis[b-8o10z82s8l] { grid-template-columns:repeat(2,minmax(0,1fr)); } .overview-chart-grid[b-8o10z82s8l] { grid-template-columns: minmax(0, 1fr); } .overview-lower-grid[b-8o10z82s8l] { grid-template-columns: minmax(0, 1fr); } .overview-shift-performance[b-8o10z82s8l] { grid-template-columns:minmax(0,1fr); } } @media (min-width:641px) and (max-width:900px) { .overview-heading[b-8o10z82s8l] { align-items:flex-start; flex-direction:column; } .overview-heading-meta[b-8o10z82s8l] { width:fit-content; max-width:100%; } } @media (max-width: 640px) { .overview-heading[b-8o10z82s8l] { align-items: flex-start; flex-direction: column; } .overview-heading-meta[b-8o10z82s8l] { width:min(100%,520px); display:grid; grid-template-columns:minmax(0,1fr); } .overview-meta-item[b-8o10z82s8l] { display:grid; grid-template-columns:minmax(125px,.8fr) minmax(0,1.2fr); align-items:center; gap:10px; padding:8px 10px; } .overview-meta-item + .overview-meta-item[b-8o10z82s8l] { border-top:1px solid var(--ui-border); border-left:0; } .overview-date[b-8o10z82s8l] { font-size: 13px; } .overview-shift-heading[b-8o10z82s8l] { align-items:flex-start; flex-direction:column; } .overview-shift-context[b-8o10z82s8l] { max-width:100%; flex-wrap:wrap; } .overview-shift-kpis[b-8o10z82s8l] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap:7px; } .overview-shift-kpis > div[b-8o10z82s8l] { padding:11px 9px; } .overview-shift-kpis dt[b-8o10z82s8l] { font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);} .overview-shift-kpis dd[b-8o10z82s8l] { font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);} .overview-alarm-table[b-8o10z82s8l] { min-width: 640px; } } @media (max-width: 360px) { .overview-kpis[b-8o10z82s8l] { grid-template-columns:minmax(0,1fr); } } @media (min-width:361px) and (max-width:640px) { .overview-kpi[b-8o10z82s8l] { flex-direction:column; gap:10px; padding:14px; } .overview-kpi-icon[b-8o10z82s8l] { flex-basis:auto; width:40px; height:40px; } .overview-kpi-icon[b-8o10z82s8l] .mud-icon-root { width:25px; height:25px; } } @media (prefers-reduced-motion: reduce) { .overview-dashboard *[b-8o10z82s8l], .overview-dashboard *[b-8o10z82s8l]::before, .overview-dashboard *[b-8o10z82s8l]::after { scroll-behavior: auto !important; } .overview-kpi[b-8o10z82s8l] { transition:none; } .overview-robot-card[b-8o10z82s8l] { transition:none; } .overview-kpi:hover[b-8o10z82s8l] { transform:none; } } .overview-kpi[b-8o10z82s8l]{padding:var(--ui-kpi-padding);gap:var(--ui-kpi-gap);border-radius:var(--ui-kpi-radius)}.overview-kpi-content h2[b-8o10z82s8l]{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight)}.overview-kpi-number[b-8o10z82s8l]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight)}.overview-kpi-content p[b-8o10z82s8l]{font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight)} /* /Components/Pages/Factory/Parts/List.razor.rz.scp.css */ .part-catalog-dashboard[b-tnjbuwstah]{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;color:var(--ui-text);font-size:13px}.catalog-heading[b-tnjbuwstah]{display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-heading h1[b-tnjbuwstah]{font-size:clamp(26px,2.5vw,33px);font-weight:750;letter-spacing:-.6px;margin:5px 0 8px}.catalog-heading p[b-tnjbuwstah]{font-size:10px;letter-spacing:1.2px;color:var(--ui-text-muted);margin:0}.catalog-heading span[b-tnjbuwstah]{font-size:12px;color:var(--ui-text-muted)}.part-catalog-dashboard button[b-tnjbuwstah]{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ui-control-border);border-radius:6px;color:var(--ui-text);background:var(--ui-surface);padding:9px 13px;min-height:36px;font:inherit;font-size:12px;cursor:pointer}.part-catalog-dashboard button[b-tnjbuwstah] svg{width:17px;height:17px}.part-catalog-dashboard button:hover:not(:disabled)[b-tnjbuwstah]{color:var(--ui-accent);border-color:var(--ui-accent);background:var(--ui-accent-soft)}.part-catalog-dashboard button:disabled[b-tnjbuwstah]{opacity:.5;cursor:default}.part-catalog-dashboard button.catalog-primary[b-tnjbuwstah],.part-catalog-dashboard button.catalog-edit[b-tnjbuwstah]{color:var(--ui-accent);border-color:color-mix(in srgb,var(--ui-accent) 70%,var(--ui-border))}.part-catalog-dashboard :is(button,a,input,select,summary):focus-visible[b-tnjbuwstah],.catalog-scroll:focus-visible[b-tnjbuwstah],.catalog-editor:focus-visible[b-tnjbuwstah]{outline:2px solid var(--ui-focus);outline-offset:3px} .catalog-kpis[b-tnjbuwstah]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-kpi[b-tnjbuwstah]{--tone:var(--ui-accent);display:flex;align-items:start;gap:17px;padding:21px 16px;min-width:0;border:1px solid color-mix(in srgb,var(--tone) 25%,var(--ui-border));border-bottom:2px solid color-mix(in srgb,var(--tone) 75%,var(--ui-border));border-radius:9px;background:linear-gradient(130deg,color-mix(in srgb,var(--tone) 9%,var(--ui-surface)),var(--ui-surface));box-shadow:inset 0 1px var(--ui-surface-hover);transition:border-color .15s,transform .15s}.catalog-kpi:hover[b-tnjbuwstah]{transform:translateY(-2px);border-color:var(--tone)}.tone-green[b-tnjbuwstah]{--tone:var(--ui-success)}.tone-blue[b-tnjbuwstah]{--tone:var(--ui-info)}.catalog-kpi>span[b-tnjbuwstah]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:47px;height:50px;border-radius:8px;color:var(--tone);background:color-mix(in srgb,var(--tone) 15%,transparent)}.catalog-kpi>span[b-tnjbuwstah] svg{width:31px;height:31px}.catalog-kpi>div[b-tnjbuwstah]{min-width:0}.catalog-kpi h2[b-tnjbuwstah]{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);color:var(--ui-text);line-height:1.5;margin:0 0 9px}.catalog-kpi strong[b-tnjbuwstah]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);line-height:1.2;font-variant-numeric:tabular-nums;color:var(--tone)}.catalog-kpi small[b-tnjbuwstah]{display:block;color:var(--ui-text-muted);font-size:var(--ui-kpi-description-size);margin-top:10px;line-height:1.5;font-weight:var(--ui-kpi-description-weight);} .catalog-filters fieldset[b-tnjbuwstah]{display:flex;align-items:end;flex-wrap:wrap;gap:16px;border:0;margin:0;padding:0}.catalog-filters label[b-tnjbuwstah]{display:grid;gap:8px;font-size:12px;color:var(--ui-text-muted);min-width:130px}.catalog-filters label.catalog-search[b-tnjbuwstah]{flex:1;min-width:230px}.catalog-search>div[b-tnjbuwstah]{position:relative;display:flex;align-items:center}.catalog-search[b-tnjbuwstah] svg{position:absolute;left:12px;width:18px;height:18px;color:var(--ui-text-muted);pointer-events:none}.catalog-search input[b-tnjbuwstah],.catalog-filters select[b-tnjbuwstah]{min-height:41px;width:100%;border:1px solid var(--ui-control-border);border-radius:6px;background:var(--ui-surface);color:var(--ui-text);padding:10px 12px;font:inherit;font-size:12px}.catalog-search input[b-tnjbuwstah]{padding-left:39px}.catalog-search input[b-tnjbuwstah]::placeholder{color:var(--ui-text-muted)}.catalog-filters button[b-tnjbuwstah]{min-height:41px;padding:10px 20px;min-width:108px} .catalog-table-panel[b-tnjbuwstah]{border:1px solid var(--ui-border);border-radius:9px;background:linear-gradient(140deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 35%,var(--ui-surface)));min-width:0;overflow:hidden}.catalog-table-panel>header[b-tnjbuwstah]{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--ui-border)}.catalog-table-panel h2[b-tnjbuwstah]{margin:0;font-size:17px;font-weight:650}.catalog-table-panel>header>span[b-tnjbuwstah]{font-size:11px;color:var(--ui-text-muted);background:var(--ui-surface-raised);border-radius:15px;padding:4px 8px}.catalog-scroll[b-tnjbuwstah]{overflow:auto;width:100%;max-width:100%}.catalog-scroll table[b-tnjbuwstah]{width:100%;border-collapse:collapse;min-width:850px;font-size:12px}.catalog-scroll th[b-tnjbuwstah]{padding:15px 13px;text-align:left;color:var(--ui-text-muted);font-size:11px;font-weight:600;border-bottom:1px solid var(--ui-border);white-space:nowrap}.catalog-scroll td[b-tnjbuwstah]{padding:12px 13px;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 70%,transparent);font-variant-numeric:tabular-nums;vertical-align:middle}.catalog-scroll tbody tr:hover[b-tnjbuwstah],.catalog-scroll tr.is-editing[b-tnjbuwstah]{background:var(--ui-accent-soft)}.catalog-part-image[b-tnjbuwstah]{display:flex;align-items:center;justify-content:center;width:78px;height:63px;border-radius:7px;border:1px solid var(--ui-border);background:var(--ui-surface-raised);overflow:hidden}.catalog-part-image img[b-tnjbuwstah]{width:100%;height:100%;object-fit:contain;padding:3px}.catalog-part-name[b-tnjbuwstah]{min-width:120px;font-weight:600}.catalog-part-name a[b-tnjbuwstah]{color:var(--ui-text);text-decoration:none}.catalog-part-name a:hover[b-tnjbuwstah]{color:var(--ui-accent)}.catalog-description[b-tnjbuwstah]{min-width:170px;max-width:360px;overflow-wrap:anywhere;color:var(--ui-text-muted);line-height:1.6}.catalog-state[b-tnjbuwstah]{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}.catalog-state i[b-tnjbuwstah]{width:7px;height:7px;border-radius:50%;background:var(--ui-info);box-shadow:0 0 10px color-mix(in srgb,var(--ui-info) 20%,transparent)}.catalog-state.is-active[b-tnjbuwstah]{color:var(--ui-success)}.catalog-state.is-active i[b-tnjbuwstah]{background:var(--ui-success);box-shadow:0 0 10px color-mix(in srgb,var(--ui-success) 20%,transparent)}.catalog-state.is-inactive[b-tnjbuwstah]{color:var(--ui-text-muted)}.catalog-row-actions[b-tnjbuwstah]{display:flex;align-items:start;gap:10px}.catalog-row-actions>button[b-tnjbuwstah]{min-width:107px}.catalog-row-menu[b-tnjbuwstah]{min-width:32px}.catalog-row-menu summary[b-tnjbuwstah]{list-style:none;display:flex;align-items:center;justify-content:center;padding:6px;min-height:36px;border:1px solid var(--ui-border);border-radius:5px;cursor:pointer;color:var(--ui-text-muted)}.catalog-row-menu summary[b-tnjbuwstah]::-webkit-details-marker{display:none}.catalog-row-menu summary[b-tnjbuwstah] svg{width:20px;height:20px}.catalog-row-menu summary:hover[b-tnjbuwstah]{color:var(--ui-accent);border-color:var(--ui-accent)}.catalog-row-menu>div[b-tnjbuwstah]{display:grid;gap:7px;min-width:145px;padding-top:8px}.catalog-row-menu>div p[b-tnjbuwstah]{font-size:11px;color:var(--ui-warning);line-height:1.6;white-space:normal;max-width:200px;margin:0}.part-catalog-dashboard button.catalog-delete[b-tnjbuwstah]{color:var(--ui-danger);border-color:color-mix(in srgb,var(--ui-danger) 50%,var(--ui-border))}.catalog-pagination[b-tnjbuwstah]{display:flex;align-items:center;justify-content:end;flex-wrap:wrap;gap:8px;padding:18px}.catalog-pagination>span[b-tnjbuwstah]{color:var(--ui-text-muted);font-size:11px;margin-right:auto}.catalog-pagination button[b-tnjbuwstah]{min-height:33px;padding:6px 11px;font-size:11px}.catalog-pagination button.selected[b-tnjbuwstah]{color:var(--ui-accent);border-color:var(--ui-accent);background:var(--ui-accent-soft)} .catalog-editor[b-tnjbuwstah]{border:1px solid color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border));border-radius:9px;background:var(--ui-surface);padding:19px}.catalog-editor>header[b-tnjbuwstah]{display:flex;align-items:center;gap:12px;margin-bottom:18px}.editor-icon[b-tnjbuwstah]{display:flex;align-items:center;justify-content:center;width:42px;height:44px;border-radius:7px;color:var(--ui-accent);background:var(--ui-accent-soft)}.catalog-editor h2[b-tnjbuwstah]{font-size:17px;margin:0 0 4px;font-weight:650}.catalog-editor p[b-tnjbuwstah]{font-size:11px;color:var(--ui-text-muted);margin:0}.catalog-editor fieldset[b-tnjbuwstah]{border:0;padding:0;margin:0;min-width:0}.editor-fields[b-tnjbuwstah]{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px}.editor-image[b-tnjbuwstah]{border:1px solid var(--ui-border);background:var(--ui-surface-raised);border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:150px;padding:10px}.editor-image img[b-tnjbuwstah]{width:100%;height:140px;object-fit:contain}.editor-inputs[b-tnjbuwstah]{display:grid;gap:13px}.editor-inputs label[b-tnjbuwstah]{display:grid;gap:7px;color:var(--ui-text-muted);font-size:12px}.editor-inputs[b-tnjbuwstah] input,.editor-inputs[b-tnjbuwstah] textarea{width:100%;border:1px solid var(--ui-control-border);border-radius:6px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:13px;padding:10px 12px}.editor-inputs[b-tnjbuwstah] textarea{resize:vertical;min-height:90px}.catalog-editor[b-tnjbuwstah] .validation-errors{font-size:12px;color:var(--ui-danger);padding:12px 20px}.editor-actions[b-tnjbuwstah]{display:flex;justify-content:end;gap:10px;margin-top:16px}.catalog-error[b-tnjbuwstah]{padding:12px;border:1px solid var(--ui-danger);border-radius:6px;color:var(--ui-danger);font-size:12px}.catalog-notice[b-tnjbuwstah]{padding:12px;border:1px solid color-mix(in srgb,var(--ui-success) 40%,var(--ui-border));border-radius:6px;color:var(--ui-success);font-size:12px}.catalog-loading[b-tnjbuwstah],.catalog-empty[b-tnjbuwstah]{color:var(--ui-text-muted);font-size:12px;padding:12px 0}.catalog-empty[b-tnjbuwstah]{padding:20px} @media(max-width:1150px){.catalog-kpis[b-tnjbuwstah]{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filters[b-tnjbuwstah]{font-size:12px}} @media(max-width:650px){.catalog-heading[b-tnjbuwstah]{align-items:start;flex-direction:column}.catalog-heading h1[b-tnjbuwstah]{font-size:27px}.catalog-kpi[b-tnjbuwstah]{padding:14px 10px;gap:9px}.catalog-kpi>span[b-tnjbuwstah]{width:33px;height:37px}.catalog-kpi>span[b-tnjbuwstah] svg{width:24px;height:24px}.catalog-kpi strong[b-tnjbuwstah]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.catalog-kpi h2[b-tnjbuwstah]{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);}.catalog-kpi small[b-tnjbuwstah]{font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight);}.catalog-filters label.catalog-search[b-tnjbuwstah]{min-width:100%;flex-basis:100%}.catalog-filters label[b-tnjbuwstah]{flex:1}.catalog-filters button[b-tnjbuwstah]{min-width:100px;flex:1;padding:9px}.catalog-filters fieldset[b-tnjbuwstah]{gap:11px}.catalog-pagination>span[b-tnjbuwstah]{width:100%}.catalog-editor[b-tnjbuwstah]{padding:14px}.editor-fields[b-tnjbuwstah]{grid-template-columns:minmax(0,1fr)}.editor-image[b-tnjbuwstah]{display:none}} @media(prefers-reduced-motion:reduce){.catalog-kpi[b-tnjbuwstah]{transition:none}.catalog-kpi:hover[b-tnjbuwstah]{transform:none}} .catalog-part-image[b-tnjbuwstah] { display:grid; place-items:center; width:48px; height:48px; border:1px solid color-mix(in srgb,var(--ui-accent) 28%,var(--ui-border)); border-radius:10px; background:var(--ui-accent-soft); color:var(--ui-accent); } .catalog-part-image[b-tnjbuwstah] .mud-icon-root { width:24px; height:24px; } .editor-image[b-tnjbuwstah] { color:var(--ui-accent); } .editor-image[b-tnjbuwstah] .mud-icon-root { width:54px; height:54px; } .catalog-row-actions[b-tnjbuwstah] { align-items:center; } .catalog-row-actions button[b-tnjbuwstah] { white-space:nowrap; } .catalog-delete-confirm[b-tnjbuwstah] { flex-basis:100%; color:var(--ui-warning); font-size:12px; line-height:1.4; white-space:normal; } .part-catalog-dashboard .ui-header[b-tnjbuwstah] { margin-bottom:0; } .part-catalog-dashboard .catalog-filters fieldset[b-tnjbuwstah] { gap:var(--ui-filter-gap); } .part-catalog-dashboard .catalog-filters input[b-tnjbuwstah], .part-catalog-dashboard .catalog-filters select[b-tnjbuwstah] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .part-catalog-dashboard .catalog-scroll th[b-tnjbuwstah], .part-catalog-dashboard .catalog-scroll td[b-tnjbuwstah] { padding:var(--ui-space-2) var(--ui-space-3); } .part-catalog-dashboard .catalog-row-actions[b-tnjbuwstah] { gap:var(--ui-space-2); } .part-catalog-dashboard .catalog-row-actions .ui-button[b-tnjbuwstah] { min-height:calc(var(--ui-control-height) - var(--ui-space-2)); padding:var(--ui-space-1) var(--ui-space-3); border-radius:var(--ui-control-radius); font-size:.75rem; } .part-catalog-dashboard .catalog-state[b-tnjbuwstah] { border:1px solid var(--ui-border); } .part-catalog-dashboard .catalog-state.is-active[b-tnjbuwstah] { border-color:color-mix(in srgb,var(--ui-success) 32%,var(--ui-border)); } .part-catalog-dashboard button.catalog-primary.ui-button-primary[b-tnjbuwstah] { background:var(--ui-accent); border-color:var(--ui-accent); color:var(--ui-on-accent); } .part-catalog-dashboard button.catalog-primary.ui-button-primary:hover:not(:disabled)[b-tnjbuwstah] { background:var(--ui-accent-hover); color:var(--ui-on-accent); } @media(max-width:650px) { .part-catalog-dashboard .catalog-row-actions .ui-button[b-tnjbuwstah] { min-height:var(--ui-control-height); } } /* /Components/Pages/Factory/Parts/PartDurationCoverage.razor.rz.scp.css */ .duration-coverage[b-nc3o4zogzu]{background:linear-gradient(145deg,var(--ui-surface-raised),var(--ui-surface));border:1px solid var(--ui-border);border-radius:12px;padding:20px;min-width:0} header>span[b-nc3o4zogzu]{color:var(--ui-accent);font-size:10px;font-weight:700;letter-spacing:1px}h2[b-nc3o4zogzu]{font-size:16px;margin:7px 0 14px;font-weight:650;line-height:1.5} dl[b-nc3o4zogzu]{margin:12px 0}dl>div[b-nc3o4zogzu]{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ui-border)}dt[b-nc3o4zogzu]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ui-text-muted)}dd[b-nc3o4zogzu]{margin:0;font-weight:700;font-variant-numeric:tabular-nums} .dot[b-nc3o4zogzu]{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--ui-text-muted)}.dot.long[b-nc3o4zogzu]{background:var(--ui-danger)}.dot.compared[b-nc3o4zogzu]{background:var(--ui-info)}.coverage-note[b-nc3o4zogzu],.coverage-empty[b-nc3o4zogzu]{font-size:12px;color:var(--ui-text-muted);line-height:1.65}.coverage-note[b-nc3o4zogzu]{margin:14px 0 0} @media(max-width:760px){.duration-coverage[b-nc3o4zogzu]{padding:14px}} .duration-coverage header h2[b-nc3o4zogzu]{line-height:1.3;overflow-wrap:anywhere} .duration-coverage dl>div[b-nc3o4zogzu]{align-items:center;min-height:44px} .duration-coverage dt[b-nc3o4zogzu]{line-height:1.45} .duration-coverage dd[b-nc3o4zogzu]{font-size:18px;white-space:nowrap} /* /Components/Pages/Factory/Parts/Statistics.razor.rz.scp.css */ .part-analysis[b-cee2d4iwlq]{display:grid;gap:18px;color:var(--ui-text);min-width:0;font-size:14px} .analysis-heading[b-cee2d4iwlq],.analysis-context[b-cee2d4iwlq],.analysis-panel>header[b-cee2d4iwlq],.analysis-footer[b-cee2d4iwlq],.analysis-selected[b-cee2d4iwlq]{display:flex;align-items:center;justify-content:space-between;gap:16px} .analysis-heading h1[b-cee2d4iwlq]{font-size:clamp(24px,2.1vw,32px);font-weight:750;margin:4px 0 7px;letter-spacing:-.7px}.analysis-heading p[b-cee2d4iwlq]{color:var(--ui-text-muted);margin:0}.analysis-eyebrow[b-cee2d4iwlq]{font-size:11px;letter-spacing:1.7px;color:var(--ui-accent);font-weight:700} .analysis-filters[b-cee2d4iwlq]{margin:0}.analysis-filters fieldset[b-cee2d4iwlq]{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:12px;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(130px,.85fr)) repeat(4,minmax(120px,1fr)) auto;gap:12px;align-items:end;min-width:0}.analysis-filters label[b-cee2d4iwlq]{display:grid;gap:7px;font-size:12px;color:var(--ui-text-muted);min-width:0} .part-analysis input[b-cee2d4iwlq],.part-analysis select[b-cee2d4iwlq]{width:100%;min-width:0;height:39px;background:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-control-border);border-radius:6px;padding:7px 10px;font:inherit;font-size:13px}.part-analysis input:focus-visible[b-cee2d4iwlq],.part-analysis select:focus-visible[b-cee2d4iwlq],.part-analysis[b-cee2d4iwlq] button:focus-visible,.part-analysis[b-cee2d4iwlq] a:focus-visible,.part-analysis summary:focus-visible[b-cee2d4iwlq]{outline:2px solid var(--ui-focus);outline-offset:3px} .part-analysis[b-cee2d4iwlq] button{font:inherit;cursor:pointer;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-surface-raised);color:var(--ui-text);padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,border-color .15s}.part-analysis[b-cee2d4iwlq] button:hover:not(:disabled){border-color:var(--ui-accent);background:var(--ui-accent-soft)}.part-analysis[b-cee2d4iwlq] button:disabled{opacity:.45;cursor:default}.part-analysis[b-cee2d4iwlq] button.analysis-primary{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent);height:39px;font-weight:700;white-space:nowrap}.part-analysis[b-cee2d4iwlq] .mud-icon-root{width:20px;height:20px;flex-shrink:0}.part-analysis[b-cee2d4iwlq] a{color:var(--ui-accent);text-decoration:none}.part-analysis[b-cee2d4iwlq] a:hover{text-decoration:underline} .analysis-context[b-cee2d4iwlq]{font-size:12px;color:var(--ui-text-muted)}.analysis-context>span[b-cee2d4iwlq]{font-weight:600}.analysis-info[b-cee2d4iwlq]{position:relative}.analysis-info>summary[b-cee2d4iwlq]{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;color:var(--ui-text-muted);font-size:12px;white-space:nowrap}.analysis-info>summary[b-cee2d4iwlq]::-webkit-details-marker{display:none}.analysis-info>div[b-cee2d4iwlq]{position:absolute;right:0;top:30px;z-index:10;min-width:260px;width:min(420px,80vw);background:var(--ui-surface-raised);border:1px solid var(--ui-control-border);border-radius:8px;padding:16px;color:var(--ui-text);box-shadow:var(--ui-shadow);font-size:13px;line-height:1.6;font-weight:400}.analysis-info p[b-cee2d4iwlq]{margin:9px 0 0} .analysis-kpis[b-cee2d4iwlq]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.analysis-kpis.detail[b-cee2d4iwlq]{grid-template-columns:repeat(5,minmax(0,1fr))}.part-analysis[b-cee2d4iwlq] .analysis-kpi{--tone:var(--ui-accent);display:flex;align-items:center;gap:15px;background:linear-gradient(130deg,color-mix(in srgb,var(--tone) 7%,var(--ui-surface)),var(--ui-surface));border:1px solid var(--ui-border);border-radius:12px;padding:21px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 3%,transparent)}.part-analysis[b-cee2d4iwlq] .analysis-kpi.blue{--tone:var(--ui-info)}.part-analysis[b-cee2d4iwlq] .analysis-kpi.green{--tone:var(--ui-success)}.part-analysis[b-cee2d4iwlq] .analysis-kpi.violet{--tone:var(--ui-violet)}.part-analysis[b-cee2d4iwlq] .analysis-kpi>.mud-icon-root{width:42px;height:42px;color:var(--tone);padding:9px;box-sizing:content-box;background:color-mix(in srgb,var(--tone) 9%,transparent);border-radius:12px}.part-analysis[b-cee2d4iwlq] .analysis-kpi>div{display:grid;gap:5px;min-width:0}.part-analysis[b-cee2d4iwlq] .analysis-kpi span{font-size:var(--ui-kpi-title-size);color:var(--ui-text);font-weight:var(--ui-kpi-title-weight);}.part-analysis[b-cee2d4iwlq] .analysis-kpi strong{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);letter-spacing:-.7px;line-height:1.2}.part-analysis[b-cee2d4iwlq] .analysis-kpi small{font-size:var(--ui-kpi-description-size);color:var(--ui-text-muted);line-height:1.4;font-weight:var(--ui-kpi-description-weight);} .analysis-panel[b-cee2d4iwlq]{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;min-width:0;overflow:visible;padding:19px}.analysis-panel>header[b-cee2d4iwlq]{margin-bottom:16px;align-items:center}.analysis-panel h2[b-cee2d4iwlq]{font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;gap:9px;letter-spacing:-.15px}.analysis-panel>header>span[b-cee2d4iwlq],.analysis-caption[b-cee2d4iwlq]{color:var(--ui-text-muted);font-size:12px;line-height:1.6}.analysis-panel header select[b-cee2d4iwlq]{width:auto;max-width:150px}.analysis-overview-grid[b-cee2d4iwlq]{display:grid;grid-template-columns:1fr 1fr;gap:18px}.analysis-overview-grid .wide[b-cee2d4iwlq]{grid-column:1/-1}.analysis-detail-grid[b-cee2d4iwlq]{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.analysis-detail-grid .trend[b-cee2d4iwlq]{grid-column:1/-1}.analysis-comparisons[b-cee2d4iwlq]{display:grid;grid-template-columns:1fr;gap:18px} .analysis-findings[b-cee2d4iwlq]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analysis-findings>button[b-cee2d4iwlq]{justify-content:start;text-align:left;align-items:start;padding:15px;background:color-mix(in srgb,var(--ui-accent) 4%,var(--ui-bg))}.analysis-findings>button>div[b-cee2d4iwlq]{display:grid;gap:6px;flex:1}.analysis-findings strong[b-cee2d4iwlq]{font-size:13px}.analysis-findings span[b-cee2d4iwlq],.analysis-findings small[b-cee2d4iwlq]{font-size:12px;color:var(--ui-text-muted)}.analysis-findings>button>.mud-icon-root[b-cee2d4iwlq]{color:var(--ui-accent)}.analysis-findings>p[b-cee2d4iwlq]{color:var(--ui-text-muted);grid-column:1/-1;margin:0;line-height:1.6} .part-analysis[b-cee2d4iwlq] .analysis-scroll{overflow:auto;max-width:100%;scrollbar-color:var(--ui-control-border) var(--ui-surface)}.part-analysis[b-cee2d4iwlq] table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.part-analysis[b-cee2d4iwlq] th{text-align:left;font-size:11px;letter-spacing:.25px;font-weight:600;color:var(--ui-text-muted);background:var(--ui-surface-raised);padding:12px;border-bottom:1px solid var(--ui-border)}.part-analysis[b-cee2d4iwlq] td{padding:13px 12px;border-bottom:1px solid var(--ui-border);font-variant-numeric:tabular-nums}.part-analysis[b-cee2d4iwlq] tbody tr:hover{background:var(--ui-surface-hover)}.part-analysis[b-cee2d4iwlq] td small{display:block;font-size:11px;color:var(--ui-text-muted);margin-top:5px}.part-analysis[b-cee2d4iwlq] td strong{font-size:13px}.part-analysis[b-cee2d4iwlq] .analysis-link{border:none;background:transparent;color:var(--ui-accent);padding:4px 8px;font-size:12px} .part-analysis[b-cee2d4iwlq] .analysis-pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;color:var(--ui-text-muted);font-size:11px}.part-analysis[b-cee2d4iwlq] .analysis-pager>span:first-child{margin-right:auto}.part-analysis[b-cee2d4iwlq] .analysis-pager button{padding:4px 10px;font-size:18px;line-height:1}.part-analysis[b-cee2d4iwlq] .part-analysis-chart{min-height:280px;min-width:0}.part-analysis[b-cee2d4iwlq] .part-analysis-chart details,.analysis-table-details[b-cee2d4iwlq]{margin-top:12px;font-size:12px;color:var(--ui-text-muted)}.part-analysis[b-cee2d4iwlq] .part-analysis-chart summary,.analysis-table-details>summary[b-cee2d4iwlq]{cursor:pointer;display:list-item;padding:5px 0}.part-analysis[b-cee2d4iwlq] .part-analysis-chart .analysis-scroll{max-height:300px} .analysis-selected[b-cee2d4iwlq]{justify-content:flex-start;border-left:3px solid var(--ui-accent);padding:8px 16px}.analysis-selected>.mud-icon-root[b-cee2d4iwlq]{width:36px;height:36px;color:var(--ui-accent)}.analysis-selected>div[b-cee2d4iwlq]{flex:1}.analysis-selected span[b-cee2d4iwlq]{font-size:11px;color:var(--ui-text-muted)}.analysis-selected h2[b-cee2d4iwlq]{font-size:24px;margin:4px 0 0}.analysis-reference[b-cee2d4iwlq]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}.analysis-reference>div[b-cee2d4iwlq]{padding:12px;background:var(--ui-bg);border-radius:6px}.analysis-reference dt[b-cee2d4iwlq]{font-size:11px;color:var(--ui-text-muted);margin-bottom:5px}.analysis-reference dd[b-cee2d4iwlq]{margin:0;font-size:16px;font-weight:650}.analysis-notice[b-cee2d4iwlq]{padding:13px 16px;border:1px solid var(--ui-border);border-left:3px solid var(--ui-warning);border-radius:7px;background:var(--ui-surface);font-size:13px;color:var(--ui-text-muted);line-height:1.6}.analysis-notice.error[b-cee2d4iwlq]{border-left-color:var(--ui-danger);color:var(--ui-danger)}.part-analysis[b-cee2d4iwlq] .analysis-empty{min-height:240px;display:grid;place-content:center;text-align:center;max-width:100%;padding:24px;color:var(--ui-text-muted);font-size:13px;line-height:1.7}.analysis-footer[b-cee2d4iwlq]{font-size:11px;color:var(--ui-text-muted);padding:8px 0 16px} @media(min-width:1700px){.analysis-overview-grid[b-cee2d4iwlq]{grid-template-columns:1.8fr 1fr 1fr}.analysis-overview-grid .wide[b-cee2d4iwlq]{grid-column:auto}.analysis-detail-grid[b-cee2d4iwlq]{grid-template-columns:1.4fr 1fr 1fr}.analysis-detail-grid .trend[b-cee2d4iwlq]{grid-column:1/3}.analysis-comparisons[b-cee2d4iwlq]{grid-template-columns:1fr 1fr}.analysis-kpis.detail .analysis-kpi[b-cee2d4iwlq]{padding:18px}} @media(max-width:1250px){.analysis-filters fieldset[b-cee2d4iwlq]{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-kpis.detail[b-cee2d4iwlq]{grid-template-columns:repeat(3,minmax(0,1fr))}.part-analysis[b-cee2d4iwlq] .analysis-kpi{padding:16px}.analysis-findings[b-cee2d4iwlq]{grid-template-columns:1fr 1fr}} @media(max-width:760px){.analysis-overview-grid[b-cee2d4iwlq],.analysis-detail-grid[b-cee2d4iwlq],.analysis-comparisons[b-cee2d4iwlq]{grid-template-columns:1fr}.analysis-detail-grid .trend[b-cee2d4iwlq]{grid-column:auto}.analysis-heading[b-cee2d4iwlq],.analysis-context[b-cee2d4iwlq],.analysis-footer[b-cee2d4iwlq],.analysis-panel>header[b-cee2d4iwlq]{align-items:flex-start;flex-wrap:wrap}.analysis-filters fieldset[b-cee2d4iwlq]{grid-template-columns:1fr 1fr;padding:12px}.analysis-kpis[b-cee2d4iwlq],.analysis-kpis.detail[b-cee2d4iwlq]{grid-template-columns:1fr 1fr;gap:10px}.analysis-findings[b-cee2d4iwlq]{grid-template-columns:1fr}.analysis-panel[b-cee2d4iwlq]{padding:14px}.part-analysis[b-cee2d4iwlq] .analysis-kpi{gap:10px;padding:13px}.part-analysis[b-cee2d4iwlq] .analysis-kpi>.mud-icon-root{width:24px;height:24px;padding:7px}.part-analysis[b-cee2d4iwlq] .analysis-kpi strong{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.analysis-selected[b-cee2d4iwlq]{gap:10px}.analysis-selected>span[b-cee2d4iwlq]{display:none}.analysis-info>div[b-cee2d4iwlq]{position:fixed;top:25%;left:8vw;right:auto;width:84vw;max-height:60vh;overflow:auto}.part-analysis[b-cee2d4iwlq] .analysis-pager{gap:7px;flex-wrap:wrap}.part-analysis[b-cee2d4iwlq] .analysis-pager>span:first-child{flex-basis:100%;text-align:right}} @media(prefers-reduced-motion:reduce){.part-analysis[b-cee2d4iwlq] button{transition:none}} /* Keep five detail metrics readable inside the shell's narrower content area. */ .analysis-kpis.detail[b-cee2d4iwlq] .analysis-kpi{padding:16px;gap:10px} .analysis-kpis.detail[b-cee2d4iwlq] .analysis-kpi>.mud-icon-root{width:30px;height:30px;padding:7px} .analysis-kpis.detail[b-cee2d4iwlq] .analysis-kpi strong{font-size:var(--ui-kpi-value-compact-size);font-weight:var(--ui-kpi-value-weight);} @media(max-width:760px){.analysis-kpis.detail[b-cee2d4iwlq] .analysis-kpi{padding:13px}.analysis-kpis.detail[b-cee2d4iwlq] .analysis-kpi>.mud-icon-root{width:24px;height:24px}.analysis-kpis.detail[b-cee2d4iwlq] .analysis-kpi strong{font-size:var(--ui-kpi-value-compact-size);font-weight:var(--ui-kpi-value-weight);}} /* Analysis v2: conclusions first, supporting comparisons second, statistical details on demand. */ .v2[b-cee2d4iwlq]{gap:18px}.v2 .analysis-heading h1[b-cee2d4iwlq]{font-size:clamp(25px,2.2vw,34px)}.analysis-heading-actions[b-cee2d4iwlq]{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.analysis-clock[b-cee2d4iwlq]{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;color:var(--ui-text-muted);font-size:12px}.analysis-clock[b-cee2d4iwlq] .mud-icon-root{color:var(--ui-accent)} .v2 .analysis-filters fieldset[b-cee2d4iwlq]{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px;gap:12px}.analysis-presets[b-cee2d4iwlq]{grid-column:1/-1;display:flex;gap:5px;padding-bottom:4px}.analysis-presets button[b-cee2d4iwlq]{background:var(--ui-bg);font-size:12px;padding:7px 15px}.analysis-presets button.selected[b-cee2d4iwlq]{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent)}.v2 .analysis-kpis[b-cee2d4iwlq]{grid-template-columns:repeat(4,minmax(0,1fr))}.v2[b-cee2d4iwlq] .analysis-kpi{padding:18px;gap:12px;border-top-color:color-mix(in srgb,var(--tone) 30%,var(--ui-border));background:linear-gradient(125deg,color-mix(in srgb,var(--tone) 8%,var(--ui-surface)),var(--ui-surface))}.v2[b-cee2d4iwlq] .analysis-kpi.red{--tone:var(--ui-danger)}.v2[b-cee2d4iwlq] .analysis-kpi strong{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.v2[b-cee2d4iwlq] .analysis-kpi>.mud-icon-root{width:32px;height:32px;padding:9px}.analysis-period-strip[b-cee2d4iwlq]{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface)}.analysis-period-strip>.mud-icon-root[b-cee2d4iwlq]{color:var(--ui-info)}.analysis-period-strip>div[b-cee2d4iwlq]{display:grid;gap:6px;flex:1}.analysis-period-strip strong[b-cee2d4iwlq]{font-size:12px;font-weight:650}.analysis-period-strip span[b-cee2d4iwlq]{font-size:11px;color:var(--ui-text-muted);line-height:1.5}.detail-sample-strip[b-cee2d4iwlq]{display:flex;gap:24px;align-items:center;color:var(--ui-text-muted);font-size:12px;border-left:3px solid var(--ui-accent);padding:8px 14px}.detail-sample-strip strong[b-cee2d4iwlq]{color:var(--ui-text)} .v2 .analysis-panel[b-cee2d4iwlq]{padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-info) 2%,var(--ui-surface)),var(--ui-surface));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 3%,transparent)}.v2 .analysis-panel>header>div[b-cee2d4iwlq]{display:grid;gap:7px}.v2 .analysis-panel>header>div>span[b-cee2d4iwlq]{font-size:12px;color:var(--ui-text-muted)}.v2 .analysis-findings[b-cee2d4iwlq]{grid-template-columns:repeat(4,minmax(0,1fr))}.v2[b-cee2d4iwlq] .analysis-conclusion{--conclusion:var(--ui-info);display:flex;gap:10px;align-items:flex-start;background:linear-gradient(130deg,color-mix(in srgb,var(--conclusion) 5%,var(--ui-bg)),var(--ui-bg));border:1px solid var(--ui-border);border-top:2px solid color-mix(in srgb,var(--conclusion) 65%,var(--ui-border));border-radius:9px;padding:15px;transition:border-color .15s}.v2[b-cee2d4iwlq] .analysis-conclusion:hover{border-color:color-mix(in srgb,var(--conclusion) 60%,var(--ui-border))}.v2[b-cee2d4iwlq] .analysis-conclusion.green{--conclusion:var(--ui-success)}.v2[b-cee2d4iwlq] .analysis-conclusion.red{--conclusion:var(--ui-danger)}.v2[b-cee2d4iwlq] .analysis-conclusion.gold{--conclusion:var(--ui-accent)}.v2[b-cee2d4iwlq] .conclusion-symbol{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;color:var(--conclusion);border-radius:9px;background:color-mix(in srgb,var(--conclusion) 12%,transparent)}.v2[b-cee2d4iwlq] .conclusion-content{display:grid;gap:9px;min-width:0}.v2[b-cee2d4iwlq] .conclusion-part{font-size:11px;font-weight:750;letter-spacing:.35px;color:var(--conclusion)}.v2[b-cee2d4iwlq] .analysis-conclusion h3{font-size:13px;line-height:1.5;font-weight:650;margin:0;color:var(--ui-text)}.v2[b-cee2d4iwlq] .analysis-conclusion p{color:var(--ui-text-muted);line-height:1.7;margin:0;font-size:12px}.v2[b-cee2d4iwlq] .analysis-conclusion small{color:var(--ui-text-muted);font-size:10px}.v2[b-cee2d4iwlq] .analysis-conclusion .analysis-link{border:none;background:transparent;color:var(--ui-accent);justify-content:flex-start;padding:3px 0;font-size:11px;font-weight:650} .analysis-no-findings[b-cee2d4iwlq]{display:flex;gap:15px;align-items:center;padding:16px;background:var(--ui-bg);border-radius:8px}.analysis-no-findings>.mud-icon-root[b-cee2d4iwlq]{width:32px;height:32px;color:var(--ui-info)}.analysis-no-findings>div[b-cee2d4iwlq]{display:grid;gap:8px}.analysis-no-findings strong[b-cee2d4iwlq]{font-size:13px}.analysis-no-findings span[b-cee2d4iwlq]{font-size:12px;line-height:1.7;color:var(--ui-text-muted)}.analysis-more[b-cee2d4iwlq]{margin-top:12px;color:var(--ui-text-muted);font-size:12px}.analysis-more>summary[b-cee2d4iwlq]{padding:9px 0;cursor:pointer}.analysis-more[open]>summary[b-cee2d4iwlq]{margin-bottom:12px}.analysis-discovery-grid[b-cee2d4iwlq]{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.v2 .analysis-comparisons[b-cee2d4iwlq]{grid-template-columns:1fr 1fr;gap:18px}.v2 .analysis-detail-grid[b-cee2d4iwlq]{grid-template-columns:2fr 1fr}.v2 .analysis-detail-grid .trend[b-cee2d4iwlq]{grid-column:auto}.v2[b-cee2d4iwlq] .tone-red{color:var(--ui-danger)}.v2[b-cee2d4iwlq] .tone-green{color:var(--ui-success)}.v2[b-cee2d4iwlq] .tone-blue{color:var(--ui-info)}.v2[b-cee2d4iwlq] .tone-muted{color:var(--ui-text-muted)}.analysis-badge[b-cee2d4iwlq]{display:inline-block;border:1px solid currentColor;border-radius:6px;padding:5px 8px;font-size:11px;background:var(--ui-surface-raised)}.v2 .part-comparison-table td[b-cee2d4iwlq]{padding-top:16px;padding-bottom:16px}.v2[b-cee2d4iwlq] .part-name{font-weight:700;font-size:13px;padding-left:0}.v2[b-cee2d4iwlq] .part-name>.mud-icon-root{width:18px;height:18px;color:var(--ui-info)}.analysis-advanced>summary[b-cee2d4iwlq]{cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650;list-style:disclosure-closed}.analysis-advanced[open]>summary[b-cee2d4iwlq]{margin-bottom:18px}.analysis-advanced>summary>span[b-cee2d4iwlq]{font-size:11px;color:var(--ui-text-muted);font-weight:400;margin-left:auto}.analysis-advanced>summary[b-cee2d4iwlq]::before{content:'›';font-size:20px;color:var(--ui-accent)}.analysis-advanced[open]>summary[b-cee2d4iwlq]::before{content:'⌄'}.analysis-advanced>.analysis-comparisons[b-cee2d4iwlq]{margin-top:10px}.analysis-advanced[b-cee2d4iwlq]{scroll-margin-top:85px}.analysis-detail-link[b-cee2d4iwlq]{display:inline-block;margin-top:16px;font-size:12px}.reference-layout[b-cee2d4iwlq]{display:grid;grid-template-columns:minmax(240px,.7fr) 1fr;gap:30px;align-items:center}.reference-layout .analysis-reference[b-cee2d4iwlq]{margin:0;gap:16px}.reference-layout .analysis-reference dd[b-cee2d4iwlq]{font-size:22px}.reference-layout .analysis-reference>div[b-cee2d4iwlq]{padding:20px}.v2 .analysis-panel[id][b-cee2d4iwlq]{scroll-margin-top:85px} @media(max-width:1500px){.v2 .analysis-findings[b-cee2d4iwlq]{grid-template-columns:1fr 1fr}.analysis-discovery-grid[b-cee2d4iwlq]{grid-template-columns:1fr 1fr}.analysis-trend-panel[b-cee2d4iwlq]{grid-column:1/-1}.v2 .analysis-detail-grid[b-cee2d4iwlq]{grid-template-columns:1fr 1fr}.v2 .analysis-detail-grid .trend[b-cee2d4iwlq]{grid-column:1/-1}.v2[b-cee2d4iwlq] .analysis-kpi{padding:15px;gap:10px}.v2[b-cee2d4iwlq] .analysis-kpi>.mud-icon-root{width:28px;height:28px;padding:7px}} @media(max-width:1100px){.v2 .analysis-kpis[b-cee2d4iwlq]{grid-template-columns:1fr 1fr}.v2 .analysis-comparisons[b-cee2d4iwlq]{grid-template-columns:1fr}.v2 .analysis-filters fieldset[b-cee2d4iwlq]{grid-template-columns:repeat(3,minmax(0,1fr))}.v2 .analysis-detail-grid[b-cee2d4iwlq]{grid-template-columns:1fr}.reference-layout[b-cee2d4iwlq]{gap:16px}} @media(max-width:760px){.v2 .analysis-heading-actions[b-cee2d4iwlq]{width:100%;justify-content:space-between}.v2 .analysis-filters fieldset[b-cee2d4iwlq]{grid-template-columns:1fr 1fr}.v2 .analysis-findings[b-cee2d4iwlq]{grid-template-columns:1fr}.analysis-discovery-grid[b-cee2d4iwlq]{grid-template-columns:1fr}.analysis-trend-panel[b-cee2d4iwlq]{grid-column:auto}.v2 .analysis-panel[b-cee2d4iwlq]{padding:14px}.analysis-presets[b-cee2d4iwlq]{flex-wrap:wrap}.analysis-presets button[b-cee2d4iwlq]{flex:1;padding:7px 10px}.v2 .analysis-kpis[b-cee2d4iwlq]{gap:10px}.v2[b-cee2d4iwlq] .analysis-kpi{padding:13px;gap:8px}.v2[b-cee2d4iwlq] .analysis-kpi>.mud-icon-root{width:23px;height:23px;padding:6px}.v2[b-cee2d4iwlq] .analysis-kpi strong{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.analysis-period-strip[b-cee2d4iwlq]{gap:10px;padding:12px}.analysis-period-strip>div[b-cee2d4iwlq]{min-width:0}.analysis-advanced>summary[b-cee2d4iwlq]{flex-wrap:wrap;font-size:13px}.analysis-advanced>summary>span[b-cee2d4iwlq]{flex-basis:100%;margin-left:26px}.reference-layout[b-cee2d4iwlq]{grid-template-columns:1fr}.reference-layout .analysis-reference>div[b-cee2d4iwlq]{padding:14px}.reference-layout .analysis-reference dd[b-cee2d4iwlq]{font-size:18px}.detail-sample-strip[b-cee2d4iwlq]{gap:10px;flex-wrap:wrap}.analysis-clock[b-cee2d4iwlq]{padding:7px 9px;font-size:11px}} @media(prefers-reduced-motion:reduce){.v2[b-cee2d4iwlq] .analysis-conclusion{transition:none}} .v2[b-cee2d4iwlq] .analysis-kpi.long-value strong{font-size:var(--ui-kpi-value-compact-size);line-height:1.4;letter-spacing:-.3px;font-weight:var(--ui-kpi-value-weight);} .v2 .analysis-period-strip strong[b-cee2d4iwlq]{color:var(--ui-info)} .v2[b-cee2d4iwlq] .analysis-chart-tools{display:flex;justify-content:flex-end;margin-top:6px}.v2[b-cee2d4iwlq] .analysis-chart-tools button{font-size:10px;background:transparent;color:var(--ui-text-muted);padding:4px 8px} @media(max-width:1100px){.v2 .analysis-kpis[b-cee2d4iwlq]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.v2[b-cee2d4iwlq] .analysis-kpi{flex-direction:column;align-items:flex-start}.v2[b-cee2d4iwlq] .analysis-kpi.long-value strong{font-size:var(--ui-kpi-value-compact-size);overflow-wrap:anywhere;font-weight:var(--ui-kpi-value-weight);}} /* Part-first analysis: a summary table, focused questions, then optional context. */ .v3[b-cee2d4iwlq]{gap:22px}.v3 .analysis-heading[b-cee2d4iwlq]{align-items:flex-start}.v3 .analysis-heading p[b-cee2d4iwlq]{max-width:760px;font-size:14px;line-height:1.65} .v3 .analysis-filters fieldset[b-cee2d4iwlq]{grid-template-columns:1fr 1fr 1.5fr auto;gap:14px;padding:18px}.v3 .analysis-presets[b-cee2d4iwlq]{padding:0 0 8px}.v3 .analysis-presets button[b-cee2d4iwlq]{font-size:13px} .v3 .analysis-kpis[b-cee2d4iwlq]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v3 .detail-metrics[b-cee2d4iwlq]{grid-template-columns:repeat(4,minmax(0,1fr))}.v3[b-cee2d4iwlq] .analysis-kpi{min-height:112px}.v3[b-cee2d4iwlq] .analysis-kpi span{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);}.v3[b-cee2d4iwlq] .analysis-kpi small{font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight);}.v3[b-cee2d4iwlq] .analysis-kpi strong{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);} .v3 .part-summary[b-cee2d4iwlq]{padding:20px}.v3 .part-summary>header[b-cee2d4iwlq]{margin-bottom:16px}.v3 .part-summary>header h2[b-cee2d4iwlq]{font-size:18px}.v3 .part-summary-kpis[b-cee2d4iwlq]{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v3 .part-summary-kpis[b-cee2d4iwlq] .analysis-kpi{min-height:104px} .part-comparison-grid[b-cee2d4iwlq]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.part-comparison-panel[b-cee2d4iwlq]{min-width:0;border:1px solid var(--ui-border);border-radius:10px;background:color-mix(in srgb,var(--ui-bg) 35%,var(--ui-surface));padding:16px}.part-comparison-panel>header[b-cee2d4iwlq]{margin-bottom:8px}.part-comparison-panel h3[b-cee2d4iwlq]{font-size:15px;margin:0 0 4px}.part-comparison-panel>header span[b-cee2d4iwlq]{font-size:12px;color:var(--ui-text-muted)}.part-comparison-panel .analysis-more[b-cee2d4iwlq]{margin-top:8px}.part-comparison-panel .analysis-pager[b-cee2d4iwlq]{margin-top:8px} .v3 .analysis-panel[b-cee2d4iwlq]{padding:22px;border-radius:12px}.v3 .analysis-panel>header[b-cee2d4iwlq]{align-items:flex-start;gap:16px}.v3 .analysis-panel h2[b-cee2d4iwlq]{line-height:1.5;font-size:17px}.v3 .analysis-panel>header>div[b-cee2d4iwlq]{display:grid;gap:7px}.v3 .analysis-section-kicker[b-cee2d4iwlq]{color:var(--ui-accent);font-size:10px;font-weight:750;letter-spacing:1.2px} .analysis-assessment[b-cee2d4iwlq]{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--ui-info) 24%,var(--ui-border));border-radius:12px;background:linear-gradient(115deg,color-mix(in srgb,var(--ui-info) 6%,var(--ui-surface)),var(--ui-surface))}.assessment-icon[b-cee2d4iwlq]{display:grid;place-items:center;background:color-mix(in srgb,var(--ui-info) 10%,transparent);color:var(--ui-info);width:40px;height:40px;border-radius:10px;flex-shrink:0}.analysis-assessment>div:nth-child(2)[b-cee2d4iwlq]{flex:1;min-width:0}.analysis-assessment strong[b-cee2d4iwlq]{font-size:15px;line-height:1.5}.analysis-assessment p[b-cee2d4iwlq]{margin:8px 0 0;color:var(--ui-text-muted);font-size:13px;line-height:1.7}.analysis-assessment>a[b-cee2d4iwlq]{align-self:center;white-space:nowrap;font-size:13px} .analysis-overview-charts[b-cee2d4iwlq]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}.analysis-detail-charts[b-cee2d4iwlq]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}.analysis-overview-charts>*[b-cee2d4iwlq]{min-width:0}.v3 .analysis-panel[id][b-cee2d4iwlq]{scroll-margin-top:90px} .v3 .analysis-table-caption[b-cee2d4iwlq]{text-align:left;caption-side:bottom;padding:12px 0 0;color:var(--ui-text-muted);font-size:12px}.v3 .analysis-emphasis[b-cee2d4iwlq]{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.v3[b-cee2d4iwlq] td{padding:16px 12px;line-height:1.5}.v3[b-cee2d4iwlq] th{font-size:12px;letter-spacing:0;padding:13px 12px}.v3[b-cee2d4iwlq] td small{font-size:12px;line-height:1.5}.v3[b-cee2d4iwlq] .part-name{font-size:14px}.v3 .analysis-badge[b-cee2d4iwlq]{font-size:12px;padding:5px 8px}.v3 .analysis-caption[b-cee2d4iwlq]{font-size:12px;line-height:1.7;margin-bottom:0}.v3[b-cee2d4iwlq] .analysis-pager{font-size:12px;padding-top:16px}.v3[b-cee2d4iwlq] .analysis-pager button{min-width:34px;min-height:34px} .comparison-controls[b-cee2d4iwlq]{margin:16px 0}.comparison-controls fieldset[b-cee2d4iwlq]{margin:0;padding:0;border:0;display:flex;align-items:end;gap:14px;flex-wrap:wrap;min-width:0}.comparison-controls label[b-cee2d4iwlq]{display:grid;gap:7px;font-size:12px;color:var(--ui-text-muted);flex:1;min-width:160px}.comparison-controls button[b-cee2d4iwlq]{height:39px}.v3 .analysis-advanced>summary[b-cee2d4iwlq]{font-size:15px;line-height:1.5}.v3 .analysis-advanced>summary>span[b-cee2d4iwlq]{font-size:12px} @media(max-width:1200px){.analysis-overview-charts[b-cee2d4iwlq],.analysis-detail-charts[b-cee2d4iwlq]{grid-template-columns:minmax(0,1fr)}.v3 .detail-metrics[b-cee2d4iwlq]{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-assessment[b-cee2d4iwlq]{flex-wrap:wrap}.analysis-assessment>a[b-cee2d4iwlq]{margin-left:56px}.v3 .analysis-panel[b-cee2d4iwlq]{padding:18px}} @media(max-width:760px){.v3 .part-summary[b-cee2d4iwlq]{padding:14px}.v3 .part-summary-kpis[b-cee2d4iwlq]{grid-template-columns:1fr 1fr;gap:10px}} @media(max-width:900px){.part-comparison-grid[b-cee2d4iwlq]{grid-template-columns:minmax(0,1fr)}} @media(max-width:760px){.v3[b-cee2d4iwlq]{gap:16px}.v3 .analysis-filters fieldset[b-cee2d4iwlq]{grid-template-columns:1fr 1fr;padding:14px}.v3 .analysis-filters label:nth-of-type(3)[b-cee2d4iwlq]{grid-column:1/-1}.v3 .analysis-primary[b-cee2d4iwlq]{grid-column:1/-1}.v3 .analysis-kpis[b-cee2d4iwlq]{grid-template-columns:repeat(2,minmax(0,1fr))}.v3 .analysis-heading[b-cee2d4iwlq]{flex-wrap:wrap}.v3 .analysis-panel>header[b-cee2d4iwlq]{flex-wrap:wrap}.v3 .analysis-panel[b-cee2d4iwlq]{padding:14px}.analysis-assessment[b-cee2d4iwlq]{padding:16px;gap:12px}.analysis-assessment>a[b-cee2d4iwlq]{margin-left:0}.v3[b-cee2d4iwlq] .analysis-kpi{min-height:100px}.v3 .comparison-controls fieldset[b-cee2d4iwlq]{display:grid;grid-template-columns:1fr}.v3 .comparison-controls label[b-cee2d4iwlq]{min-width:0}} @media(max-width:420px){.v3 .detail-metrics[b-cee2d4iwlq]{grid-template-columns:1fr}.v3 .analysis-context[b-cee2d4iwlq]{align-items:flex-start;flex-wrap:wrap}.v3 .analysis-presets button[b-cee2d4iwlq]{padding:8px}} .v3[b-cee2d4iwlq] { gap:var(--ui-space-6); } .v3 .analysis-heading h1[b-cee2d4iwlq] { font-size:var(--ui-heading-size); } .v3 .analysis-filters fieldset[b-cee2d4iwlq] { gap:var(--ui-filter-gap); padding:var(--ui-panel-padding); border-radius:var(--ui-panel-radius); } .v3 .analysis-filters :is(input,select,button)[b-cee2d4iwlq] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .v3 .analysis-kpis[b-cee2d4iwlq] { gap:var(--ui-space-4); } .v3 .analysis-panel[b-cee2d4iwlq] { padding:var(--ui-panel-padding); border-radius:var(--ui-panel-radius); } .v3 .analysis-panel > header[b-cee2d4iwlq] { gap:var(--ui-space-4); margin-bottom:var(--ui-space-4); } .v3 .analysis-assessment[b-cee2d4iwlq] { border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border)); background:linear-gradient(115deg,color-mix(in srgb,var(--ui-accent) 7%,var(--ui-surface)),var(--ui-surface)); } .v3 .analysis-scroll[b-cee2d4iwlq] { min-width:0; max-width:100%; overflow:auto; overscroll-behavior-x:contain; } .v3 .analysis-scroll th[b-cee2d4iwlq], .v3 .analysis-scroll td[b-cee2d4iwlq] { padding:var(--ui-table-cell-padding); line-height:1.5; } .v3 .analysis-scroll:focus-visible[b-cee2d4iwlq], .v3 summary:focus-visible[b-cee2d4iwlq] { outline:var(--ui-focus-width) solid var(--ui-focus); outline-offset:2px; } .v3 .analysis-chart-info[b-cee2d4iwlq] { margin:var(--ui-space-3) 0; } .v3 .analysis-chart-info > summary[b-cee2d4iwlq] { display:inline-flex; color:var(--ui-accent); white-space:normal; } .v3 .analysis-chart-info > div[b-cee2d4iwlq] { position:static; width:auto; min-width:0; max-height:none; margin-top:var(--ui-space-2); padding:var(--ui-space-3); border-color:var(--ui-border); box-shadow:none; } @media(max-width:760px) { .v3[b-cee2d4iwlq] { gap:var(--ui-space-4); } .v3 .analysis-panel[b-cee2d4iwlq], .v3 .analysis-filters fieldset[b-cee2d4iwlq] { padding:var(--ui-space-4); } .v3 .analysis-filters fieldset[b-cee2d4iwlq] { grid-template-columns:minmax(0,1fr); } .v3 .analysis-filters label:nth-of-type(3)[b-cee2d4iwlq], .v3 .analysis-primary[b-cee2d4iwlq] { grid-column:auto; } } .v2 .part-comparison-table[b-cee2d4iwlq]{border-collapse:separate;border-spacing:0;width:100%} .v2 .part-comparison-table th[b-cee2d4iwlq]{background:var(--ui-surface-raised);color:var(--ui-text-muted);padding:14px 16px} .v2 .part-comparison-table td[b-cee2d4iwlq]{padding:16px;border-bottom:1px solid var(--ui-border);vertical-align:middle} .v2 .part-comparison-table tbody tr:hover[b-cee2d4iwlq]{background:var(--ui-surface-hover)} .v2 .part-comparison-table .variation-value[b-cee2d4iwlq]{display:block;margin-top:5px;color:var(--ui-accent);font-size:18px;font-variant-numeric:tabular-nums} .v2 .part-analyze-button[b-cee2d4iwlq]{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:9px 13px;border:1px solid var(--ui-accent);border-radius:7px;background:var(--ui-accent-soft);color:var(--ui-accent);font-weight:650;cursor:pointer} .v2 .part-analyze-button:hover[b-cee2d4iwlq]{background:var(--ui-accent);color:var(--ui-bg)} .v2 .part-analyze-button:focus-visible[b-cee2d4iwlq]{outline:2px solid var(--ui-focus);outline-offset:3px} .analysis-detail-charts[b-cee2d4iwlq]{align-items:stretch;gap:var(--ui-space-4)} .analysis-detail-charts>section[b-cee2d4iwlq],.analysis-detail-charts[b-cee2d4iwlq] .duration-coverage{height:100%;box-sizing:border-box;min-width:0} .analysis-detail-charts>section[b-cee2d4iwlq]{display:flex;flex-direction:column} .analysis-detail-charts[b-cee2d4iwlq] .duration-coverage{display:flex;flex-direction:column} .analysis-detail-charts[b-cee2d4iwlq] .coverage-note{margin-top:auto;padding-top:16px} .v3 .analysis-panel[b-cee2d4iwlq]{box-shadow:inset 0 1px 0 var(--ui-surface-hover)} .v3 .analysis-panel>header h2[b-cee2d4iwlq]{line-height:1.3} .v3 .analysis-detail-charts[b-cee2d4iwlq]{margin-bottom:var(--ui-space-4)} @media(max-width:1200px){.analysis-detail-charts>section[b-cee2d4iwlq],.analysis-detail-charts[b-cee2d4iwlq] .duration-coverage{height:auto}} .v3 .analysis-heading[b-cee2d4iwlq]{align-items:center;gap:var(--ui-space-4)} .v3 .analysis-heading h1[b-cee2d4iwlq]{line-height:1.15;margin-bottom:8px} .v3 .analysis-heading p[b-cee2d4iwlq]{max-width:70ch;line-height:1.55} .v3 .analysis-context[b-cee2d4iwlq]{gap:var(--ui-space-3);align-items:center} .v3 .analysis-kpis[b-cee2d4iwlq]{align-items:stretch} .v3[b-cee2d4iwlq] .analysis-kpi{height:100%;box-sizing:border-box} .v3 .part-comparison-grid[b-cee2d4iwlq]{align-items:stretch} .v3 .part-comparison-panel[b-cee2d4iwlq]{display:flex;flex-direction:column;min-width:0;box-sizing:border-box} .v3 .part-comparison-panel>header[b-cee2d4iwlq]{min-height:48px} .v3 .part-comparison-panel .analysis-more[b-cee2d4iwlq]{margin-top:auto;padding-top:var(--ui-space-3)} .v3 .analysis-detail-charts[b-cee2d4iwlq] .duration-coverage{padding:var(--ui-panel-padding);border-radius:var(--ui-panel-radius)} .v3 .analysis-footer[b-cee2d4iwlq]{padding:var(--ui-space-3) 0;color:var(--ui-text-muted)} @media(max-width:760px){.v3 .analysis-heading[b-cee2d4iwlq]{align-items:flex-start}.v3 .analysis-heading-actions[b-cee2d4iwlq]{width:100%;justify-content:space-between}.v3 .analysis-detail-charts[b-cee2d4iwlq] .duration-coverage{padding:var(--ui-space-4)}.v3 .part-comparison-panel>header[b-cee2d4iwlq]{min-height:0}} /* /Components/Pages/Factory/Planning/Index.razor.rz.scp.css */ .planning-page[b-1btnrhv21g]{display:grid;gap:16px;color:var(--ui-text)}.planning-heading p[b-1btnrhv21g]{margin:0 0 7px;color:var(--ui-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.planning-heading h1[b-1btnrhv21g]{margin:0 0 7px;font-size:30px;letter-spacing:-.025em}.planning-heading span[b-1btnrhv21g],.planning-heading small[b-1btnrhv21g]{display:block;color:var(--ui-text-muted);font-size:13px;line-height:1.6}.planning-heading small[b-1btnrhv21g]{font-size:12px}.planning-tabs-row[b-1btnrhv21g]{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--ui-border)}.planning-page .shift-management-tabs[b-1btnrhv21g]{display:flex;gap:8px;margin:0;border:0}.planning-page .shift-management-tabs button[b-1btnrhv21g]{min-height:42px;padding:10px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ui-text-muted);font:inherit;font-size:13px;cursor:pointer}.planning-page .shift-management-tabs button.active[b-1btnrhv21g]{color:var(--ui-text);border-bottom-color:var(--ui-accent);font-weight:700}.planning-page button[b-1btnrhv21g]{min-height:36px;padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:12px;cursor:pointer}.planning-page .planning-refresh[b-1btnrhv21g],.planning-page .planning-approve[b-1btnrhv21g],.planning-page .planning-editor-actions button:nth-child(2)[b-1btnrhv21g]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700}.planning-page button:disabled[b-1btnrhv21g]{opacity:.5;cursor:not-allowed}.planning-page button:focus-visible[b-1btnrhv21g],.planning-page select:focus-visible[b-1btnrhv21g],.planning-page input:focus-visible[b-1btnrhv21g],.planning-page summary:focus-visible[b-1btnrhv21g]{outline:2px solid var(--ui-focus);outline-offset:2px}.planning-page .operator-management-panel[b-1btnrhv21g],.planning-preview-panel[b-1btnrhv21g],.planning-preview-summary[b-1btnrhv21g]{min-width:0;margin:0;padding:20px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface)}.planning-page h2[b-1btnrhv21g]{margin:0 0 8px;font-size:18px}.planning-page h3[b-1btnrhv21g]{margin:0 0 5px;font-size:16px}.planning-page p[b-1btnrhv21g]{font-size:13px;line-height:1.55}.planning-page .planning-summary[b-1btnrhv21g]{display:flex;align-items:center;gap:0;flex-wrap:wrap}.planning-page .planning-summary-title[b-1btnrhv21g]{flex:1.5;min-width:210px;padding:0 18px 0 0}.planning-summary-title p[b-1btnrhv21g]{margin:0;color:var(--ui-text-muted)}.planning-summary-metric[b-1btnrhv21g]{display:grid;gap:7px;flex:1;min-width:140px;padding:6px 18px;border-left:1px solid var(--ui-border)}.planning-summary-metric span[b-1btnrhv21g]{color:var(--ui-text-muted);font-size:12px}.planning-summary-metric strong[b-1btnrhv21g]{font-size:19px;font-variant-numeric:tabular-nums}.planning-page .planning-day[b-1btnrhv21g]{padding:20px}.planning-day-heading[b-1btnrhv21g]{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.planning-day-heading .eyebrow[b-1btnrhv21g]{margin:0;color:var(--ui-accent);font-size:12px;font-weight:700}.planning-day-heading h2[b-1btnrhv21g]{margin:3px 0 0}.planning-day-heading>strong[b-1btnrhv21g]{font-size:13px}.planning-page .planning-copy-actions[b-1btnrhv21g]{margin:10px 0 4px}.planning-page .planning-shift[b-1btnrhv21g]{padding:15px 0;border-top:1px solid var(--ui-border)}.planning-page .planning-shift:last-child[b-1btnrhv21g]{padding-bottom:0}.planning-shift-heading p[b-1btnrhv21g]{margin:4px 0;color:var(--ui-text-muted);font-size:12px}.planning-shift-status strong[b-1btnrhv21g]{font-size:13px}.planning-page .planning-state[b-1btnrhv21g]{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:650;background:var(--ui-surface-raised);color:var(--ui-text-muted)}.planning-page .planning-state.draft[b-1btnrhv21g]{background:color-mix(in srgb,var(--ui-accent) 14%,var(--ui-bg));color:var(--ui-accent)}.planning-page .planning-state.planned[b-1btnrhv21g],.planning-page .planning-state.active[b-1btnrhv21g]{background:color-mix(in srgb,var(--ui-success) 14%,var(--ui-bg));color:var(--ui-success)}.planning-page .planning-state.completed[b-1btnrhv21g]{background:var(--ui-surface-raised);color:var(--ui-text-muted)}.planning-page .cycle-table-scroll[b-1btnrhv21g]{overflow:auto;margin:12px 0;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)}.planning-page .cycle-table[b-1btnrhv21g]{width:100%;min-width:520px;border-collapse:collapse;font-size:13px}.planning-page .cycle-table th[b-1btnrhv21g],.planning-page .cycle-table td[b-1btnrhv21g]{padding:10px 12px;text-align:left;border-bottom:1px solid var(--ui-border)}.planning-page .cycle-table th[b-1btnrhv21g]{background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:12px}.planning-page .cycle-table tbody tr:last-child td[b-1btnrhv21g]{border-bottom:0}.planning-empty-shift[b-1btnrhv21g]{padding:18px;border:1px dashed var(--ui-control-border);border-radius:8px;color:var(--ui-text-muted);text-align:center}.planning-page .planning-editor[b-1btnrhv21g],.planning-approval-confirm[b-1btnrhv21g],.planning-page .planning-paste-confirm[b-1btnrhv21g]{margin-top:12px;padding:16px;border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:8px;background:var(--ui-bg)}.planning-page .planning-target-row[b-1btnrhv21g]{display:grid;grid-template-columns:1fr 1fr minmax(110px,.65fr) auto;gap:10px;align-items:end}.planning-page .planning-target-row label[b-1btnrhv21g]{display:grid;gap:6px;color:var(--ui-text-muted);font-size:12px}.planning-page input[b-1btnrhv21g],.planning-page select[b-1btnrhv21g]{box-sizing:border-box;width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:13px}.planning-page .planning-editor-actions[b-1btnrhv21g]{display:flex;gap:8px;flex-wrap:wrap}.planning-preview-layout[b-1btnrhv21g]{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.7fr);align-items:start;gap:16px}.planning-preview-sidebar[b-1btnrhv21g]{display:grid;gap:14px}.planning-preview-panel>p[b-1btnrhv21g]{color:var(--ui-text-muted)}.planning-daily-total[b-1btnrhv21g]{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--ui-border);font-size:12px}.planning-daily-total:last-child[b-1btnrhv21g]{border:0}.planning-daily-total span[b-1btnrhv21g]{color:var(--ui-text-muted)}.planning-preview-day[b-1btnrhv21g]{margin-top:12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg);overflow:hidden}.planning-preview-day summary[b-1btnrhv21g]{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;cursor:pointer}.planning-preview-day summary strong[b-1btnrhv21g]{color:var(--ui-accent)}.planning-preview-day summary span[b-1btnrhv21g]{color:var(--ui-text-muted);font-size:12px}.planning-page .planning-preview-card[b-1btnrhv21g]{margin:0;padding:14px;border:0;border-top:1px solid var(--ui-border);border-radius:0}.planning-preview-card>p[b-1btnrhv21g]{margin:10px 0}.planning-validation[b-1btnrhv21g]{padding:10px 12px;border-left:3px solid var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 8%,var(--ui-bg));color:var(--ui-text)}.planning-approval-confirm button+button[b-1btnrhv21g]{margin-left:8px}@media(max-width:900px){.planning-preview-layout[b-1btnrhv21g]{grid-template-columns:1fr}.planning-summary-metric[b-1btnrhv21g]{min-width:40%;margin-top:12px}.planning-page .planning-target-row[b-1btnrhv21g]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.planning-heading h1[b-1btnrhv21g]{font-size:25px}.planning-page .operator-management-panel[b-1btnrhv21g],.planning-preview-panel[b-1btnrhv21g],.planning-preview-summary[b-1btnrhv21g]{padding:15px}.planning-summary-metric[b-1btnrhv21g]{min-width:50%;padding:8px 10px}.planning-page .planning-target-row[b-1btnrhv21g]{grid-template-columns:1fr}.planning-tabs-row[b-1btnrhv21g]{align-items:stretch}.planning-page .shift-management-tabs[b-1btnrhv21g]{width:100%}.planning-page .shift-management-tabs button[b-1btnrhv21g]{flex:1}.planning-refresh[b-1btnrhv21g]{margin-bottom:10px}} .planning-page .live-error[b-1btnrhv21g]{margin:0;padding:14px 16px;border:1px solid var(--ui-danger);border-radius:8px;background:color-mix(in srgb,var(--ui-danger) 8%,var(--ui-surface));color:var(--ui-text)} .planning-day-tabs[b-1btnrhv21g]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.planning-page .planning-day-tabs button[b-1btnrhv21g]{display:grid;gap:5px;align-content:start;text-align:left;min-width:0;padding:12px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface);color:var(--ui-text)}.planning-day-tabs button strong[b-1btnrhv21g]{font-size:13px;text-transform:capitalize}.planning-day-tabs button span[b-1btnrhv21g],.planning-day-tabs button small[b-1btnrhv21g]{color:var(--ui-text-muted);font-size:11px}.planning-day-tabs button small[b-1btnrhv21g]{overflow-wrap:anywhere}.planning-page .planning-day-tabs button.selected[b-1btnrhv21g]{border-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 9%,var(--ui-surface));box-shadow:inset 0 2px var(--ui-accent)}.planning-day-tabs button.selected strong[b-1btnrhv21g]{color:var(--ui-accent)}.planning-day-empty p[b-1btnrhv21g]{color:var(--ui-text-muted)}.planning-edit-notice[b-1btnrhv21g]{margin:0;padding:10px 12px;border-left:3px solid var(--ui-warning);border-radius:5px;background:color-mix(in srgb,var(--ui-warning) 8%,var(--ui-surface));color:var(--ui-text)}.planning-preview-days>p[b-1btnrhv21g]{margin:0 0 10px}.planning-preview-day[b-1btnrhv21g]{margin-top:8px}.planning-preview-day summary[b-1btnrhv21g]{display:flex;align-items:center;gap:12px;list-style:none;background:var(--ui-surface-raised)}.planning-preview-day summary[b-1btnrhv21g]::-webkit-details-marker{display:none}.planning-preview-day summary>div[b-1btnrhv21g]{display:grid;gap:4px;flex:1;min-width:150px}.planning-preview-day summary small[b-1btnrhv21g]{color:var(--ui-text-muted);font-size:11px}.planning-preview-day summary>span:not(.planning-preview-chevron)[b-1btnrhv21g]{font-weight:650}.planning-preview-chevron[b-1btnrhv21g]{color:var(--ui-accent);font-size:18px;transition:transform .15s}.planning-preview-day[open] .planning-preview-chevron[b-1btnrhv21g]{transform:rotate(180deg)}.planning-page .planning-preview-card[b-1btnrhv21g]{padding:12px 14px}.planning-preview-card .planning-shift-heading[b-1btnrhv21g]{align-items:center}.planning-preview-card .cycle-table-scroll[b-1btnrhv21g]{margin:8px 0}.planning-preview-card .cycle-table th[b-1btnrhv21g],.planning-preview-card .cycle-table td[b-1btnrhv21g]{padding:8px 10px}.planning-preview-card>p[b-1btnrhv21g]{margin:7px 0}.planning-preview-card .planning-empty-shift[b-1btnrhv21g]{padding:10px}.planning-preview-card .planning-validation[b-1btnrhv21g]{margin:8px 0;padding:8px 10px}@media(max-width:1100px){.planning-day-tabs[b-1btnrhv21g]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.planning-day-tabs[b-1btnrhv21g]{display:flex;overflow-x:auto;padding-bottom:5px}.planning-page .planning-day-tabs button[b-1btnrhv21g]{flex:0 0 135px}.planning-preview-day summary[b-1btnrhv21g]{gap:8px}.planning-preview-day summary>div[b-1btnrhv21g]{min-width:0}.planning-preview-day summary>span:not(.planning-preview-chevron)[b-1btnrhv21g]{flex-basis:100%;order:3}.planning-preview-chevron[b-1btnrhv21g]{margin-left:auto}}@media(prefers-reduced-motion:reduce){.planning-preview-chevron[b-1btnrhv21g]{transition:none}} .planning-preview-day-tabs[b-1btnrhv21g]{display:flex;overflow-x:auto;padding-bottom:5px}.planning-page .planning-preview-day-tabs button[b-1btnrhv21g]{flex:0 0 115px;padding:10px}.planning-preview-day-heading[b-1btnrhv21g]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;background:var(--ui-surface-raised)}.planning-preview-day-heading>div[b-1btnrhv21g]{display:grid;gap:4px}.planning-preview-day-heading strong[b-1btnrhv21g]{color:var(--ui-accent)}.planning-preview-day-heading small[b-1btnrhv21g],.planning-preview-day-heading>span[b-1btnrhv21g]{color:var(--ui-text-muted);font-size:12px}.planning-preview-day-heading>span[b-1btnrhv21g]{font-weight:650} .planning-page .planning-draft-summary[b-1btnrhv21g]{display:block;padding:0;border:0;background:transparent} .planning-draft-summary-heading[b-1btnrhv21g]{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.planning-draft-heading-icon[b-1btnrhv21g],.planning-metric-icon[b-1btnrhv21g]{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:12px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:25px}.planning-draft-summary-heading h2[b-1btnrhv21g]{margin:0 0 5px;font-size:24px}.planning-draft-summary-heading p[b-1btnrhv21g]{margin:0;color:var(--ui-text-muted);font-size:13px}.planning-draft-week[b-1btnrhv21g]{margin-left:auto;padding:10px 14px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text-muted);font-size:12px} .planning-draft-metrics[b-1btnrhv21g]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 4px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface)}.planning-page .planning-draft-metrics .planning-summary-metric[b-1btnrhv21g]{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:2px 16px;border-left:1px solid var(--ui-border)}.planning-page .planning-draft-metrics .planning-summary-metric:first-child[b-1btnrhv21g]{border-left:0}.planning-draft-metrics .planning-summary-metric>div[b-1btnrhv21g]{display:grid;gap:6px;min-width:0}.planning-draft-metrics .planning-summary-metric strong[b-1btnrhv21g]{font-size:20px}.planning-draft-metrics .planning-metric-icon[b-1btnrhv21g]{width:44px;height:44px;flex-basis:44px;font-size:21px} .planning-page .planning-draft-day-tabs[b-1btnrhv21g]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;overflow-x:auto}.planning-page .planning-draft-day-tabs button[b-1btnrhv21g]{min-height:90px;align-content:center;justify-items:center;text-align:center;padding:10px 6px}.planning-page .planning-draft-day-tabs button strong[b-1btnrhv21g]{font-size:14px}.planning-page .planning-draft-day-tabs button span[b-1btnrhv21g],.planning-page .planning-draft-day-tabs button small[b-1btnrhv21g]{font-size:12px}.planning-page .planning-draft-day-tabs button.selected[b-1btnrhv21g]{border-width:2px;box-shadow:none;background:color-mix(in srgb,var(--ui-accent) 13%,var(--ui-surface))} .planning-draft-layout[b-1btnrhv21g]{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(230px,.85fr);align-items:stretch;gap:16px}.planning-page .planning-draft-layout .planning-day[b-1btnrhv21g]{min-width:0;padding:0;overflow:hidden}.planning-draft-layout .planning-day-heading[b-1btnrhv21g]{align-items:center;padding:17px 18px;border-bottom:1px solid var(--ui-border)}.planning-draft-layout .planning-day-heading h2[b-1btnrhv21g]{font-size:19px}.planning-draft-layout .planning-day-heading>strong[b-1btnrhv21g]{font-size:14px}.planning-draft-layout .planning-day>.live-data-note[b-1btnrhv21g],.planning-draft-layout .planning-day>.planning-edit-notice[b-1btnrhv21g],.planning-draft-layout .planning-day>p[b-1btnrhv21g]{margin:12px 18px} .planning-shift-tabs[b-1btnrhv21g]{display:flex;gap:6px;overflow-x:auto;padding:18px 18px 0}.planning-page .planning-shift-tabs button[b-1btnrhv21g]{display:grid;flex:1 0 150px;gap:4px;justify-items:center;padding:12px 14px;border-radius:8px 8px 0 0;background:var(--ui-surface-raised);text-align:center}.planning-shift-tabs button strong[b-1btnrhv21g]{font-size:13px}.planning-shift-tabs button span[b-1btnrhv21g]{color:var(--ui-text-muted);font-size:11px}.planning-page .planning-shift-tabs button.selected[b-1btnrhv21g]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.planning-page .planning-shift-tabs button.selected span[b-1btnrhv21g]{color:var(--ui-on-accent)} .planning-page .planning-draft-layout .planning-shift[b-1btnrhv21g]{margin:0 18px 18px;padding:16px;border:1px solid var(--ui-border);border-radius:0 9px 9px 9px;background:var(--ui-bg)}.planning-draft-layout .planning-shift-heading[b-1btnrhv21g]{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.planning-draft-layout .planning-shift-heading h3[b-1btnrhv21g]{font-size:17px}.planning-draft-layout .planning-shift-status[b-1btnrhv21g]{display:grid;justify-items:end;gap:8px}.planning-draft-layout .cycle-table-scroll[b-1btnrhv21g]{margin-top:16px}.planning-draft-layout .cycle-table th[b-1btnrhv21g],.planning-draft-layout .cycle-table td[b-1btnrhv21g]{padding:13px 14px} .planning-page .planning-draft-actions[b-1btnrhv21g]{padding:18px}.planning-draft-actions h2[b-1btnrhv21g]{padding-bottom:14px;border-bottom:1px solid var(--ui-border)}.planning-page .planning-draft-actions .planning-copy-actions[b-1btnrhv21g]{display:grid;gap:8px;margin:14px 0}.planning-page .planning-draft-actions .planning-copy-actions button[b-1btnrhv21g]{width:100%;min-height:46px;text-align:left}.planning-page .planning-draft-actions .planning-copy-button[b-1btnrhv21g]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700}.planning-draft-actions-note[b-1btnrhv21g]{margin-top:18px;color:var(--ui-text-muted);font-size:12px} @media(max-width:1100px){.planning-draft-layout[b-1btnrhv21g]{grid-template-columns:1fr}.planning-draft-metrics[b-1btnrhv21g]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.planning-page .planning-draft-metrics .planning-summary-metric:nth-child(3)[b-1btnrhv21g]{border-left:0}} @media(max-width:800px){.planning-page .planning-draft-day-tabs[b-1btnrhv21g]{display:flex;overflow-x:auto;padding-bottom:5px}.planning-page .planning-draft-day-tabs button[b-1btnrhv21g]{flex:0 0 135px}.planning-draft-week[b-1btnrhv21g]{margin-left:0}.planning-draft-layout .planning-shift-status[b-1btnrhv21g]{justify-items:start}} @media(max-width:520px){.planning-page .planning-draft-metrics .planning-summary-metric[b-1btnrhv21g]{padding:2px 8px}.planning-draft-metrics .planning-metric-icon[b-1btnrhv21g]{width:36px;height:36px;flex-basis:36px;font-size:17px}.planning-draft-metrics .planning-summary-metric strong[b-1btnrhv21g]{font-size:17px}.planning-draft-summary-heading h2[b-1btnrhv21g]{font-size:20px}} .planning-page .planning-draft-actions .planning-copy-status[b-1btnrhv21g]{display:grid;gap:8px;margin:14px 0;padding:14px;border:1px solid color-mix(in srgb,var(--ui-success) 36%,var(--ui-border));border-radius:9px;background:color-mix(in srgb,var(--ui-success) 7%,var(--ui-bg))} .planning-copy-status-heading[b-1btnrhv21g]{display:flex;align-items:center;gap:9px}.planning-copy-status-heading strong[b-1btnrhv21g]{font-size:13px}.planning-copy-status-icon[b-1btnrhv21g]{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:color-mix(in srgb,var(--ui-success) 18%,transparent);color:var(--ui-success);font-weight:700} .planning-page .planning-copy-status p[b-1btnrhv21g]{margin:0;color:var(--ui-text);font-size:13px}.planning-copy-status small[b-1btnrhv21g]{color:var(--ui-text-muted);font-size:12px;line-height:1.5}.planning-page .planning-draft-actions .planning-copy-clear[b-1btnrhv21g]{justify-self:start;min-height:34px;margin-top:4px;font-size:12px} .planning-page .planning-preview-shift-tabs[b-1btnrhv21g]{padding:14px 14px 0}.planning-preview-shift-tabs button small[b-1btnrhv21g]{font-size:10px;color:var(--ui-text-muted)}.planning-preview-shift-tabs button.selected small[b-1btnrhv21g]{color:var(--ui-on-accent)} .planning-state.expired[b-1btnrhv21g]{border-color:color-mix(in srgb,var(--ui-warning) 45%,var(--ui-border));background:color-mix(in srgb,var(--ui-warning) 10%,var(--ui-surface));color:var(--ui-warning)}.planning-closed-note[b-1btnrhv21g]{margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--ui-warning);border-radius:5px;background:color-mix(in srgb,var(--ui-warning) 8%,var(--ui-bg));color:var(--ui-text-muted);font-size:12px;line-height:1.55} /* /Components/Pages/Factory/Production/CycleDetail.razor.rz.scp.css */ .cycle-detail-page[b-hdrbzdxbk3]{display:grid;gap:18px;max-width:1100px;color:var(--ui-text)}.cycle-detail-page>header[b-hdrbzdxbk3]{display:flex;align-items:center;justify-content:space-between;gap:15px}.cycle-detail-page h1[b-hdrbzdxbk3]{font-size:27px;font-weight:750;margin:4px 0;letter-spacing:-.5px}.cycle-detail-page header p[b-hdrbzdxbk3]{font-size:10px;letter-spacing:1px;color:var(--ui-text-muted);margin:0}.detail-actions[b-hdrbzdxbk3]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-actions :is(a,button)[b-hdrbzdxbk3]{display:flex;align-items:center;gap:6px;color:var(--ui-accent);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;padding:9px 11px;font-size:12px;text-decoration:none;cursor:pointer}.detail-actions[b-hdrbzdxbk3] svg{width:18px;height:18px}.detail-actions :is(a,button):hover[b-hdrbzdxbk3]{border-color:var(--ui-accent)}.detail-actions :is(a,button):focus-visible[b-hdrbzdxbk3]{outline:2px solid var(--ui-focus);outline-offset:3px}.detail-error[b-hdrbzdxbk3]{color:var(--ui-danger);padding:12px;border:1px solid var(--ui-danger);border-radius:7px} @media(max-width:650px){.cycle-detail-page>header[b-hdrbzdxbk3]{align-items:start;flex-direction:column}.cycle-detail-page h1[b-hdrbzdxbk3]{font-size:24px}} /* /Components/Pages/Factory/Production/CycleInspector.razor.rz.scp.css */ .cycle-inspector[b-oo5dmi6fv5]{color:var(--ui-text);background:linear-gradient(145deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 35%,var(--ui-surface)));border:1px solid var(--ui-border);border-radius:9px;overflow:hidden;font-size:12px}.cycle-inspector>header[b-oo5dmi6fv5]{display:flex;align-items:center;justify-content:space-between;padding:17px 16px;border-bottom:1px solid var(--ui-border)}.cycle-inspector h2[b-oo5dmi6fv5]{margin:0;font-size:16px;font-weight:650}.cycle-inspector button[b-oo5dmi6fv5]{background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:5px;color:var(--ui-text);padding:6px 8px;cursor:pointer;font:inherit}.cycle-inspector button:hover[b-oo5dmi6fv5]{color:var(--ui-accent);border-color:var(--ui-accent)}.cycle-inspector button:disabled[b-oo5dmi6fv5]{opacity:.5}.cycle-inspector :is(a,button):focus-visible[b-oo5dmi6fv5]{outline:2px solid var(--ui-focus);outline-offset:2px}.cycle-inspector .inspector-close[b-oo5dmi6fv5]{border:0;background:transparent;padding:0;display:flex;color:var(--ui-text-muted)}.inspector-close[b-oo5dmi6fv5] svg{width:20px;height:20px}.inspector-title[b-oo5dmi6fv5]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 16px 14px}.inspector-title h3[b-oo5dmi6fv5]{margin:0;font-size:19px;font-weight:700}.cycle-state[b-oo5dmi6fv5]{display:inline-block;padding:4px 8px;border-radius:6px;border:1px solid var(--ui-border);color:var(--ui-unknown);font-size:10px;white-space:nowrap}.state-completed[b-oo5dmi6fv5]{color:var(--ui-success);border-color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 8%,transparent)}.state-running[b-oo5dmi6fv5]{color:var(--ui-info);border-color:var(--ui-info)}.state-abandoned[b-oo5dmi6fv5]{color:var(--ui-warning);border-color:var(--ui-warning)}.inspector-fields[b-oo5dmi6fv5]{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 16px 18px}.inspector-field[b-oo5dmi6fv5]{--tone:var(--ui-accent);display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface-raised);min-width:0}.tone-blue[b-oo5dmi6fv5]{--tone:var(--ui-info)}.tone-purple[b-oo5dmi6fv5]{--tone:var(--ui-violet)}.tone-green[b-oo5dmi6fv5]{--tone:var(--ui-success)}.inspector-field>span[b-oo5dmi6fv5]{color:var(--tone);display:flex}.inspector-field[b-oo5dmi6fv5] svg{width:24px;height:24px}.inspector-field>div[b-oo5dmi6fv5]{min-width:0}.inspector-field small[b-oo5dmi6fv5]{display:block;font-size:10px;color:var(--ui-text-muted);margin-bottom:3px}.inspector-field strong[b-oo5dmi6fv5]{font-size:12px;font-weight:600;overflow-wrap:anywhere}.inspector-times[b-oo5dmi6fv5]{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;margin:0;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}.inspector-times>div:last-child[b-oo5dmi6fv5]{grid-column:1/-1}.inspector-times dt[b-oo5dmi6fv5]{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ui-text-muted);margin-bottom:7px}.inspector-times dt[b-oo5dmi6fv5] svg{width:16px;height:16px;color:var(--ui-accent)}.inspector-times dd[b-oo5dmi6fv5]{margin:0;font-size:11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.inspector-seams[b-oo5dmi6fv5],.inspector-timeline[b-oo5dmi6fv5]{padding:18px 16px;border-bottom:1px solid var(--ui-border)}.cycle-inspector section h3[b-oo5dmi6fv5]{font-size:13px;font-weight:600;margin:0 0 13px}.cycle-inspector section p[b-oo5dmi6fv5]{font-size:11px;line-height:1.6;color:var(--ui-text-muted)}.inspector-seam[b-oo5dmi6fv5]{display:flex;align-items:center;gap:9px;background:var(--ui-surface-raised);border:1px solid var(--ui-border);border-radius:7px;text-decoration:none;color:var(--ui-text);padding:10px 9px;margin-top:8px;font-size:11px}.inspector-seam:hover[b-oo5dmi6fv5]{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.inspector-seam .seam-icon[b-oo5dmi6fv5]{color:var(--ui-accent);padding:5px;border-radius:6px;background:var(--ui-accent-soft);display:flex}.inspector-seam[b-oo5dmi6fv5] svg{width:18px;height:18px}.inspector-seam strong[b-oo5dmi6fv5]{margin-left:auto;white-space:nowrap;font-weight:500;font-size:10px}.inspector-seam small[b-oo5dmi6fv5]{display:block;color:var(--ui-text-muted);font-size:9px;margin-top:4px}.inspector-seams nav[b-oo5dmi6fv5]{display:flex;gap:10px;align-items:center;justify-content:end;padding-top:12px;font-size:10px}.cycle-time-track[b-oo5dmi6fv5]{height:17px;border-radius:10px;margin:27px 4px 14px;position:relative;background:var(--ui-surface-raised)}.time-fill[b-oo5dmi6fv5]{position:absolute;inset:4px 5px;background:var(--ui-accent);border-radius:5px}.start-dot[b-oo5dmi6fv5],.end-dot[b-oo5dmi6fv5]{position:absolute;top:-5px;bottom:-8px;width:1px;background:var(--ui-success);left:5px}.end-dot[b-oo5dmi6fv5]{left:auto;right:5px;background:var(--ui-warning)}.start-dot[b-oo5dmi6fv5]:before,.end-dot[b-oo5dmi6fv5]:before{content:'';display:block;width:5px;height:5px;border-radius:50%;margin-left:-2px;background:inherit}.seam-time[b-oo5dmi6fv5]{position:absolute;top:5px;height:7px;min-width:2px;background:var(--ui-info);border-radius:2px;outline:1px solid var(--ui-surface)}.time-labels[b-oo5dmi6fv5]{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-variant-numeric:tabular-nums}.time-labels>span:last-child[b-oo5dmi6fv5]{text-align:right}.time-labels small[b-oo5dmi6fv5]{display:block;color:var(--ui-text-muted);margin-top:5px}.open-time[b-oo5dmi6fv5]{display:flex;align-items:center;gap:8px;color:var(--ui-info)}.open-time small[b-oo5dmi6fv5]{display:block;color:var(--ui-text-muted);margin-top:5px}.inspector-full[b-oo5dmi6fv5]{display:flex;align-items:center;justify-content:space-between;color:var(--ui-accent);padding:14px 16px;text-decoration:none;font-size:11px}.inspector-full[b-oo5dmi6fv5] svg{width:16px;height:16px} @media(max-width:450px){.inspector-field[b-oo5dmi6fv5]{padding:10px 8px}.inspector-seam[b-oo5dmi6fv5]{flex-wrap:wrap}.inspector-times[b-oo5dmi6fv5]{grid-template-columns:1fr}.inspector-times>div:last-child[b-oo5dmi6fv5]{grid-column:auto}} .cycle-inspector .inspector-close[b-oo5dmi6fv5]{min-width:30px;min-height:30px;align-items:center;justify-content:center} /* /Components/Pages/Factory/Production/Cycles.razor.rz.scp.css */ .production-dashboard[b-3r6a5jh79k]{display:grid;gap:18px;min-width:0;color:var(--ui-text);font-size:13px}.production-heading[b-3r6a5jh79k]{display:flex;align-items:center;justify-content:space-between;gap:16px}.production-heading h1[b-3r6a5jh79k]{font-size:28px;font-weight:750;letter-spacing:-.6px;margin:5px 0}.production-heading p[b-3r6a5jh79k]{color:var(--ui-text-muted);font-size:10px;letter-spacing:1.4px;margin:0}.production-heading span[b-3r6a5jh79k]{font-size:12px;color:var(--ui-text-muted)}.cycle-presets[b-3r6a5jh79k]{display:flex;border:1px solid var(--ui-border);border-radius:7px;padding:3px;gap:3px} .production-dashboard button[b-3r6a5jh79k]{background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:6px;color:var(--ui-text);font:inherit;padding:8px 12px;cursor:pointer}.production-dashboard button:hover:not(:disabled)[b-3r6a5jh79k],.cycle-presets button.selected[b-3r6a5jh79k]{color:var(--ui-accent);border-color:var(--ui-accent);background:var(--ui-accent-soft)}.cycle-presets button[b-3r6a5jh79k]{border-color:transparent;background:transparent;white-space:nowrap}.production-dashboard button:disabled[b-3r6a5jh79k]{opacity:.5;cursor:default}.production-dashboard :is(button,input,select,a):focus-visible[b-3r6a5jh79k]{outline:2px solid var(--ui-focus);outline-offset:3px} .production-kpis[b-3r6a5jh79k]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.production-kpi[b-3r6a5jh79k]{--tone:var(--ui-accent);display:flex;align-items:start;gap:17px;padding:22px 16px;border:1px solid color-mix(in srgb,var(--tone) 25%,var(--ui-border));border-radius:9px;background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 10%,var(--ui-surface)),var(--ui-surface));box-shadow:inset 0 1px color-mix(in srgb,var(--tone) 12%,transparent);min-width:0;transition:border-color .15s,transform .15s}.production-kpi:hover[b-3r6a5jh79k]{transform:translateY(-2px);border-color:var(--tone)}.tone-green[b-3r6a5jh79k]{--tone:var(--ui-success)}.tone-blue[b-3r6a5jh79k]{--tone:var(--ui-info)}.tone-purple[b-3r6a5jh79k]{--tone:var(--ui-violet)}.production-kpi>span[b-3r6a5jh79k]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:51px;border-radius:9px;color:var(--tone);background:color-mix(in srgb,var(--tone) 16%,transparent)}.production-kpi>span[b-3r6a5jh79k] svg{width:31px;height:31px}.production-kpi h2[b-3r6a5jh79k]{font-size:var(--ui-kpi-title-size);color:var(--ui-text);font-weight:var(--ui-kpi-title-weight);margin:0 0 8px}.production-kpi strong[b-3r6a5jh79k]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);line-height:1.1;color:var(--tone);font-variant-numeric:tabular-nums}.production-kpi strong.is-duration[b-3r6a5jh79k]{font-size:var(--ui-kpi-value-compact-size);line-height:1.5;font-weight:var(--ui-kpi-value-weight);}.production-kpi small[b-3r6a5jh79k]{display:block;font-size:var(--ui-kpi-description-size);color:var(--ui-text-muted);line-height:1.6;margin-top:9px;font-weight:var(--ui-kpi-description-weight);}.production-kpi>div[b-3r6a5jh79k]{min-width:0} .production-filters fieldset[b-3r6a5jh79k]{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:0}.production-filters label[b-3r6a5jh79k]{display:grid;gap:7px;flex:1;min-width:115px;font-size:11px;color:var(--ui-text-muted)}.production-filters input[b-3r6a5jh79k],.production-filters select[b-3r6a5jh79k],.production-pagination select[b-3r6a5jh79k]{width:100%;min-height:36px;background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:5px;padding:8px;color:var(--ui-text);font:inherit;font-size:11px}.production-filters button[b-3r6a5jh79k]{color:var(--ui-accent);border-color:var(--ui-accent);display:flex;align-items:center;gap:5px;font-size:12px;min-height:36px}.production-filters button[b-3r6a5jh79k] svg{width:17px;height:17px} .production-content[b-3r6a5jh79k]{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;min-width:0}.production-content.has-detail[b-3r6a5jh79k]{grid-template-columns:minmax(0,1fr) 390px}.production-table-panel[b-3r6a5jh79k]{min-width:0;background:linear-gradient(145deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 35%,var(--ui-surface)));border:1px solid var(--ui-border);border-radius:9px;overflow:hidden}.production-table-panel>header[b-3r6a5jh79k]{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--ui-border)}.production-table-panel h2[b-3r6a5jh79k]{font-size:16px;font-weight:650;margin:0}.production-table-panel>header>span[b-3r6a5jh79k]{color:var(--ui-text-muted);background:var(--ui-surface-raised);padding:3px 7px;border-radius:15px;font-size:10px}.production-scroll[b-3r6a5jh79k]{overflow:auto;max-width:100%}.production-scroll table[b-3r6a5jh79k]{border-collapse:collapse;min-width:880px;width:100%;font-size:12px}.production-scroll th[b-3r6a5jh79k]{padding:9px 8px;text-align:left;border-bottom:1px solid var(--ui-border);font-size:11px;color:var(--ui-text-muted);font-weight:500;white-space:nowrap}.production-scroll th button[b-3r6a5jh79k]{padding:0;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit}.production-scroll th button span[b-3r6a5jh79k]{font-size:10px;color:var(--ui-unknown)}.production-scroll td[b-3r6a5jh79k]{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 70%,transparent);font-variant-numeric:tabular-nums}.production-scroll tbody tr:hover[b-3r6a5jh79k]{background:var(--ui-surface-hover)}.production-scroll tr.is-selected[b-3r6a5jh79k]{background:var(--ui-accent-soft);box-shadow:inset 3px 0 var(--ui-accent)}.production-dashboard .cycle-select[b-3r6a5jh79k],.production-dashboard .cycle-name[b-3r6a5jh79k]{background:transparent;border:0;padding:3px;color:var(--ui-text);font-size:inherit}.cycle-name[b-3r6a5jh79k]{font-weight:600;max-width:145px;overflow-wrap:anywhere}.cycle-state[b-3r6a5jh79k]{display:inline-block;padding:4px 6px;border:1px solid var(--ui-border);border-radius:5px;font-size:10px;white-space:nowrap;color:var(--ui-unknown);background:color-mix(in srgb,var(--ui-unknown) 10%,transparent)}.state-completed[b-3r6a5jh79k]{color:var(--ui-success);border-color:color-mix(in srgb,var(--ui-success) 40%,transparent);background:color-mix(in srgb,var(--ui-success) 10%,transparent)}.state-running[b-3r6a5jh79k]{color:var(--ui-info);background:color-mix(in srgb,var(--ui-info) 10%,transparent)}.state-abandoned[b-3r6a5jh79k]{color:var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 10%,transparent)}.cycle-date[b-3r6a5jh79k]{display:grid;gap:2px;white-space:nowrap}.cycle-date small[b-3r6a5jh79k]{color:var(--ui-text-muted);font-size:11px}.duration-cell[b-3r6a5jh79k]{white-space:nowrap}.cycle-detail-link[b-3r6a5jh79k]{color:var(--ui-accent);display:inline-flex}.cycle-detail-link[b-3r6a5jh79k] svg{width:16px;height:16px}.link-heading[b-3r6a5jh79k]{font-size:10px}.production-pagination[b-3r6a5jh79k]{display:flex;align-items:center;gap:8px;padding:14px;font-size:11px;color:var(--ui-text-muted);flex-wrap:wrap}.production-pagination>span:first-child[b-3r6a5jh79k]{margin-right:auto}.production-pagination label[b-3r6a5jh79k]{display:flex;align-items:center;gap:7px}.production-pagination select[b-3r6a5jh79k]{width:65px}.production-pagination button[b-3r6a5jh79k]{font-size:11px;padding:7px 10px}.production-detail-panel[b-3r6a5jh79k]{position:sticky;top:15px;min-width:0}.cycle-detail-scrim[b-3r6a5jh79k]{display:none}.production-empty[b-3r6a5jh79k],.production-loading[b-3r6a5jh79k],.production-note[b-3r6a5jh79k]{font-size:12px;color:var(--ui-text-muted);padding:12px 0;margin:0}.production-empty[b-3r6a5jh79k]{padding:20px}.production-error[b-3r6a5jh79k]{padding:12px;border:1px solid var(--ui-danger);border-radius:7px;color:var(--ui-danger)} @media(max-width:1400px){.production-content.has-detail[b-3r6a5jh79k]{grid-template-columns:minmax(0,1fr)}.production-detail-panel[b-3r6a5jh79k]{position:fixed;inset:70px 18px 18px;z-index:1200;overflow:auto;box-shadow:var(--ui-shadow);border-radius:10px;background:var(--ui-surface)}.production-dashboard .cycle-detail-scrim[b-3r6a5jh79k]{display:block;position:fixed;inset:0;z-index:1199;border:0;border-radius:0;background:var(--ui-scrim)}.production-kpis[b-3r6a5jh79k]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.production-heading[b-3r6a5jh79k]{align-items:start;flex-direction:column}.production-heading h1[b-3r6a5jh79k]{font-size:25px}.production-kpi[b-3r6a5jh79k]{padding:15px 10px;gap:10px}.production-kpi>span[b-3r6a5jh79k]{width:35px;height:39px}.production-kpi>span[b-3r6a5jh79k] svg{width:25px;height:25px}.production-kpi strong[b-3r6a5jh79k]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.production-kpi strong.is-duration[b-3r6a5jh79k]{font-size:var(--ui-kpi-value-compact-size);font-weight:var(--ui-kpi-value-weight);}.production-kpi small[b-3r6a5jh79k]{font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight);}.production-filters label[b-3r6a5jh79k]{min-width:130px}.production-detail-panel[b-3r6a5jh79k]{inset:60px 8px 8px}.production-pagination>span:first-child[b-3r6a5jh79k]{width:100%}} @media(prefers-reduced-motion:reduce){.production-kpi[b-3r6a5jh79k]{transition:none}.production-kpi:hover[b-3r6a5jh79k]{transform:none}} .production-dashboard .cycle-select[b-3r6a5jh79k]{min-width:28px;min-height:28px}.cycle-detail-link[b-3r6a5jh79k]{min-width:28px;min-height:28px;align-items:center;justify-content:center} /* /Components/Pages/Factory/Reports/OperatorAnalysisChart.razor.rz.scp.css */ .operator-chart[b-1gsq1pognl]{min-width:0;max-width:100%;overflow:hidden;min-height:340px}.operator-chart--attribution[b-1gsq1pognl]{min-height:140px}.operator-chart p[b-1gsq1pognl]{padding:20px;color:var(--ui-text-muted);font-size:13px} .operator-time-summary[b-1gsq1pognl]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:8px 10px;padding:8px 8px 0;border-top:1px solid var(--ui-border)} .operator-time-value[b-1gsq1pognl]{grid-column:span 2;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ui-text-muted);font-size:11px;white-space:nowrap} .operator-time-value:nth-child(4)[b-1gsq1pognl]{grid-column:2/span 2} .operator-time-value:nth-child(5)[b-1gsq1pognl]{grid-column:4/span 2} .operator-time-value strong[b-1gsq1pognl]{color:var(--ui-text);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums} .operator-time-swatch[b-1gsq1pognl]{width:9px;height:9px;flex:0 0 9px;border-radius:2px} .operator-time-swatch.production[b-1gsq1pognl]{background:var(--ui-success)} .operator-time-swatch.waiting[b-1gsq1pognl]{background:var(--ui-warning)} .operator-time-swatch.stopped[b-1gsq1pognl]{background:var(--ui-danger)} .operator-time-swatch.idle[b-1gsq1pognl]{background:var(--ui-info)} .operator-time-swatch.unknown[b-1gsq1pognl]{background:var(--ui-text-muted)} @media(max-width:520px){.operator-time-summary[b-1gsq1pognl]{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-time-value[b-1gsq1pognl]{grid-column:auto;justify-content:flex-start;white-space:normal}.operator-time-value:nth-child(4)[b-1gsq1pognl],.operator-time-value:nth-child(5)[b-1gsq1pognl]{grid-column:auto}} /* /Components/Pages/Factory/Reports/OperatorPerformance.razor.rz.scp.css */ .operator-analysis[b-xhr6bbxblq] { display:grid; gap:var(--ui-space-4); color:var(--ui-text); min-width:0; } .operator-heading h1[b-xhr6bbxblq] { margin:4px 0; font-size:28px; } .operator-heading p:not(.eyebrow)[b-xhr6bbxblq], .operator-period[b-xhr6bbxblq] { color:var(--ui-text-muted); font-size:13px; } .operator-heading p[b-xhr6bbxblq] { margin:0; } .operator-analysis .cycle-filters fieldset[b-xhr6bbxblq], .operator-panel[b-xhr6bbxblq] { margin:0; padding:var(--ui-panel-padding); min-width:0; border:1px solid var(--ui-border); border-radius:var(--ui-panel-radius); background:var(--ui-surface); } .operator-analysis .cycle-filters fieldset[b-xhr6bbxblq] { display:flex; align-items:end; flex-wrap:wrap; gap:var(--ui-filter-gap); } .operator-analysis .cycle-filters label[b-xhr6bbxblq] { display:grid; gap:7px; color:var(--ui-text-muted); font-size:12px; } .operator-analysis .cycle-filters input[b-xhr6bbxblq], .operator-analysis button[b-xhr6bbxblq] { min-height:var(--ui-control-height); padding:8px 14px; border:1px solid var(--ui-border); border-radius:var(--ui-control-radius); background:var(--ui-surface-raised); color:var(--ui-text); font:inherit; } .operator-analysis button[b-xhr6bbxblq] { cursor:pointer; } .operator-analysis button:hover:not(:disabled)[b-xhr6bbxblq] { border-color:var(--ui-accent); } .operator-analysis button:disabled[b-xhr6bbxblq] { opacity:.45; cursor:default; } .operator-analysis button:focus-visible[b-xhr6bbxblq], .operator-analysis input:focus-visible[b-xhr6bbxblq], .operator-analysis summary:focus-visible[b-xhr6bbxblq] { outline:2px solid var(--ui-accent); outline-offset:2px; } .operator-analysis .cycle-filters button[type=submit][b-xhr6bbxblq] { background:var(--ui-accent); color: var(--ui-on-accent); border-color:var(--ui-accent); font-weight:650; } .operator-period[b-xhr6bbxblq] { margin:0; padding:11px 15px; border:1px solid var(--ui-border); border-radius:var(--ui-control-radius); background:var(--ui-surface); } .operator-summary[b-xhr6bbxblq] { display:grid; gap:8px; min-width:0; } .operator-analysis .operator-summary .page-heading[b-xhr6bbxblq] { margin:0; } .operator-analysis .page-heading h2[b-xhr6bbxblq] { margin:0; font-size:17px; color:var(--ui-text); } .operator-analysis .cycle-details[b-xhr6bbxblq] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0; } .operator-analysis .cycle-details > div[b-xhr6bbxblq] { --metric:var(--ui-accent); display:grid; gap:12px; min-width:0; padding:18px; border:1px solid var(--ui-border); border-top:2px solid var(--metric); border-radius:var(--ui-panel-radius); background:linear-gradient(125deg,color-mix(in srgb,var(--metric) 8%,var(--ui-surface)),var(--ui-surface)); } .operator-analysis .cycle-details > div:nth-child(4n+2)[b-xhr6bbxblq] { --metric:var(--ui-info); } .operator-analysis .cycle-details > div:nth-child(4n+3)[b-xhr6bbxblq] { --metric:var(--ui-warning); } .operator-analysis .cycle-details > div:nth-child(4n)[b-xhr6bbxblq] { --metric:var(--ui-success); } .operator-analysis .cycle-details dt[b-xhr6bbxblq] { color:var(--ui-text); font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);} .operator-analysis .cycle-details small[b-xhr6bbxblq] { color:var(--ui-text-muted); font-size:var(--ui-kpi-description-size); line-height:1.45;font-weight:var(--ui-kpi-description-weight);} .operator-analysis .cycle-details dd[b-xhr6bbxblq] { margin:0; color:var(--ui-text); font-size:var(--ui-kpi-value-compact-size); font-weight:var(--ui-kpi-value-weight); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } .operator-attribution-layout[b-xhr6bbxblq] { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:8px; min-width:0; } .operator-attribution-chart[b-xhr6bbxblq] { width:110px; min-width:0; } .operator-analysis .operator-attribution-chart[b-xhr6bbxblq] .operator-chart { min-height:140px; } .operator-attribution-values[b-xhr6bbxblq] { display:grid; gap:8px; min-width:0; } .operator-attribution-values>span[b-xhr6bbxblq] { display:grid; grid-template-columns:9px minmax(0,1fr) auto; align-items:center; gap:6px; color:var(--ui-text-muted); font-size:11px; } .operator-attribution-values strong[b-xhr6bbxblq] { color:var(--ui-text); font-size:12px; font-weight:500; font-variant-numeric:tabular-nums; } .operator-attribution-values .operator-time-swatch[b-xhr6bbxblq] { width:9px; height:9px; border-radius:2px; } .operator-attribution-values .operator-time-swatch.production[b-xhr6bbxblq] { background:var(--ui-success); } .operator-attribution-values .operator-time-swatch.waiting[b-xhr6bbxblq] { background:var(--ui-warning); } .operator-attribution-values .operator-time-swatch.unknown[b-xhr6bbxblq] { background:var(--ui-text-muted); } .operator-panel[b-xhr6bbxblq] { display:grid; gap:16px; box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 4%,transparent); } .operator-chart-grid[b-xhr6bbxblq] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ui-space-4); min-width:0; } .operator-wide[b-xhr6bbxblq] { grid-column:1/-1; } .operator-panel-heading[b-xhr6bbxblq] { gap:12px; justify-content:space-between; } .operator-panel-heading>span[b-xhr6bbxblq] { color:var(--ui-text-muted); cursor:help; } .operator-analysis-controls label[b-xhr6bbxblq] { display:grid; gap:8px; color:var(--ui-text-muted); font-size:13px; } .operator-analysis-controls select[b-xhr6bbxblq] { min-height:var(--ui-control-height); padding:8px 12px; border:1px solid var(--ui-border); border-radius:var(--ui-control-radius); background:var(--ui-surface-raised); color:var(--ui-text); width:100%; } @media(max-width:1000px) { .operator-chart-grid[b-xhr6bbxblq] { grid-template-columns:minmax(0,1fr); } } .operator-panel-heading[b-xhr6bbxblq] { display:flex; align-items:center; min-width:0; padding-bottom:14px; border-bottom:1px solid var(--ui-border); } .operator-panel-heading h2[b-xhr6bbxblq] { margin:0; color:var(--ui-accent); font-size:15px; font-weight:650; line-height:1.4; } .operator-chart-note[b-xhr6bbxblq] { margin:0; color:var(--ui-text-muted); font-size:12px; } .operator-panel[b-xhr6bbxblq] .production-chart { min-width:0; } .operator-info[b-xhr6bbxblq], .operator-analysis .live-data-note[b-xhr6bbxblq] { color:var(--ui-text-muted); font-size:12px; line-height:1.6; margin:0; } .operator-info summary[b-xhr6bbxblq], .operator-analysis details summary[b-xhr6bbxblq] { cursor:pointer; color:var(--ui-accent); } .operator-analysis .cycle-table-scroll[b-xhr6bbxblq] { max-width:100%; overflow-x:auto; border:1px solid var(--ui-border); border-radius:var(--ui-control-radius); background:var(--ui-surface); } .operator-analysis .cycle-table[b-xhr6bbxblq] { width:100%; min-width:680px; border-collapse:collapse; font-size:13px; } .operator-analysis .cycle-table :is(th,td)[b-xhr6bbxblq] { padding:13px 16px; border-bottom:1px solid var(--ui-border); text-align:left; white-space:nowrap; } .operator-analysis .cycle-table thead th[b-xhr6bbxblq] { background:var(--ui-surface-raised); color:var(--ui-text-muted); font-size:12px; font-weight:600; } .operator-analysis .cycle-table tbody th[b-xhr6bbxblq] { color:var(--ui-text); font-weight:600; } .operator-analysis .cycle-table tbody td[b-xhr6bbxblq] { color:var(--ui-text); font-variant-numeric:tabular-nums; } .operator-analysis .cycle-table tbody tr:last-child :is(th,td)[b-xhr6bbxblq] { border-bottom:0; } .operator-analysis .cycle-table tbody tr:hover[b-xhr6bbxblq] { background:var(--ui-accent-soft); } .operator-analysis .cycle-pagination[b-xhr6bbxblq] { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:10px; color:var(--ui-text-muted); font-size:12px; } .operator-analysis .live-placeholder[b-xhr6bbxblq], .operator-analysis [role=status][b-xhr6bbxblq] { margin:0; padding:18px; border:1px solid var(--ui-border); border-radius:var(--ui-control-radius); color:var(--ui-text-muted); } @media(max-width:1100px) { .operator-analysis .cycle-details[b-xhr6bbxblq] { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:760px) { .operator-analysis .cycle-filters fieldset[b-xhr6bbxblq],.operator-panel[b-xhr6bbxblq] { padding:var(--ui-space-4); } .operator-analysis .cycle-filters label[b-xhr6bbxblq] { flex:1; min-width:130px; } .operator-analysis .cycle-filters button[type=submit][b-xhr6bbxblq] { width:100%; } .operator-analysis .cycle-details[b-xhr6bbxblq] { gap:10px; } .operator-analysis .cycle-details > div[b-xhr6bbxblq] { padding:14px; } .operator-attribution-layout[b-xhr6bbxblq] { grid-template-columns:1fr; justify-items:center; } .operator-attribution-values[b-xhr6bbxblq] { width:100%; } .operator-period span[b-xhr6bbxblq] { display:block; margin-top:4px; } } /* /Components/Pages/Factory/Reports/Production.razor.rz.scp.css */ .production-heading[b-h3dl912y83]{margin-bottom:20px}.production-heading h1[b-h3dl912y83]{font-size:30px;font-weight:750;letter-spacing:-.6px;margin:5px 0}.production-heading p[b-h3dl912y83]{font-size:11px;color:var(--ui-text-muted);letter-spacing:1px}.production-filters[b-h3dl912y83]{margin-bottom:14px;padding:16px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface)}.production-filters fieldset[b-h3dl912y83]{display:flex;align-items:end;flex-wrap:wrap;gap:14px;border:0;padding:0;margin:0}.production-filters label[b-h3dl912y83]{display:grid;gap:7px;color:var(--ui-text-muted);font-size:12px}.production-filters :is(input,select,button)[b-h3dl912y83]{min-height:40px;border:1px solid var(--ui-control-border);border-radius:6px;padding:9px 13px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:13px}.production-filters button[b-h3dl912y83]{color:var(--ui-accent);border-color:var(--ui-accent);cursor:pointer}.production-filters button:hover[b-h3dl912y83]{background:var(--ui-accent-soft)}.production-filters :is(button,input,select):focus-visible[b-h3dl912y83]{outline:2px solid var(--ui-focus);outline-offset:3px}.production-filters fieldset:disabled[b-h3dl912y83]{opacity:.65} .production-heading[b-h3dl912y83] { margin-bottom:var(--ui-space-4); } .production-heading h1[b-h3dl912y83] { font-size:var(--ui-heading-size); } .production-filters[b-h3dl912y83] { padding:var(--ui-space-4); border-radius:var(--ui-panel-radius); } .production-filters fieldset[b-h3dl912y83] { gap:var(--ui-filter-gap); } .production-filters label[b-h3dl912y83] { gap:var(--ui-field-gap); min-width:0; } .production-filters :is(input,select,button)[b-h3dl912y83] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .production-info[b-h3dl912y83] { margin:0 0 var(--ui-space-4); color:var(--ui-text-muted); font-size:.8rem; } .production-info summary[b-h3dl912y83] { cursor:pointer; color:var(--ui-accent); } .production-info p[b-h3dl912y83] { margin:var(--ui-space-2) 0 0; line-height:1.6; } .production-info summary:focus-visible[b-h3dl912y83] { outline:var(--ui-focus-width) solid var(--ui-focus); outline-offset:3px; } @media(max-width:700px) { .production-filters label[b-h3dl912y83] { flex:1 1 100%; } .production-filters :is(input,select,button)[b-h3dl912y83] { width:100%; } } /* /Components/Pages/Factory/Reports/ProductionChart.razor.rz.scp.css */ .production-chart[b-mo5e7u39tb]{min-width:0;max-width:100%;overflow:hidden}.production-chart details[b-mo5e7u39tb]{font-size:12px;color:var(--ui-text-muted);margin-top:12px}.production-chart summary[b-mo5e7u39tb]{cursor:pointer}.report-scroll[b-mo5e7u39tb]{overflow:auto;max-height:320px}.report-scroll table[b-mo5e7u39tb]{width:100%;border-collapse:collapse;font-size:12px}.report-scroll :is(th,td)[b-mo5e7u39tb]{text-align:left;padding:9px;border-bottom:1px solid var(--ui-border)} /* /Components/Pages/Factory/Reports/ProductionDashboard.razor.rz.scp.css */ .production-dashboard[b-z6hs34pupw]{display:grid;gap:20px;color:var(--ui-text);min-width:0}.report-title[b-z6hs34pupw]{display:flex;justify-content:space-between;align-items:center;gap:14px}.report-title h2[b-z6hs34pupw]{margin:6px 0 0;font-size:24px;letter-spacing:-.4px}.report-title span[b-z6hs34pupw]{font-size:12px;color:var(--ui-text-muted)}.report-status[b-z6hs34pupw]{padding:7px 12px;border:1px solid var(--ui-border);border-radius:20px;background:var(--ui-surface)}.report-kpis[b-z6hs34pupw]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.report-kpis[b-z6hs34pupw] .report-kpi{--tone:var(--ui-accent);display:flex;align-items:center;gap:12px;background:linear-gradient(130deg,color-mix(in srgb,var(--tone) 10%,var(--ui-surface)),var(--ui-surface));border:1px solid color-mix(in srgb,var(--tone) 25%,var(--ui-border));border-bottom:2px solid var(--tone);border-radius:10px;padding:18px 14px;min-width:0}.report-kpis[b-z6hs34pupw] .tone-blue{--tone:var(--ui-info)}.report-kpis[b-z6hs34pupw] .tone-green{--tone:var(--ui-success)}.report-kpis[b-z6hs34pupw] .tone-purple{--tone:var(--ui-violet)}.report-kpis[b-z6hs34pupw] .tone-orange{--tone:var(--ui-warning)}.report-kpis[b-z6hs34pupw] svg{width:33px;height:33px;color:var(--tone);flex-shrink:0}.report-kpis[b-z6hs34pupw] h3{margin:0 0 9px;color:var(--ui-text);font-size:var(--ui-kpi-title-size);line-height:1.5;font-weight:var(--ui-kpi-title-weight)}.report-kpis[b-z6hs34pupw] strong{color:var(--tone);font-size:var(--ui-kpi-value-size);line-height:1.5;font-variant-numeric:tabular-nums;font-weight:var(--ui-kpi-value-weight);}.report-grid[b-z6hs34pupw]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}.report-panel[b-z6hs34pupw]{min-width:0;border:1px solid var(--ui-border);border-radius:10px;background:linear-gradient(130deg,var(--ui-surface),var(--ui-bg));padding:20px;box-shadow:inset 0 1px var(--ui-surface-hover)}.report-panel>header[b-z6hs34pupw]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.report-panel h2[b-z6hs34pupw]{margin:0;font-size:17px;font-weight:650}.report-panel>header>span[b-z6hs34pupw]{font-size:11px;color:var(--ui-text-muted)}.report-note[b-z6hs34pupw]{font-size:12px;line-height:1.7;color:var(--ui-text-muted);margin:0}.report-empty[b-z6hs34pupw]{font-size:13px;line-height:1.7;color:var(--ui-text-muted);padding:14px 0}.report-warning[b-z6hs34pupw]{font-size:12px;color:var(--ui-warning)}.comparison-changes[b-z6hs34pupw]{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ui-accent);margin-bottom:12px}.production-dashboard[b-z6hs34pupw] .shift-details{margin-top:14px;padding:12px;border:1px solid var(--ui-border);border-radius:7px;font-size:12px}.production-dashboard[b-z6hs34pupw] summary{cursor:pointer;color:var(--ui-text-muted);line-height:1.6}.production-dashboard[b-z6hs34pupw] summary:hover{color:var(--ui-accent)}.production-dashboard[b-z6hs34pupw] .report-scroll{overflow:auto;max-height:400px}.production-dashboard[b-z6hs34pupw] table{width:100%;border-collapse:collapse;font-size:12px;margin-top:10px}.production-dashboard[b-z6hs34pupw] :is(th,td){text-align:left;padding:11px;border-bottom:1px solid var(--ui-border);font-variant-numeric:tabular-nums}.production-dashboard[b-z6hs34pupw] th{color:var(--ui-text-muted);font-weight:500}.production-dashboard[b-z6hs34pupw] tr:hover{background:var(--ui-accent-soft)}.production-dashboard[b-z6hs34pupw] :is(button,summary):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px} @media(max-width:1200px){.report-kpis[b-z6hs34pupw]{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:800px){.report-grid[b-z6hs34pupw]{grid-template-columns:minmax(0,1fr)}.report-kpis[b-z6hs34pupw]{grid-template-columns:repeat(2,minmax(0,1fr))}.report-panel[b-z6hs34pupw]{padding:15px}.report-title[b-z6hs34pupw]{align-items:start;flex-direction:column}} @media(max-width:430px){.report-kpis[b-z6hs34pupw] .report-kpi{padding:13px 9px;gap:8px}.report-kpis[b-z6hs34pupw] svg{width:24px;height:24px}.report-kpis[b-z6hs34pupw] strong{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}} .report-panel label[b-z6hs34pupw]{display:grid;gap:6px;font-size:11px;color:var(--ui-text-muted)}.report-panel :is(select,input,button)[b-z6hs34pupw]{min-height:35px;border:1px solid var(--ui-control-border);border-radius:6px;padding:7px 10px;font:inherit;font-size:12px;background:var(--ui-surface-raised);color:var(--ui-text)}.report-panel button[b-z6hs34pupw]{color:var(--ui-accent);border-color:var(--ui-accent);cursor:pointer}.compare-controls fieldset[b-z6hs34pupw]{display:flex;gap:10px;align-items:end;flex-wrap:wrap;border:0;padding:0;margin:12px 0}.chart-control[b-z6hs34pupw]{margin-bottom:12px}.report-panel header[b-z6hs34pupw]{flex-wrap:wrap}.report-panel :is(select,input,button):focus-visible[b-z6hs34pupw]{outline:2px solid var(--ui-focus);outline-offset:3px}.production-dashboard[b-z6hs34pupw] p.report-note{font-size:12px;line-height:1.7;color:var(--ui-text-muted);margin:0} .production-dashboard[b-z6hs34pupw] { gap:var(--ui-space-6); } .report-kpis[b-z6hs34pupw] { gap:var(--ui-space-3); } .report-kpis[b-z6hs34pupw] .report-kpi { min-height:110px; padding:var(--ui-space-4); border-radius:var(--ui-panel-radius); } .report-kpis[b-z6hs34pupw] h3 { color:var(--ui-text); font-size:var(--ui-kpi-title-size); font-weight:var(--ui-kpi-title-weight); } .report-panel[b-z6hs34pupw] { padding:var(--ui-panel-padding); border-radius:var(--ui-panel-radius); } .report-panel > header[b-z6hs34pupw] { align-items:center; gap:var(--ui-space-3); margin-bottom:var(--ui-space-4); } .report-panel :is(select,input,button)[b-z6hs34pupw] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .report-info[b-z6hs34pupw] { margin:var(--ui-space-3) 0; color:var(--ui-text-muted); font-size:.8rem; } .report-info summary[b-z6hs34pupw] { cursor:pointer; color:var(--ui-accent); } .report-info p[b-z6hs34pupw] { margin:var(--ui-space-2) 0 0; line-height:1.6; } .report-info summary:focus-visible[b-z6hs34pupw] { outline:var(--ui-focus-width) solid var(--ui-focus); outline-offset:3px; } @media(max-width:800px) { .production-dashboard[b-z6hs34pupw] { gap:var(--ui-space-4); } .report-panel[b-z6hs34pupw] { padding:var(--ui-space-4); } .report-panel > header[b-z6hs34pupw] { align-items:flex-start; } } .production-trend > header[b-z6hs34pupw] { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; } .production-trend > header h2[b-z6hs34pupw] { grid-column:2; text-align:center; } .production-trend > header label[b-z6hs34pupw] { grid-column:3; justify-self:end; } .trend-label[b-z6hs34pupw] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } .report-summary-meta[b-z6hs34pupw]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--ui-text-muted);font-size:12px}.report-summary-meta .report-info[b-z6hs34pupw]{margin:0}.report-summary-meta .report-info[open][b-z6hs34pupw]{flex-basis:100%}.report-summary-meta summary[b-z6hs34pupw]{cursor:pointer;width:max-content;color:var(--ui-accent)}.report-empty.report-empty-compact[b-z6hs34pupw]{min-height:0;padding:var(--ui-space-3);margin:0}@media(max-width:700px){.report-summary-meta[b-z6hs34pupw]{gap:6px 12px}} @media(max-width:700px){.production-trend>header[b-z6hs34pupw]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.production-trend>header h2[b-z6hs34pupw]{text-align:left;min-width:0}.production-trend>header label[b-z6hs34pupw]{max-width:100%}.report-panel>header>div[b-z6hs34pupw]{min-width:0}} /* /Components/Pages/Factory/Reports/ProductionHeatmap.razor.rz.scp.css */ .heat-panel[b-5ugsfeyo9z]{min-width:0;padding:20px;border:1px solid var(--ui-border);border-radius:10px;background:linear-gradient(130deg,var(--ui-surface),var(--ui-bg));color:var(--ui-text)}header[b-5ugsfeyo9z]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2[b-5ugsfeyo9z]{font-size:17px;font-weight:650;margin:0}header span[b-5ugsfeyo9z],p[b-5ugsfeyo9z],.heat-legend[b-5ugsfeyo9z]{font-size:12px;color:var(--ui-text-muted);line-height:1.7}fieldset[b-5ugsfeyo9z]{display:flex;flex-wrap:wrap;gap:12px;align-items:end;border:0;padding:0;margin-bottom:15px}label[b-5ugsfeyo9z]{display:grid;gap:6px;font-size:12px;color:var(--ui-text-muted)}select[b-5ugsfeyo9z],input[b-5ugsfeyo9z],button[b-5ugsfeyo9z]{border:1px solid var(--ui-control-border);border-radius:6px;padding:8px 10px;min-height:37px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:12px}button[b-5ugsfeyo9z]{cursor:pointer;color:var(--ui-accent);border-color:var(--ui-accent)}.heat-legend[b-5ugsfeyo9z]{display:flex;flex-wrap:wrap;gap:15px}form :focus-visible[b-5ugsfeyo9z]{outline:2px solid var(--ui-focus);outline-offset:3px}@media(max-width:650px){header[b-5ugsfeyo9z]{align-items:start;flex-direction:column}.heat-panel[b-5ugsfeyo9z]{padding:15px}label[b-5ugsfeyo9z]{flex:1;min-width:140px}} .heat-panel[b-5ugsfeyo9z] { padding:var(--ui-panel-padding); border-radius:var(--ui-panel-radius); } .heat-panel header[b-5ugsfeyo9z] { flex-wrap:wrap; gap:var(--ui-space-3); margin-bottom:var(--ui-space-4); } .heat-panel fieldset[b-5ugsfeyo9z] { gap:var(--ui-filter-gap); } .heat-panel label[b-5ugsfeyo9z] { gap:var(--ui-field-gap); min-width:0; } .heat-panel :is(select,input,button)[b-5ugsfeyo9z] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .heat-legend[b-5ugsfeyo9z] { gap:var(--ui-space-3); margin-block:var(--ui-space-3); } .heat-info[b-5ugsfeyo9z] { color:var(--ui-text-muted); font-size:.8rem; } .heat-info summary[b-5ugsfeyo9z] { color:var(--ui-accent); cursor:pointer; } .heat-info summary:focus-visible[b-5ugsfeyo9z] { outline:var(--ui-focus-width) solid var(--ui-focus); outline-offset:3px; } .heat-info p[b-5ugsfeyo9z] { margin:var(--ui-space-2) 0 0; } @media(max-width:700px) { .heat-panel[b-5ugsfeyo9z] { padding:var(--ui-space-4); } .heat-panel label[b-5ugsfeyo9z] { flex:1 1 100%; } .heat-panel :is(select,input,button)[b-5ugsfeyo9z] { width:100%; } } /* /Components/Pages/Factory/Reports/ProductionHourlyTrend.razor.rz.scp.css */ .hourly-note[b-0acausyb9p]{font-size:12px;line-height:1.7;color:var(--ui-text-muted)} /* /Components/Pages/Factory/Reports/ProductionShiftFlowPanel.razor.rz.scp.css */ .flow-analysis[b-fvbpf83xul]{display:grid;gap:18px;min-width:0;color:var(--ui-text)}.flow-analysis>header[b-fvbpf83xul],.flow-panel>header[b-fvbpf83xul]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.flow-analysis h2[b-fvbpf83xul]{margin:0;font-size:21px}.flow-analysis h3[b-fvbpf83xul]{margin:0;font-size:17px}.flow-analysis header span[b-fvbpf83xul],.flow-analysis p[b-fvbpf83xul]{color:var(--ui-text-muted);font-size:12px;line-height:1.7}.flow-analysis fieldset[b-fvbpf83xul]{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border:1px solid var(--ui-border);border-radius:9px;padding:16px;background:var(--ui-surface)}.flow-analysis label[b-fvbpf83xul]{display:grid;gap:7px;color:var(--ui-text-muted);font-size:12px;min-width:130px}.flow-analysis :is(input,select,button)[b-fvbpf83xul]{padding:8px 10px;min-height:38px;border:1px solid var(--ui-control-border);border-radius:6px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:12px}.flow-analysis button[b-fvbpf83xul]{cursor:pointer;color:var(--ui-accent);border-color:var(--ui-accent)}.flow-analysis button:disabled[b-fvbpf83xul]{opacity:.45;cursor:default}.flow-panel[b-fvbpf83xul]{min-width:0;border:1px solid var(--ui-border);border-radius:10px;padding:20px;background:linear-gradient(130deg,var(--ui-surface),var(--ui-bg))}.flow-stats[b-fvbpf83xul]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.flow-stats>div[b-fvbpf83xul]{display:grid;gap:8px;background:var(--ui-surface-raised);border:1px solid var(--ui-border);border-radius:8px;padding:13px;min-width:0}.flow-stats span[b-fvbpf83xul]{font-size:11px;color:var(--ui-text-muted)}.flow-stats strong[b-fvbpf83xul]{font-size:18px;color:var(--ui-accent);font-variant-numeric:tabular-nums;line-height:1.5}.flow-stats>div:nth-child(2) strong[b-fvbpf83xul]{color:var(--ui-info)}.flow-stats>div:nth-child(3) strong[b-fvbpf83xul]{color:var(--ui-success)}.flow-stats>div:nth-child(4) strong[b-fvbpf83xul]{color:var(--ui-violet)}.flow-scroll[b-fvbpf83xul]{overflow:auto;max-height:420px}.flow-analysis table[b-fvbpf83xul]{width:100%;border-collapse:collapse;font-size:12px}.flow-analysis :is(th,td)[b-fvbpf83xul]{padding:10px;border-bottom:1px solid var(--ui-border);text-align:left;white-space:nowrap}.flow-analysis th[b-fvbpf83xul]{color:var(--ui-text-muted)}.flow-analysis nav[b-fvbpf83xul]{display:flex;justify-content:end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:12px}.flow-analysis nav span[b-fvbpf83xul]{margin-right:auto;color:var(--ui-text-muted)}.flow-analysis summary[b-fvbpf83xul]{cursor:pointer;color:var(--ui-text-muted);font-size:12px}.flow-analysis .flow-error[b-fvbpf83xul]{color:var(--ui-danger)}.flow-analysis .flow-position[b-fvbpf83xul]{color:var(--ui-accent)}.flow-analysis :is(input,select,button,summary):focus-visible[b-fvbpf83xul]{outline:2px solid var(--ui-focus);outline-offset:3px}@media(max-width:950px){.flow-stats[b-fvbpf83xul]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.flow-panel[b-fvbpf83xul]{padding:14px}.flow-analysis label[b-fvbpf83xul]{min-width:140px;flex:1}.flow-stats strong[b-fvbpf83xul]{font-size:15px}} /* /Components/Pages/Factory/Reports/RobotComparisonBars.razor.rz.scp.css */ .comparison-bars[b-nzy1a90izy]{display:grid;gap:16px;margin:18px 0 24px;padding:20px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg)}.comparison-bar-row[b-nzy1a90izy]{display:grid;grid-template-columns:minmax(110px,200px) minmax(100px,1fr) minmax(90px,auto);align-items:center;gap:14px;font-size:13px}.comparison-bar-row span[b-nzy1a90izy]{overflow-wrap:anywhere}.comparison-bar-row strong[b-nzy1a90izy]{text-align:right;font-variant-numeric:tabular-nums}.comparison-track[b-nzy1a90izy]{height:14px;border-radius:8px;background:var(--ui-surface-raised);overflow:hidden}.comparison-fill[b-nzy1a90izy]{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--ui-accent),var(--ui-warning));transition:width .2s}@media(max-width:600px){.comparison-bar-row[b-nzy1a90izy]{grid-template-columns:1fr auto}.comparison-track[b-nzy1a90izy]{grid-column:1/-1;grid-row:2}} .comparison-bars[b-nzy1a90izy]{gap:18px;background:linear-gradient(145deg,var(--ui-bg),color-mix(in srgb,var(--ui-surface-raised) 35%,var(--ui-bg)));padding:22px}.comparison-bar-row span[b-nzy1a90izy]{font-weight:600;color:var(--ui-text)}.comparison-bar-row strong[b-nzy1a90izy]{color:var(--ui-text);font-size:14px}.comparison-track[b-nzy1a90izy]{height:12px;box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ui-bg) 65%,transparent)}.comparison-fill[b-nzy1a90izy]{background:linear-gradient(90deg,var(--ui-accent-secondary),var(--ui-accent))}@media(prefers-reduced-motion:reduce){.comparison-fill[b-nzy1a90izy]{transition:none}} /* /Components/Pages/Factory/Reports/RobotStateAnalysis.razor.rz.scp.css */ .state-dashboard[b-ku96q0kkab]{display:grid;gap:20px;color:var(--ui-text)}.state-heading h1[b-ku96q0kkab]{font-size:28px;margin:5px 0}.state-heading p[b-ku96q0kkab],.state-scope[b-ku96q0kkab]{color:var(--ui-text-muted);font-size:13px}.state-panel[b-ku96q0kkab]{min-width:0;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;padding:20px}.state-panel>header[b-ku96q0kkab],.state-section-heading[b-ku96q0kkab]{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.state-dashboard h2[b-ku96q0kkab]{font-size:17px;margin:0}.state-dashboard small[b-ku96q0kkab],.state-note[b-ku96q0kkab]{font-size:12px;line-height:1.6;color:var(--ui-text-muted)}.state-filters fieldset[b-ku96q0kkab]{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:end;gap:12px}.state-dashboard label[b-ku96q0kkab]{display:grid;gap:6px;color:var(--ui-text-muted);font-size:12px}.state-dashboard input[b-ku96q0kkab],.state-dashboard select[b-ku96q0kkab],.state-dashboard button[b-ku96q0kkab]{font:inherit;color:var(--ui-text);background:var(--ui-surface-raised);border:1px solid var(--ui-border);padding:9px 12px;border-radius:6px}.state-dashboard button[b-ku96q0kkab]{cursor:pointer}.state-dashboard button:disabled[b-ku96q0kkab]{opacity:.45;cursor:default}.state-dashboard button:focus-visible[b-ku96q0kkab],.state-dashboard input:focus-visible[b-ku96q0kkab],.state-dashboard select:focus-visible[b-ku96q0kkab]{outline:2px solid var(--ui-accent);outline-offset:3px}.state-presets[b-ku96q0kkab]{display:flex;gap:3px}.state-presets .selected[b-ku96q0kkab],.state-dashboard .state-apply[b-ku96q0kkab]{background:var(--ui-accent);color:var(--ui-on-accent)}.state-kpis[b-ku96q0kkab]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.state-kpi[b-ku96q0kkab]{--tone:var(--ui-info);display:flex;gap:12px;align-items:start;border:1px solid var(--ui-border);background:linear-gradient(125deg,color-mix(in srgb,var(--tone) 9%,var(--ui-surface)),var(--ui-surface));border-radius:10px;padding:18px;min-width:0}.state-kpi.success[b-ku96q0kkab]{--tone:var(--ui-success)}.state-kpi.blue[b-ku96q0kkab]{--tone:var(--ui-info)}.state-kpi.warning[b-ku96q0kkab]{--tone:var(--ui-warning)}.state-kpi.danger[b-ku96q0kkab]{--tone:var(--ui-danger)}.state-kpi-icon[b-ku96q0kkab]{color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);border-radius:10px;padding:8px 12px;font-size:24px}.state-kpi>div:last-child[b-ku96q0kkab]{display:grid;gap:8px;min-width:0}.state-kpi span[b-ku96q0kkab]{color:var(--ui-text);font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);}.state-stop-summary span[b-ku96q0kkab]{color:var(--ui-text-muted);font-size:12px}.state-kpi strong[b-ku96q0kkab]{font-size:var(--ui-kpi-value-size);line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:var(--ui-kpi-value-weight);}.state-two-columns[b-ku96q0kkab]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.state-inline-filters[b-ku96q0kkab]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.state-distribution[b-ku96q0kkab]{display:grid;gap:10px}.state-distribution>div[b-ku96q0kkab]{display:flex;gap:10px;align-items:center;font-size:13px}.state-distribution strong[b-ku96q0kkab]{margin-left:auto;font-variant-numeric:tabular-nums}.state-dot[b-ku96q0kkab]{width:10px;height:10px;border-radius:50%;background:var(--ui-unknown)}.state-dot.Welding[b-ku96q0kkab]{background:var(--ui-info)}.state-dot.OtherProgram[b-ku96q0kkab]{background:var(--ui-success)}.state-dot.Waiting[b-ku96q0kkab]{background:var(--ui-warning)}.state-dot.Stop[b-ku96q0kkab]{background:var(--ui-danger)}.state-dot.Idle[b-ku96q0kkab]{background:var(--ui-accent)}.state-scroll[b-ku96q0kkab]{overflow:auto;max-height:340px}.state-scroll table[b-ku96q0kkab]{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}.state-scroll th[b-ku96q0kkab],.state-scroll td[b-ku96q0kkab]{padding:11px 12px;text-align:left;border-bottom:1px solid var(--ui-border);white-space:normal;line-height:1.6}.state-scroll th[b-ku96q0kkab]{position:sticky;top:0;background:var(--ui-bg);color:var(--ui-text-muted);z-index:1}.state-scroll td span[b-ku96q0kkab]{display:block;color:var(--ui-text-muted);font-size:12px}.state-pager[b-ku96q0kkab]{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;font-size:12px}.state-stop-summary[b-ku96q0kkab]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.state-stop-summary>div[b-ku96q0kkab]{display:grid;gap:9px;padding:13px;background:var(--ui-bg);border-radius:8px}.state-stop-summary strong[b-ku96q0kkab]{font-size:18px}.state-findings[b-ku96q0kkab]{font-size:13px;line-height:1.8;padding-left:20px}.state-error[b-ku96q0kkab]{color:var(--ui-danger);border:1px solid var(--ui-danger);padding:15px;border-radius:8px}.state-empty[b-ku96q0kkab],.state-loading[b-ku96q0kkab]{color:var(--ui-text-muted);padding:20px;font-size:13px}.state-method[b-ku96q0kkab]{font-size:13px;line-height:1.7;color:var(--ui-text-muted)}.state-panel[b-ku96q0kkab] .state-chart{min-width:0;min-height:160px}.state-panel[b-ku96q0kkab] .state-pager{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding-top:14px}.state-panel[b-ku96q0kkab] .state-scroll{max-height:340px;overflow:auto}.state-panel[b-ku96q0kkab] table{width:100%;border-collapse:collapse;font-size:12px}.state-panel[b-ku96q0kkab] th,.state-panel[b-ku96q0kkab] td{padding:10px;border-bottom:1px solid var(--ui-border);text-align:left}.state-panel[b-ku96q0kkab] th{position:sticky;top:0;background:var(--ui-bg);color:var(--ui-text-muted)}.state-panel[b-ku96q0kkab] .state-scroll td span{display:block;color:var(--ui-text-muted)} @media(max-width:1700px){.state-kpis[b-ku96q0kkab]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.state-two-columns[b-ku96q0kkab]{grid-template-columns:1fr}.state-kpis[b-ku96q0kkab]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.state-kpis[b-ku96q0kkab]{grid-template-columns:repeat(2,minmax(0,1fr))}.state-kpi[b-ku96q0kkab]{flex-direction:column;padding:14px}.state-kpi strong[b-ku96q0kkab]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.state-panel[b-ku96q0kkab]{padding:14px}.state-stop-summary[b-ku96q0kkab]{grid-template-columns:1fr}.state-panel>header[b-ku96q0kkab]{flex-wrap:wrap}.state-presets[b-ku96q0kkab]{width:100%}.state-inline-filters label[b-ku96q0kkab]{min-width:140px;flex:1}.state-dashboard label[b-ku96q0kkab]{flex:1}.state-heading h1[b-ku96q0kkab]{font-size:25px}} .state-program-panel .state-scroll table[b-ku96q0kkab]{min-width:1100px}.state-panel[b-ku96q0kkab] .state-scroll table{min-width:680px}.state-panel[b-ku96q0kkab] td:nth-child(2),.state-panel[b-ku96q0kkab] td:nth-child(3),.state-panel[b-ku96q0kkab] td:nth-child(4){white-space:nowrap} .state-distribution[b-ku96q0kkab]{display:grid;gap:8px;margin-top:8px}.state-distribution>div[b-ku96q0kkab]{display:grid;grid-template-columns:12px minmax(120px,1fr) auto 62px;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-bg);font-size:12px}.state-distribution strong[b-ku96q0kkab],.state-distribution small[b-ku96q0kkab]{font-variant-numeric:tabular-nums}.state-distribution strong[b-ku96q0kkab]{font-size:12px}.state-distribution small[b-ku96q0kkab]{text-align:right;color:var(--ui-text-muted)}.state-dot.Other[b-ku96q0kkab]{background:var(--ui-chart-3)} .state-timeline-distribution[b-ku96q0kkab]{align-items:stretch} .state-timeline-distribution>.state-panel[b-ku96q0kkab]{box-sizing:border-box;height:100%;display:flex;flex-direction:column;min-height:0} .state-timeline-panel[b-ku96q0kkab]{position:relative} .state-timeline-updating[b-ku96q0kkab]{position:absolute;z-index:2;top:76px;right:20px;margin:0;padding:6px 10px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text-muted);font-size:11px;box-shadow:0 4px 14px #0004} .state-robot-distribution .state-distribution[b-ku96q0kkab]{flex:1;align-content:space-evenly;gap:12px;margin-top:0} .state-robot-distribution .state-distribution-row[b-ku96q0kkab]{display:grid;grid-template-columns:minmax(0,1fr) auto 62px;gap:8px 12px;align-items:center;padding:4px 0;border:0;border-radius:0;background:transparent} .state-distribution-label[b-ku96q0kkab]{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px} .state-distribution-robot[b-ku96q0kkab],.state-timeline-robot[b-ku96q0kkab]{min-width:150px;max-width:220px;flex:0 0 auto} .state-distribution-robot select[b-ku96q0kkab],.state-timeline-robot select[b-ku96q0kkab]{width:100%;padding:8px 10px} .state-distribution-label>span:last-child[b-ku96q0kkab]{overflow-wrap:anywhere} .state-distribution-row>strong[b-ku96q0kkab]{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap} .state-distribution-row>small[b-ku96q0kkab]{text-align:right;color:var(--ui-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap} .state-bar-track[b-ku96q0kkab]{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:var(--ui-surface-raised)} .state-bar-fill[b-ku96q0kkab]{display:block;height:100%;min-width:2px;border-radius:inherit;background:var(--ui-unknown);transition:width .25s ease} .state-bar-fill.Welding[b-ku96q0kkab]{background:var(--ui-info)}.state-bar-fill.OtherProgram[b-ku96q0kkab]{background:var(--ui-success)}.state-bar-fill.Waiting[b-ku96q0kkab]{background:var(--ui-warning)}.state-bar-fill.Stop[b-ku96q0kkab]{background:var(--ui-danger)}.state-bar-fill.Idle[b-ku96q0kkab]{background:var(--ui-accent)}.state-bar-fill.Other[b-ku96q0kkab]{background:var(--ui-chart-3)} @media(max-width:700px){.state-distribution-robot[b-ku96q0kkab],.state-timeline-robot[b-ku96q0kkab]{min-width:0;max-width:none;width:100%}} .state-program-panel>header[b-ku96q0kkab]{align-items:flex-start} .state-program-count[b-ku96q0kkab]{flex:0 0 auto;padding:6px 10px;border:1px solid color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border));border-radius:999px;background:color-mix(in srgb,var(--ui-accent) 9%,var(--ui-surface));color:var(--ui-accent);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums} .state-program-grid[b-ku96q0kkab]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .state-program-card[b-ku96q0kkab]{min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-raised) 78%,var(--ui-surface)),var(--ui-surface));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease} .state-program-card:hover[b-ku96q0kkab]{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ui-accent) 48%,var(--ui-border));box-shadow:0 10px 24px #0003} .state-program-card-heading[b-ku96q0kkab]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--ui-border)} .state-program-card-heading>div[b-ku96q0kkab]{min-width:0} .state-program-card-heading>div>span[b-ku96q0kkab]{display:block;margin-bottom:5px;color:var(--ui-text-muted);font-size:11px} .state-program-card-heading h3[b-ku96q0kkab]{margin:0;color:var(--ui-text);font-size:16px;font-weight:700;overflow-wrap:anywhere} .state-program-mark[b-ku96q0kkab]{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--ui-accent) 32%,var(--ui-border));border-radius:9px;background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-surface));color:var(--ui-accent);font-size:11px;font-weight:750;letter-spacing:.04em} .state-program-primary[b-ku96q0kkab]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;padding:12px 14px;border-left:3px solid var(--ui-accent);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--ui-accent) 7%,var(--ui-bg))} .state-program-primary span[b-ku96q0kkab]{color:var(--ui-text-muted);font-size:12px} .state-program-primary strong[b-ku96q0kkab]{color:var(--ui-text);font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap} .state-program-metrics[b-ku96q0kkab]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .state-program-metrics>div[b-ku96q0kkab]{--metric-tone:var(--ui-info);min-width:0;padding:10px;border:1px solid var(--ui-border);border-top:2px solid var(--metric-tone);border-radius:7px;background:var(--ui-bg)} .state-program-metrics .source[b-ku96q0kkab]{--metric-tone:var(--ui-info)}.state-program-metrics .other[b-ku96q0kkab]{--metric-tone:var(--ui-chart-3)}.state-program-metrics .stop[b-ku96q0kkab]{--metric-tone:var(--ui-danger)}.state-program-metrics .ratio[b-ku96q0kkab]{--metric-tone:var(--ui-success)}.state-program-metrics .seams[b-ku96q0kkab]{--metric-tone:var(--ui-accent)} .state-program-metrics span[b-ku96q0kkab]{display:block;min-height:30px;color:var(--ui-text-muted);font-size:10px;line-height:1.4} .state-program-metrics strong[b-ku96q0kkab]{display:block;margin-top:5px;color:var(--ui-text);font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} @media(max-width:1050px){.state-program-grid[b-ku96q0kkab]{grid-template-columns:1fr}} @media(max-width:700px){.state-program-card[b-ku96q0kkab]{padding:12px}.state-program-metrics[b-ku96q0kkab]{grid-template-columns:repeat(2,minmax(0,1fr))}.state-program-primary strong[b-ku96q0kkab]{font-size:16px}.state-program-panel>header[b-ku96q0kkab]{flex-wrap:wrap}} .state-program-filters[b-ku96q0kkab]{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.state-program-filters label[b-ku96q0kkab]{min-width:170px;flex:1}.state-program-list[b-ku96q0kkab]{border:1px solid var(--ui-border);border-radius:9px;max-height:540px}.state-program-list table[b-ku96q0kkab]{min-width:1400px}.state-program-list th[b-ku96q0kkab]{font-size:11px;font-weight:650}.state-program-list td[b-ku96q0kkab]{font-variant-numeric:tabular-nums}.state-program-list tbody tr:hover[b-ku96q0kkab]{background:color-mix(in srgb,var(--ui-accent) 5%,transparent)}.state-program-list td strong[b-ku96q0kkab]{color:var(--ui-text)}.state-program-list td span[b-ku96q0kkab]{margin-top:4px} .state-trend-panel[b-ku96q0kkab]{width:100%;box-sizing:border-box}.state-trend-panel[b-ku96q0kkab] .state-chart{min-height:300px} .state-comparison-panel>header[b-ku96q0kkab]{align-items:flex-end}.state-comparison-select[b-ku96q0kkab]{min-width:220px;max-width:300px;flex:0 0 auto}.state-comparison-select select[b-ku96q0kkab]{width:100%} .state-comparison-table-wrap[b-ku96q0kkab]{max-height:520px;border:1px solid var(--ui-border);border-radius:9px}.state-comparison-table[b-ku96q0kkab]{min-width:1120px!important}.state-comparison-table th[b-ku96q0kkab],.state-comparison-table td[b-ku96q0kkab]{padding:12px 13px!important;font-variant-numeric:tabular-nums;white-space:nowrap}.state-comparison-table thead th[b-ku96q0kkab]{font-size:11px;letter-spacing:.01em}.state-comparison-table tbody th[b-ku96q0kkab]{color:var(--ui-text);font-weight:650;background:var(--ui-surface)}.state-comparison-table tbody tr:hover[b-ku96q0kkab]{background:color-mix(in srgb,var(--ui-accent) 5%,transparent)}.state-comparison-table td[b-ku96q0kkab]{text-align:right!important}.state-comparison-panel .state-note[b-ku96q0kkab]{margin:8px 0 14px} @media(max-width:700px){.state-comparison-panel>header[b-ku96q0kkab]{align-items:stretch}.state-comparison-select[b-ku96q0kkab]{width:100%;min-width:0;max-width:none}.state-trend-panel[b-ku96q0kkab] .state-chart{min-height:240px}} .state-insight-grid[b-ku96q0kkab]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.state-insight-grid>div[b-ku96q0kkab]{display:grid;gap:8px;padding:16px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:9px}.state-insight-grid span[b-ku96q0kkab],.state-insight-grid small[b-ku96q0kkab]{color:var(--ui-text-muted);font-size:12px}.state-insight-grid strong[b-ku96q0kkab]{font-size:16px}@media(max-width:700px){.state-insight-grid[b-ku96q0kkab]{grid-template-columns:1fr}} /* Robot durum analizi: referanstaki kompakt panel düzeni. */ .state-dashboard[b-ku96q0kkab]{gap:16px}.state-heading[b-ku96q0kkab]{padding:4px 2px}.state-heading .eyebrow[b-ku96q0kkab]{color:var(--ui-accent);font-size:11px;font-weight:700;letter-spacing:.1em}.state-heading h1[b-ku96q0kkab]{font-size:30px;letter-spacing:-.025em;font-weight:750}.state-heading p[b-ku96q0kkab]{font-size:13px;margin:5px 0 0}.state-panel[b-ku96q0kkab]{padding:20px;background:linear-gradient(155deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 32%,var(--ui-surface)));box-shadow:0 6px 20px color-mix(in srgb,var(--ui-bg) 35%,transparent)}.state-dashboard h2[b-ku96q0kkab]{font-size:18px;font-weight:700;letter-spacing:-.015em}.state-panel>header small[b-ku96q0kkab]{display:block;margin-top:5px}.state-scope[b-ku96q0kkab]{padding:0 2px;font-size:12px} .state-filters[b-ku96q0kkab]{padding:14px 18px}.state-filters fieldset[b-ku96q0kkab]{gap:12px 16px}.state-presets[b-ku96q0kkab]{padding:4px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)}.state-presets button[b-ku96q0kkab]{border:0;background:transparent;padding:8px 15px}.state-presets .selected[b-ku96q0kkab]{border-radius:5px;font-weight:700}.state-dashboard input[b-ku96q0kkab],.state-dashboard select[b-ku96q0kkab]{min-height:40px;border-color:var(--ui-control-border);background:var(--ui-bg)}.state-dashboard .state-apply[b-ku96q0kkab]{min-height:40px;padding-inline:20px;font-weight:700} .state-kpis[b-ku96q0kkab]{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.state-kpi[b-ku96q0kkab]{align-items:center;min-height:116px;padding:16px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 10%,var(--ui-surface-raised)),var(--ui-surface));box-shadow:inset 0 1px color-mix(in srgb,var(--ui-text) 5%,transparent)}.state-kpi-icon[b-ku96q0kkab]{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;font-size:22px}.state-kpi>div:last-child[b-ku96q0kkab]{gap:6px}.state-kpi span[b-ku96q0kkab]{font-size:var(--ui-kpi-title-size);line-height:1.4;font-weight:var(--ui-kpi-title-weight);}.state-kpi strong[b-ku96q0kkab]{font-size:var(--ui-kpi-value-size);line-height:1.2;font-weight:var(--ui-kpi-value-weight);}.state-kpi small[b-ku96q0kkab]{font-size:var(--ui-kpi-description-size);line-height:1.45;font-weight:var(--ui-kpi-description-weight);} .state-timeline-distribution[b-ku96q0kkab]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.state-timeline-distribution>.state-panel[b-ku96q0kkab]{padding:20px}.state-robot-distribution .state-distribution[b-ku96q0kkab]{gap:14px}.state-robot-distribution .state-distribution-row[b-ku96q0kkab]{padding:5px 0}.state-distribution-label[b-ku96q0kkab]{font-weight:600}.state-bar-track[b-ku96q0kkab]{height:9px}.state-timeline-panel[b-ku96q0kkab] .state-chart{margin-top:4px} .state-program-filters[b-ku96q0kkab]{padding:14px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:9px}.state-program-list[b-ku96q0kkab],.state-comparison-table-wrap[b-ku96q0kkab]{background:var(--ui-bg)}.state-program-list th[b-ku96q0kkab],.state-comparison-table thead th[b-ku96q0kkab]{font-size:12px;font-weight:700;letter-spacing:.015em}.state-program-list td[b-ku96q0kkab],.state-comparison-table td[b-ku96q0kkab]{font-size:13px}.state-program-list tbody tr[b-ku96q0kkab],.state-comparison-table tbody tr[b-ku96q0kkab]{transition:background .16s ease}.state-pager button[b-ku96q0kkab]{min-height:36px}.state-pager span[b-ku96q0kkab]{color:var(--ui-text-muted)} .state-insight-grid>div[b-ku96q0kkab]{border-left:3px solid var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 4%,var(--ui-bg));padding:18px}.state-insight-grid strong[b-ku96q0kkab]{font-size:18px}.state-comparison-panel .state-comparison-metric[b-ku96q0kkab]{max-width:260px;margin:4px 0 12px}.state-comparison-panel .state-comparison-metric select[b-ku96q0kkab]{width:100%} @media(max-width:1200px){.state-timeline-distribution[b-ku96q0kkab]{grid-template-columns:1fr}.state-kpis[b-ku96q0kkab]{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}@media(max-width:700px){.state-dashboard[b-ku96q0kkab]{gap:14px}.state-heading h1[b-ku96q0kkab]{font-size:26px}.state-panel[b-ku96q0kkab],.state-timeline-distribution>.state-panel[b-ku96q0kkab]{padding:16px}.state-kpis[b-ku96q0kkab]{grid-template-columns:repeat(2,minmax(0,1fr))}.state-kpi[b-ku96q0kkab]{min-height:0;flex-direction:column;align-items:flex-start;padding:14px}.state-kpi strong[b-ku96q0kkab]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.state-presets[b-ku96q0kkab]{overflow-x:auto}.state-presets button[b-ku96q0kkab]{white-space:nowrap;padding-inline:12px}.state-program-filters label[b-ku96q0kkab]{min-width:100%}.state-comparison-panel .state-comparison-metric[b-ku96q0kkab]{max-width:none}} @media(max-width:390px){.state-kpis[b-ku96q0kkab]{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.state-bar-fill[b-ku96q0kkab],.state-program-list tbody tr[b-ku96q0kkab],.state-comparison-table tbody tr[b-ku96q0kkab]{transition:none}} .timeline-legend[b-ku96q0kkab]{display:flex;flex-wrap:wrap;gap:9px 15px;padding:12px 0 4px;color:var(--ui-text-muted);font-size:12px}.timeline-legend span[b-ku96q0kkab]{display:inline-flex;align-items:center;gap:6px}.timeline-color[b-ku96q0kkab]{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.timeline-color.program[b-ku96q0kkab]{background:var(--ui-violet)}.timeline-color.waiting[b-ku96q0kkab]{background:var(--ui-warning)}.timeline-color.inactive[b-ku96q0kkab]{background:var(--ui-surface-raised);border:1px solid var(--ui-control-border)}.timeline-color.running[b-ku96q0kkab]{background:var(--ui-success)}.timeline-color.welding[b-ku96q0kkab]{background:var(--ui-info)}.timeline-color.idle[b-ku96q0kkab]{background:var(--ui-accent)}.timeline-color.stop[b-ku96q0kkab]{background:var(--ui-danger)}.timeline-color.unknown[b-ku96q0kkab]{background:var(--ui-unknown)} .state-timeline-controls[b-ku96q0kkab]{display:flex;align-items:end;gap:10px}.state-timeline-date[b-ku96q0kkab]{min-width:145px;max-width:170px;flex:0 0 auto}.state-timeline-date input[b-ku96q0kkab]{width:100%;padding:8px 10px}.state-timeline-panel>header[b-ku96q0kkab]{align-items:end} @media(max-width:700px){.state-timeline-controls[b-ku96q0kkab]{width:100%}.state-timeline-controls label[b-ku96q0kkab]{min-width:0;flex:1}.state-timeline-date[b-ku96q0kkab]{max-width:none}} .program-reference-scroll[b-ku96q0kkab]{width:100%;overflow-x:auto;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg)}.program-reference-table[b-ku96q0kkab]{width:100%;min-width:1320px;border-collapse:collapse;font-size:13px}.program-reference-table th[b-ku96q0kkab]{padding:16px 14px;text-align:left;white-space:nowrap;background:var(--ui-surface-raised);color:var(--ui-text);font-weight:650;border-bottom:1px solid var(--ui-border)}.program-reference-table td[b-ku96q0kkab]{padding:15px 14px;border-bottom:1px solid var(--ui-border);white-space:nowrap;font-variant-numeric:tabular-nums}.program-reference-table tbody tr:last-child td[b-ku96q0kkab]{border-bottom:0}.program-reference-table tbody tr:hover[b-ku96q0kkab]{background:var(--ui-surface-hover)}.program-ref-identity[b-ku96q0kkab]{display:flex;align-items:center;gap:12px;min-width:210px}.program-ref-identity strong[b-ku96q0kkab],.program-ref-identity small[b-ku96q0kkab]{display:block}.program-ref-identity strong[b-ku96q0kkab]{color:var(--ui-text);font-size:14px}.program-ref-identity small[b-ku96q0kkab]{color:var(--ui-text-muted);margin-top:4px}.program-ref-icon[b-ku96q0kkab]{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-accent)}.program-ref-ratio[b-ku96q0kkab]{font-size:14px}.program-ref-track[b-ku96q0kkab]{width:112px;height:7px;margin-top:8px;border-radius:999px;background:var(--ui-surface-raised);overflow:hidden}.program-ref-track span[b-ku96q0kkab]{display:block;height:100%;background:var(--ui-accent);border-radius:inherit}.program-reference-scroll:focus-visible[b-ku96q0kkab]{outline:2px solid var(--ui-focus);outline-offset:3px}@media(max-width:700px){.program-reference-scroll[b-ku96q0kkab]::after{content:'Tabloyu görmek için yana kaydırın';display:block;position:sticky;left:0;width:100%;padding:8px 12px;color:var(--ui-text-muted);font-size:12px;box-sizing:border-box}} .state-panel .program-reference-table .program-ref-icon[b-ku96q0kkab]{display:flex;align-items:center;justify-content:center;line-height:1}.program-ref-icon svg[b-ku96q0kkab]{display:block;width:21px;height:21px;flex:none} .state-kpi>div:last-child>span[b-ku96q0kkab]{color:var(--ui-text);font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);line-height:1.4}.state-kpi>div:last-child>small[b-ku96q0kkab]{color:var(--ui-text-muted);font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight);line-height:1.45} .state-kpi[b-ku96q0kkab]{padding:var(--ui-kpi-padding);gap:var(--ui-kpi-gap);border-radius:var(--ui-kpi-radius)}.state-kpi>div:last-child>span[b-ku96q0kkab]{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight)}.state-kpi>div:last-child>strong[b-ku96q0kkab]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight)}.state-kpi>div:last-child>small[b-ku96q0kkab]{font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight)} .state-kpi-icon[b-ku96q0kkab] svg{width:26px;height:26px} /* /Components/Pages/Factory/Reports/WeldPerformance.razor.rz.scp.css */ .weld-dashboard[b-90suzkxw23]{display:grid;gap:20px;color:var(--ui-text)}.weld-heading[b-90suzkxw23]{display:flex;justify-content:space-between;align-items:center;gap:18px}.weld-heading h1[b-90suzkxw23]{margin:4px 0;font-size:28px}.weld-heading p[b-90suzkxw23]{color:var(--ui-text-muted);font-size:13px}.weld-filters[b-90suzkxw23],.weld-panel[b-90suzkxw23]{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;padding:20px;min-width:0}.weld-filters fieldset[b-90suzkxw23]{border:0;margin:0;padding:0;display:flex;align-items:end;flex-wrap:wrap;gap:12px}.weld-filters label[b-90suzkxw23]{display:grid;gap:6px;font-size:12px;color:var(--ui-text-muted)}.weld-dashboard input[b-90suzkxw23],.weld-dashboard select[b-90suzkxw23],.weld-dashboard button[b-90suzkxw23]{background:var(--ui-surface-raised);border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text);padding:9px 11px;font:inherit}.weld-dashboard button[b-90suzkxw23]{cursor:pointer}.weld-dashboard button:disabled[b-90suzkxw23]{opacity:.45;cursor:default}.weld-presets[b-90suzkxw23]{display:flex;gap:2px}.weld-presets .selected[b-90suzkxw23],.weld-dashboard .weld-apply[b-90suzkxw23]{background:var(--ui-accent);color: var(--ui-on-accent)}.weld-scope[b-90suzkxw23]{font-size:12px;color:var(--ui-text-muted)}.weld-scope button[b-90suzkxw23]{padding:2px 7px;margin-left:8px}.weld-kpis[b-90suzkxw23]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.weld-panel>header[b-90suzkxw23]{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.weld-panel h2[b-90suzkxw23]{font-size:16px;margin:0}.weld-panel h3[b-90suzkxw23]{font-size:14px}.weld-panel small[b-90suzkxw23],.weld-note[b-90suzkxw23]{font-size:12px;color:var(--ui-text-muted);line-height:1.7}.weld-main-grid[b-90suzkxw23]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.weld-metric-grid[b-90suzkxw23]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.weld-metric-grid>div[b-90suzkxw23]{min-width:0;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:9px;padding:16px}.weld-findings[b-90suzkxw23]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.weld-findings article[b-90suzkxw23]{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-info);padding:15px;border-radius:7px;display:grid;gap:9px}.weld-findings p[b-90suzkxw23]{margin:0}.weld-findings button[b-90suzkxw23]{justify-self:start;color:var(--ui-accent)}.weld-scroll[b-90suzkxw23]{overflow:auto}.weld-scroll table[b-90suzkxw23]{width:100%;border-collapse:collapse;font-size:12px}.weld-scroll th[b-90suzkxw23],.weld-scroll td[b-90suzkxw23]{padding:13px 10px;border-bottom:1px solid var(--ui-border);text-align:left;vertical-align:top}.weld-scroll th[b-90suzkxw23]{color:var(--ui-text-muted);font-weight:600}.weld-scroll td span[b-90suzkxw23]{display:block;color:var(--ui-text-muted);margin-top:5px}.weld-scroll tr.selected[b-90suzkxw23]{background:color-mix(in srgb,var(--ui-accent) 7%,transparent)}.weld-pager[b-90suzkxw23]{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:12px;padding-top:14px}.weld-stats[b-90suzkxw23]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.weld-stats dt[b-90suzkxw23]{font-size:12px;color:var(--ui-text-muted)}.weld-stats dd[b-90suzkxw23]{margin:6px 0 0;font-size:16px}.weld-empty[b-90suzkxw23]{padding:25px;color:var(--ui-text-muted);font-size:13px;line-height:1.7}.weld-error[b-90suzkxw23]{border:1px solid var(--ui-danger);border-radius:8px;padding:14px;color:var(--ui-danger)}.weld-dashboard a[b-90suzkxw23]{color:var(--ui-accent)}.weld-panel[b-90suzkxw23] .weld-chart{min-width:0;min-height:150px}@media(max-width:1300px){.weld-kpis[b-90suzkxw23]{grid-template-columns:repeat(3,minmax(0,1fr))}.weld-main-grid[b-90suzkxw23]{grid-template-columns:1fr}}@media(max-width:760px){.weld-kpis[b-90suzkxw23]{grid-template-columns:repeat(2,minmax(0,1fr))}.weld-metric-grid[b-90suzkxw23],.weld-findings[b-90suzkxw23]{grid-template-columns:1fr}.weld-panel[b-90suzkxw23],.weld-filters[b-90suzkxw23]{padding:14px}.weld-heading[b-90suzkxw23]{flex-wrap:wrap}.weld-panel>header[b-90suzkxw23]{flex-wrap:wrap}.weld-filters label[b-90suzkxw23]{flex:1;min-width:130px}.weld-presets[b-90suzkxw23]{width:100%}} .weld-dashboard button:focus-visible[b-90suzkxw23],.weld-dashboard input:focus-visible[b-90suzkxw23],.weld-dashboard select:focus-visible[b-90suzkxw23]{outline:2px solid var(--ui-accent);outline-offset:3px} .weld-kpis[b-90suzkxw23]{gap:16px;align-items:stretch} .weld-kpis[b-90suzkxw23] .weld-kpi{--tone:var(--ui-info);display:flex;align-items:center;gap:14px;min-width:0;min-height:132px;box-sizing:border-box;padding:20px;border:1px solid var(--ui-border);border-top-color:color-mix(in srgb,var(--tone) 35%,var(--ui-border));border-radius:12px;background:linear-gradient(125deg,color-mix(in srgb,var(--tone) 8%,var(--ui-surface)),var(--ui-surface));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-text) 3%,transparent);transition:border-color .15s ease,box-shadow .15s ease} .weld-kpis[b-90suzkxw23] .weld-kpi.green{--tone:var(--ui-success)} .weld-kpis[b-90suzkxw23] .weld-kpi.gold{--tone:var(--ui-accent)} .weld-kpis[b-90suzkxw23] .weld-kpi.purple{--tone:var(--ui-violet)} .weld-kpis[b-90suzkxw23] .weld-kpi.red{--tone:var(--ui-danger)} .weld-kpis[b-90suzkxw23] .weld-kpi:hover{border-color:color-mix(in srgb,var(--tone) 50%,var(--ui-border));box-shadow:0 4px 18px color-mix(in srgb,var(--tone) 6%,transparent)} .weld-kpis[b-90suzkxw23] .weld-kpi>.mud-icon-root{width:30px;height:30px;box-sizing:content-box;flex-shrink:0;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--tone) 10%,transparent);color:var(--tone)} .weld-kpis[b-90suzkxw23] .weld-kpi>div{display:grid;gap:7px;min-width:0} .weld-kpis[b-90suzkxw23] .weld-kpi span{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);color:var(--ui-text);line-height:1.5} .weld-kpis[b-90suzkxw23] .weld-kpi strong{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);letter-spacing:-.7px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ui-text)} .weld-kpis[b-90suzkxw23] .weld-kpi.long-value strong{font-size:var(--ui-kpi-value-compact-size);letter-spacing:-.35px;overflow-wrap:break-word;font-weight:var(--ui-kpi-value-weight);} .weld-kpis[b-90suzkxw23] .weld-kpi small{font-size:var(--ui-kpi-description-size);color:var(--ui-text-muted);line-height:1.5;font-weight:var(--ui-kpi-description-weight);} @media(min-width:1301px) and (max-width:1650px){.weld-kpis[b-90suzkxw23] .weld-kpi{flex-direction:column;align-items:flex-start;gap:13px;padding:18px}.weld-kpis[b-90suzkxw23] .weld-kpi>div{width:100%}.weld-kpis[b-90suzkxw23] .weld-kpi span{min-height:39px;font-weight:var(--ui-kpi-title-weight);}.weld-kpis[b-90suzkxw23] .weld-kpi small{min-height:36px;font-weight:var(--ui-kpi-description-weight);}} @media(max-width:1300px){.weld-kpis[b-90suzkxw23] .weld-kpi{padding:18px;min-height:124px}} @media(max-width:760px){.weld-kpis[b-90suzkxw23]{gap:12px}.weld-kpis[b-90suzkxw23] .weld-kpi{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;min-height:160px}.weld-kpis[b-90suzkxw23] .weld-kpi>.mud-icon-root{width:26px;height:26px;padding:9px;border-radius:10px}.weld-kpis[b-90suzkxw23] .weld-kpi span{font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);}.weld-kpis[b-90suzkxw23] .weld-kpi strong{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.weld-kpis[b-90suzkxw23] .weld-kpi small{font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight);}} @media(prefers-reduced-motion:reduce){.weld-kpis[b-90suzkxw23] .weld-kpi{transition:none}} .weld-main-grid[b-90suzkxw23]{align-items:start}.weld-comparison table[b-90suzkxw23]{min-width:1020px;font-size:13px}.weld-comparison th[b-90suzkxw23]{background:var(--ui-bg);line-height:1.6;white-space:nowrap}.weld-comparison td[b-90suzkxw23]{vertical-align:middle;font-variant-numeric:tabular-nums;line-height:1.6}.weld-comparison td:first-child[b-90suzkxw23]{min-width:220px}.weld-comparison td small[b-90suzkxw23]{display:block;margin-top:6px}.weld-comparison tbody tr:hover[b-90suzkxw23]{background:color-mix(in srgb,var(--ui-accent) 4%,transparent)}.weld-comparison header small[b-90suzkxw23]{display:block;margin-top:8px}.weld-comparison .weld-scroll[b-90suzkxw23]{max-height:540px}.weld-comparison th[b-90suzkxw23]{position:sticky;top:0;z-index:1}.weld-comparison button[b-90suzkxw23]{white-space:nowrap} .weld-review-grid[b-90suzkxw23]{grid-template-columns:minmax(0,1fr)} @media(min-width:1301px){.weld-trend-grid[b-90suzkxw23]{align-items:stretch}} .weld-review-grid[b-90suzkxw23]{grid-template-columns:minmax(0,1fr)}.weld-review-grid .weld-scroll[b-90suzkxw23]{max-height:340px;overflow:auto}.weld-review-grid th[b-90suzkxw23]{position:sticky;top:0;background:var(--ui-bg);z-index:1}.weld-review-grid td[b-90suzkxw23]{padding:9px 10px}.weld-table-filters[b-90suzkxw23]{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.weld-table-filters label[b-90suzkxw23]{display:grid;gap:6px;color:var(--ui-text-muted);font-size:12px}.weld-table-filters input[b-90suzkxw23],.weld-table-filters select[b-90suzkxw23]{min-width:180px} .weld-dashboard[b-90suzkxw23] { gap:var(--ui-space-6); min-width:0; } .weld-heading[b-90suzkxw23] { align-items:flex-start; gap:var(--ui-space-4); } .weld-heading h1[b-90suzkxw23] { font-size:var(--ui-heading-size); } .weld-heading p[b-90suzkxw23] { line-height:1.5; } .weld-filters[b-90suzkxw23], .weld-panel[b-90suzkxw23] { padding:var(--ui-panel-padding); border-radius:var(--ui-panel-radius); } .weld-filters fieldset[b-90suzkxw23], .weld-table-filters[b-90suzkxw23] { gap:var(--ui-filter-gap); } .weld-filters label[b-90suzkxw23], .weld-table-filters label[b-90suzkxw23] { gap:var(--ui-field-gap); min-width:0; } .weld-filters :is(input,select,button)[b-90suzkxw23], .weld-table-filters :is(input,select,button)[b-90suzkxw23], .weld-pager button[b-90suzkxw23] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .weld-dashboard .weld-apply[b-90suzkxw23] { color:var(--ui-on-accent); background:var(--ui-accent); border-color:var(--ui-accent); } .weld-panel > header[b-90suzkxw23] { gap:var(--ui-space-3); margin-bottom:var(--ui-space-4); flex-wrap:wrap; } .weld-panel h2[b-90suzkxw23] { font-size:1.05rem; line-height:1.4; } .weld-kpis[b-90suzkxw23] { gap:var(--ui-space-3); } .weld-main-grid[b-90suzkxw23], .weld-metric-grid[b-90suzkxw23] { gap:var(--ui-space-4); } .weld-metric-grid > div[b-90suzkxw23] { padding:var(--ui-space-4); border-radius:var(--ui-panel-radius); } .weld-scope[b-90suzkxw23] { display:flex; align-items:center; flex-wrap:wrap; gap:var(--ui-space-2); } .weld-info[b-90suzkxw23] { margin:var(--ui-space-3) 0; color:var(--ui-text-muted); font-size:.8rem; } .weld-info summary[b-90suzkxw23] { cursor:pointer; color:var(--ui-accent); } .weld-info p[b-90suzkxw23] { margin:var(--ui-space-2) 0; line-height:1.6; } .weld-info summary:focus-visible[b-90suzkxw23], .weld-scroll:focus-visible[b-90suzkxw23] { outline:var(--ui-focus-width) solid var(--ui-focus); outline-offset:2px; } .weld-scroll[b-90suzkxw23] { min-width:0; max-width:100%; overflow:auto; overscroll-behavior-x:contain; } .weld-scroll th[b-90suzkxw23], .weld-scroll td[b-90suzkxw23] { padding:var(--ui-table-cell-padding); line-height:1.5; } .weld-error[b-90suzkxw23], .weld-empty[b-90suzkxw23] { overflow-wrap:anywhere; } @media(max-width:760px) { .weld-dashboard[b-90suzkxw23] { gap:var(--ui-space-4); } .weld-filters[b-90suzkxw23], .weld-panel[b-90suzkxw23] { padding:var(--ui-space-4); } .weld-filters label[b-90suzkxw23], .weld-table-filters label[b-90suzkxw23] { flex:1 1 100%; min-width:0; } .weld-filters :is(input,select)[b-90suzkxw23], .weld-table-filters :is(input,select)[b-90suzkxw23] { width:100%; min-width:0; } .weld-presets[b-90suzkxw23] { flex-wrap:wrap; } } .weld-chart-selection[b-90suzkxw23]{grid-column:1/-1;display:grid;gap:8px;min-width:0;padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-panel-radius);background:var(--ui-surface)} .weld-chart-selection label[b-90suzkxw23]{display:grid;gap:8px;color:var(--ui-accent);font-size:13px} .weld-chart-selection select[b-90suzkxw23]{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis;color:var(--ui-text)} .weld-chart-selection small[b-90suzkxw23]{color:var(--ui-text-muted);font-size:12px} .weld-comparison td:last-child button[b-90suzkxw23]{white-space:nowrap;color:var(--ui-accent);border-color:var(--ui-accent)} /* /Components/Pages/Factory/Robots/ConnectionTestDetail.razor.rz.scp.css */ .test-detail[b-0xczoboz7h]{display:grid;gap:18px;color:var(--ui-text)}.test-detail-heading p[b-0xczoboz7h]{margin:0 0 8px;color:var(--ui-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.test-detail-heading h1[b-0xczoboz7h]{margin:0 0 8px;font-size:32px;letter-spacing:-.025em}.test-detail-heading span[b-0xczoboz7h]{display:block;color:var(--ui-text-muted);font-size:14px}.test-detail-heading a[b-0xczoboz7h]{display:inline-block;margin-top:14px;color:var(--ui-text);font-size:13px;text-decoration:none}.test-detail-heading a:hover[b-0xczoboz7h]{color:var(--ui-accent)}.test-detail-toolbar[b-0xczoboz7h]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface)}.test-detail-toolbar div[b-0xczoboz7h]{display:grid;gap:5px}.test-detail-toolbar small[b-0xczoboz7h],.test-detail-card span[b-0xczoboz7h],.test-detail-card small[b-0xczoboz7h]{color:var(--ui-text-muted);font-size:12px}.test-detail-toolbar button[b-0xczoboz7h]{min-height:40px;padding:9px 14px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:13px;cursor:pointer}.test-detail-toolbar button:disabled[b-0xczoboz7h]{opacity:.5;cursor:not-allowed}.test-detail a:focus-visible[b-0xczoboz7h],.test-detail button:focus-visible[b-0xczoboz7h]{outline:2px solid var(--ui-focus);outline-offset:2px}.test-detail-summary[b-0xczoboz7h]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.test-detail-card[b-0xczoboz7h]{display:grid;align-content:start;gap:10px;min-width:0;min-height:110px;padding:18px;border:1px solid var(--ui-border);border-radius:10px;background:linear-gradient(145deg,var(--ui-surface-raised),var(--ui-surface))}.test-detail-card strong[b-0xczoboz7h]{font-size:19px;overflow-wrap:anywhere}.test-detail-card .test-detail-date[b-0xczoboz7h]{font-size:15px;font-variant-numeric:tabular-nums}.test-detail-status.success[b-0xczoboz7h]{color:var(--ui-success)}.test-detail-status.danger[b-0xczoboz7h]{color:var(--ui-danger)}.test-detail-status.pending[b-0xczoboz7h]{color:var(--ui-warning)}.test-detail-panel[b-0xczoboz7h]{min-width:0;padding:18px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface)}.test-detail-panel header[b-0xczoboz7h]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.test-detail-panel h2[b-0xczoboz7h]{margin:0;font-size:18px}.test-detail-panel header span[b-0xczoboz7h]{color:var(--ui-text-muted);font-size:12px}.test-detail-table-wrap[b-0xczoboz7h]{overflow:auto;border:1px solid var(--ui-border);border-radius:8px}.test-detail-table[b-0xczoboz7h]{width:100%;min-width:680px;border-collapse:collapse;font-size:13px}.test-detail-table th[b-0xczoboz7h],.test-detail-table td[b-0xczoboz7h]{padding:15px 14px;text-align:left;border-bottom:1px solid var(--ui-border)}.test-detail-table th[b-0xczoboz7h]{color:var(--ui-text-muted);background:var(--ui-surface-raised);font-size:12px}.test-detail-table tbody tr:last-child td[b-0xczoboz7h]{border-bottom:0}.test-detail-table tbody tr:hover[b-0xczoboz7h]{background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface))}.test-detail-badge[b-0xczoboz7h]{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:650}.test-detail-badge.success[b-0xczoboz7h]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 14%,transparent)}.test-detail-badge.danger[b-0xczoboz7h]{color:var(--ui-danger);background:color-mix(in srgb,var(--ui-danger) 14%,transparent)}.test-detail-badge.pending[b-0xczoboz7h]{color:var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 14%,transparent)}.test-detail-empty[b-0xczoboz7h]{color:var(--ui-text-muted);font-size:13px}@media(max-width:900px){.test-detail-summary[b-0xczoboz7h]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.test-detail-heading h1[b-0xczoboz7h]{font-size:26px}.test-detail-card[b-0xczoboz7h]{min-height:90px;padding:14px}.test-detail-card strong[b-0xczoboz7h]{font-size:16px}.test-detail-panel[b-0xczoboz7h]{padding:14px}.test-detail-toolbar button[b-0xczoboz7h]{width:100%}} /* /Components/Pages/Factory/Robots/ConnectionTests.razor.rz.scp.css */ .connection-tests[b-ps7h2hpqkw]{display:grid;gap:18px;color:var(--ui-text)}.connection-heading p[b-ps7h2hpqkw]{margin:0 0 8px;color:var(--ui-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.connection-heading h1[b-ps7h2hpqkw]{margin:0 0 8px;font-size:32px;letter-spacing:-.025em}.connection-heading span[b-ps7h2hpqkw]{display:block;color:var(--ui-text-muted);font-size:14px}.connection-heading a[b-ps7h2hpqkw]{display:inline-block;margin-top:14px;color:var(--ui-text);font-size:13px;text-decoration:none}.connection-heading a:hover[b-ps7h2hpqkw],.connection-detail:hover[b-ps7h2hpqkw]{color:var(--ui-accent)}.connection-kpis[b-ps7h2hpqkw]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.connection-kpi[b-ps7h2hpqkw]{--tone:var(--ui-info);display:flex;align-items:center;gap:15px;min-height:110px;padding:18px;border:1px solid var(--ui-border);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 8%,var(--ui-surface)),var(--ui-surface))}.connection-kpi.success[b-ps7h2hpqkw]{--tone:var(--ui-success)}.connection-kpi.danger[b-ps7h2hpqkw]{--tone:var(--ui-danger)}.connection-kpi.warning[b-ps7h2hpqkw]{--tone:var(--ui-warning)}.connection-kpi>span[b-ps7h2hpqkw]{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid color-mix(in srgb,var(--tone) 35%,var(--ui-border));border-radius:9px;background:color-mix(in srgb,var(--tone) 12%,var(--ui-bg));color:var(--tone);font-size:22px;font-weight:700}.connection-kpi div[b-ps7h2hpqkw]{display:grid;gap:8px}.connection-kpi small[b-ps7h2hpqkw],.connection-toolbar small[b-ps7h2hpqkw],.connection-note[b-ps7h2hpqkw]{color:var(--ui-text-muted);font-size:12px}.connection-kpi strong[b-ps7h2hpqkw]{font-size:var(--ui-kpi-value-size);line-height:1;font-variant-numeric:tabular-nums;font-weight:var(--ui-kpi-value-weight);}.connection-toolbar[b-ps7h2hpqkw]{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface)}.connection-toolbar>div:first-child[b-ps7h2hpqkw]{display:grid;gap:5px}.connection-actions[b-ps7h2hpqkw]{display:flex;gap:9px;flex-wrap:wrap}.connection-tests button[b-ps7h2hpqkw],.connection-detail[b-ps7h2hpqkw]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.connection-tests .connection-primary[b-ps7h2hpqkw]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700}.connection-tests button:disabled[b-ps7h2hpqkw]{opacity:.5;cursor:not-allowed}.connection-tests a:focus-visible[b-ps7h2hpqkw],.connection-tests button:focus-visible[b-ps7h2hpqkw]{outline:2px solid var(--ui-focus);outline-offset:2px}.connection-confirm[b-ps7h2hpqkw],.connection-message[b-ps7h2hpqkw],.connection-empty[b-ps7h2hpqkw]{padding:16px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface)}.connection-confirm button[b-ps7h2hpqkw]{margin-right:8px}.connection-note[b-ps7h2hpqkw]{margin:0}.connection-table-wrap[b-ps7h2hpqkw]{overflow:auto;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface)}.connection-table[b-ps7h2hpqkw]{width:100%;min-width:800px;border-collapse:collapse;font-size:13px}.connection-table th[b-ps7h2hpqkw],.connection-table td[b-ps7h2hpqkw]{padding:16px 14px;text-align:left;border-bottom:1px solid var(--ui-border);white-space:nowrap}.connection-table th[b-ps7h2hpqkw]{background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:12px}.connection-table tbody tr:last-child td[b-ps7h2hpqkw]{border-bottom:0}.connection-table tbody tr:hover[b-ps7h2hpqkw]{background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface))}.connection-badge[b-ps7h2hpqkw]{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:650;background:var(--ui-surface-raised);color:var(--ui-text-muted)}.connection-badge.success[b-ps7h2hpqkw]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 14%,transparent)}.connection-badge.danger[b-ps7h2hpqkw]{color:var(--ui-danger);background:color-mix(in srgb,var(--ui-danger) 14%,transparent)}.connection-badge.pending[b-ps7h2hpqkw]{color:var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 14%,transparent)}.connection-detail[b-ps7h2hpqkw]{min-height:34px;padding:6px 10px;font-size:12px}@media(max-width:900px){.connection-kpis[b-ps7h2hpqkw]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.connection-heading h1[b-ps7h2hpqkw]{font-size:26px}.connection-kpi[b-ps7h2hpqkw]{min-height:90px;padding:12px;gap:10px}.connection-kpi>span[b-ps7h2hpqkw]{width:40px;height:40px}.connection-kpi strong[b-ps7h2hpqkw]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.connection-toolbar[b-ps7h2hpqkw]{align-items:stretch}.connection-actions[b-ps7h2hpqkw]{width:100%}.connection-actions button[b-ps7h2hpqkw]{flex:1}} .connection-flow-backdrop[b-ps7h2hpqkw] { position:fixed; inset:0; z-index:1400; display:grid; place-items:center; padding:20px; background:rgba(4,7,10,.78); backdrop-filter:blur(5px); } .connection-heading[b-ps7h2hpqkw] { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; } .connection-heading>div[b-ps7h2hpqkw] { min-width:0; } .connection-heading .connection-back-button[b-ps7h2hpqkw] { flex:none; margin-top:0; padding:10px 15px; border:1px solid var(--ui-control-border); border-radius:8px; background:var(--ui-surface); color:var(--ui-text); font-weight:650; } .connection-heading .connection-back-button:hover[b-ps7h2hpqkw] { border-color:var(--ui-accent); background:color-mix(in srgb,var(--ui-accent) 8%,var(--ui-surface)); color:var(--ui-accent); } .connection-progress[b-ps7h2hpqkw] { width:min(620px,100%); max-height:min(90vh,760px); overflow:auto; padding:24px; border:1px solid var(--ui-border); border-radius:14px; background:var(--ui-surface); box-shadow:0 24px 80px rgba(0,0,0,.48); } .connection-progress header[b-ps7h2hpqkw] { display:flex; justify-content:space-between; align-items:center; gap:14px; } .connection-progress h2[b-ps7h2hpqkw] { margin:0 0 5px; font-size:23px; } .connection-progress header span[b-ps7h2hpqkw] { color:var(--ui-text-muted); font-size:13px; } .connection-flow-kicker[b-ps7h2hpqkw] { margin:0 0 7px!important; color:var(--ui-accent)!important; font-size:10px!important; font-weight:800; letter-spacing:.12em; } .connection-flow-description[b-ps7h2hpqkw] { margin:18px 0; color:var(--ui-text-muted); font-size:13px; line-height:1.55; } .connection-progress ol[b-ps7h2hpqkw] { list-style:none; padding:0; margin:0; display:grid; gap:9px; } .connection-progress li[b-ps7h2hpqkw] { display:flex; align-items:center; gap:12px; min-height:62px; padding:11px 13px; border:1px solid var(--ui-border); border-radius:9px; background:var(--ui-bg); } .connection-progress li.success[b-ps7h2hpqkw] { border-color:color-mix(in srgb,var(--ui-success) 35%,var(--ui-border)); }.connection-progress li.danger[b-ps7h2hpqkw] { border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-border)); } .connection-progress li.active[b-ps7h2hpqkw] { border-color:color-mix(in srgb,var(--ui-accent) 55%,var(--ui-border)); background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-bg)); } .connection-step-number[b-ps7h2hpqkw] { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--ui-surface-raised); color:var(--ui-text-muted); flex:none; font-weight:750; } .connection-progress li.success .connection-step-number[b-ps7h2hpqkw] { color:var(--ui-success); background:color-mix(in srgb,var(--ui-success) 13%,var(--ui-surface)); }.connection-progress li.danger .connection-step-number[b-ps7h2hpqkw] { color:var(--ui-danger); background:color-mix(in srgb,var(--ui-danger) 13%,var(--ui-surface)); } .connection-progress li.active .connection-step-number[b-ps7h2hpqkw] { color:var(--ui-on-accent); background:var(--ui-accent); } .connection-step-copy[b-ps7h2hpqkw] { display:grid; gap:4px; min-width:0; }.connection-step-copy strong[b-ps7h2hpqkw] { font-size:13px; }.connection-step-copy small[b-ps7h2hpqkw] { color:var(--ui-text-muted); font-size:11px; } .connection-step-result[b-ps7h2hpqkw] { margin-left:auto; font-size:12px; text-align:right; } .connection-step-result.success[b-ps7h2hpqkw] { color:var(--ui-success); }.connection-step-result.danger[b-ps7h2hpqkw] { color:var(--ui-danger); }.connection-step-result.pending[b-ps7h2hpqkw] { color:var(--ui-text-muted); } .connection-step-result.active[b-ps7h2hpqkw] { color:var(--ui-accent); font-weight:700; } .connection-progress footer[b-ps7h2hpqkw] { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:20px; padding-top:16px; border-top:1px solid var(--ui-border); } .connection-progress footer span[b-ps7h2hpqkw] { color:var(--ui-text-muted); font-size:12px; line-height:1.45; } .connection-progress .connection-primary[b-ps7h2hpqkw] { border-color:var(--ui-accent); background:var(--ui-accent); color:var(--ui-on-accent); font-weight:700; } @media(max-width:600px){.connection-heading[b-ps7h2hpqkw]{flex-direction:column;align-items:stretch}.connection-heading .connection-back-button[b-ps7h2hpqkw]{align-self:flex-start}.connection-flow-backdrop[b-ps7h2hpqkw]{padding:12px}.connection-progress[b-ps7h2hpqkw]{padding:18px}.connection-progress h2[b-ps7h2hpqkw]{font-size:20px}.connection-progress footer[b-ps7h2hpqkw]{align-items:stretch;flex-direction:column-reverse}.connection-progress footer button[b-ps7h2hpqkw]{width:100%}} /* /Components/Pages/Factory/Robots/Create.razor.rz.scp.css */ .robot-create[b-zp71cohwul] { display: grid; gap: 20px; max-width: 1000px; margin-inline: auto; color: var(--ui-text); } .robot-create-heading[b-zp71cohwul] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 4px; } .robot-create-heading p[b-zp71cohwul] { margin: 0 0 7px; color: var(--ui-accent); font-size: 11px; font-weight: 800; letter-spacing: .1em; } .robot-create-heading h1[b-zp71cohwul] { margin: 0; font-size: clamp(26px, 3vw, 34px); letter-spacing: -.035em; } .robot-create-heading > a[b-zp71cohwul] { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 8px 13px; border: 1px solid var(--ui-border); border-radius: 8px; background: var(--ui-surface); color: var(--ui-text); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; } .robot-create-heading > a:hover[b-zp71cohwul] { border-color: var(--ui-accent); color: var(--ui-accent); } .robot-create-card[b-zp71cohwul], .robot-create-state[b-zp71cohwul] { position: relative; overflow: hidden; min-width: 0; padding: clamp(17px, 3vw, 26px); border: 1px solid var(--ui-border); border-radius: 12px; background: linear-gradient(145deg, var(--ui-surface-raised), var(--ui-surface)); box-shadow: var(--ui-shadow); } .robot-create-card[b-zp71cohwul]::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, var(--ui-accent), color-mix(in srgb, var(--ui-accent) 10%, transparent)); content: ""; } .robot-create-card-heading[b-zp71cohwul] { display: flex; align-items: center; gap: 13px; padding-bottom: 16px; border-bottom: 1px solid var(--ui-border); } .robot-create-card-heading > span[b-zp71cohwul], .robot-create-state > span[b-zp71cohwul] { display: grid; width: 42px; height: 42px; flex: none; place-items: center; border: 1px solid color-mix(in srgb, var(--ui-accent) 40%, var(--ui-border)); border-radius: 10px; background: var(--ui-accent-soft); color: var(--ui-accent); font-size: 24px; } .robot-create-card-heading h2[b-zp71cohwul], .robot-create-state h2[b-zp71cohwul] { margin: 0; font-size: 17px; letter-spacing: -.02em; } .robot-create-card[b-zp71cohwul] form { margin-top: 18px; } .robot-create-card[b-zp71cohwul] fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-width: 0; padding: 0; border: 0; } .robot-create-card[b-zp71cohwul] .operator-management-form { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 16px; } .robot-create-card[b-zp71cohwul] .robot-connection-heading { grid-column: 1 / -1; margin: 5px 0 -3px; padding-top: 13px; border-top: 1px solid var(--ui-border); color: var(--ui-text); font-size: 13px; font-weight: 750; letter-spacing: .01em; } .robot-create-card[b-zp71cohwul] label { display: grid; gap: 7px; min-width: 0; color: var(--ui-text-muted); font-size: 13px; font-weight: 650; } .robot-create-card[b-zp71cohwul] input:not([type=checkbox]), .robot-create-card[b-zp71cohwul] select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--ui-control-border); border-radius: 8px; background: var(--ui-bg); color: var(--ui-text); font: inherit; font-size: 13px; } .robot-create-card[b-zp71cohwul] input:not([type=checkbox]):focus, .robot-create-card[b-zp71cohwul] select:focus { border-color: var(--ui-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent) 13%, transparent); outline: 0; } .robot-create-card[b-zp71cohwul] .operator-management-form > label.robot-option { display: flex; flex-direction: row; grid-column: 1 / -1; align-items: center; justify-content: flex-start; gap: 10px; min-height: 44px; padding: 4px 0; border: 0; border-radius: 0; background: transparent; color: var(--ui-text); text-align: left; line-height: 1.4; cursor: pointer; } .robot-create-card[b-zp71cohwul] .robot-option span { display:block; } .robot-create-card[b-zp71cohwul] .robot-option input[type=checkbox] { width: 17px; height: 17px; flex: none; margin: 0; accent-color: var(--ui-accent); } .robot-create-card[b-zp71cohwul] fieldset > p { grid-column: 1 / -1; margin: 0; padding: 11px 12px; border: 1px solid color-mix(in srgb, var(--ui-warning) 35%, var(--ui-border)); border-radius: 8px; background: color-mix(in srgb, var(--ui-warning) 6%, var(--ui-surface)); color: var(--ui-text-muted); font-size: 11px; line-height: 1.5; } .robot-create-card[b-zp71cohwul] button[type=submit], .robot-create-primary[b-zp71cohwul] { min-height: 42px; padding: 10px 17px; border: 1px solid var(--ui-accent); border-radius: 8px; background: var(--ui-accent); color: var(--ui-on-accent); font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; } .robot-create-card[b-zp71cohwul] fieldset > button[type=submit] { grid-column: 2; justify-self: end; min-width: 180px; } .robot-create-card[b-zp71cohwul] button[type=submit]:hover, .robot-create-primary:hover[b-zp71cohwul] { background: var(--ui-accent-hover); } .robot-create-card[b-zp71cohwul] button:disabled, .robot-create-primary:disabled[b-zp71cohwul] { opacity: .55; cursor: not-allowed; } .robot-create-state[b-zp71cohwul] { display: grid; justify-items: center; gap: 10px; text-align: center; } .robot-create-alert[b-zp71cohwul], .robot-create-progress[b-zp71cohwul] { padding: 12px 14px; border: 1px solid var(--ui-border); border-radius: 8px; background: var(--ui-surface); font-size: 13px; line-height: 1.5; } .robot-create-alert.error[b-zp71cohwul] { border-color: color-mix(in srgb, var(--ui-danger) 45%, var(--ui-border)); color: var(--ui-danger); } .robot-create-alert.success[b-zp71cohwul] { border-color: color-mix(in srgb, var(--ui-success) 45%, var(--ui-border)); color: var(--ui-success); } .robot-create-alert.warning[b-zp71cohwul] { border-color: color-mix(in srgb, var(--ui-warning) 45%, var(--ui-border)); color: var(--ui-warning); } .robot-create-progress[b-zp71cohwul] { color: var(--ui-text-muted); } .robot-create-progress span[b-zp71cohwul] { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--ui-accent); } .robot-create button:focus-visible[b-zp71cohwul], .robot-create a:focus-visible[b-zp71cohwul], .robot-create[b-zp71cohwul] input:focus-visible, .robot-create[b-zp71cohwul] select:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; } @media (max-width: 700px) { .robot-create[b-zp71cohwul] { gap: 14px; } .robot-create-heading h1[b-zp71cohwul] { font-size: 26px; } .robot-create-card[b-zp71cohwul] fieldset, .robot-create-card[b-zp71cohwul] .operator-management-form { grid-template-columns: minmax(0, 1fr); } .robot-create-card[b-zp71cohwul] fieldset > button[type=submit] { grid-column: 1; width: 100%; } } .robot-create-card[b-zp71cohwul] .operator-management-form { gap:var(--ui-space-4); } .robot-create-card[b-zp71cohwul] label { gap:var(--ui-field-gap); color:var(--ui-text); font-size:.875rem; } .robot-create-card[b-zp71cohwul] input:not([type=checkbox]), .robot-create-card[b-zp71cohwul] select { min-height:var(--ui-control-height); padding:var(--ui-space-2) var(--ui-control-padding-inline); border-radius:var(--ui-control-radius); } .robot-create-card[b-zp71cohwul] button[type=submit], .robot-create-primary[b-zp71cohwul] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .robot-create-card[b-zp71cohwul] fieldset > p { font-size:.75rem; line-height:1.5; } .robot-create-alert.error[b-zp71cohwul] { padding:var(--ui-space-3) var(--ui-space-4); border:1px solid var(--ui-danger); border-radius:var(--ui-control-radius); background:color-mix(in srgb,var(--ui-danger) 8%,var(--ui-surface)); color:var(--ui-danger); } .robot-create-card[b-zp71cohwul] .robot-form-actions { grid-column:1/-1; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:var(--ui-space-3); padding-top:var(--ui-space-4); border-top:1px solid var(--ui-border); } .robot-create-card[b-zp71cohwul] .robot-form-actions .ui-button { min-height:var(--ui-control-height); min-width:150px; border-radius:var(--ui-control-radius); } @media(max-width:700px) { .robot-create-card[b-zp71cohwul] .robot-form-actions { flex-direction:column-reverse; } .robot-create-card[b-zp71cohwul] .robot-form-actions .ui-button { width:100%; } } /* /Components/Pages/Factory/Robots/Detail.razor.rz.scp.css */ .robot-detail-dashboard[b-u76xrvc5vl] { display:grid;gap:20px;color:var(--ui-text);font-size:14px; } .detail-heading[b-u76xrvc5vl] { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px; } .detail-eyebrow[b-u76xrvc5vl] { margin:0 0 8px;color:var(--ui-accent);font-size:12px;font-weight:700;letter-spacing:.12em; } .detail-heading h1[b-u76xrvc5vl] { margin:0 0 7px;font-size:30px;font-weight:750; } .detail-heading p:last-child[b-u76xrvc5vl] { margin:0;color:var(--ui-text-muted); } .detail-back[b-u76xrvc5vl] { display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--ui-accent-secondary);border-radius:8px;color:var(--ui-accent);font-size:13px; } .detail-back[b-u76xrvc5vl] svg { width:18px;height:18px; } .detail-back:hover[b-u76xrvc5vl] { background:var(--ui-accent-soft); } .detail-hero[b-u76xrvc5vl] { display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,2.6fr);gap:20px;min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 3%,var(--ui-surface)),var(--ui-bg)); } .detail-robot-image[b-u76xrvc5vl] { display:flex;align-items:center;min-width:0; } .detail-robot-image img[b-u76xrvc5vl] { display:block;width:100%;height:100%;max-height:310px;object-fit:contain; } .detail-hero-information[b-u76xrvc5vl] { min-width:0; } .detail-status-grid[b-u76xrvc5vl] { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; } .detail-status[b-u76xrvc5vl],.detail-measurement[b-u76xrvc5vl] { --metric-color:var(--ui-accent);display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--metric-color) 18%,var(--ui-border));border-radius:10px;background:linear-gradient(120deg,color-mix(in srgb,var(--metric-color) 9%,var(--ui-surface)),var(--ui-surface)); } .tone-blue[b-u76xrvc5vl],.status-moving[b-u76xrvc5vl] { --metric-color:var(--ui-info); } .tone-purple[b-u76xrvc5vl],.status-welding[b-u76xrvc5vl] { --metric-color:var(--ui-violet); } .tone-green[b-u76xrvc5vl],.status-running[b-u76xrvc5vl],.status-connected[b-u76xrvc5vl] { --metric-color:var(--ui-success); } .status-fault[b-u76xrvc5vl],.status-disconnected[b-u76xrvc5vl],.tone-red[b-u76xrvc5vl] { --metric-color:var(--ui-danger); } .status-hold[b-u76xrvc5vl],.status-paused[b-u76xrvc5vl],.status-waiting[b-u76xrvc5vl],.status-idle[b-u76xrvc5vl] { --metric-color:var(--ui-warning); } .tone-neutral[b-u76xrvc5vl],.status-unknown[b-u76xrvc5vl] { --metric-color:var(--ui-unknown); } .detail-status[b-u76xrvc5vl] svg,.detail-measurement[b-u76xrvc5vl] svg { flex:0 0 36px;width:36px;height:40px;padding:6px;border-radius:9px;color:var(--metric-color);background:color-mix(in srgb,var(--metric-color) 13%,transparent); } .detail-status > div[b-u76xrvc5vl],.detail-measurement > div[b-u76xrvc5vl] { min-width:0; } .detail-status span[b-u76xrvc5vl],.detail-measurement span[b-u76xrvc5vl] { display:block;margin-bottom:6px;color:var(--ui-text-muted);font-size:12px; } .detail-status strong[b-u76xrvc5vl] { display:block;color:var(--metric-color);font-size:16px;font-weight:650;overflow-wrap:anywhere; } .detail-status .detail-alarm-text[b-u76xrvc5vl] { font-size:13px;line-height:1.45; } .detail-program[b-u76xrvc5vl] { display:grid;grid-template-columns:1.5fr .6fr 1fr 1fr .7fr;gap:14px;margin:16px 0 0;padding:14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg); } .detail-program > div[b-u76xrvc5vl] { min-width:0;border-right:1px solid var(--ui-border);padding-right:10px; } .detail-program > div:last-child[b-u76xrvc5vl] { border-right:0; } .detail-program dt[b-u76xrvc5vl] { color:var(--ui-text-muted);font-size:12px; } .detail-program dd[b-u76xrvc5vl] { margin:7px 0 0;font-size:15px;font-weight:650;overflow-wrap:anywhere; } h2[b-u76xrvc5vl] { margin:0 0 12px;font-size:19px;font-weight:650; } .detail-measurement-grid[b-u76xrvc5vl],.detail-chart-grid[b-u76xrvc5vl] { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; } .detail-measurement[b-u76xrvc5vl] { min-height:100px;padding:18px; } .detail-measurement strong[b-u76xrvc5vl] { font-size:26px;font-weight:750;color:var(--metric-color);line-height:1.3;overflow-wrap:anywhere; } .detail-measurement[b-u76xrvc5vl] svg { width:48px;height:48px;flex-basis:48px;padding:9px; } .detail-chart-heading[b-u76xrvc5vl] { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px; } .detail-chart-heading h2[b-u76xrvc5vl] { margin:0; } .detail-range-controls[b-u76xrvc5vl] { display:flex;flex-wrap:wrap;gap:6px; } .detail-range-controls button[b-u76xrvc5vl] { min-height:40px;min-width:54px;padding:8px 12px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text-muted);font-size:13px;cursor:pointer; } .detail-range-controls button.selected[b-u76xrvc5vl] { border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent); } .detail-chart-tools[b-u76xrvc5vl] { display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0;color:var(--ui-text-muted);font-size:12px; } .detail-chart-tools label[b-u76xrvc5vl] { display:grid;gap:5px; } .detail-chart-tools input[b-u76xrvc5vl],.detail-chart-tools button[b-u76xrvc5vl] { min-height:38px;padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text); } .detail-chart-tools button[b-u76xrvc5vl] { cursor:pointer; } .detail-chart-tools button:hover[b-u76xrvc5vl] { border-color:var(--ui-accent);color:var(--ui-accent); } .detail-chart-status[b-u76xrvc5vl] { align-self:center;color:var(--ui-accent); } .detail-wfs-note[b-u76xrvc5vl] { margin-left:auto;align-self:center; } .detail-panel[b-u76xrvc5vl] { min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:11px;background:linear-gradient(135deg,var(--ui-surface),var(--ui-bg)); } .detail-note[b-u76xrvc5vl] { margin:10px 0;color:var(--ui-text-muted);font-size:12px;line-height:1.6; } .detail-bottom-grid[b-u76xrvc5vl] { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; } .detail-bottom-grid h2[b-u76xrvc5vl] { font-size:16px; } .detail-data-list[b-u76xrvc5vl] { margin:0; } .detail-data-list > div[b-u76xrvc5vl] { display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--ui-border); } .detail-data-list > div:last-child[b-u76xrvc5vl] { border-bottom:0; } .detail-data-list dt[b-u76xrvc5vl] { color:var(--ui-text-muted);font-size:12px; } .detail-data-list dd[b-u76xrvc5vl] { margin:0;font-size:13px;overflow-wrap:anywhere; } .detail-error[b-u76xrvc5vl] { padding:14px;border:1px solid color-mix(in srgb,var(--ui-danger) 45%,var(--ui-border));border-radius:9px;background:color-mix(in srgb,var(--ui-danger) 4%,var(--ui-surface));color:var(--ui-danger); } .detail-empty[b-u76xrvc5vl] { padding:30px;border:1px dashed var(--ui-border);border-radius:10px;color:var(--ui-text-muted); } @media(max-width:1200px){ .detail-chart-grid[b-u76xrvc5vl] { grid-template-columns:minmax(0,1fr); } .detail-hero[b-u76xrvc5vl] { grid-template-columns:minmax(120px,.7fr) minmax(0,2fr); } .detail-status-grid[b-u76xrvc5vl] { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:800px){ .detail-hero[b-u76xrvc5vl] { grid-template-columns:minmax(0,1fr); } .detail-robot-image img[b-u76xrvc5vl] { max-height:200px; } .detail-measurement-grid[b-u76xrvc5vl],.detail-bottom-grid[b-u76xrvc5vl] { grid-template-columns:minmax(0,1fr); } .detail-program[b-u76xrvc5vl] { grid-template-columns:repeat(2,minmax(0,1fr)); } .detail-program > div[b-u76xrvc5vl] { border:0; } } @media(max-width:400px){ .detail-status-grid[b-u76xrvc5vl] { grid-template-columns:minmax(0,1fr); } } /* /Components/Pages/Factory/Robots/Edit.razor.rz.scp.css */ .robot-edit[b-1qhmsyvu6w]{display:grid;gap:var(--ui-space-4);min-width:0;color:var(--ui-text)} .robot-edit-heading[b-1qhmsyvu6w]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ui-space-4)} .robot-edit-heading p[b-1qhmsyvu6w]{margin:0 0 6px;color:var(--ui-accent);font-size:12px;font-weight:600;letter-spacing:.08em} .robot-edit-heading h1[b-1qhmsyvu6w]{margin:0;font-size:var(--ui-heading-size);line-height:1.2;letter-spacing:-.025em} .robot-edit-actions[b-1qhmsyvu6w]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--ui-space-2);margin-left:auto} .robot-edit-reload span[b-1qhmsyvu6w]{font-size:18px;line-height:1} .robot-edit-columns[b-1qhmsyvu6w]{display:grid;grid-template-columns:minmax(0,1fr);min-width:0} .robot-edit-panel[b-1qhmsyvu6w]{min-width:0;padding:var(--ui-panel-padding);border:1px solid var(--ui-border);border-radius:var(--ui-panel-radius);background:var(--ui-surface)} .robot-edit-panel[b-1qhmsyvu6w] fieldset{border:0;padding:0;margin:0;min-width:0} .robot-edit-panel[b-1qhmsyvu6w] .operator-management-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:18px 24px;margin:0} .robot-edit-panel[b-1qhmsyvu6w] label{display:grid;min-width:0;gap:var(--ui-field-gap);color:var(--ui-text);font-size:13px;font-weight:500} .robot-edit-panel[b-1qhmsyvu6w] input:not([type=checkbox]),.robot-edit-panel[b-1qhmsyvu6w] select{width:100%;min-width:0;min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-control-padding-inline);border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-bg);color:var(--ui-text);font:inherit;font-weight:400} .robot-edit-panel[b-1qhmsyvu6w] .robot-connection-heading{grid-column:1/-1;margin:6px 0 0;padding-top:20px;border-top:1px solid var(--ui-border);color:var(--ui-accent);font-size:14px;font-weight:600} .robot-edit-panel[b-1qhmsyvu6w] label.robot-option{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:36px;padding:0;margin:0;white-space:normal;cursor:pointer} .robot-edit-panel[b-1qhmsyvu6w] .robot-option input[type=checkbox]{appearance:auto;flex:0 0 18px;width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:var(--ui-accent);cursor:pointer} .robot-edit-panel[b-1qhmsyvu6w] .robot-option span{display:block;font-size:13px;line-height:1.5;font-weight:400;color:var(--ui-text)} .robot-edit-panel[b-1qhmsyvu6w] .robot-form-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:var(--ui-space-3);margin-top:24px;padding-top:20px;border-top:1px solid var(--ui-border)} .robot-edit-panel[b-1qhmsyvu6w] .robot-form-actions .ui-button{min-width:130px} .robot-edit-panel[b-1qhmsyvu6w] fieldset:disabled{opacity:.6} .robot-edit-panel[b-1qhmsyvu6w] :is(input,select,button,a):focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus);outline-offset:3px} @media(max-width:700px){.robot-edit-panel[b-1qhmsyvu6w]{padding:var(--ui-space-4)}.robot-edit-panel[b-1qhmsyvu6w] .operator-management-form{grid-template-columns:minmax(0,1fr)}.robot-edit-actions[b-1qhmsyvu6w]{width:100%}.robot-edit-panel[b-1qhmsyvu6w] .robot-form-actions .ui-button{flex:1;min-width:0}} /* /Components/Pages/Factory/Robots/List.razor.rz.scp.css */ .robot-manage[b-7h6mnfsthk]{display:grid;gap:20px;color:var(--ui-text)}.robot-manage-heading p[b-7h6mnfsthk]{margin:0 0 8px;color:var(--ui-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.robot-manage-heading h1[b-7h6mnfsthk]{margin:0 0 8px;font-size:32px;letter-spacing:-.025em}.robot-manage-heading span[b-7h6mnfsthk],.robot-manage-note[b-7h6mnfsthk]{color:var(--ui-text-muted);font-size:13px;line-height:1.6}.robot-manage-heading a[b-7h6mnfsthk]{color:var(--ui-accent)}.robot-manage-kpis[b-7h6mnfsthk]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.robot-manage-kpi[b-7h6mnfsthk]{--tone:var(--ui-accent);display:flex;align-items:center;gap:16px;min-width:0;min-height:112px;padding:18px;border:1px solid var(--ui-border);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 8%,var(--ui-surface)),var(--ui-surface))}.robot-manage-kpi.green[b-7h6mnfsthk]{--tone:var(--ui-success)}.robot-manage-kpi.blue[b-7h6mnfsthk]{--tone:var(--ui-info)}.robot-manage-kpi.red[b-7h6mnfsthk]{--tone:var(--ui-danger)}.robot-manage-kpi-icon[b-7h6mnfsthk]{display:grid;place-items:center;flex:0 0 50px;height:50px;border:1px solid color-mix(in srgb,var(--tone) 35%,var(--ui-border));border-radius:10px;background:color-mix(in srgb,var(--tone) 12%,var(--ui-bg));color:var(--tone);font-size:24px;font-weight:700}.robot-manage-kpi>div[b-7h6mnfsthk]{display:grid;gap:8px}.robot-manage-kpi div span[b-7h6mnfsthk]{font-size:var(--ui-kpi-title-size);color:var(--ui-text);font-weight:var(--ui-kpi-title-weight);}.robot-manage-kpi strong[b-7h6mnfsthk]{font-size:var(--ui-kpi-value-size);line-height:1;font-variant-numeric:tabular-nums;font-weight:var(--ui-kpi-value-weight);}.robot-manage-toolbar[b-7h6mnfsthk]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface)}.robot-manage-toolbar label[b-7h6mnfsthk]{min-width:150px;flex:1}.robot-manage-toolbar label:first-child[b-7h6mnfsthk]{flex:1.6;min-width:200px}.robot-manage-toolbar input[b-7h6mnfsthk],.robot-manage-toolbar select[b-7h6mnfsthk]{width:100%;min-height:44px;padding:10px 12px;color:var(--ui-text);background:var(--ui-bg);border:1px solid var(--ui-control-border);border-radius:7px;font:inherit}.robot-manage-refresh[b-7h6mnfsthk],.robot-manage-add[b-7h6mnfsthk],.robot-manage-actions a[b-7h6mnfsthk],.robot-manage-actions button[b-7h6mnfsthk],.robot-manage-confirm button[b-7h6mnfsthk]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.robot-manage-refresh[b-7h6mnfsthk],.robot-manage-add[b-7h6mnfsthk]{min-height:44px;font-size:13px;font-weight:650}.robot-manage-refresh span[b-7h6mnfsthk],.robot-manage-add span[b-7h6mnfsthk]{font-size:20px}.robot-manage-add[b-7h6mnfsthk]{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}.robot-manage button:disabled[b-7h6mnfsthk]{opacity:.5;cursor:not-allowed}.robot-manage a:focus-visible[b-7h6mnfsthk],.robot-manage button:focus-visible[b-7h6mnfsthk],.robot-manage input:focus-visible[b-7h6mnfsthk],.robot-manage select:focus-visible[b-7h6mnfsthk]{outline:2px solid var(--ui-focus);outline-offset:2px}.robot-manage-table-wrap[b-7h6mnfsthk]{overflow:auto;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface)}.robot-manage-table[b-7h6mnfsthk]{width:100%;min-width:1100px;border-collapse:collapse;font-size:13px}.robot-manage-table th[b-7h6mnfsthk],.robot-manage-table td[b-7h6mnfsthk]{padding:17px 14px;text-align:left;border-bottom:1px solid var(--ui-border);vertical-align:middle}.robot-manage-table thead th[b-7h6mnfsthk]{color:var(--ui-text-muted);font-size:12px;font-weight:700;background:var(--ui-surface-raised)}.robot-manage-table tbody tr:last-child td[b-7h6mnfsthk]{border-bottom:0}.robot-manage-table tbody tr:hover[b-7h6mnfsthk]{background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface))}.robot-manage-name[b-7h6mnfsthk]{display:flex;align-items:center;gap:12px;min-width:160px}.robot-manage-symbol[b-7h6mnfsthk]{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:8px;border:1px solid color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-bg));color:var(--ui-accent);font-size:20px}.robot-manage-collector[b-7h6mnfsthk]{display:inline-block;padding:5px 9px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface-raised);font-variant-numeric:tabular-nums}.robot-manage-endpoint[b-7h6mnfsthk]{white-space:nowrap;line-height:1.6}.robot-manage-endpoint small[b-7h6mnfsthk],.robot-manage-test small[b-7h6mnfsthk]{display:block;color:var(--ui-text-muted);font-size:12px}.robot-manage-badge[b-7h6mnfsthk]{display:inline-flex;gap:5px;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}.robot-manage-badge.on[b-7h6mnfsthk]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 14%,transparent)}.robot-manage-badge.off[b-7h6mnfsthk]{color:var(--ui-text-muted);background:var(--ui-surface-raised)}.robot-manage-test[b-7h6mnfsthk]{min-width:160px;line-height:1.6}.robot-manage-test.ok strong[b-7h6mnfsthk]{color:var(--ui-success)}.robot-manage-test.failed strong[b-7h6mnfsthk]{color:var(--ui-danger)}.robot-manage-test.unknown strong[b-7h6mnfsthk]{color:var(--ui-text-muted)}.robot-manage-actions[b-7h6mnfsthk]{display:flex;flex-wrap:wrap;gap:7px;min-width:250px}.robot-manage-actions a:hover[b-7h6mnfsthk],.robot-manage-actions button:hover[b-7h6mnfsthk],.robot-manage-refresh:hover[b-7h6mnfsthk]{border-color:var(--ui-accent);color:var(--ui-accent)}.robot-manage-empty[b-7h6mnfsthk],.robot-manage-message[b-7h6mnfsthk],.robot-manage-confirm[b-7h6mnfsthk]{padding:16px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface)}.robot-manage-confirm button[b-7h6mnfsthk]{margin-right:8px}.robot-manage-note[b-7h6mnfsthk]{margin:0}.sr-only[b-7h6mnfsthk]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1200px){.robot-manage-kpis[b-7h6mnfsthk]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.robot-manage-heading h1[b-7h6mnfsthk]{font-size:26px}.robot-manage-kpis[b-7h6mnfsthk]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.robot-manage-kpi[b-7h6mnfsthk]{min-height:95px;padding:12px;gap:10px}.robot-manage-kpi-icon[b-7h6mnfsthk]{flex-basis:40px;height:40px;font-size:19px}.robot-manage-kpi strong[b-7h6mnfsthk]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.robot-manage-toolbar[b-7h6mnfsthk]{padding:12px}.robot-manage-toolbar label[b-7h6mnfsthk],.robot-manage-toolbar label:first-child[b-7h6mnfsthk]{flex:1 1 100%;min-width:0}.robot-manage-refresh[b-7h6mnfsthk],.robot-manage-add[b-7h6mnfsthk]{flex:1}.robot-manage-table th[b-7h6mnfsthk],.robot-manage-table td[b-7h6mnfsthk]{padding:12px}} .robot-manage .ui-header[b-7h6mnfsthk] { margin-bottom:0; } .robot-manage .robot-manage-toolbar[b-7h6mnfsthk] { gap:var(--ui-filter-gap); padding:var(--ui-space-4); border-radius:var(--ui-panel-radius); } .robot-manage .robot-manage-toolbar input[b-7h6mnfsthk], .robot-manage .robot-manage-toolbar select[b-7h6mnfsthk] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .robot-manage .robot-manage-table th[b-7h6mnfsthk], .robot-manage .robot-manage-table td[b-7h6mnfsthk] { padding:var(--ui-space-2) var(--ui-space-3); } .robot-manage .robot-manage-actions[b-7h6mnfsthk] { gap:var(--ui-space-2); } .robot-manage .robot-manage-actions .ui-button[b-7h6mnfsthk] { min-height:calc(var(--ui-control-height) - var(--ui-space-2)); padding:var(--ui-space-1) var(--ui-space-3); border-radius:var(--ui-control-radius); font-size:.75rem; } .robot-manage .robot-manage-badge[b-7h6mnfsthk] { border:1px solid transparent; } .robot-manage .robot-manage-badge.on[b-7h6mnfsthk] { border-color:color-mix(in srgb,var(--ui-success) 32%,var(--ui-border)); } .robot-manage .robot-manage-badge.off[b-7h6mnfsthk] { border-color:var(--ui-border); color:var(--ui-unknown); } @media(max-width:700px) { .robot-manage .robot-manage-actions .ui-button[b-7h6mnfsthk] { min-height:var(--ui-control-height); } } .robot-manage-actions .robot-delete[b-7h6mnfsthk]{border-color:var(--ui-danger);color:var(--ui-danger);background:transparent}.robot-manage-actions .robot-delete:hover[b-7h6mnfsthk]{background:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-surface))}.robot-delete-dialog[b-7h6mnfsthk] .confirm-submit{background:var(--ui-surface);border-color:var(--ui-danger);color:var(--ui-danger)} .robot-manage-kpi-icon[b-7h6mnfsthk] svg{width:28px;height:28px} .robot-manage-symbol[b-7h6mnfsthk] svg{width:25px;height:25px} /* /Components/Pages/Factory/Robots/Live.razor.rz.scp.css */ .live-robot-page[b-xjbxt543o2] { color:var(--ui-text); font-size:14px; } .live-page-heading[b-xjbxt543o2] { align-items:center; margin-bottom:20px; } .live-page-heading h1[b-xjbxt543o2] { margin-bottom:8px; font-size:32px; } .live-page-heading .page-description[b-xjbxt543o2] { margin:0; color:var(--ui-text-muted); font-size:14px; } .live-heading-meta[b-xjbxt543o2] { display:flex; align-items:center; flex-wrap:wrap; gap:12px; } .live-last-update[b-xjbxt543o2] { display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid var(--ui-border); border-radius:10px; color:var(--ui-text-muted); font-size:12px; } .live-last-update[b-xjbxt543o2] svg { color:var(--ui-accent); } .live-last-update strong[b-xjbxt543o2] { display:block; color:var(--ui-text); margin-top:4px; font-size:13px; font-variant-numeric:tabular-nums; } .live-poll-label[b-xjbxt543o2] { padding:14px; border:1px solid color-mix(in srgb,var(--ui-accent) 24%,var(--ui-border)); background:var(--ui-accent-soft); color:var(--ui-accent); font-size:12px; } .live-kpis[b-xjbxt543o2] { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; margin-bottom:14px; } .live-kpi[b-xjbxt543o2] { --kpi-color:var(--ui-accent); display:flex; align-items:center; gap:12px; min-width:0; padding:16px 12px; border:1px solid var(--ui-border); border-radius:11px; background:linear-gradient(135deg,color-mix(in srgb,var(--kpi-color) 7%,var(--ui-surface)),var(--ui-bg)); } .tone-green[b-xjbxt543o2] { --kpi-color:var(--ui-success); } .tone-blue[b-xjbxt543o2] { --kpi-color:var(--ui-info); } .tone-purple[b-xjbxt543o2] { --kpi-color:var(--ui-violet); } .tone-red[b-xjbxt543o2] { --kpi-color:var(--ui-danger); } .tone-neutral[b-xjbxt543o2] { --kpi-color:var(--ui-unknown); } .live-kpi-icon[b-xjbxt543o2] { display:grid; place-items:center; flex:0 0 42px; height:50px; color:var(--kpi-color); border:1px solid color-mix(in srgb,var(--kpi-color) 25%,transparent); border-radius:10px; background:color-mix(in srgb,var(--kpi-color) 12%,transparent); } .live-kpi-icon[b-xjbxt543o2] svg { width:28px; height:28px; } .live-kpi > div[b-xjbxt543o2] { min-width:0; } .live-kpi h2[b-xjbxt543o2] { margin:0 0 10px; color:var(--ui-text); font-size:var(--ui-kpi-title-size); font-weight:var(--ui-kpi-title-weight); overflow-wrap:anywhere; } .live-kpi strong[b-xjbxt543o2] { color:var(--ui-text); font-size:var(--ui-kpi-value-size); line-height:1; font-weight:var(--ui-kpi-value-weight); font-variant-numeric:tabular-nums; } .dashboard-filters[b-xjbxt543o2] { align-items:end; gap:14px; padding:16px; border:1px solid var(--ui-border); border-radius:11px; background:var(--ui-surface); } .dashboard-filters label[b-xjbxt543o2] { color:var(--ui-text-muted); font-size:12px; } .dashboard-filters label:first-child[b-xjbxt543o2] { flex:2 1 300px; } .dashboard-filters input[b-xjbxt543o2],.dashboard-filters select[b-xjbxt543o2] { min-height:44px; padding:10px 12px; border-color:var(--ui-control-border); border-radius:8px; background:var(--ui-bg); color:var(--ui-text); font-size:14px; } .live-view-toggle[b-xjbxt543o2] { display:flex; gap:4px; flex:0 0 auto; } .live-view-toggle button[b-xjbxt543o2] { display:grid; place-items:center; width:44px; min-height:44px; padding:8px; border:1px solid var(--ui-border); border-radius:8px; background:var(--ui-bg); color:var(--ui-text-muted); cursor:pointer; } .live-view-toggle button.selected[b-xjbxt543o2] { border-color:var(--ui-accent); color:var(--ui-accent); background:var(--ui-accent-soft); } .robot-live-grid[b-xjbxt543o2] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .is-list-view .robot-live-grid[b-xjbxt543o2] { grid-template-columns:minmax(0,1fr); } .robot-assignment-card[b-xjbxt543o2] { min-width:0; } .robot-assignment-actions[b-xjbxt543o2] { padding:12px; border-color:var(--ui-border); background:var(--ui-surface); color:var(--ui-text); font-size:12px; } .robot-assignment-actions select[b-xjbxt543o2] { color:var(--ui-text); background:var(--ui-bg); border:1px solid var(--ui-control-border); border-radius:6px; padding:8px; } .robot-assignment-actions button[b-xjbxt543o2] { color:var(--ui-on-accent); background:var(--ui-accent); border:1px solid var(--ui-accent); border-radius:6px; padding:8px 12px; cursor:pointer; } .robot-assignment-actions button:disabled[b-xjbxt543o2] { opacity:.45; cursor:default; } .robot-assignment-actions.assignment-mine[b-xjbxt543o2] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border:1px solid var(--ui-border); border-radius:10px; background:linear-gradient(135deg,var(--ui-surface),var(--ui-bg)); } .assignment-mine-label[b-xjbxt543o2] { display:flex; align-items:center; gap:9px; min-width:0; color:var(--ui-text); } .assignment-mine-label[b-xjbxt543o2] svg { width:19px; height:19px; color:var(--ui-accent); } .assignment-mine-label strong[b-xjbxt543o2] { flex:initial; font-size:13px; } .robot-assignment-actions.assignment-mine button[b-xjbxt543o2] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:7px 12px; border:1px solid color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border)); border-radius:8px; background:var(--ui-accent-soft); color:var(--ui-accent); font-weight:600; } .robot-assignment-actions.assignment-mine button:hover:not(:disabled)[b-xjbxt543o2] { background:var(--ui-accent); color:var(--ui-on-accent); } .robot-assignment-actions.assignment-mine button:focus-visible[b-xjbxt543o2] { outline:2px solid var(--ui-accent); outline-offset:2px; } .robot-assignment-actions.assignment-mine button[b-xjbxt543o2] svg { width:17px; height:17px; } .live-robot-page > h2[b-xjbxt543o2] { margin:24px 0 14px; font-size:18px; } .live-summary[b-xjbxt543o2],.live-data-note[b-xjbxt543o2] { color:var(--ui-text-muted); font-size:12px; line-height:1.6; } .live-data-note[b-xjbxt543o2] { margin-top:14px; } .live-error[b-xjbxt543o2] { border-color:color-mix(in srgb,var(--ui-danger) 40%,var(--ui-border)); background:color-mix(in srgb,var(--ui-danger) 5%,var(--ui-surface)); color:var(--ui-danger); } .live-placeholder[b-xjbxt543o2] { border-color:var(--ui-border); background:var(--ui-surface); color:var(--ui-text); } @media(max-width:1250px) { .live-kpis[b-xjbxt543o2] { grid-template-columns:repeat(4,minmax(0,1fr)); } .robot-live-grid[b-xjbxt543o2] { grid-template-columns:repeat(2,minmax(0,1fr)); } .live-page-heading[b-xjbxt543o2] { align-items:flex-start; flex-direction:column; } } @media(max-width:1000px) { .robot-live-grid[b-xjbxt543o2] { grid-template-columns:minmax(0,1fr); } } @media(max-width:760px) { .robot-live-grid[b-xjbxt543o2] { grid-template-columns:minmax(0,1fr); } .live-kpis[b-xjbxt543o2] { grid-template-columns:repeat(2,minmax(0,1fr)); } .live-heading-meta[b-xjbxt543o2] { width:100%; } .live-last-update[b-xjbxt543o2] { flex:1; } .dashboard-filters label[b-xjbxt543o2] { flex-basis:100%; } } /* /Components/Pages/Factory/Shifts/Management.razor.rz.scp.css */ .shift-page[b-068a1ll5zd]{display:grid;gap:18px;color:var(--ui-text)}.shift-heading p[b-068a1ll5zd]{margin:0 0 8px;color:var(--ui-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.shift-heading h1[b-068a1ll5zd]{margin:0 0 8px;font-size:30px;letter-spacing:-.025em}.shift-heading span[b-068a1ll5zd],.shift-scope[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:13px;line-height:1.6}.shift-scope[b-068a1ll5zd]{margin:0}.shift-page .shift-management-tabs[b-068a1ll5zd]{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 0 12px;border-bottom:1px solid var(--ui-border)}.shift-page .shift-management-tabs button[b-068a1ll5zd]{min-height:44px;padding:10px 16px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:13px;font-weight:650;cursor:pointer}.shift-page .shift-management-tabs button.active[b-068a1ll5zd]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.shift-page>.operator-management-panel[b-068a1ll5zd]{min-width:0;margin:0;padding:22px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(145deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 28%,var(--ui-surface)))}.shift-page h2[b-068a1ll5zd]{margin:0 0 12px;font-size:20px}.shift-page h3[b-068a1ll5zd]{font-size:16px}.shift-page p[b-068a1ll5zd]{line-height:1.6}.shift-page>.operator-management-panel>p[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:13px}.shift-page button:not(.shift-management-tabs button)[b-068a1ll5zd]{min-height:38px;margin:4px 6px 4px 0;padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:13px;cursor:pointer}.shift-page button:disabled[b-068a1ll5zd]{opacity:.5;cursor:not-allowed}.shift-page button:focus-visible[b-068a1ll5zd],.shift-page input:focus-visible[b-068a1ll5zd],.shift-page select:focus-visible[b-068a1ll5zd]{outline:2px solid var(--ui-focus);outline-offset:2px}.shift-page input:not([type=checkbox])[b-068a1ll5zd],.shift-page select[b-068a1ll5zd]{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-bg);color:var(--ui-text);font:inherit;font-size:13px}.shift-page input[type=checkbox][b-068a1ll5zd]{width:17px;height:17px;accent-color:var(--ui-accent)}.shift-page label[b-068a1ll5zd]{display:grid;gap:7px;color:var(--ui-text-muted);font-size:12px}.shift-page fieldset[b-068a1ll5zd]{min-width:0;margin:14px 0 0;padding:16px;border:1px solid var(--ui-border);border-radius:9px}.shift-page fieldset>.operator-management-panel[b-068a1ll5zd]{margin:12px 0;padding:14px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg)}.shift-page .operator-management-form[b-068a1ll5zd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shift-page .cycle-table-scroll[b-068a1ll5zd]{overflow:auto;margin-top:14px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg)}.shift-page .cycle-table[b-068a1ll5zd]{width:100%;min-width:740px;border-collapse:collapse;font-size:13px}.shift-page .cycle-table th[b-068a1ll5zd],.shift-page .cycle-table td[b-068a1ll5zd]{padding:14px;text-align:left;border-bottom:1px solid var(--ui-border);vertical-align:middle}.shift-page .cycle-table th[b-068a1ll5zd]{background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:12px}.shift-page .cycle-table tbody tr:last-child td[b-068a1ll5zd]{border-bottom:0}.shift-page .cycle-table tbody tr:hover[b-068a1ll5zd]{background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-bg))}.shift-page .workday-grid[b-068a1ll5zd],.shift-page .weekly-calendar-grid[b-068a1ll5zd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:18px 0}.shift-page .workday-card[b-068a1ll5zd],.shift-page .weekly-calendar-card[b-068a1ll5zd]{min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg)}.shift-page .workday-card h3[b-068a1ll5zd],.shift-page .weekly-calendar-card h3[b-068a1ll5zd]{margin:0 0 12px;font-size:15px}.shift-page .workday-holiday[b-068a1ll5zd]{display:flex;align-items:center;gap:8px;margin-bottom:14px}.shift-page .workday-state[b-068a1ll5zd],.shift-page .weekly-calendar-weekday[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:12px}.shift-page .weekly-calendar-weekday[b-068a1ll5zd]{margin:0 0 5px;color:var(--ui-accent);font-weight:700}.shift-page .weekly-calendar-card h4[b-068a1ll5zd]{margin:0 0 12px;font-size:13px}.shift-page .weekly-calendar-shifts[b-068a1ll5zd]{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}.shift-page .weekly-calendar-shifts li[b-068a1ll5zd]{display:grid;gap:4px;padding:10px;border-left:3px solid var(--ui-accent);border-radius:5px;background:var(--ui-surface-raised);font-size:12px}.shift-page .weekly-calendar-shifts span[b-068a1ll5zd]{color:var(--ui-text-muted)}.shift-page .workday-actions[b-068a1ll5zd]{display:flex;flex-wrap:wrap;gap:8px}.shift-page .workday-actions button:first-child[b-068a1ll5zd]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700}.shift-page .calendar-holidays[b-068a1ll5zd]{margin-top:20px;padding-top:12px;border-top:1px solid var(--ui-border)}.shift-page .calendar-holiday-row[b-068a1ll5zd]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--ui-border);font-size:13px}.shift-page .calendar-holiday-row span[b-068a1ll5zd]{color:var(--ui-text-muted)}@media(max-width:700px){.shift-heading h1[b-068a1ll5zd]{font-size:25px}.shift-page>.operator-management-panel[b-068a1ll5zd]{padding:16px}.shift-page .shift-management-tabs button[b-068a1ll5zd]{flex:1 1 auto}.shift-page .operator-management-form[b-068a1ll5zd]{grid-template-columns:1fr}.shift-page .workday-grid[b-068a1ll5zd],.shift-page .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.shift-page .workday-grid[b-068a1ll5zd],.shift-page .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:1fr}} .shift-page[b-068a1ll5zd]{gap:12px}.shift-heading-main[b-068a1ll5zd]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shift-heading-main h1[b-068a1ll5zd]{margin:0;font-size:27px}.shift-heading-main .shift-heading-icon[b-068a1ll5zd]{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--ui-accent) 55%,var(--ui-border));border-radius:8px;color:var(--ui-accent);font-size:24px}.shift-scope[b-068a1ll5zd]{margin-left:50px;font-size:12px}.shift-page .shift-management-tabs[b-068a1ll5zd]{gap:8px;padding-bottom:9px}.shift-page .shift-management-tabs button[b-068a1ll5zd]{min-height:40px;padding:8px 13px}.shift-page .shift-management-tabs button span[b-068a1ll5zd]{color:var(--ui-accent);font-size:17px;margin-right:5px}.shift-page .shift-management-tabs button.active span[b-068a1ll5zd]{color:var(--ui-on-accent)}.shift-page>.operator-management-panel[b-068a1ll5zd]{padding:20px}.shift-page h2[b-068a1ll5zd]{font-size:18px;margin:0 0 8px}.shift-panel-heading[b-068a1ll5zd]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.shift-panel-heading h2 span[b-068a1ll5zd],.shift-section-icon[b-068a1ll5zd]{color:var(--ui-accent);font-size:21px;margin-right:6px}.shift-page .shift-panel-heading .shift-primary[b-068a1ll5zd]{min-height:40px;margin:0;border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700}.shift-template-panel>p[b-068a1ll5zd]{margin:5px 0;font-size:13px}.shift-page .cycle-table-scroll[b-068a1ll5zd]{margin-top:16px}.shift-page .cycle-table th[b-068a1ll5zd],.shift-page .cycle-table td[b-068a1ll5zd]{padding:12px 14px}.shift-status[b-068a1ll5zd]{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:650;background:var(--ui-surface-raised);color:var(--ui-text-muted)}.shift-status.active[b-068a1ll5zd]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 15%,transparent)}.shift-row-actions[b-068a1ll5zd]{white-space:nowrap}.shift-page .shift-row-actions .shift-delete[b-068a1ll5zd]{border-color:var(--ui-danger);color:var(--ui-danger)}.shift-page .workday-grid[b-068a1ll5zd]{grid-template-columns:repeat(7,minmax(0,1fr))}.shift-page .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:repeat(6,minmax(0,1fr))}.shift-page .workday-card[b-068a1ll5zd],.shift-page .weekly-calendar-card[b-068a1ll5zd]{padding:14px}.shift-page .workday-card h3[b-068a1ll5zd]{margin-bottom:10px}.shift-page .weekly-calendar-shifts li[b-068a1ll5zd]{padding:9px;overflow-wrap:anywhere}.shift-page .weekly-calendar-card button[b-068a1ll5zd]{font-size:12px}.shift-page .workday-actions button:first-child[b-068a1ll5zd]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}@media(max-width:1400px){.shift-page .workday-grid[b-068a1ll5zd]{grid-template-columns:repeat(4,minmax(0,1fr))}.shift-page .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.shift-page .workday-grid[b-068a1ll5zd],.shift-page .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-heading-main>span:last-child[b-068a1ll5zd]{flex-basis:100%}.shift-scope[b-068a1ll5zd]{margin-left:0}}@media(max-width:380px){.shift-page .workday-grid[b-068a1ll5zd],.shift-page .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:1fr}} .shift-template-panel .shift-panel-heading[b-068a1ll5zd]{margin-bottom:18px}.shift-template-panel .shift-panel-heading p[b-068a1ll5zd]{margin:4px 0 0;color:var(--ui-text-muted);font-size:13px} .shift-template-layout[b-068a1ll5zd]{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:14px;align-items:stretch} .shift-template-list[b-068a1ll5zd],.shift-template-detail[b-068a1ll5zd]{min-width:0;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg)} .shift-template-list[b-068a1ll5zd]{padding:14px}.shift-template-list h3[b-068a1ll5zd]{display:flex;align-items:center;gap:8px;margin:2px 0 14px;font-size:15px}.shift-template-list h3 span[b-068a1ll5zd],.shift-template-section-heading h3 span[b-068a1ll5zd],.shift-template-detail-icon[b-068a1ll5zd]{color:var(--ui-accent);font-size:20px} .shift-page .shift-template-choice[b-068a1ll5zd]{display:flex;align-items:center;gap:10px;width:100%;min-height:66px;margin:0 0 8px;padding:10px;text-align:left;background:var(--ui-surface);border-color:var(--ui-border)} .shift-page .shift-template-choice:hover[b-068a1ll5zd],.shift-page .shift-template-choice.selected[b-068a1ll5zd]{border-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 8%,var(--ui-surface))} .shift-template-choice-icon[b-068a1ll5zd]{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:8px;color:var(--ui-accent);background:var(--ui-accent-soft);font-size:21px} .shift-template-choice-text[b-068a1ll5zd]{display:grid;flex:1;min-width:0;gap:5px}.shift-template-choice-text strong[b-068a1ll5zd]{overflow-wrap:anywhere;font-size:13px}.shift-template-choice-text small[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:11px} .shift-template-choice .shift-status[b-068a1ll5zd]{white-space:nowrap;font-size:10px} .shift-template-detail[b-068a1ll5zd]{overflow:hidden}.shift-template-detail-heading[b-068a1ll5zd],.shift-template-detail-heading>div[b-068a1ll5zd],.shift-template-section-heading[b-068a1ll5zd],.shift-template-footer[b-068a1ll5zd]{display:flex;align-items:center;gap:10px}.shift-template-detail-heading[b-068a1ll5zd]{justify-content:space-between;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--ui-border)} .shift-template-detail-heading h3[b-068a1ll5zd]{margin:0;font-size:16px;overflow-wrap:anywhere}.shift-template-actions[b-068a1ll5zd]{display:flex;gap:5px;flex-wrap:wrap}.shift-page .shift-template-actions .shift-delete[b-068a1ll5zd],.shift-page .shift-remove-row[b-068a1ll5zd]{color:var(--ui-danger);border-color:color-mix(in srgb,var(--ui-danger) 60%,var(--ui-border))} .shift-page fieldset.shift-template-editor[b-068a1ll5zd]{margin:0;padding:18px;border:0}.shift-template-name[b-068a1ll5zd]{max-width:500px}.shift-template-section-heading[b-068a1ll5zd]{justify-content:space-between;flex-wrap:wrap;margin:18px 0 10px}.shift-template-section-heading h3[b-068a1ll5zd]{margin:0;font-size:15px}.shift-template-section-heading h3 span[b-068a1ll5zd]{margin-right:6px} .shift-template-preview[b-068a1ll5zd]{display:flex;gap:6px;flex-wrap:wrap}.shift-preview-item[b-068a1ll5zd]{display:grid;flex:1 1 145px;gap:5px;min-width:0;padding:14px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-surface-raised)}.shift-preview-item strong[b-068a1ll5zd]{overflow-wrap:anywhere;font-size:13px}.shift-preview-item span[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:12px} .shift-preview-tone-0[b-068a1ll5zd]{border-color:color-mix(in srgb,var(--ui-info) 65%,var(--ui-border));background:color-mix(in srgb,var(--ui-info) 18%,var(--ui-surface-raised))}.shift-preview-tone-1[b-068a1ll5zd]{border-color:color-mix(in srgb,var(--ui-accent) 65%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 15%,var(--ui-surface-raised))}.shift-preview-tone-2[b-068a1ll5zd]{border-color:color-mix(in srgb,var(--ui-violet) 65%,var(--ui-border));background:color-mix(in srgb,var(--ui-violet) 18%,var(--ui-surface-raised))} .shift-template-detail-section[b-068a1ll5zd]{padding-top:14px;border-top:1px solid var(--ui-border)}.shift-page .shift-template-detail-section button[b-068a1ll5zd]{color:var(--ui-accent);border-color:var(--ui-accent)} .shift-template-rows[b-068a1ll5zd]{display:grid;gap:8px}.shift-template-row[b-068a1ll5zd]{display:grid;grid-template-columns:36px minmax(140px,1.4fr) minmax(100px,1fr) minmax(100px,1fr) minmax(65px,.65fr) auto;align-items:end;gap:10px;padding:12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface)} .shift-template-order[b-068a1ll5zd]{display:grid;place-items:center;width:34px;height:42px;border:1px solid var(--ui-border);border-radius:7px;color:var(--ui-text);font-size:13px;font-weight:700}.shift-template-duration[b-068a1ll5zd]{display:grid;gap:7px;align-self:stretch;color:var(--ui-text-muted);font-size:12px}.shift-template-duration strong[b-068a1ll5zd]{display:flex;align-items:center;min-height:42px;color:var(--ui-text);font-size:13px;font-weight:600}.shift-page .shift-template-row button[b-068a1ll5zd]{margin:0;min-height:42px} .shift-template-footer[b-068a1ll5zd]{justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;border-top:1px solid var(--ui-border)}.shift-template-footer p[b-068a1ll5zd]{flex:1 1 260px;margin:0;color:var(--ui-text-muted);font-size:12px}.shift-template-footer>div[b-068a1ll5zd]{display:flex;gap:6px;flex-wrap:wrap}.shift-page .shift-template-footer .shift-template-save[b-068a1ll5zd]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700} .shift-template-delete-confirm[b-068a1ll5zd]{padding:12px 18px;border-bottom:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-danger) 9%,var(--ui-surface))}.shift-template-delete-confirm p[b-068a1ll5zd]{margin:0 0 6px;font-size:13px}.shift-template-empty[b-068a1ll5zd]{display:grid;place-content:center;justify-items:center;min-height:300px;padding:24px;text-align:center}.shift-template-empty>span[b-068a1ll5zd]{color:var(--ui-accent);font-size:30px}.shift-template-empty h3[b-068a1ll5zd]{margin:8px 0}.shift-template-empty p[b-068a1ll5zd]{max-width:360px;margin:0;color:var(--ui-text-muted);font-size:13px} @media(max-width:1000px){.shift-template-layout[b-068a1ll5zd]{grid-template-columns:1fr}.shift-template-list[b-068a1ll5zd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.shift-template-list h3[b-068a1ll5zd],.shift-template-list>p[b-068a1ll5zd]{grid-column:1/-1}.shift-page .shift-template-choice[b-068a1ll5zd]{margin:0}.shift-template-row[b-068a1ll5zd]{grid-template-columns:36px minmax(140px,1fr) minmax(100px,1fr)}} @media(max-width:600px){.shift-template-row[b-068a1ll5zd]{grid-template-columns:36px minmax(0,1fr)}.shift-template-row label[b-068a1ll5zd],.shift-template-duration[b-068a1ll5zd],.shift-template-row button[b-068a1ll5zd]{grid-column:2}.shift-template-order[b-068a1ll5zd]{grid-row:1}.shift-template-footer>div[b-068a1ll5zd]{width:100%}.shift-template-footer>div button[b-068a1ll5zd]{flex:1}.shift-template-detail-heading>div[b-068a1ll5zd]{flex-wrap:wrap}} .work-schedule-heading[b-068a1ll5zd]{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--ui-border)} .work-schedule-heading-icon[b-068a1ll5zd],.work-summary-icon[b-068a1ll5zd]{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--ui-accent) 30%,var(--ui-border));border-radius:11px;color:var(--ui-accent);background:var(--ui-accent-soft);font-size:25px} .shift-page .work-schedule-heading h2[b-068a1ll5zd]{margin:0 0 4px;font-size:20px}.work-schedule-heading p[b-068a1ll5zd]{margin:0;color:var(--ui-text-muted);font-size:13px} .work-schedule-summary[b-068a1ll5zd]{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:18px 0} .work-summary-card[b-068a1ll5zd]{display:flex;align-items:center;gap:14px;min-width:0;padding:15px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-raised)} .work-summary-card h3[b-068a1ll5zd]{margin:0 0 5px;font-size:13px}.work-summary-card strong[b-068a1ll5zd]{font-size:17px}.work-summary-card p[b-068a1ll5zd]{margin:4px 0 0;color:var(--ui-text-muted);font-size:11px} .work-summary-totals>div:nth-child(2)[b-068a1ll5zd]{flex:1;min-width:100px}.work-summary-count[b-068a1ll5zd]{display:grid;justify-items:center;gap:5px;min-width:75px;padding:0 12px;border-left:1px solid var(--ui-border)}.work-summary-count strong[b-068a1ll5zd]{font-size:19px;font-variant-numeric:tabular-nums}.work-summary-count span[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:11px;white-space:nowrap} .shift-page .shift-work-panel .workday-grid[b-068a1ll5zd]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:22px 0} .shift-page .shift-work-panel .workday-card[b-068a1ll5zd]{position:relative;display:flex;flex-direction:column;min-width:0;min-height:220px;padding:15px 12px;border:1px solid var(--ui-control-border);border-top:3px solid var(--ui-unknown);border-radius:10px;background:var(--ui-surface-raised)} .shift-page .shift-work-panel .workday-card.planned[b-068a1ll5zd]{border-top-color:var(--ui-info)}.shift-page .shift-work-panel .workday-card.holiday[b-068a1ll5zd]{border-top-color:var(--ui-warning)} .workday-card-heading[b-068a1ll5zd]{display:flex;align-items:center;gap:9px;margin-bottom:18px}.workday-card-icon[b-068a1ll5zd]{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:7px;background:color-mix(in srgb,var(--ui-info) 12%,var(--ui-bg));color:var(--ui-info);font-size:19px} .workday-card.holiday .workday-card-icon[b-068a1ll5zd]{background:color-mix(in srgb,var(--ui-warning) 12%,var(--ui-bg));color:var(--ui-warning)}.shift-page .workday-card-heading h3[b-068a1ll5zd]{margin:0 0 4px;font-size:13px;overflow-wrap:anywhere}.workday-card-heading div>span[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:11px} .shift-page .workday-template[b-068a1ll5zd]{gap:7px;font-size:11px}.shift-page .workday-template select[b-068a1ll5zd]{min-width:0;padding:8px;font-size:12px} .workday-shift-list[b-068a1ll5zd]{display:grid;gap:9px;margin:13px 0;padding:0;list-style:none}.workday-shift-list li[b-068a1ll5zd]{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--ui-border)}.workday-shift-list li:last-child[b-068a1ll5zd]{border:0}.workday-shift-list strong[b-068a1ll5zd]{font-size:12px;overflow-wrap:anywhere}.workday-shift-list span[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:11px;line-height:1.45} .shift-page .shift-work-panel .workday-holiday[b-068a1ll5zd]{display:flex;align-items:center;gap:8px;margin:auto 0 0;padding-top:12px;color:var(--ui-text);font-size:12px}.workday-holiday-state[b-068a1ll5zd]{display:grid;justify-items:start;gap:7px;padding:12px 0;color:var(--ui-text)}.workday-holiday-state>span[b-068a1ll5zd]{color:var(--ui-warning);font-size:22px}.workday-holiday-state strong[b-068a1ll5zd]{font-size:13px}.workday-holiday-state small[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:11px;line-height:1.5} .shift-work-panel .workday-actions[b-068a1ll5zd]{padding-top:4px}.shift-work-panel .workday-actions button[b-068a1ll5zd]{min-height:44px} @media(max-width:1400px){.shift-page .shift-work-panel .workday-grid[b-068a1ll5zd]{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:900px){.work-schedule-summary[b-068a1ll5zd]{grid-template-columns:1fr}.shift-page .shift-work-panel .workday-grid[b-068a1ll5zd]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.work-summary-totals[b-068a1ll5zd]{flex-wrap:wrap}.work-summary-totals>div:nth-child(2)[b-068a1ll5zd]{flex:1 1 calc(100% - 65px)}.work-summary-count[b-068a1ll5zd]{flex:1;min-width:0;padding:0 6px}.shift-page .shift-work-panel .workday-grid[b-068a1ll5zd]{grid-template-columns:1fr}.shift-page .shift-work-panel .workday-card[b-068a1ll5zd]{min-height:0}.shift-work-panel .workday-actions button[b-068a1ll5zd]{flex:1 1 100%;margin-right:0}} .calendar-preview-heading[b-068a1ll5zd]{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.calendar-preview-icon[b-068a1ll5zd],.calendar-summary-icon[b-068a1ll5zd]{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--ui-accent) 28%,var(--ui-border));border-radius:11px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:24px} .shift-page .calendar-preview-heading h2[b-068a1ll5zd]{margin:0 0 5px;font-size:21px}.calendar-preview-heading p[b-068a1ll5zd]{margin:0;color:var(--ui-text-muted);font-size:13px}.calendar-preview-date[b-068a1ll5zd]{margin-top:12px;color:var(--ui-text-muted);font-size:12px;line-height:1.5}.calendar-preview-date span[b-068a1ll5zd]{margin:0 7px;color:var(--ui-accent)} .calendar-preview-summary[b-068a1ll5zd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 18px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg);overflow:hidden}.calendar-preview-summary>div[b-068a1ll5zd]{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border-right:1px solid var(--ui-border)}.calendar-preview-summary>div:last-child[b-068a1ll5zd]{border-right:0}.calendar-preview-summary>div>div[b-068a1ll5zd]{display:grid;gap:5px;min-width:0}.calendar-preview-summary strong[b-068a1ll5zd]{font-size:15px}.calendar-preview-summary small[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:11px}.calendar-summary-icon[b-068a1ll5zd]{width:42px;height:42px;flex-basis:42px;font-size:20px} .shift-page .shift-calendar-panel .weekly-calendar-grid[b-068a1ll5zd]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg);overflow:hidden} .shift-page .shift-calendar-panel .weekly-calendar-card[b-068a1ll5zd]{display:flex;flex-direction:column;min-width:0;margin:0;padding:15px 12px;border:0;border-right:1px solid var(--ui-border);border-radius:0;background:transparent}.shift-page .shift-calendar-panel .weekly-calendar-card:last-child[b-068a1ll5zd]{border-right:0} .calendar-day-heading[b-068a1ll5zd]{display:grid;gap:4px;text-align:center}.shift-page .calendar-day-heading h3[b-068a1ll5zd]{margin:0;font-size:14px}.calendar-day-heading span[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:12px}.calendar-template-name[b-068a1ll5zd]{min-height:18px;margin:12px 0;color:var(--ui-text-muted);font-size:11px;text-align:center;overflow-wrap:anywhere} .shift-page .shift-calendar-panel .weekly-calendar-shifts[b-068a1ll5zd]{display:grid;gap:8px;flex:1;margin:0 0 14px;padding:0;list-style:none}.shift-page .shift-calendar-panel .weekly-calendar-shifts li[b-068a1ll5zd]{display:flex;align-items:flex-start;gap:8px;padding:11px 9px;border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:7px;background:var(--ui-surface-raised)} .shift-page .shift-calendar-panel .weekly-calendar-shifts li.calendar-shift-tone-0[b-068a1ll5zd]{border-left-color:var(--ui-info);background:color-mix(in srgb,var(--ui-info) 12%,var(--ui-surface-raised))}.shift-page .shift-calendar-panel .weekly-calendar-shifts li.calendar-shift-tone-1[b-068a1ll5zd]{border-left-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-surface-raised))}.shift-page .shift-calendar-panel .weekly-calendar-shifts li.calendar-shift-tone-2[b-068a1ll5zd]{border-left-color:var(--ui-violet);background:color-mix(in srgb,var(--ui-violet) 12%,var(--ui-surface-raised))} .calendar-shift-icon[b-068a1ll5zd]{color:var(--ui-accent);font-size:18px;line-height:1}.calendar-shift-tone-0 .calendar-shift-icon[b-068a1ll5zd]{color:var(--ui-info)}.calendar-shift-tone-2 .calendar-shift-icon[b-068a1ll5zd]{color:var(--ui-violet)}.weekly-calendar-shifts li>div[b-068a1ll5zd]{display:grid;gap:5px;min-width:0}.weekly-calendar-shifts strong[b-068a1ll5zd]{overflow-wrap:anywhere;font-size:12px}.weekly-calendar-shifts li>div>span[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere} .shift-page .shift-calendar-panel .calendar-holiday-button[b-068a1ll5zd]{width:100%;min-height:42px;margin:auto 0 0;font-size:11px}.calendar-preview-footer[b-068a1ll5zd]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px 14px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg)}.calendar-preview-footer p[b-068a1ll5zd]{flex:1 1 280px;margin:0;color:var(--ui-text-muted);font-size:12px}.calendar-preview-footer button[b-068a1ll5zd]{flex:0 0 auto} .shift-calendar-panel .calendar-holidays[b-068a1ll5zd]{padding:15px;margin-top:16px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg)}.shift-calendar-panel .calendar-holidays h3[b-068a1ll5zd]{margin:0 0 6px;font-size:15px} @media(max-width:1350px){.shift-page .shift-calendar-panel .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ui-border)}.shift-page .shift-calendar-panel .weekly-calendar-card[b-068a1ll5zd]{border:0;background:var(--ui-bg)}} @media(max-width:800px){.shift-page .shift-calendar-panel .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-preview-summary[b-068a1ll5zd]{grid-template-columns:1fr}.calendar-preview-summary>div[b-068a1ll5zd]{border-right:0;border-bottom:1px solid var(--ui-border)}.calendar-preview-summary>div:last-child[b-068a1ll5zd]{border-bottom:0}} @media(max-width:420px){.shift-page .shift-calendar-panel .weekly-calendar-grid[b-068a1ll5zd]{grid-template-columns:1fr}.calendar-preview-footer button[b-068a1ll5zd]{width:100%;margin-right:0}} .weekly-calendar-scroll[b-068a1ll5zd]{width:100%;overflow-x:auto;border:1px solid var(--ui-border);border-radius:10px;overscroll-behavior-x:contain} .weekly-calendar-scroll:focus-visible[b-068a1ll5zd]{outline:2px solid var(--ui-focus);outline-offset:2px} .shift-page .shift-calendar-panel .weekly-calendar-grid[b-068a1ll5zd]{width:100%;min-width:1120px;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border:0;border-radius:0;background:var(--ui-bg)} .shift-page .shift-calendar-panel .weekly-calendar-card[b-068a1ll5zd]{min-height:260px;padding:18px 14px;border:0;border-right:1px solid var(--ui-border);background:var(--ui-bg)} .shift-page .shift-calendar-panel .weekly-calendar-card:last-child[b-068a1ll5zd]{border-right:0} .shift-page .calendar-day-heading h3[b-068a1ll5zd]{font-size:16px}.calendar-day-heading span[b-068a1ll5zd]{font-size:13px}.calendar-template-name[b-068a1ll5zd]{margin:14px 0;font-size:12px} .shift-page .shift-calendar-panel .weekly-calendar-shifts[b-068a1ll5zd]{align-content:start;gap:10px}.shift-page .shift-calendar-panel .weekly-calendar-shifts li[b-068a1ll5zd]{min-height:60px;padding:13px 10px} .weekly-calendar-shifts strong[b-068a1ll5zd]{font-size:14px}.weekly-calendar-shifts li>div>span[b-068a1ll5zd]{font-size:12px} .calendar-day-empty[b-068a1ll5zd]{display:grid;align-content:start;gap:8px;flex:1;margin:18px 0;padding:16px 12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface-raised)} .calendar-day-empty strong[b-068a1ll5zd]{font-size:14px}.calendar-day-empty span[b-068a1ll5zd]{color:var(--ui-text-muted);font-size:12px;line-height:1.5}.calendar-day-empty.holiday[b-068a1ll5zd]{border-color:color-mix(in srgb,var(--ui-warning) 38%,var(--ui-border));background:color-mix(in srgb,var(--ui-warning) 8%,var(--ui-surface-raised))}.calendar-day-empty.holiday strong[b-068a1ll5zd]{color:var(--ui-warning)} .shift-page .shift-calendar-panel .calendar-holiday-button[b-068a1ll5zd]{font-size:12px} .shift-page .shift-calendar-panel .calendar-preview-heading[b-068a1ll5zd]{align-items:flex-start;margin:0 0 24px}.shift-page .shift-calendar-panel .calendar-preview-icon[b-068a1ll5zd]{width:64px;height:64px;flex-basis:64px;border:0;border-radius:15px;font-size:30px} .shift-page .shift-calendar-panel .calendar-preview-heading h2[b-068a1ll5zd]{font-size:clamp(23px,2vw,30px);line-height:1.2}.shift-page .shift-calendar-panel .calendar-preview-heading p[b-068a1ll5zd]{font-size:15px}.shift-page .shift-calendar-panel .calendar-preview-date[b-068a1ll5zd]{margin-top:18px;font-size:13px;color:var(--ui-text)}.calendar-date-divider[b-068a1ll5zd]{padding:0 10px;color:var(--ui-control-border)!important} .shift-page .shift-calendar-panel .calendar-preview-summary[b-068a1ll5zd]{margin:0 0 22px;background:var(--ui-bg);border-radius:12px}.shift-page .shift-calendar-panel .calendar-preview-summary>div[b-068a1ll5zd]{padding:15px 22px;gap:16px}.shift-page .shift-calendar-panel .calendar-preview-summary strong[b-068a1ll5zd]{font-size:17px}.shift-page .shift-calendar-panel .calendar-preview-summary small[b-068a1ll5zd]{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.shift-page .shift-calendar-panel .calendar-summary-icon[b-068a1ll5zd]{width:48px;height:48px;flex-basis:48px;border:0;border-radius:12px;font-size:23px} .shift-page .shift-calendar-panel .weekly-calendar-grid[b-068a1ll5zd]{min-width:1260px}.shift-page .shift-calendar-panel .weekly-calendar-card[b-068a1ll5zd]{min-height:370px;padding:20px 14px 16px} .shift-page .shift-calendar-panel .calendar-day-heading[b-068a1ll5zd]{justify-items:start;text-align:left;padding:0 8px 16px}.shift-page .shift-calendar-panel .calendar-day-heading h3[b-068a1ll5zd]{font-size:17px}.shift-page .shift-calendar-panel .calendar-day-heading span[b-068a1ll5zd]{font-size:13px}.shift-page .shift-calendar-panel .calendar-day-heading[b-068a1ll5zd]::after{content:"";width:38px;height:4px;margin-top:6px;border-radius:4px;background:var(--ui-accent)} .shift-page .shift-calendar-panel .calendar-template-name[b-068a1ll5zd]{min-height:0;margin:0 8px 10px;text-align:left;font-size:11px}.shift-page .shift-calendar-panel .weekly-calendar-shifts[b-068a1ll5zd]{gap:10px;margin:0 0 14px;align-content:start}.shift-page .shift-calendar-panel .weekly-calendar-shifts li[b-068a1ll5zd]{align-items:center;min-height:68px;padding:12px;border-left-width:2px;border-color:var(--ui-border);background:var(--ui-surface-raised)} .shift-page .shift-calendar-panel .weekly-calendar-shifts li.calendar-shift-tone-0[b-068a1ll5zd]{border-left-color:var(--ui-info);background:var(--ui-surface-raised)}.shift-page .shift-calendar-panel .weekly-calendar-shifts li.calendar-shift-tone-1[b-068a1ll5zd]{border-left-color:var(--ui-accent);background:var(--ui-surface-raised)}.shift-page .shift-calendar-panel .weekly-calendar-shifts li.calendar-shift-tone-2[b-068a1ll5zd]{border-left-color:var(--ui-violet);background:var(--ui-surface-raised)} .shift-page .shift-calendar-panel .calendar-shift-icon[b-068a1ll5zd]{font-size:22px;color:var(--ui-text-muted)}.shift-page .shift-calendar-panel .weekly-calendar-shifts strong[b-068a1ll5zd]{font-size:14px}.shift-page .shift-calendar-panel .weekly-calendar-shifts li>div>span[b-068a1ll5zd]{font-size:12px} .shift-page .shift-calendar-panel .calendar-day-empty[b-068a1ll5zd]{justify-items:center;align-content:center;gap:8px;min-height:190px;margin:0 0 0;padding:16px 10px;text-align:center;background:var(--ui-surface-raised);border-color:var(--ui-control-border)}.shift-page .shift-calendar-panel .calendar-day-empty.holiday strong[b-068a1ll5zd]{color:var(--ui-text)}.shift-page .shift-calendar-panel .calendar-empty-icon[b-068a1ll5zd]{font-size:38px;line-height:1;color:var(--ui-text-muted)}.shift-page .shift-calendar-panel .calendar-day-empty strong[b-068a1ll5zd]{font-size:17px}.shift-page .shift-calendar-panel .calendar-day-empty>span:last-child[b-068a1ll5zd]{font-size:12px} .shift-page .shift-calendar-panel .calendar-holiday-button[b-068a1ll5zd]{min-height:44px;font-size:12px}.shift-page .shift-calendar-panel .calendar-preview-footer[b-068a1ll5zd]{margin-top:22px;padding:14px 16px}.shift-page .shift-calendar-panel .calendar-preview-footer p[b-068a1ll5zd]{font-size:13px} @media(max-width:800px){.shift-page .shift-calendar-panel .calendar-preview-heading h2[b-068a1ll5zd]{font-size:23px}.shift-page .shift-calendar-panel .calendar-preview-summary>div[b-068a1ll5zd]{padding:12px 15px}.shift-page .shift-calendar-panel .calendar-preview-icon[b-068a1ll5zd]{width:48px;height:48px;flex-basis:48px;font-size:24px}} /* /Components/Pages/Factory/Users/Index.razor.rz.scp.css */ .factory-accounts[b-1jmddl627p]{display:grid;gap:18px;color:var(--ui-text)}.factory-accounts-heading p[b-1jmddl627p]{margin:0 0 8px;color:var(--ui-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.factory-accounts-heading h1[b-1jmddl627p]{margin:0 0 8px;font-size:30px;letter-spacing:-.025em}.factory-accounts-heading span[b-1jmddl627p]{color:var(--ui-text-muted);font-size:14px}.factory-accounts-tabs[b-1jmddl627p]{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--ui-border);padding-bottom:12px}.factory-accounts-tabs a[b-1jmddl627p]{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--ui-control-border);border-radius:8px;color:var(--ui-text);background:var(--ui-surface);font-size:13px;font-weight:650;text-decoration:none}.factory-accounts-tabs a[aria-current=page][b-1jmddl627p]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.factory-accounts-note[b-1jmddl627p]{margin:0;padding:15px 18px;border:1px solid color-mix(in srgb,var(--ui-info) 45%,var(--ui-border));border-left:3px solid var(--ui-info);border-radius:9px;background:color-mix(in srgb,var(--ui-info) 7%,var(--ui-surface));font-size:13px;line-height:1.6;color:var(--ui-text)}.factory-accounts[b-1jmddl627p] .customer-users-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.55fr);align-items:start;gap:16px}.factory-accounts[b-1jmddl627p] .operator-management-panel{min-width:0;margin:0;padding:20px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface)}.factory-accounts[b-1jmddl627p] .operator-management-panel h2{margin:0 0 16px;font-size:18px}.factory-accounts[b-1jmddl627p] .operator-management-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.factory-accounts[b-1jmddl627p] .customer-users-layout>.operator-management-panel:first-child .operator-management-form{grid-template-columns:1fr}.factory-accounts[b-1jmddl627p] label{display:grid;gap:6px;color:var(--ui-text-muted);font-size:12px}.factory-accounts[b-1jmddl627p] input:not([type=checkbox]),.factory-accounts[b-1jmddl627p] select{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--ui-control-border);border-radius:7px;color:var(--ui-text);background:var(--ui-bg);font:inherit;font-size:13px}.factory-accounts[b-1jmddl627p] input[type=checkbox]{accent-color:var(--ui-accent)}.factory-accounts[b-1jmddl627p] fieldset{margin:16px 0;padding:12px;border:1px solid var(--ui-border);border-radius:8px}.factory-accounts[b-1jmddl627p] legend{color:var(--ui-text);font-size:13px;font-weight:650}.factory-accounts[b-1jmddl627p] fieldset label{display:flex;align-items:center;gap:8px;margin:7px 0}.factory-accounts[b-1jmddl627p] button{min-height:38px;padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:12px;cursor:pointer}.factory-accounts[b-1jmddl627p] button:disabled{opacity:.5;cursor:not-allowed}.factory-accounts[b-1jmddl627p] .customer-users-layout>.operator-management-panel:first-child>button{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700}.factory-accounts[b-1jmddl627p] .operator-management-card{margin:8px 0;padding:14px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)}.factory-accounts[b-1jmddl627p] .operator-management-card summary{cursor:pointer;color:var(--ui-text)}.factory-accounts[b-1jmddl627p] .operator-management-card summary strong{font-size:14px}.factory-accounts[b-1jmddl627p] .operator-management-card summary span{display:block;margin:6px 0 0 18px;color:var(--ui-text-muted);font-size:12px}.factory-accounts[b-1jmddl627p] .operator-management-card p,.factory-accounts[b-1jmddl627p] .operator-management-panel p{color:var(--ui-text-muted);font-size:13px;line-height:1.6}.factory-accounts[b-1jmddl627p] .operator-management-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.factory-accounts[b-1jmddl627p] .operator-management-actions span{color:var(--ui-text-muted);font-size:13px}.factory-accounts a:focus-visible[b-1jmddl627p],.factory-accounts[b-1jmddl627p] input:focus-visible,.factory-accounts[b-1jmddl627p] button:focus-visible,.factory-accounts[b-1jmddl627p] summary:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media(max-width:950px){.factory-accounts[b-1jmddl627p] .customer-users-layout{grid-template-columns:1fr}}@media(max-width:600px){.factory-accounts-heading h1[b-1jmddl627p]{font-size:25px}.factory-accounts-tabs a[b-1jmddl627p]{flex:1 1 100%;justify-content:center}.factory-accounts[b-1jmddl627p] .operator-management-panel{padding:15px}} .factory-accounts[b-1jmddl627p] .factory-user-role { margin: 16px 0; } .factory-accounts[b-1jmddl627p] .factory-user-role-edit { display: flex; align-items: end; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--ui-border); } .factory-accounts[b-1jmddl627p] .factory-user-role-edit label { flex: 1; } .factory-accounts[b-1jmddl627p] .operator-management-card summary { padding: 4px 0; } .factory-accounts[b-1jmddl627p] .operator-management-card summary span:last-child { color: var(--ui-accent); } .factory-accounts[b-1jmddl627p] .operator-management-actions { padding: 14px 0; } @media(max-width:600px){.factory-accounts[b-1jmddl627p] .factory-user-role-edit{align-items:stretch;flex-direction:column}.factory-accounts[b-1jmddl627p] .factory-user-role-edit label{width:100%}} .factory-accounts[b-1jmddl627p] .factory-user-kpis{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:16px} .factory-accounts[b-1jmddl627p] .factory-user-kpis>div{display:grid;gap:8px;padding:16px 18px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px} .factory-accounts[b-1jmddl627p] .factory-user-kpis span{font-size:var(--ui-kpi-title-size);color:var(--ui-text);font-weight:var(--ui-kpi-title-weight);} .factory-accounts[b-1jmddl627p] .factory-user-kpis strong{font-size:var(--ui-kpi-value-size);line-height:1;font-variant-numeric:tabular-nums;font-weight:var(--ui-kpi-value-weight);} .factory-accounts[b-1jmddl627p] .customer-users-layout{grid-template-columns:minmax(270px, .65fr) minmax(0,1.5fr);gap:18px} .factory-accounts[b-1jmddl627p] .factory-user-create h2,.factory-accounts[b-1jmddl627p] .factory-user-directory h2{padding-bottom:15px;border-bottom:1px solid var(--ui-border);font-size:19px} .factory-accounts[b-1jmddl627p] .factory-user-create h2 span,.factory-accounts[b-1jmddl627p] .factory-user-directory h2 span{color:var(--ui-accent);margin-right:8px;font-size:23px} .factory-accounts[b-1jmddl627p] .factory-user-create-button{width:100%;min-height:46px} .factory-accounts[b-1jmddl627p] .factory-user-security-note{margin:16px 0 0;padding:12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface-raised)} .factory-accounts[b-1jmddl627p] .factory-user-directory-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ui-border);margin-bottom:15px;padding-bottom:12px} .factory-accounts[b-1jmddl627p] .factory-user-directory-header h2{border:0;padding:0;margin:0} .factory-accounts[b-1jmddl627p] .factory-user-directory-header a{padding:10px 13px;color:var(--ui-accent);border:1px solid var(--ui-accent);border-radius:7px;text-decoration:none;font-weight:700;font-size:12px;white-space:nowrap} .factory-accounts[b-1jmddl627p] .factory-user-filters{display:grid;grid-template-columns:minmax(170px,2fr) repeat(2,minmax(120px,1fr));gap:10px;margin-bottom:16px} .factory-accounts[b-1jmddl627p] .factory-user-table-scroll{overflow-x:auto;border:1px solid var(--ui-border);border-radius:9px} .factory-accounts[b-1jmddl627p] .factory-user-table{width:100%;border-collapse:collapse;min-width:690px;text-align:left;font-size:13px} .factory-accounts[b-1jmddl627p] .factory-user-table th{padding:14px 12px;background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:11px} .factory-accounts[b-1jmddl627p] .factory-user-table td{padding:12px;border-top:1px solid var(--ui-border);vertical-align:middle} .factory-accounts[b-1jmddl627p] .factory-user-table td:first-child{white-space:nowrap} .factory-accounts[b-1jmddl627p] .factory-user-avatar{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:9px;border-radius:50%;color:var(--ui-accent);background:var(--ui-accent-soft);font-weight:700} .factory-accounts[b-1jmddl627p] .factory-user-role-badge{display:inline-block;padding:5px 8px;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-accent);background:var(--ui-accent-soft);font-size:12px} .factory-accounts[b-1jmddl627p] .factory-user-state{white-space:nowrap;font-size:12px}.factory-accounts[b-1jmddl627p] .factory-user-state.active{color:var(--ui-success)}.factory-accounts[b-1jmddl627p] .factory-user-state.inactive{color:var(--ui-text-muted)} .factory-accounts[b-1jmddl627p] .factory-user-edit-row>td{padding:4px 12px 12px}.factory-accounts[b-1jmddl627p] .factory-user-edit-row .operator-management-card{margin:0;padding:16px} .factory-accounts[b-1jmddl627p] .factory-user-pagination,.factory-accounts[b-1jmddl627p] .factory-user-pagination>div{display:flex;align-items:center;justify-content:space-between;gap:10px} .factory-accounts[b-1jmddl627p] .factory-user-pagination{padding-top:18px;color:var(--ui-text-muted);font-size:12px} @media(max-width:950px){.factory-accounts[b-1jmddl627p] .customer-users-layout{grid-template-columns:1fr}.factory-accounts[b-1jmddl627p] .factory-user-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.factory-accounts[b-1jmddl627p] .factory-user-filters{grid-template-columns:1fr}.factory-accounts[b-1jmddl627p] .factory-user-pagination{align-items:flex-start;flex-direction:column}.factory-accounts[b-1jmddl627p] .factory-user-directory-header{align-items:flex-start;flex-wrap:wrap}} .factory-accounts[b-1jmddl627p] .factory-user-edit-row .factory-user-editor{padding:18px;background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:10px} .factory-accounts[b-1jmddl627p] .factory-user-editor-heading,.factory-accounts[b-1jmddl627p] .factory-user-editor-identity,.factory-accounts[b-1jmddl627p] .factory-user-section-title{display:flex;align-items:center;gap:12px} .factory-accounts[b-1jmddl627p] .factory-user-editor-heading{justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--ui-border)} .factory-accounts[b-1jmddl627p] .factory-user-editor-heading h3,.factory-accounts[b-1jmddl627p] .factory-user-section-title h4{margin:0;color:var(--ui-text);font-size:14px} .factory-accounts[b-1jmddl627p] .factory-user-editor-heading p,.factory-accounts[b-1jmddl627p] .factory-user-section-title p{margin:4px 0 0;color:var(--ui-text-muted);font-size:12px;line-height:1.4} .factory-accounts[b-1jmddl627p] .factory-user-editor-icon,.factory-accounts[b-1jmddl627p] .factory-user-section-title>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;color:var(--ui-accent);background:var(--ui-accent-soft);border:1px solid color-mix(in srgb,var(--ui-accent) 25%,var(--ui-border));border-radius:9px;font-size:18px} .factory-accounts[b-1jmddl627p] .factory-user-editor-close{width:38px;min-width:38px;font-size:20px;line-height:1} .factory-accounts[b-1jmddl627p] .factory-user-editor-section{min-width:0;padding:16px;margin-top:14px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg)} .factory-accounts[b-1jmddl627p] .factory-user-section-title{margin-bottom:14px} .factory-accounts[b-1jmddl627p] .factory-user-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .factory-accounts[b-1jmddl627p] .factory-user-email{grid-column:1/-1} .factory-accounts[b-1jmddl627p] .factory-user-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .factory-accounts[b-1jmddl627p] .factory-user-editor-actions{display:flex;justify-content:flex-end;margin-top:14px} .factory-accounts[b-1jmddl627p] .factory-user-editor-primary{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700} @media(max-width:1050px){.factory-accounts[b-1jmddl627p] .factory-user-editor-grid{grid-template-columns:1fr;gap:0}} @media(max-width:600px){.factory-accounts[b-1jmddl627p] .factory-user-editor-fields{grid-template-columns:1fr}.factory-accounts[b-1jmddl627p] .factory-user-email{grid-column:auto}.factory-accounts[b-1jmddl627p] .factory-user-editor-actions button{width:100%}} /* /Components/Pages/Factory/Users/Roles.razor.rz.scp.css */ .role-admin[b-ivz5icv54p] { --role-panel: var(--ui-surface, var(--surface)); --role-raised: var(--ui-surface-raised, #232A30); --role-border: var(--ui-border, var(--border)); --role-text: var(--ui-text, var(--text)); --role-muted: var(--ui-text-muted, var(--muted)); --role-gold: var(--ui-accent, var(--accent)); --role-green: var(--ui-success, #62D3A4); --role-red: var(--ui-danger, #FF7A7A); color: var(--role-text); width: min(100%, 1500px); margin-inline: auto; padding: clamp(16px, 2.2vw, 32px); } .role-page-header[b-ivz5icv54p], .role-header-actions[b-ivz5icv54p], .role-card-heading[b-ivz5icv54p], .role-list-heading[b-ivz5icv54p], .role-list-item[b-ivz5icv54p], .role-editor-header[b-ivz5icv54p], .role-editor-title[b-ivz5icv54p], .role-status-toggle[b-ivz5icv54p], .role-permissions-header[b-ivz5icv54p], .role-permission-column-title[b-ivz5icv54p], .role-permission-option[b-ivz5icv54p], .role-editor-footer[b-ivz5icv54p], .role-form-actions[b-ivz5icv54p] { display: flex; align-items: center; } .role-page-header[b-ivz5icv54p] { justify-content: space-between; gap: 24px; margin-bottom: 26px; } .role-page-header h1[b-ivz5icv54p] { margin: 5px 0 7px; font-size: clamp(26px, 3vw, 34px); line-height: 1.15; letter-spacing: -.035em; } .role-page-header p[b-ivz5icv54p], .role-list-heading p[b-ivz5icv54p], .role-card-heading p[b-ivz5icv54p], .role-permissions-header p[b-ivz5icv54p] { margin: 0; color: var(--role-muted); font-size: 14px; line-height: 1.5; } .role-eyebrow[b-ivz5icv54p] { display: flex; align-items: center; gap: 8px; color: var(--role-muted); font-size: 11px; font-weight: 700; letter-spacing: .13em; } .role-eyebrow-mark[b-ivz5icv54p] { width: 7px; height: 7px; border-radius: 50%; background: var(--role-gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--role-gold) 15%, transparent); } .role-header-actions[b-ivz5icv54p] { gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .role-primary-button[b-ivz5icv54p], .role-secondary-button[b-ivz5icv54p], .role-quiet-button[b-ivz5icv54p] { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border-radius: 8px; font: inherit; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .16s ease, border-color .16s ease, transform .16s ease; } .role-primary-button[b-ivz5icv54p] { color: var(--ui-on-accent, #0B1014); background: var(--role-gold); border: 1px solid var(--role-gold); } .role-primary-button:hover:not(:disabled)[b-ivz5icv54p] { filter: brightness(1.07); transform: translateY(-1px); } .role-secondary-button[b-ivz5icv54p], .role-quiet-button[b-ivz5icv54p] { color: var(--role-text); background: var(--role-panel); border: 1px solid var(--role-border); } .role-secondary-button:hover[b-ivz5icv54p], .role-quiet-button:hover:not(:disabled)[b-ivz5icv54p] { background: var(--role-raised); border-color: var(--ui-control-border, #56616B); } .role-primary-button:disabled[b-ivz5icv54p], .role-secondary-button:disabled[b-ivz5icv54p], .role-quiet-button:disabled[b-ivz5icv54p] { opacity: .48; cursor: not-allowed; transform: none; } .role-primary-button:focus-visible[b-ivz5icv54p], .role-secondary-button:focus-visible[b-ivz5icv54p], .role-quiet-button:focus-visible[b-ivz5icv54p], .role-list-item:focus-visible[b-ivz5icv54p], .role-field input:focus-visible[b-ivz5icv54p], .role-search input:focus-visible[b-ivz5icv54p], .role-permission-option input:focus-visible + .permission-check[b-ivz5icv54p], .role-status-toggle input:focus-visible + .role-toggle-track[b-ivz5icv54p] { outline: 3px solid var(--ui-focus, #FFD166); outline-offset: 2px; } .role-alert[b-ivz5icv54p] { display: flex; gap: 12px; align-items: flex-start; padding: 12px 15px; margin: 0 0 16px; border: 1px solid var(--role-border); border-radius: 9px; font-size: 13px; line-height: 1.5; } .role-alert > span[b-ivz5icv54p] { display: grid; place-items: center; flex: 0 0 21px; height: 21px; border-radius: 50%; font-weight: 800; } .role-alert-error[b-ivz5icv54p] { color: var(--role-text); border-color: color-mix(in srgb, var(--role-red) 44%, var(--role-border)); background: color-mix(in srgb, var(--role-red) 9%, var(--role-panel)); } .role-alert-error > span[b-ivz5icv54p] { color: var(--role-red); background: color-mix(in srgb, var(--role-red) 15%, transparent); } .role-alert-success[b-ivz5icv54p] { color: var(--role-text); border-color: color-mix(in srgb, var(--role-green) 38%, var(--role-border)); background: color-mix(in srgb, var(--role-green) 8%, var(--role-panel)); } .role-alert-success > span[b-ivz5icv54p] { color: var(--role-green); background: color-mix(in srgb, var(--role-green) 13%, transparent); } .role-loading[b-ivz5icv54p] { min-height: 180px; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--role-muted); border: 1px solid var(--role-border); border-radius: 12px; background: var(--role-panel); } .role-spinner[b-ivz5icv54p] { width: 18px; height: 18px; border: 2px solid var(--role-border); border-top-color: var(--role-gold); border-radius: 50%; animation: role-spin-b-ivz5icv54p .8s linear infinite; } @keyframes role-spin-b-ivz5icv54p { to { transform: rotate(360deg); } } .role-create-card[b-ivz5icv54p], .role-list-panel[b-ivz5icv54p], .role-editor-panel[b-ivz5icv54p] { background: var(--role-panel); border: 1px solid var(--role-border); border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.12); } .role-create-card[b-ivz5icv54p] { margin-bottom: 18px; padding: 20px 22px; } .role-card-heading[b-ivz5icv54p] { gap: 13px; margin-bottom: 18px; } .role-card-heading h2[b-ivz5icv54p], .role-list-heading h2[b-ivz5icv54p], .role-editor-header h2[b-ivz5icv54p], .role-empty-editor h2[b-ivz5icv54p] { margin: 0 0 4px; font-size: 18px; letter-spacing: -.015em; } .role-heading-icon[b-ivz5icv54p] { width: 40px; height: 40px; display: grid; flex: 0 0 40px; place-items: center; color: var(--role-muted); background: var(--role-raised); border: 1px solid var(--role-border); border-radius: 10px; font-size: 22px; } .role-heading-icon-gold[b-ivz5icv54p] { color: var(--role-gold); background: color-mix(in srgb, var(--role-gold) 9%, var(--role-raised)); border-color: color-mix(in srgb, var(--role-gold) 22%, var(--role-border)); } .role-create-fields[b-ivz5icv54p] { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 580px; gap: 14px; } .role-field[b-ivz5icv54p] { display: flex; min-width: 0; flex-direction: column; gap: 7px; color: var(--role-muted); font-size: 12px; font-weight: 650; } .role-field input[b-ivz5icv54p], .role-search input[b-ivz5icv54p] { width: 100%; min-height: 42px; box-sizing: border-box; color: var(--role-text); background: var(--role-raised); border: 1px solid var(--ui-control-border, #56616B); border-radius: 7px; padding: 9px 11px; font: inherit; font-size: 14px; } .role-field input[b-ivz5icv54p]::placeholder, .role-search input[b-ivz5icv54p]::placeholder { color: var(--role-muted); opacity: .8; } .role-field small[b-ivz5icv54p] { color: var(--role-muted); font-size: 11px; font-weight: 400; } .role-form-actions[b-ivz5icv54p] { gap: 9px; flex-wrap: wrap; } .role-create-card > .role-form-actions[b-ivz5icv54p] { margin-top: 18px; } .role-workspace[b-ivz5icv54p] { display: grid; grid-template-columns: minmax(240px, 290px) minmax(0, 1fr); align-items: start; gap: 18px; } .role-list-panel[b-ivz5icv54p] { position: sticky; top: 82px; overflow: hidden; } .role-list-heading[b-ivz5icv54p] { min-height: 72px; justify-content: space-between; padding: 15px 17px; border-bottom: 1px solid var(--role-border); } .role-list-heading h2[b-ivz5icv54p] { margin: 0 0 4px; font-size: 16px; } .role-list-heading p[b-ivz5icv54p] { font-size: 12px; } .role-count[b-ivz5icv54p] { min-width: 28px; height: 26px; display: grid; place-items: center; padding-inline: 6px; color: var(--role-gold); background: color-mix(in srgb, var(--role-gold) 10%, var(--role-raised)); border-radius: 7px; font-size: 12px; font-weight: 750; font-variant-numeric: tabular-nums; } .role-list[b-ivz5icv54p] { display: grid; gap: 4px; max-height: min(66vh, 700px); overflow-y: auto; padding: 9px; } .role-list-item[b-ivz5icv54p] { position: relative; width: 100%; min-height: 66px; gap: 10px; padding: 9px; color: var(--role-text); text-align: left; background: transparent; border: 1px solid transparent; border-radius: 8px; cursor: pointer; } .role-list-item:hover:not(:disabled)[b-ivz5icv54p] { background: var(--role-raised); } .role-list-item.is-selected[b-ivz5icv54p] { background: color-mix(in srgb, var(--role-gold) 8%, var(--role-raised)); border-color: color-mix(in srgb, var(--role-gold) 35%, var(--role-border)); } .role-list-item:disabled[b-ivz5icv54p] { cursor: default; } .role-avatar[b-ivz5icv54p] { width: 36px; height: 36px; display: grid; flex: 0 0 36px; place-items: center; color: var(--role-gold); background: color-mix(in srgb, var(--role-gold) 9%, var(--role-raised)); border: 1px solid color-mix(in srgb, var(--role-gold) 22%, var(--role-border)); border-radius: 9px; font-size: 15px; font-weight: 750; } .role-item-copy[b-ivz5icv54p] { display: grid; flex: 1; min-width: 0; gap: 4px; } .role-item-copy strong[b-ivz5icv54p] { overflow: hidden; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; } .role-item-copy small[b-ivz5icv54p] { color: var(--role-muted); font-size: 11px; } .role-state[b-ivz5icv54p] { display: inline-flex; align-items: center; gap: 5px; color: var(--role-muted); font-size: 10px; white-space: nowrap; } .role-state i[b-ivz5icv54p], .role-footer-dot[b-ivz5icv54p] { width: 6px; height: 6px; border-radius: 50%; background: var(--role-muted); } .role-state.active[b-ivz5icv54p] { color: var(--role-green); } .role-state.active i[b-ivz5icv54p], .role-footer-dot[b-ivz5icv54p] { background: var(--role-green); } .role-state.inactive[b-ivz5icv54p] { color: var(--role-muted); } .role-list-footer[b-ivz5icv54p] { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 17px; color: var(--role-muted); border-top: 1px solid var(--role-border); font-size: 11px; } .role-empty-small[b-ivz5icv54p] { min-height: 170px; display: grid; place-content: center; justify-items: center; gap: 8px; padding: 18px; color: var(--role-muted); text-align: center; font-size: 12px; } .role-empty-small > span:first-child[b-ivz5icv54p] { color: var(--role-gold); font-size: 28px; } .role-empty-small strong[b-ivz5icv54p] { color: var(--role-text); font-size: 14px; } .role-editor-panel[b-ivz5icv54p] { min-width: 0; padding: clamp(16px, 2vw, 24px); } .role-editor-header[b-ivz5icv54p] { justify-content: space-between; gap: 18px; padding-bottom: 17px; border-bottom: 1px solid var(--role-border); } .role-editor-title[b-ivz5icv54p] { min-width: 0; gap: 12px; } .role-editor-title > div:last-child[b-ivz5icv54p] { min-width: 0; } .role-editor-header h2[b-ivz5icv54p] { margin: 3px 0 3px; font-size: 20px; } .role-code[b-ivz5icv54p] { color: var(--role-muted); font: 11px/1.4 ui-monospace, Consolas, monospace; overflow-wrap: anywhere; } .role-status-toggle[b-ivz5icv54p] { position: relative; gap: 9px; color: var(--role-muted); font-size: 12px; white-space: nowrap; cursor: pointer; } .role-status-toggle input[b-ivz5icv54p] { position: absolute; width: 1px; height: 1px; opacity: 0; } .role-toggle-track[b-ivz5icv54p] { width: 36px; height: 20px; display: inline-flex; align-items: center; padding: 2px; background: var(--role-raised); border: 1px solid var(--ui-control-border, #56616B); border-radius: 20px; transition: background .15s ease; } .role-toggle-track i[b-ivz5icv54p] { width: 14px; height: 14px; background: var(--role-muted); border-radius: 50%; transition: transform .15s ease, background .15s ease; } .role-status-toggle input:checked + .role-toggle-track[b-ivz5icv54p] { background: color-mix(in srgb, var(--role-green) 22%, var(--role-raised)); border-color: color-mix(in srgb, var(--role-green) 55%, var(--role-border)); } .role-status-toggle input:checked + .role-toggle-track i[b-ivz5icv54p] { background: var(--role-green); transform: translateX(15px); } .role-editor-fields[b-ivz5icv54p] { display: grid; grid-template-columns: minmax(220px, 1fr); max-width: 580px; padding: 17px 0; } .role-unsaved[b-ivz5icv54p] { display: flex; align-items: flex-start; gap: 10px; padding: 11px 13px; margin: 0 0 17px; color: var(--role-text); background: color-mix(in srgb, var(--ui-warning, #F3BE67) 8%, var(--role-raised)); border: 1px solid color-mix(in srgb, var(--ui-warning, #F3BE67) 32%, var(--role-border)); border-radius: 8px; } .role-unsaved > span[b-ivz5icv54p] { color: var(--ui-warning, #F3BE67); font-size: 12px; } .role-unsaved div[b-ivz5icv54p] { display: grid; gap: 3px; } .role-unsaved strong[b-ivz5icv54p] { font-size: 12px; } .role-unsaved small[b-ivz5icv54p] { color: var(--role-muted); font-size: 11px; } .role-permissions-header[b-ivz5icv54p] { justify-content: space-between; gap: 14px; padding: 16px 0 13px; border-top: 1px solid var(--role-border); } .role-permissions-header h3[b-ivz5icv54p] { margin: 0 0 4px; font-size: 16px; } .role-permissions-header p[b-ivz5icv54p] { font-size: 12px; } .role-search[b-ivz5icv54p] { position: relative; display: flex; align-items: center; width: min(240px, 40%); color: var(--role-muted); } .role-search > span[b-ivz5icv54p] { position: absolute; left: 10px; font-size: 20px; line-height: 1; } .role-search input[b-ivz5icv54p] { min-height: 38px; padding-left: 34px; font-size: 12px; } .role-permission-groups[b-ivz5icv54p] { display: grid; gap: 12px; } .role-permission-group[b-ivz5icv54p] { overflow: hidden; border: 1px solid var(--role-border); border-radius: 9px; } .role-permission-group > summary[b-ivz5icv54p] { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 13px; background: var(--role-raised); cursor: pointer; list-style: none; } .role-permission-group > summary[b-ivz5icv54p]::-webkit-details-marker { display: none; } .role-permission-group[open] > summary[b-ivz5icv54p] { border-bottom: 1px solid var(--role-border); } .role-permission-group > summary:focus-visible[b-ivz5icv54p] { outline: 3px solid var(--ui-focus, #FFD166); outline-offset: -3px; } .role-permission-group-title[b-ivz5icv54p] { flex: 1; font-size: 12px; font-weight: 750; letter-spacing: .025em; } .role-permission-group-count[b-ivz5icv54p] { color: var(--role-muted); font-size: 10px; } .role-permission-chevron[b-ivz5icv54p] { color: var(--role-muted); font-size: 18px; transition: transform .15s ease; } .role-permission-group[open] .role-permission-chevron[b-ivz5icv54p] { transform: rotate(180deg); } .role-permission-columns[b-ivz5icv54p] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .role-permission-column[b-ivz5icv54p] { min-width: 0; padding: 0 12px 8px; } .role-permission-column + .role-permission-column[b-ivz5icv54p] { border-left: 1px solid var(--role-border); } .role-permission-column-title[b-ivz5icv54p] { min-height: 39px; gap: 7px; color: var(--role-muted); border-bottom: 1px solid var(--role-border); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .045em; } .role-permission-column-title small[b-ivz5icv54p] { min-width: 18px; height: 18px; display: grid; place-items: center; margin-left: auto; color: var(--role-muted); background: var(--role-raised); border-radius: 5px; font-size: 10px; font-variant-numeric: tabular-nums; } .permission-type-icon[b-ivz5icv54p] { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 5px; font-size: 12px; } .permission-type-icon.page[b-ivz5icv54p] { color: var(--ui-info, #4B9CFF); background: color-mix(in srgb, var(--ui-info, #4B9CFF) 12%, transparent); } .permission-type-icon.action[b-ivz5icv54p] { color: var(--role-gold); background: color-mix(in srgb, var(--role-gold) 12%, transparent); } .role-permission-option[b-ivz5icv54p] { position: relative; min-height: 51px; gap: 9px; border-bottom: 1px solid color-mix(in srgb, var(--role-border) 70%, transparent); cursor: pointer; } .role-permission-option:last-child[b-ivz5icv54p] { border-bottom: 0; } .role-permission-option:hover[b-ivz5icv54p] { background: var(--ui-surface-hover, rgba(244,245,246,.055)); } .role-permission-option input[b-ivz5icv54p] { position: absolute; width: 1px; height: 1px; opacity: 0; } .permission-check[b-ivz5icv54p] { width: 17px; height: 17px; display: grid; flex: 0 0 17px; place-items: center; border: 1px solid var(--ui-control-border, #56616B); border-radius: 4px; background: var(--role-raised); } .role-permission-option input:checked + .permission-check[b-ivz5icv54p] { border-color: var(--role-gold); background: var(--role-gold); } .role-permission-option input:checked + .permission-check[b-ivz5icv54p]::after { content: "✓"; color: var(--ui-on-accent, #0B1014); font-size: 12px; font-weight: 900; } .role-permission-option input:disabled + .permission-check[b-ivz5icv54p] { opacity: .55; } .permission-copy[b-ivz5icv54p] { display: grid; min-width: 0; gap: 3px; } .permission-copy strong[b-ivz5icv54p] { overflow: hidden; color: var(--role-text); font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } .permission-copy small[b-ivz5icv54p] { overflow: hidden; color: var(--role-muted); font: 10px/1.3 ui-monospace, Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; } .role-no-permissions[b-ivz5icv54p], .role-empty-permissions[b-ivz5icv54p] { display: grid; min-height: 53px; place-items: center; color: var(--role-muted); font-size: 11px; text-align: center; } .role-empty-permissions[b-ivz5icv54p] { min-height: 140px; padding: 16px; border: 1px dashed var(--role-border); border-radius: 8px; } .role-editor-footer[b-ivz5icv54p] { justify-content: space-between; gap: 16px; margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--role-border); } .role-save-hint[b-ivz5icv54p] { color: var(--role-muted); font-size: 11px; } .role-empty-editor[b-ivz5icv54p] { min-height: 480px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center; } .role-empty-editor h2[b-ivz5icv54p] { margin: 15px 0 5px; } .role-empty-editor p[b-ivz5icv54p] { max-width: 360px; margin: 0 0 18px; color: var(--role-muted); font-size: 13px; line-height: 1.55; } .role-empty-icon[b-ivz5icv54p] { width: 58px; height: 58px; display: grid; place-items: center; color: var(--role-gold); background: color-mix(in srgb, var(--role-gold) 8%, var(--role-raised)); border: 1px solid color-mix(in srgb, var(--role-gold) 25%, var(--role-border)); border-radius: 15px; font-size: 30px; } @media (max-width: 900px) { .role-workspace[b-ivz5icv54p] { grid-template-columns: minmax(205px, 245px) minmax(0, 1fr); gap: 12px; } .role-list-item[b-ivz5icv54p] { flex-wrap: wrap; } .role-state[b-ivz5icv54p] { margin-left: 46px; } .role-permission-columns[b-ivz5icv54p] { grid-template-columns: 1fr; } .role-permission-column + .role-permission-column[b-ivz5icv54p] { border-left: 0; border-top: 1px solid var(--role-border); } } @media (max-width: 640px) { .role-admin[b-ivz5icv54p] { padding: 16px 12px 26px; } .role-page-header[b-ivz5icv54p] { align-items: flex-start; flex-direction: column; gap: 15px; margin-bottom: 18px; } .role-header-actions[b-ivz5icv54p] { width: 100%; justify-content: stretch; } .role-header-actions > *[b-ivz5icv54p] { flex: 1; } .role-workspace[b-ivz5icv54p] { grid-template-columns: 1fr; } .role-list-panel[b-ivz5icv54p] { position: static; } .role-list[b-ivz5icv54p] { display: flex; max-height: 180px; overflow: auto; } .role-list-item[b-ivz5icv54p] { min-width: 205px; flex-wrap: nowrap; } .role-state[b-ivz5icv54p] { margin-left: 0; } .role-list-footer[b-ivz5icv54p] { min-height: 36px; } .role-editor-header[b-ivz5icv54p] { align-items: flex-start; flex-direction: column; } .role-status-toggle[b-ivz5icv54p] { align-self: flex-end; } .role-permissions-header[b-ivz5icv54p] { align-items: flex-start; flex-direction: column; } .role-search[b-ivz5icv54p] { width: 100%; } .role-create-fields[b-ivz5icv54p] { grid-template-columns: 1fr; } .role-create-card[b-ivz5icv54p] { padding: 16px; } .role-editor-footer[b-ivz5icv54p] { align-items: flex-start; flex-direction: column; } .role-editor-footer .role-form-actions[b-ivz5icv54p] { width: 100%; } .role-editor-footer .role-form-actions button[b-ivz5icv54p] { flex: 1; } .permission-copy strong[b-ivz5icv54p], .permission-copy small[b-ivz5icv54p] { white-space: normal; overflow-wrap: anywhere; } } @media (prefers-reduced-motion: reduce) { .role-admin *[b-ivz5icv54p], .role-admin *[b-ivz5icv54p]::before, .role-admin *[b-ivz5icv54p]::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } } /* /Components/Pages/Factory/Welds/Detail.razor.rz.scp.css */ .seam-detail-dashboard[b-0tu20omz1m]{display:grid;grid-template-columns:minmax(0,1fr);gap:19px;min-width:0;color:var(--ui-text);container-type:inline-size;font-size:13px}.seam-detail-heading[b-0tu20omz1m]{display:flex;align-items:center;justify-content:space-between;gap:18px}.seam-detail-heading h1[b-0tu20omz1m]{font-size:clamp(25px,2.4vw,34px);font-weight:750;letter-spacing:-.7px;margin:5px 0 14px}.seam-detail-heading p[b-0tu20omz1m]{margin:0;color:var(--ui-accent);font-size:10px;letter-spacing:1px;font-weight:600}.seam-detail-heading a[b-0tu20omz1m]{display:inline-flex;align-items:center;gap:6px;color:var(--ui-text-muted);text-decoration:none;font-size:12px}.seam-detail-heading a:hover[b-0tu20omz1m]{color:var(--ui-accent)}.seam-detail-heading a[b-0tu20omz1m] svg{width:17px;height:17px}.detail-heading-actions[b-0tu20omz1m]{display:flex;align-items:center;gap:10px}.detail-heading-actions>span[b-0tu20omz1m]{font-size:12px;border:1px solid var(--ui-border);border-radius:6px;padding:9px 11px;color:var(--ui-text-muted);white-space:nowrap}.seam-detail-dashboard button[b-0tu20omz1m]{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:6px;padding:8px 12px;color:var(--ui-text);font:inherit;font-size:12px;cursor:pointer;min-height:35px}.seam-detail-dashboard button[b-0tu20omz1m] svg{width:17px;height:17px}.seam-detail-dashboard button:hover:not(:disabled)[b-0tu20omz1m]{color:var(--ui-accent);border-color:var(--ui-accent);background:var(--ui-accent-soft)}.seam-detail-dashboard button:disabled[b-0tu20omz1m]{opacity:.45;cursor:default}.seam-detail-dashboard :is(a,button):focus-visible[b-0tu20omz1m],.seam-sample-scroll:focus-visible[b-0tu20omz1m]{outline:2px solid var(--ui-focus);outline-offset:3px} .seam-info-grid[b-0tu20omz1m]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.seam-info-card[b-0tu20omz1m]{--tone:var(--ui-accent);display:flex;align-items:center;gap:12px;padding:17px 13px;min-width:0;background:linear-gradient(125deg,color-mix(in srgb,var(--tone) 5%,var(--ui-surface)),var(--ui-surface));border:1px solid var(--ui-border);border-radius:8px;box-shadow:inset 0 1px var(--ui-surface-hover);transition:border-color .15s}.seam-info-card:hover[b-0tu20omz1m]{border-color:color-mix(in srgb,var(--tone) 45%,var(--ui-border))}.seam-info-card.identity[b-0tu20omz1m]{grid-column:span 3}.seam-info-card.small-info[b-0tu20omz1m]{grid-column:span 2}.seam-info-card.time-info[b-0tu20omz1m]{grid-column:span 3}.seam-info-card.measure-info[b-0tu20omz1m]{grid-column:span 4}.tone-blue[b-0tu20omz1m]{--tone:var(--ui-info)}.tone-purple[b-0tu20omz1m]{--tone:var(--ui-violet)}.tone-green[b-0tu20omz1m]{--tone:var(--ui-success)}.tone-muted[b-0tu20omz1m]{--tone:var(--ui-text-muted)}.info-icon[b-0tu20omz1m]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:44px;border-radius:7px;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,transparent)}.info-icon[b-0tu20omz1m] svg{width:27px;height:27px}.seam-info-card>div[b-0tu20omz1m]{min-width:0}.seam-info-card h2[b-0tu20omz1m]{font-size:11px;color:var(--ui-text-muted);font-weight:500;margin:0 0 5px;line-height:1.5}.seam-info-card strong[b-0tu20omz1m]{font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.seam-info-card.time-info strong[b-0tu20omz1m]{font-size:12px} .measurement-heading[b-0tu20omz1m]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.measurement-heading h2[b-0tu20omz1m],.seam-sample-table-section h2[b-0tu20omz1m],.seam-record-links h2[b-0tu20omz1m]{font-size:17px;font-weight:650;margin:0 0 6px}.measurement-heading p[b-0tu20omz1m]{margin:0;color:var(--ui-warning);font-size:11px}.measurement-heading>span[b-0tu20omz1m]{color:var(--ui-text-muted);font-size:10px}.measurement-coverage[b-0tu20omz1m]{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;color:var(--ui-text-muted);font-size:11px;padding-bottom:13px}.measurement-coverage>span[b-0tu20omz1m]{display:inline-flex;align-items:center;gap:5px}.measurement-coverage strong[b-0tu20omz1m]{color:var(--ui-text);font-variant-numeric:tabular-nums}.measurement-coverage[b-0tu20omz1m] svg{width:15px;height:15px;color:var(--ui-accent)}.measurement-coverage .historical-tag[b-0tu20omz1m]{border:1px solid var(--ui-border);background:var(--ui-surface);padding:4px 7px;border-radius:5px;color:var(--ui-info)}.measurement-note[b-0tu20omz1m]{font-size:11px;color:var(--ui-text-muted);margin:0 0 12px;line-height:1.6}.seam-chart-grid[b-0tu20omz1m]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seam-sample-table-section[b-0tu20omz1m]{margin-top:23px;min-width:0}.seam-sample-table-section>header[b-0tu20omz1m]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.seam-sample-table-section>header>span[b-0tu20omz1m]{font-size:11px;color:var(--ui-text-muted)}.seam-sample-scroll[b-0tu20omz1m]{overflow:auto;max-width:100%;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface)}.seam-sample-table[b-0tu20omz1m]{width:100%;min-width:710px;border-collapse:collapse;font-size:12px}.seam-sample-table th[b-0tu20omz1m]{text-align:left;font-size:11px;color:var(--ui-text-muted);font-weight:600;padding:12px;border-bottom:1px solid var(--ui-border);white-space:nowrap;background:var(--ui-surface-raised)}.seam-sample-table td[b-0tu20omz1m]{padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 65%,transparent);font-variant-numeric:tabular-nums}.seam-sample-table td:nth-child(n+3)[b-0tu20omz1m]{color:var(--ui-info)}.seam-sample-table tr:hover[b-0tu20omz1m]{background:var(--ui-surface-hover)}.seam-sample-table td small[b-0tu20omz1m]{display:block;color:var(--ui-text-muted);font-size:10px;margin-top:4px}.seam-sample-table .excluded-sample td[b-0tu20omz1m]{color:var(--ui-text-muted)}.sample-pagination[b-0tu20omz1m]{display:flex;align-items:center;justify-content:end;gap:7px;flex-wrap:wrap;padding:13px 0}.sample-pagination>span[b-0tu20omz1m]{margin-right:auto;color:var(--ui-text-muted);font-size:11px}.sample-pagination button[b-0tu20omz1m]{font-size:11px;padding:6px 10px;min-height:32px}.sample-pagination button.selected[b-0tu20omz1m]{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent)} .seam-record-links>div[b-0tu20omz1m]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:13px}.seam-record-links a[b-0tu20omz1m]{display:flex;align-items:center;gap:13px;padding:18px 14px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);text-decoration:none}.seam-record-links a:hover[b-0tu20omz1m]{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.record-link-icon[b-0tu20omz1m]{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:7px;background:var(--ui-accent-soft);color:var(--ui-accent)}.record-link-icon[b-0tu20omz1m] svg{width:27px;height:27px}.seam-record-links a>span:nth-child(2)[b-0tu20omz1m]{min-width:0;flex:1}.seam-record-links strong[b-0tu20omz1m]{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.seam-record-links small[b-0tu20omz1m]{display:block;color:var(--ui-text-muted);font-size:11px;margin-top:5px}.seam-record-links a[b-0tu20omz1m]> svg{color:var(--ui-accent);width:20px;height:20px}.seam-detail-error[b-0tu20omz1m]{padding:12px;border:1px solid var(--ui-danger);border-radius:7px;color:var(--ui-danger)}.seam-detail-loading[b-0tu20omz1m],.seam-sample-empty[b-0tu20omz1m]{color:var(--ui-text-muted);font-size:12px;line-height:1.7}.seam-sample-empty[b-0tu20omz1m]{padding:25px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface)} @container(max-width:1000px){.seam-info-card.identity[b-0tu20omz1m]{grid-column:span 6}.seam-info-card.small-info[b-0tu20omz1m]{grid-column:span 4}.seam-info-card.time-info[b-0tu20omz1m]{grid-column:span 6}.seam-chart-grid[b-0tu20omz1m]{grid-template-columns:minmax(0,1fr)}} @media(max-width:650px){.seam-detail-heading[b-0tu20omz1m]{align-items:start;flex-direction:column}.seam-detail-heading h1[b-0tu20omz1m]{font-size:27px}.seam-info-card[b-0tu20omz1m]{padding:12px 10px;gap:9px}.info-icon[b-0tu20omz1m]{width:32px;height:36px}.info-icon[b-0tu20omz1m] svg{width:23px;height:23px}.seam-info-card strong[b-0tu20omz1m]{font-size:12px}.seam-info-card.small-info[b-0tu20omz1m]{grid-column:span 6}.seam-info-card.time-info[b-0tu20omz1m]{grid-column:span 12}.seam-info-card.measure-info[b-0tu20omz1m]{grid-column:span 12}.measurement-heading[b-0tu20omz1m]{align-items:start;flex-direction:column}.seam-info-card h2[b-0tu20omz1m]{font-size:10px}.seam-sample-table-section>header[b-0tu20omz1m]{align-items:start;flex-direction:column}.sample-pagination>span[b-0tu20omz1m]{width:100%}.seam-record-links>div[b-0tu20omz1m]{grid-template-columns:minmax(0,1fr)}} @media(prefers-reduced-motion:reduce){.seam-info-card[b-0tu20omz1m]{transition:none}} .seam-measurement-section[b-0tu20omz1m],.seam-info-grid[b-0tu20omz1m],.seam-record-links[b-0tu20omz1m]{min-width:0} /* /Components/Pages/Factory/Welds/List.razor.rz.scp.css */ .seam-dashboard[b-ibx1mg78mp]{display:grid;gap:18px;min-width:0;color:var(--ui-text);font-size:13px}.seam-heading[b-ibx1mg78mp]{display:flex;align-items:center;justify-content:space-between;gap:16px}.seam-heading h1[b-ibx1mg78mp]{font-size:28px;font-weight:750;letter-spacing:-.6px;margin:5px 0}.seam-heading p[b-ibx1mg78mp]{color:var(--ui-text-muted);font-size:10px;letter-spacing:1.4px;margin:0}.seam-heading span[b-ibx1mg78mp]{font-size:12px;color:var(--ui-text-muted)}.seam-presets[b-ibx1mg78mp]{display:flex;border:1px solid var(--ui-border);border-radius:7px;padding:3px;gap:3px} .seam-dashboard button[b-ibx1mg78mp]{background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:6px;color:var(--ui-text);font:inherit;padding:8px 12px;cursor:pointer}.seam-dashboard button:hover:not(:disabled)[b-ibx1mg78mp],.seam-presets button.selected[b-ibx1mg78mp]{color:var(--ui-accent);border-color:var(--ui-accent);background:var(--ui-accent-soft)}.seam-presets button[b-ibx1mg78mp]{border-color:transparent;background:transparent;white-space:nowrap}.seam-dashboard button:disabled[b-ibx1mg78mp]{opacity:.5;cursor:default}.seam-dashboard :is(button,input,select,a):focus-visible[b-ibx1mg78mp]{outline:2px solid var(--ui-focus);outline-offset:3px} .seam-kpis[b-ibx1mg78mp]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.seam-kpi[b-ibx1mg78mp]{--tone:var(--ui-accent);display:flex;align-items:start;gap:17px;padding:22px 16px;border:1px solid color-mix(in srgb,var(--tone) 25%,var(--ui-border));border-radius:9px;background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 10%,var(--ui-surface)),var(--ui-surface));box-shadow:inset 0 1px color-mix(in srgb,var(--tone) 12%,transparent);min-width:0;transition:border-color .15s,transform .15s}.seam-kpi:hover[b-ibx1mg78mp]{transform:translateY(-2px);border-color:var(--tone)}.tone-green[b-ibx1mg78mp]{--tone:var(--ui-success)}.tone-blue[b-ibx1mg78mp]{--tone:var(--ui-info)}.tone-purple[b-ibx1mg78mp]{--tone:var(--ui-violet)}.seam-kpi>span[b-ibx1mg78mp]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:51px;border-radius:9px;color:var(--tone);background:color-mix(in srgb,var(--tone) 16%,transparent)}.seam-kpi>span[b-ibx1mg78mp] svg{width:31px;height:31px}.seam-kpi h2[b-ibx1mg78mp]{font-size:var(--ui-kpi-title-size);color:var(--ui-text);font-weight:var(--ui-kpi-title-weight);margin:0 0 8px}.seam-kpi strong[b-ibx1mg78mp]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);line-height:1.1;color:var(--tone);font-variant-numeric:tabular-nums}.seam-kpi strong.is-duration[b-ibx1mg78mp]{font-size:var(--ui-kpi-value-compact-size);line-height:1.5;font-weight:var(--ui-kpi-value-weight);}.seam-kpi small[b-ibx1mg78mp]{display:block;font-size:var(--ui-kpi-description-size);color:var(--ui-text-muted);line-height:1.6;margin-top:9px;font-weight:var(--ui-kpi-description-weight);}.seam-kpi>div[b-ibx1mg78mp]{min-width:0} .seam-filters fieldset[b-ibx1mg78mp]{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:0}.seam-filters label[b-ibx1mg78mp]{display:grid;gap:7px;flex:1;min-width:115px;font-size:11px;color:var(--ui-text-muted)}.seam-filters input[b-ibx1mg78mp],.seam-filters select[b-ibx1mg78mp],.seam-pagination select[b-ibx1mg78mp]{width:100%;min-height:36px;background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:5px;padding:8px;color:var(--ui-text);font:inherit;font-size:11px}.seam-filters button[b-ibx1mg78mp]{color:var(--ui-accent);border-color:var(--ui-accent);display:flex;align-items:center;gap:5px;font-size:12px;min-height:36px}.seam-filters button[b-ibx1mg78mp] svg{width:17px;height:17px} .seam-content[b-ibx1mg78mp]{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;min-width:0}.seam-content.has-detail[b-ibx1mg78mp]{grid-template-columns:minmax(0,1fr) 390px}.seam-table-panel[b-ibx1mg78mp]{min-width:0;background:linear-gradient(145deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 35%,var(--ui-surface)));border:1px solid var(--ui-border);border-radius:9px;overflow:hidden}.seam-table-panel>header[b-ibx1mg78mp]{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--ui-border)}.seam-table-panel h2[b-ibx1mg78mp]{font-size:16px;font-weight:650;margin:0}.seam-table-panel>header>span[b-ibx1mg78mp]{color:var(--ui-text-muted);background:var(--ui-surface-raised);padding:3px 7px;border-radius:15px;font-size:10px}.seam-scroll[b-ibx1mg78mp]{overflow:auto;max-width:100%}.seam-scroll table[b-ibx1mg78mp]{border-collapse:collapse;min-width:880px;width:100%;font-size:12px}.seam-scroll th[b-ibx1mg78mp]{padding:9px 8px;text-align:left;border-bottom:1px solid var(--ui-border);font-size:11px;color:var(--ui-text-muted);font-weight:500;white-space:nowrap}.seam-scroll th button[b-ibx1mg78mp]{padding:0;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit}.seam-scroll th button span[b-ibx1mg78mp]{font-size:10px;color:var(--ui-unknown)}.seam-scroll td[b-ibx1mg78mp]{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 70%,transparent);font-variant-numeric:tabular-nums}.seam-scroll tbody tr:hover[b-ibx1mg78mp]{background:var(--ui-surface-hover)}.seam-scroll tr.is-selected[b-ibx1mg78mp]{background:var(--ui-accent-soft);box-shadow:inset 3px 0 var(--ui-accent)}.seam-dashboard .seam-select[b-ibx1mg78mp],.seam-dashboard .seam-name[b-ibx1mg78mp]{background:transparent;border:0;padding:3px;color:var(--ui-text);font-size:inherit}.seam-name[b-ibx1mg78mp]{font-weight:600;max-width:145px;overflow-wrap:anywhere}.seam-state[b-ibx1mg78mp]{display:inline-block;padding:4px 6px;border:1px solid var(--ui-border);border-radius:5px;font-size:10px;white-space:nowrap;color:var(--ui-unknown);background:color-mix(in srgb,var(--ui-unknown) 10%,transparent)}.state-Completed[b-ibx1mg78mp]{color:var(--ui-success);border-color:color-mix(in srgb,var(--ui-success) 40%,transparent);background:color-mix(in srgb,var(--ui-success) 10%,transparent)}.state-running[b-ibx1mg78mp]{color:var(--ui-info);background:color-mix(in srgb,var(--ui-info) 10%,transparent)}.state-abandoned[b-ibx1mg78mp]{color:var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 10%,transparent)}.seam-date[b-ibx1mg78mp]{display:grid;gap:2px;white-space:nowrap}.seam-date small[b-ibx1mg78mp]{color:var(--ui-text-muted);font-size:11px}.duration-cell[b-ibx1mg78mp]{white-space:nowrap}.seam-detail-link[b-ibx1mg78mp]{color:var(--ui-accent);display:inline-flex}.seam-detail-link[b-ibx1mg78mp] svg{width:16px;height:16px}.link-heading[b-ibx1mg78mp]{font-size:10px}.seam-pagination[b-ibx1mg78mp]{display:flex;align-items:center;gap:8px;padding:14px;font-size:11px;color:var(--ui-text-muted);flex-wrap:wrap}.seam-pagination>span:first-child[b-ibx1mg78mp]{margin-right:auto}.seam-pagination label[b-ibx1mg78mp]{display:flex;align-items:center;gap:7px}.seam-pagination select[b-ibx1mg78mp]{width:65px}.seam-pagination button[b-ibx1mg78mp]{font-size:11px;padding:7px 10px}.seam-detail-panel[b-ibx1mg78mp]{position:sticky;top:15px;min-width:0}.seam-detail-scrim[b-ibx1mg78mp]{display:none}.seam-empty[b-ibx1mg78mp],.seam-loading[b-ibx1mg78mp],.seam-note[b-ibx1mg78mp]{font-size:12px;color:var(--ui-text-muted);padding:12px 0;margin:0}.seam-empty[b-ibx1mg78mp]{padding:20px}.seam-error[b-ibx1mg78mp]{padding:12px;border:1px solid var(--ui-danger);border-radius:7px;color:var(--ui-danger)} @media(max-width:1400px){.seam-content.has-detail[b-ibx1mg78mp]{grid-template-columns:minmax(0,1fr)}.seam-detail-panel[b-ibx1mg78mp]{position:fixed;inset:70px 18px 18px;z-index:1200;overflow:auto;box-shadow:var(--ui-shadow);border-radius:10px;background:var(--ui-surface)}.seam-dashboard .seam-detail-scrim[b-ibx1mg78mp]{display:block;position:fixed;inset:0;z-index:1199;border:0;border-radius:0;background:var(--ui-scrim)}.seam-kpis[b-ibx1mg78mp]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.seam-heading[b-ibx1mg78mp]{align-items:start;flex-direction:column}.seam-heading h1[b-ibx1mg78mp]{font-size:25px}.seam-kpi[b-ibx1mg78mp]{padding:15px 10px;gap:10px}.seam-kpi>span[b-ibx1mg78mp]{width:35px;height:39px}.seam-kpi>span[b-ibx1mg78mp] svg{width:25px;height:25px}.seam-kpi strong[b-ibx1mg78mp]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.seam-kpi strong.is-duration[b-ibx1mg78mp]{font-size:var(--ui-kpi-value-compact-size);font-weight:var(--ui-kpi-value-weight);}.seam-kpi small[b-ibx1mg78mp]{font-size:var(--ui-kpi-description-size);font-weight:var(--ui-kpi-description-weight);}.seam-filters label[b-ibx1mg78mp]{min-width:130px}.seam-detail-panel[b-ibx1mg78mp]{inset:60px 8px 8px}.seam-pagination>span:first-child[b-ibx1mg78mp]{width:100%}} @media(prefers-reduced-motion:reduce){.seam-kpi[b-ibx1mg78mp]{transition:none}.seam-kpi:hover[b-ibx1mg78mp]{transform:none}} .seam-dashboard .seam-select[b-ibx1mg78mp]{min-width:28px;min-height:28px}.seam-detail-link[b-ibx1mg78mp]{min-width:28px;min-height:28px;align-items:center;justify-content:center} .seam-date-range[b-ibx1mg78mp]{display:flex;align-items:center;gap:8px;white-space:nowrap}.seam-date-range[b-ibx1mg78mp] svg{width:18px;height:18px}.seam-pagination[b-ibx1mg78mp]{justify-content:flex-end}.seam-pagination button.selected[b-ibx1mg78mp]{color:var(--ui-accent);border-color:var(--ui-accent);background:var(--ui-accent-soft)}.seam-measurements[b-ibx1mg78mp]{display:grid;gap:3px;white-space:nowrap}.seam-measurements small[b-ibx1mg78mp]{font-size:10px;color:var(--ui-text-muted)} /* /Components/Pages/Factory/Welds/SeamMeasurementEChart.razor.rz.scp.css */ .seam-metric-chart[b-5wojauclp5]{min-width:0;border:1px solid var(--ui-border);border-radius:8px;padding:15px;background:linear-gradient(135deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 25%,var(--ui-surface)));color:var(--ui-text)}.seam-metric-chart h3[b-5wojauclp5]{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:650;margin:0 0 12px}.seam-metric-chart h3 span[b-5wojauclp5]{font-size:11px;color:var(--ui-text-muted);font-weight:500}.metric-dot[b-5wojauclp5]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.seam-metric-chart dl[b-5wojauclp5]{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;font-size:11px;margin:0 0 7px}.seam-metric-chart dl>div[b-5wojauclp5]{display:flex;gap:5px;align-items:baseline}.seam-metric-chart dt[b-5wojauclp5]{color:var(--ui-text-muted)}.seam-metric-chart dd[b-5wojauclp5]{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.seam-metric-chart footer[b-5wojauclp5]{font-size:10px;color:var(--ui-text-muted);padding-top:8px}.chart-empty[b-5wojauclp5]{min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ui-text-muted);font-size:12px;padding:15px}.seam-metric-chart:focus-visible[b-5wojauclp5]{outline:2px solid var(--ui-focus);outline-offset:3px} .seam-chart-canvas[b-5wojauclp5]{width:100%;min-width:0;min-height:230px} /* /Components/Pages/Factory/Welds/SeamQuickDetail.razor.rz.scp.css */ .seam-inspector[b-brmdm2gtlb]{color:var(--ui-text);background:linear-gradient(145deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg) 35%,var(--ui-surface)));border:1px solid var(--ui-border);border-radius:9px;overflow:hidden;font-size:12px}.seam-inspector>header[b-brmdm2gtlb]{display:flex;align-items:center;justify-content:space-between;padding:17px 16px;border-bottom:1px solid var(--ui-border)}.seam-inspector h2[b-brmdm2gtlb]{margin:0;font-size:16px;font-weight:650}.inspector-close[b-brmdm2gtlb]{background:transparent;border:0;color:var(--ui-text-muted);min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.inspector-close:hover[b-brmdm2gtlb]{color:var(--ui-accent)}.inspector-close[b-brmdm2gtlb] svg{width:20px;height:20px}.seam-inspector :is(a,button):focus-visible[b-brmdm2gtlb]{outline:2px solid var(--ui-focus);outline-offset:3px}.inspector-title[b-brmdm2gtlb]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 16px 14px}.inspector-title h3[b-brmdm2gtlb]{margin:0;font-size:21px;font-weight:700}.seam-state[b-brmdm2gtlb]{display:inline-block;padding:4px 8px;border-radius:6px;border:1px solid var(--ui-border);color:var(--ui-unknown);font-size:10px;white-space:nowrap}.state-Completed[b-brmdm2gtlb]{color:var(--ui-success);border-color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 8%,transparent)}.inspector-fields[b-brmdm2gtlb]{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 16px 18px}.inspector-field[b-brmdm2gtlb]{--tone:var(--ui-accent);display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface-raised);min-width:0}.inspector-field.wide[b-brmdm2gtlb]{grid-column:1/-1}.tone-blue[b-brmdm2gtlb]{--tone:var(--ui-info)}.tone-purple[b-brmdm2gtlb]{--tone:var(--ui-violet)}.tone-green[b-brmdm2gtlb]{--tone:var(--ui-success)}.tone-muted[b-brmdm2gtlb]{--tone:var(--ui-text-muted)}.inspector-field>span[b-brmdm2gtlb]{color:var(--tone);display:flex}.inspector-field[b-brmdm2gtlb] svg{width:24px;height:24px}.inspector-field>div[b-brmdm2gtlb]{min-width:0}.inspector-field small[b-brmdm2gtlb]{display:block;font-size:10px;color:var(--ui-text-muted);margin-bottom:4px}.inspector-field strong[b-brmdm2gtlb]{font-size:13px;font-weight:600;overflow-wrap:anywhere}.inspector-times[b-brmdm2gtlb]{display:grid;grid-template-columns:1fr 1fr;gap:21px 12px;padding:21px 16px;margin:0;border-top:1px solid var(--ui-border)}.inspector-times dt[b-brmdm2gtlb]{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ui-text-muted);margin-bottom:9px}.inspector-times dt[b-brmdm2gtlb] svg{width:18px;height:18px;color:var(--ui-info)}.inspector-times>div:first-child dt[b-brmdm2gtlb] svg{color:var(--ui-success)}.inspector-times>div:nth-child(2) dt[b-brmdm2gtlb] svg{color:var(--ui-danger)}.inspector-times dd[b-brmdm2gtlb]{margin:0;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.inspector-full[b-brmdm2gtlb]{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ui-accent);margin:7px 16px 20px;border:1px solid var(--ui-accent);border-radius:6px;padding:13px 10px;text-decoration:none;font-size:12px}.inspector-full:hover[b-brmdm2gtlb]{background:var(--ui-accent-soft)}.inspector-full[b-brmdm2gtlb] svg{width:17px;height:17px} @media(max-width:450px){.inspector-field[b-brmdm2gtlb]{padding:10px 8px}.inspector-field small[b-brmdm2gtlb]{font-size:9px}.inspector-times[b-brmdm2gtlb]{grid-template-columns:1fr}.inspector-field strong[b-brmdm2gtlb]{font-size:12px}} /* /Components/Pages/Home.razor.rz.scp.css */ .home-page[b-7kp60w08fe] { display: grid; gap: clamp(42px, 7vw, 76px); width: 100%; color: var(--ui-text); } .home-hero[b-7kp60w08fe] { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); align-items: center; min-height: 330px; gap: clamp(28px, 5vw, 70px); padding: 12px 0 8px; } .home-hero-copy[b-7kp60w08fe] { position: relative; z-index: 1; max-width: 710px; } .home-kicker[b-7kp60w08fe] { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 23px; color: var(--ui-text-muted); font-size: .72rem; font-weight: 700; letter-spacing: .15em; } .home-kicker > span[b-7kp60w08fe] { width: 8px; height: 8px; border-radius: 50%; background: var(--ui-accent); box-shadow: 0 0 0 5px var(--ui-accent-soft); } .home-hero h1[b-7kp60w08fe] { max-width: 700px; margin: 0; color: var(--ui-text); font-size: clamp(2.45rem, 5vw, 4.35rem); font-weight: 740; letter-spacing: -.065em; line-height: 1.04; } .home-hero h1 em[b-7kp60w08fe] { color: var(--ui-accent); font-style: normal; } .home-hero-copy > p:last-child[b-7kp60w08fe] { max-width: 550px; margin: 22px 0 0; color: var(--ui-text-muted); font-size: clamp(.94rem, 1.35vw, 1.08rem); line-height: 1.7; } .home-hero-art[b-7kp60w08fe] { position: relative; min-width: 0; width: 100%; aspect-ratio: 1564 / 1005; max-height: 320px; overflow: hidden; } .home-hero-art img[b-7kp60w08fe] { display: block; width: 100%; height: 100%; object-fit: contain; } .home-workspaces[b-7kp60w08fe] { display: grid; gap: 19px; } .home-section-heading[b-7kp60w08fe] { display: flex; align-items: end; justify-content: space-between; gap: 16px; } .home-section-heading > div > span[b-7kp60w08fe] { color: var(--ui-accent); font-size: .68rem; font-weight: 750; letter-spacing: .15em; } .home-section-heading h2[b-7kp60w08fe] { margin: 8px 0 0; color: var(--ui-text); font-size: clamp(1.25rem, 2vw, 1.65rem); font-weight: 650; letter-spacing: -.035em; } .area-cards[b-7kp60w08fe] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: 18px; } .area-card[b-7kp60w08fe] { position: relative; display: flex; min-height: 205px; flex-direction: column; padding: clamp(20px, 2.5vw, 28px); overflow: hidden; border: 1px solid var(--ui-border); border-radius: 13px; background: linear-gradient(145deg, color-mix(in srgb, var(--ui-surface-raised) 40%, var(--ui-surface)), var(--ui-surface) 67%); color: var(--ui-text); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-text) 4%, transparent), 0 8px 24px rgba(0, 0, 0, .12); text-decoration: none; transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease; } .area-card[b-7kp60w08fe]::before { position: absolute; top: 0; left: 27px; width: 35px; height: 2px; background: var(--ui-accent-secondary); content: ""; } .area-card:hover[b-7kp60w08fe] { transform: translateY(-3px); border-color: color-mix(in srgb, var(--ui-accent) 58%, var(--ui-border)); background: linear-gradient(145deg, color-mix(in srgb, var(--ui-accent) 7%, var(--ui-surface-raised)), var(--ui-surface) 72%); box-shadow: var(--ui-shadow); } .area-card:focus-visible[b-7kp60w08fe] { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: 3px; } .area-card-top[b-7kp60w08fe] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; } .area-icon[b-7kp60w08fe] { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid color-mix(in srgb, var(--ui-accent) 42%, var(--ui-border)); border-radius: 11px; background: var(--ui-accent-soft); color: var(--ui-accent); } .area-icon svg[b-7kp60w08fe] { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; } .area-card-index[b-7kp60w08fe] { color: var(--ui-text-muted); font-size: .67rem; font-weight: 700; letter-spacing: .1em; font-variant-numeric: tabular-nums; } .area-card h3[b-7kp60w08fe] { margin: 0 0 7px; color: var(--ui-text); font-size: 1.15rem; font-weight: 680; letter-spacing: -.02em; } .area-card p[b-7kp60w08fe] { max-width: 540px; margin: 0 0 21px; color: var(--ui-text-muted); font-size: .85rem; line-height: 1.6; } .area-card-action[b-7kp60w08fe] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; color: var(--ui-accent); font-size: .8rem; font-weight: 700; } .area-card-action > span[b-7kp60w08fe] { font-size: 1.15rem; transition: transform .16s ease; } .area-card:hover .area-card-action > span[b-7kp60w08fe] { transform: translateX(3px); } .home-no-access[b-7kp60w08fe] { display: flex; align-items: center; gap: 15px; padding: 18px 20px; border: 1px solid var(--ui-border); border-radius: 11px; background: var(--ui-surface); } .home-no-access-icon[b-7kp60w08fe] { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border: 1px solid var(--ui-border); border-radius: 50%; color: var(--ui-text-muted); font-size: .85rem; font-weight: 700; } .home-no-access h3[b-7kp60w08fe] { margin: 0 0 3px; color: var(--ui-text); font-size: .9rem; font-weight: 650; } .home-no-access p[b-7kp60w08fe] { margin: 0; color: var(--ui-text-muted); font-size: .8rem; line-height: 1.5; } .home-login-action[b-7kp60w08fe] { display: inline-flex; grid-column: 1 / -1; justify-self: center; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1px solid var(--ui-accent); border-radius: 9px; background: var(--ui-accent); color: var(--ui-on-accent); font-size: .92rem; font-weight: 750; text-decoration: none; box-shadow: 0 8px 22px color-mix(in srgb, var(--ui-accent) 18%, transparent); transition: background .16s ease, transform .16s ease, box-shadow .16s ease; } .home-login-action span[b-7kp60w08fe] { font-size: 1.15rem; transition: transform .16s ease; } .home-login-action:hover[b-7kp60w08fe] { transform: translateY(-2px); background: var(--ui-accent-hover); box-shadow: 0 11px 26px color-mix(in srgb, var(--ui-accent) 24%, transparent); color: var(--ui-on-accent); } .home-login-action:hover span[b-7kp60w08fe] { transform: translateX(3px); } .home-login-action:focus-visible[b-7kp60w08fe] { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: 3px; } @media (max-width: 820px) { .home-hero[b-7kp60w08fe] { grid-template-columns: minmax(0, 1fr) minmax(230px, .72fr); gap: 24px; min-height: 290px; } .home-hero h1[b-7kp60w08fe] { font-size: clamp(2.25rem, 6vw, 3.2rem); } .home-hero-art[b-7kp60w08fe] { max-height: 260px; } } @media (max-width: 640px) { .home-page[b-7kp60w08fe] { gap: 42px; } .home-hero[b-7kp60w08fe] { grid-template-columns: minmax(0, 1fr); gap: 21px; min-height: 0; padding: 5px 0 0; } .home-kicker[b-7kp60w08fe] { margin-bottom: 16px; font-size: .64rem; letter-spacing: .11em; } .home-hero h1[b-7kp60w08fe] { max-width: 540px; font-size: clamp(2.25rem, 10vw, 3.25rem); } .home-hero-copy > p:last-child[b-7kp60w08fe] { margin-top: 14px; font-size: .9rem; } .home-hero-art[b-7kp60w08fe] { max-height: 230px; } .home-workspaces[b-7kp60w08fe] { gap: 15px; } .home-section-heading h2[b-7kp60w08fe] { font-size: 1.2rem; } .area-cards[b-7kp60w08fe] { grid-template-columns: minmax(0, 1fr); gap: 12px; } .area-card[b-7kp60w08fe] { min-height: 190px; padding: 20px; } .area-card-top[b-7kp60w08fe] { margin-bottom: 16px; } .home-no-access[b-7kp60w08fe] { align-items: flex-start; flex-wrap: wrap; padding: 16px; } .home-no-access > div[b-7kp60w08fe] { flex: 1 1 calc(100% - 52px); } } @media (prefers-reduced-motion: reduce) { .area-card[b-7kp60w08fe], .area-card-action > span[b-7kp60w08fe], .home-login-action[b-7kp60w08fe], .home-login-action span[b-7kp60w08fe] { transition: none; } .area-card:hover[b-7kp60w08fe] { transform: none; } .home-login-action:hover[b-7kp60w08fe] { transform: none; } } /* /Components/Pages/Platform/Collectors/Create.razor.rz.scp.css */ .collector-create[b-bwdpcvdj5c]{max-width:1180px;margin-inline:auto;padding-bottom:32px} .collector-create .collectors-heading[b-bwdpcvdj5c]{align-items:center;padding-bottom:12px} .collector-create-layout[b-bwdpcvdj5c]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:16px} .collector-form-card[b-bwdpcvdj5c],.collector-create-aside[b-bwdpcvdj5c],.collector-confirm-card[b-bwdpcvdj5c],.collector-success-card[b-bwdpcvdj5c]{min-width:0;padding:24px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-raised) 34%,var(--ui-surface)),var(--ui-surface));box-shadow:var(--ui-shadow)} .collector-card-heading[b-bwdpcvdj5c]{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--ui-border)} .collector-card-icon[b-bwdpcvdj5c],.collector-success-icon[b-bwdpcvdj5c]{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));border-radius:10px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:23px} .collector-success-icon[b-bwdpcvdj5c]{color:var(--ui-success);border-color:color-mix(in srgb,var(--ui-success) 40%,var(--ui-border));background:color-mix(in srgb,var(--ui-success) 12%,var(--ui-surface))} .collector-card-heading h2[b-bwdpcvdj5c],.collector-create-aside h2[b-bwdpcvdj5c],.collector-confirm-card h2[b-bwdpcvdj5c]{margin:0;font-size:17px;letter-spacing:-.02em} .collector-card-heading p[b-bwdpcvdj5c],.collector-create-aside p[b-bwdpcvdj5c],.collector-confirm-card p[b-bwdpcvdj5c]{margin:6px 0 0;color:var(--ui-text-muted);font-size:13px;line-height:1.6} .collector-form-fields[b-bwdpcvdj5c]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:23px 0 25px} .collector-form-fields label[b-bwdpcvdj5c],.collector-secret-field[b-bwdpcvdj5c]{display:grid;gap:8px;color:var(--ui-text-muted);font-size:12px;font-weight:650} .collector-form-fields input[b-bwdpcvdj5c],.collector-form-fields select[b-bwdpcvdj5c],.collector-secret-field input[b-bwdpcvdj5c]{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-bg);color:var(--ui-text);font:inherit;font-size:13px} .collector-form-fields input:focus-visible[b-bwdpcvdj5c],.collector-form-fields select:focus-visible[b-bwdpcvdj5c],.collector-secret-field input:focus-visible[b-bwdpcvdj5c]{outline:2px solid var(--ui-focus);outline-offset:2px} .collector-form-actions[b-bwdpcvdj5c],.collector-confirm-actions[b-bwdpcvdj5c]{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:9px} .collector-form-actions[b-bwdpcvdj5c]{padding-top:16px;border-top:1px solid var(--ui-border)} .collector-create-aside[b-bwdpcvdj5c]{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--ui-accent) 10%,transparent),transparent 58%),var(--ui-surface)} .collector-create-aside .collector-card-icon[b-bwdpcvdj5c]{margin-bottom:20px}.collector-create-aside p+p[b-bwdpcvdj5c]{padding-top:13px;margin-top:14px;border-top:1px solid var(--ui-border)} .collector-confirm-card[b-bwdpcvdj5c]{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border))} .collector-section-label[b-bwdpcvdj5c]{display:block;margin-bottom:8px;color:var(--ui-accent);font-size:10px;font-weight:800;letter-spacing:.1em}.collector-confirm-card strong[b-bwdpcvdj5c],.collector-card-heading strong[b-bwdpcvdj5c]{color:var(--ui-text)}.collector-confirm-card small[b-bwdpcvdj5c]{display:block;margin-top:8px;color:var(--ui-text-muted);font-size:11px} .collector-success-card[b-bwdpcvdj5c]{max-width:800px}.collector-secret-notice[b-bwdpcvdj5c]{margin:20px 0;padding:15px;border:1px solid color-mix(in srgb,var(--ui-warning) 40%,var(--ui-border));border-radius:8px;background:color-mix(in srgb,var(--ui-warning) 7%,var(--ui-surface));font-size:13px}.collector-secret-notice p[b-bwdpcvdj5c]{margin:6px 0 0;color:var(--ui-text-muted);line-height:1.5}.collector-secret-field[b-bwdpcvdj5c]{margin-bottom:12px}.collector-secret-hidden[b-bwdpcvdj5c]{color:var(--ui-text-muted);font-size:13px}.collector-success-card .collector-form-actions[b-bwdpcvdj5c]{margin-top:22px} @media(max-width:800px){.collector-create-layout[b-bwdpcvdj5c]{grid-template-columns:1fr}.collector-confirm-card[b-bwdpcvdj5c]{align-items:flex-start;flex-direction:column}.collector-confirm-actions[b-bwdpcvdj5c]{width:100%;justify-content:flex-start}} @media(max-width:560px){.collector-create .collectors-heading>a[b-bwdpcvdj5c]{width:100%}.collector-form-card[b-bwdpcvdj5c],.collector-create-aside[b-bwdpcvdj5c],.collector-confirm-card[b-bwdpcvdj5c],.collector-success-card[b-bwdpcvdj5c]{padding:17px}.collector-form-fields[b-bwdpcvdj5c]{grid-template-columns:1fr}.collector-form-actions[b-bwdpcvdj5c],.collector-confirm-actions[b-bwdpcvdj5c]{align-items:stretch;flex-direction:column}.collector-form-actions>*[b-bwdpcvdj5c],.collector-confirm-actions>*[b-bwdpcvdj5c]{width:100%}} /* /Components/Pages/Platform/Customers/Create.razor.rz.scp.css */ .customer-create-page[b-lgca97q8r2] { width: 100%; max-width: 1180px; margin-inline: auto; padding-bottom: 32px; } .customer-create-page .customers-heading[b-lgca97q8r2] { align-items: center; padding-bottom: 14px; } .customer-create-page .customers-eyebrow a[b-lgca97q8r2] { transition: color .15s ease; } .customer-create-page .customers-eyebrow a:hover[b-lgca97q8r2] { color: var(--ui-text); } .customer-create-layout[b-lgca97q8r2] { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .8fr); align-items: stretch; gap: 16px; } .customer-create-card[b-lgca97q8r2], .customer-create-aside[b-lgca97q8r2] { min-width: 0; border: 1px solid var(--ui-border); border-radius: 12px; background: linear-gradient(145deg, color-mix(in srgb, var(--ui-surface-raised) 34%, var(--ui-surface)), var(--ui-surface)); box-shadow: var(--ui-shadow); } .customer-create-card[b-lgca97q8r2] { padding: clamp(18px, 3vw, 28px); } .customer-create-card-heading[b-lgca97q8r2] { display: flex; align-items: center; gap: 13px; padding-bottom: 20px; border-bottom: 1px solid var(--ui-border); } .customer-create-icon[b-lgca97q8r2], .customer-create-aside-icon[b-lgca97q8r2] { display: grid; flex: none; place-items: center; width: 43px; height: 43px; border: 1px solid color-mix(in srgb, var(--ui-accent) 38%, var(--ui-border)); border-radius: 10px; background: var(--ui-accent-soft); color: var(--ui-accent); font-size: 24px; } .customer-create-card-heading h2[b-lgca97q8r2], .customer-create-aside h2[b-lgca97q8r2] { margin: 0; font-size: 17px; letter-spacing: -.02em; } .customer-create-card-heading p[b-lgca97q8r2], .customer-create-aside > p[b-lgca97q8r2] { margin: 5px 0 0; color: var(--ui-text-muted); font-size: 12px; line-height: 1.55; } .customer-create-fields[b-lgca97q8r2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; padding: 23px 0 25px; } .customer-create-fields label[b-lgca97q8r2] { display: grid; align-content: start; gap: 8px; min-width: 0; color: var(--ui-text-muted); font-size: 12px; font-weight: 650; } .customer-create-fields label > span b[b-lgca97q8r2] { color: var(--ui-accent); font-weight: 700; } .customer-create-fields input[b-lgca97q8r2] { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--ui-control-border); border-radius: 8px; background: var(--ui-bg); color: var(--ui-text); font: inherit; font-size: 13px; transition: border-color .15s ease, box-shadow .15s ease; } .customer-create-fields input[b-lgca97q8r2]::placeholder { color: color-mix(in srgb, var(--ui-text-muted) 76%, transparent); } .customer-create-fields input:focus-visible[b-lgca97q8r2] { border-color: var(--ui-accent); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent) 15%, transparent); } .customer-create-fields input:disabled[b-lgca97q8r2] { opacity: .62; } .customer-create-fields small[b-lgca97q8r2] { color: var(--ui-text-muted); font-size: 11px; font-weight: 450; line-height: 1.45; } .customer-zone-field[b-lgca97q8r2] { grid-column: 1 / -1; max-width: 460px; } .customer-create-actions[b-lgca97q8r2], .customer-confirmation-actions[b-lgca97q8r2] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 9px; padding-top: 16px; border-top: 1px solid var(--ui-border); } .customer-create-actions .customers-primary-action[b-lgca97q8r2], .customer-confirmation-actions .customers-primary-action[b-lgca97q8r2] { min-width: 185px; } .customer-create-aside[b-lgca97q8r2] { display: flex; flex-direction: column; align-items: flex-start; padding: 22px; background: radial-gradient(ellipse at top right, color-mix(in srgb, var(--ui-accent) 10%, transparent), transparent 58%), var(--ui-surface); } .customer-create-aside-icon[b-lgca97q8r2] { width: 38px; height: 38px; margin-bottom: 20px; font-size: 21px; } .customer-create-aside h2[b-lgca97q8r2] { font-size: 15px; } .customer-create-aside > p[b-lgca97q8r2] { margin-bottom: 20px; } .customer-create-scope-row[b-lgca97q8r2] { display: flex; align-items: flex-start; gap: 11px; width: 100%; padding: 13px 0; border-top: 1px solid var(--ui-border); } .customer-create-scope-row > span[b-lgca97q8r2] { display: grid; flex: none; place-items: center; width: 27px; height: 27px; border-radius: 7px; background: var(--ui-bg); color: var(--ui-accent); font-size: 10px; font-weight: 800; } .customer-create-scope-row strong[b-lgca97q8r2], .customer-create-scope-row small[b-lgca97q8r2] { display: block; } .customer-create-scope-row strong[b-lgca97q8r2] { margin: 1px 0 4px; color: var(--ui-text); font-size: 12px; } .customer-create-scope-row small[b-lgca97q8r2] { color: var(--ui-text-muted); font-size: 11px; line-height: 1.45; } .customer-create-confirmation[b-lgca97q8r2] { align-items: center; gap: 24px; margin-top: 16px; padding: 20px 22px; border-color: color-mix(in srgb, var(--ui-accent) 38%, var(--ui-border)); background: linear-gradient(120deg, color-mix(in srgb, var(--ui-accent) 7%, var(--ui-surface)), var(--ui-surface)); } .customer-confirmation-copy[b-lgca97q8r2] { flex: 1; min-width: 0; } .customer-confirmation-copy h2[b-lgca97q8r2] { margin: 7px 0; font-size: 17px; } .customer-confirmation-copy > p[b-lgca97q8r2] { margin: 0; color: var(--ui-text-muted); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } .customer-confirmation-copy > p strong[b-lgca97q8r2] { color: var(--ui-text); } .customer-confirm-summary[b-lgca97q8r2] { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 11px; font-size: 11px; } .customer-confirm-summary span[b-lgca97q8r2] { color: var(--ui-text-muted); } .customer-confirm-summary strong[b-lgca97q8r2] { color: var(--ui-text); overflow-wrap: anywhere; } .customer-confirmation-actions[b-lgca97q8r2] { flex: none; padding: 0; border: 0; } @media (max-width: 820px) { .customer-create-layout[b-lgca97q8r2] { grid-template-columns: minmax(0, 1fr); } .customer-create-aside[b-lgca97q8r2] { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 13px; padding: 17px; } .customer-create-aside-icon[b-lgca97q8r2] { grid-row: span 2; margin: 0; } .customer-create-aside h2[b-lgca97q8r2] { align-self: end; } .customer-create-aside > p[b-lgca97q8r2] { grid-column: 2; margin: 4px 0 14px; } .customer-create-scope-row[b-lgca97q8r2] { grid-column: 1 / -1; } .customer-confirmation[b-lgca97q8r2] { align-items: flex-start; flex-direction: column; } .customer-confirmation-actions[b-lgca97q8r2] { justify-content: flex-start; width: 100%; } } @media (max-width: 560px) { .customer-create-page .customers-heading[b-lgca97q8r2] { align-items: flex-start; } .customer-create-page .customers-heading > a[b-lgca97q8r2] { width: 100%; } .customer-create-fields[b-lgca97q8r2] { grid-template-columns: minmax(0, 1fr); gap: 15px; padding-block: 18px; } .customer-zone-field[b-lgca97q8r2] { grid-column: auto; max-width: none; } .customer-create-actions[b-lgca97q8r2], .customer-confirmation-actions[b-lgca97q8r2] { align-items: stretch; flex-direction: column-reverse; } .customer-create-actions > *[b-lgca97q8r2], .customer-confirmation-actions > *[b-lgca97q8r2] { width: 100%; } } .customer-create-fields[b-lgca97q8r2] { gap:var(--ui-space-4); } .customer-create-fields label[b-lgca97q8r2] { gap:var(--ui-field-gap); color:var(--ui-text); font-size:.875rem; } .customer-create-fields input[b-lgca97q8r2], .customer-create-fields[b-lgca97q8r2] select { box-sizing:border-box; width:100%; min-width:0; min-height:var(--ui-control-height); padding:var(--ui-space-2) var(--ui-control-padding-inline); border:1px solid var(--ui-control-border); border-radius:var(--ui-control-radius); background:var(--ui-bg); color:var(--ui-text); font:inherit; font-size:13px; } .customer-create-fields small[b-lgca97q8r2] { color:var(--ui-text-muted); font-size:.75rem; line-height:1.5; } .customer-create-actions[b-lgca97q8r2], .customer-confirmation-actions[b-lgca97q8r2] { gap:var(--ui-space-3); } .customer-create-actions > *[b-lgca97q8r2], .customer-confirmation-actions > *[b-lgca97q8r2] { min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); } .customer-create-page .customers-alert.error[b-lgca97q8r2] { padding:var(--ui-space-3) var(--ui-space-4); border:1px solid var(--ui-danger); border-radius:var(--ui-control-radius); background:color-mix(in srgb,var(--ui-danger) 8%,var(--ui-surface)); color:var(--ui-danger); } @media(max-width:700px) { .customer-create-fields[b-lgca97q8r2] { grid-template-columns:minmax(0,1fr); } .customer-zone-field[b-lgca97q8r2] { grid-column:auto; max-width:none; } } /* /Components/Pages/Platform/Factories/FactoryAdministratorsPanel.razor.rz.scp.css */ .factory-admin[b-8x9cw2p6a4]{display:grid;gap:16px;margin-top:18px;padding:20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-text)} .factory-admin header[b-8x9cw2p6a4]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.factory-admin h2[b-8x9cw2p6a4]{margin:6px 0;font-size:20px}.factory-admin p[b-8x9cw2p6a4]{margin:5px 0;color:var(--ui-text-muted);font-size:13px;line-height:1.5}.factory-admin-eyebrow[b-8x9cw2p6a4]{color:var(--ui-accent);font-size:11px;font-weight:750;letter-spacing:.12em} .factory-admin button[b-8x9cw2p6a4]{min-height:38px;padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-surface-raised);color:var(--ui-text);cursor:pointer}.factory-admin button:disabled[b-8x9cw2p6a4]{opacity:.5;cursor:not-allowed}.factory-admin button:focus-visible[b-8x9cw2p6a4],.factory-admin input:focus-visible[b-8x9cw2p6a4],.factory-admin summary:focus-visible[b-8x9cw2p6a4]{outline:2px solid var(--ui-focus);outline-offset:2px}.factory-admin button.factory-admin-primary[b-8x9cw2p6a4]{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-black);font-weight:700} .factory-admin-list[b-8x9cw2p6a4]{display:grid;gap:8px}.factory-admin-list article[b-8x9cw2p6a4]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)}.factory-admin-list article>div[b-8x9cw2p6a4]{display:grid;gap:4px;min-width:160px;flex:1;overflow-wrap:anywhere}.factory-admin-list small[b-8x9cw2p6a4],.factory-admin-pages[b-8x9cw2p6a4],.factory-admin label[b-8x9cw2p6a4]{color:var(--ui-text-muted);font-size:12px}.factory-admin-state[b-8x9cw2p6a4]{font-size:12px;color:var(--ui-text-muted)}.factory-admin-state.active[b-8x9cw2p6a4]{color:var(--ui-success)} .factory-admin-create[b-8x9cw2p6a4],.factory-admin-confirm[b-8x9cw2p6a4]{padding:14px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)}.factory-admin-create summary[b-8x9cw2p6a4]{cursor:pointer;font-weight:700;color:var(--ui-accent)}.factory-admin-fields[b-8x9cw2p6a4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.factory-admin label[b-8x9cw2p6a4]{display:grid;gap:6px}.factory-admin input[b-8x9cw2p6a4]{width:100%;min-width:0;min-height:40px;padding:8px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text)}.factory-admin-create>button[b-8x9cw2p6a4]{margin-top:12px}.factory-admin-confirm[b-8x9cw2p6a4]{display:grid;gap:10px}.factory-admin-confirm>div[b-8x9cw2p6a4]{display:flex;gap:8px}.factory-admin-pages[b-8x9cw2p6a4]{display:flex;justify-content:flex-end;align-items:center;gap:10px}.factory-admin .factory-admin-error[b-8x9cw2p6a4]{color:var(--ui-danger)}.factory-admin .factory-admin-message[b-8x9cw2p6a4]{color:var(--ui-success)}.factory-admin-empty[b-8x9cw2p6a4]{padding:14px;border:1px dashed var(--ui-border);border-radius:8px} @media(max-width:600px){.factory-admin-fields[b-8x9cw2p6a4]{grid-template-columns:1fr}.factory-admin-list article>div[b-8x9cw2p6a4]{flex-basis:100%}} /* /Components/Pages/Platform/Factories/FactoryDeletionPanel.razor.rz.scp.css */ .factory-deletion[b-3nyz5l1jum]{display:grid;gap:18px;padding:var(--ui-panel-padding);border:1px solid color-mix(in srgb,var(--ui-danger) 30%,var(--ui-border));border-radius:var(--ui-panel-radius);background:linear-gradient(140deg,color-mix(in srgb,var(--ui-danger) 3%,var(--ui-surface)),var(--ui-surface) 60%);min-width:0} .delete-header[b-3nyz5l1jum]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--ui-border)}.delete-heading[b-3nyz5l1jum]{display:flex;align-items:center;gap:12px}.delete-icon[b-3nyz5l1jum]{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid color-mix(in srgb,var(--ui-danger) 30%,var(--ui-border));border-radius:10px;background:color-mix(in srgb,var(--ui-danger) 8%,transparent);color:var(--ui-danger);font-size:24px;font-weight:600}.delete-eyebrow[b-3nyz5l1jum]{color:var(--ui-danger);font-size:10px;font-weight:600;letter-spacing:.08em}.factory-deletion h2[b-3nyz5l1jum]{margin:3px 0 0;color:var(--ui-text);font-size:19px;line-height:1.3}.factory-deletion h3[b-3nyz5l1jum]{margin:0;font-size:14px;color:var(--ui-text)}.factory-deletion p[b-3nyz5l1jum]{margin:0;font-size:12px;line-height:1.6;color:var(--ui-text-muted)} .factory-deletion button[b-3nyz5l1jum]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--ui-control-height);padding:9px 14px;border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.factory-deletion button:hover:not(:disabled)[b-3nyz5l1jum]{border-color:var(--ui-danger)}.factory-deletion button:disabled[b-3nyz5l1jum]{opacity:.45;cursor:default}.factory-deletion .delete-submit[b-3nyz5l1jum]{border-color:var(--ui-danger);background:var(--ui-danger);color:var(--ui-bg);white-space:normal}.factory-deletion .delete-submit:hover:not(:disabled)[b-3nyz5l1jum]{filter:brightness(1.07)}.factory-deletion :is(button,input,summary):focus-visible[b-3nyz5l1jum]{outline:2px solid var(--ui-focus);outline-offset:3px}.factory-deletion .delete-error[b-3nyz5l1jum]{padding:12px;border:1px solid color-mix(in srgb,var(--ui-danger) 40%,var(--ui-border));border-radius:var(--ui-control-radius);color:var(--ui-danger)} .delete-scope[b-3nyz5l1jum]{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:14px;padding:16px;border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-bg)}.delete-scope>div[b-3nyz5l1jum]{display:grid;gap:6px;min-width:0}.delete-scope>div>span[b-3nyz5l1jum]{font-size:11px;color:var(--ui-text-muted)}.delete-scope strong[b-3nyz5l1jum]{font-size:14px;font-weight:600;color:var(--ui-text);overflow-wrap:anywhere}.delete-scope .delete-count strong[b-3nyz5l1jum]{color:var(--ui-danger);font-variant-numeric:tabular-nums}.delete-count small[b-3nyz5l1jum]{color:var(--ui-text-muted);font-size:11px;font-weight:400} .delete-workspace[b-3nyz5l1jum]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.delete-inventory[b-3nyz5l1jum]{display:grid;gap:14px;min-width:0}.delete-inventory details[b-3nyz5l1jum]{border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);overflow:hidden;background:var(--ui-bg)}.delete-inventory summary[b-3nyz5l1jum]{padding:14px;cursor:pointer;color:var(--ui-text);font-size:12px;font-weight:600}.delete-table-count[b-3nyz5l1jum]{display:inline-block;margin-left:10px;padding:2px 6px;border-radius:4px;background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:10px;font-weight:400}.delete-table[b-3nyz5l1jum]{overflow:auto;max-height:260px;border-top:1px solid var(--ui-border)}.delete-table table[b-3nyz5l1jum]{width:100%;border-collapse:collapse;font-size:12px}.delete-table th[b-3nyz5l1jum],.delete-table td[b-3nyz5l1jum]{padding:10px 14px;text-align:left;border-bottom:1px solid var(--ui-border)}.delete-table th[b-3nyz5l1jum]{position:sticky;top:0;background:var(--ui-surface-raised);color:var(--ui-text-muted);font-weight:500}.delete-table td[b-3nyz5l1jum]{color:var(--ui-text);overflow-wrap:anywhere}.delete-table :is(th,td):last-child[b-3nyz5l1jum]{text-align:right;font-variant-numeric:tabular-nums}.delete-table tbody tr:last-child td[b-3nyz5l1jum]{border-bottom:0}.delete-table tbody tr:hover[b-3nyz5l1jum]{background:var(--ui-surface-hover)}.factory-deletion .delete-scope-note[b-3nyz5l1jum]{display:flex;gap:8px;font-size:11px}.delete-scope-note>span:first-child[b-3nyz5l1jum]{color:var(--ui-accent)} .delete-confirmation[b-3nyz5l1jum]{display:grid;gap:16px;min-width:0;padding:18px;border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-bg)}.delete-name[b-3nyz5l1jum]{display:grid;gap:8px;color:var(--ui-text-muted);font-size:12px}.delete-name code[b-3nyz5l1jum]{width:fit-content;max-width:100%;padding:4px 7px;border-radius:4px;background:var(--ui-surface-raised);color:var(--ui-text);font:500 12px/1.5 var(--ui-font-family);overflow-wrap:anywhere}.delete-name input[b-3nyz5l1jum]{box-sizing:border-box;width:100%;min-width:0;min-height:var(--ui-control-height);padding:9px 12px;border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:13px}.delete-name input[b-3nyz5l1jum]::placeholder{color:var(--ui-text-muted)}.delete-check[b-3nyz5l1jum]{display:flex;align-items:flex-start;gap:10px;color:var(--ui-text-muted);font-size:12px;line-height:1.5}.delete-check input[b-3nyz5l1jum]{flex:0 0 16px;width:16px;height:16px;margin:2px 0 0;accent-color:var(--ui-danger)}.delete-actions[b-3nyz5l1jum]{display:flex;justify-content:flex-end;padding-top:14px;border-top:1px solid var(--ui-border)} @media(max-width:900px){.delete-workspace[b-3nyz5l1jum]{grid-template-columns:1fr}.delete-scope[b-3nyz5l1jum]{grid-template-columns:1fr 1fr}.delete-scope .delete-count[b-3nyz5l1jum]{grid-column:1/-1}}@media(max-width:520px){.factory-deletion[b-3nyz5l1jum]{padding:var(--ui-space-4);gap:14px}.delete-header[b-3nyz5l1jum]{align-items:flex-start}.factory-deletion h2[b-3nyz5l1jum]{font-size:17px}.delete-scope[b-3nyz5l1jum]{grid-template-columns:1fr;padding:12px}.delete-scope .delete-count[b-3nyz5l1jum]{grid-column:auto}.delete-confirmation[b-3nyz5l1jum]{padding:14px}.delete-actions button[b-3nyz5l1jum]{width:100%}} /* /Components/Pages/Platform/Licenses/List.razor.rz.scp.css */ .package-list[b-c6ytmk3dzk]{display:grid;gap:10px;margin:20px 0}.package-row[b-c6ytmk3dzk]{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(115px,.6fr) minmax(100px,.5fr) minmax(320px,1.8fr);gap:20px;align-items:center;padding:18px 20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);transition:border-color .2s,background .2s}.package-row:hover[b-c6ytmk3dzk]{border-color:var(--ui-accent);background:var(--ui-surface-raised)}.package-identity[b-c6ytmk3dzk]{display:flex;align-items:center;gap:14px;min-width:0}.package-symbol[b-c6ytmk3dzk]{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid color-mix(in srgb,var(--ui-accent) 35%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ui-accent) 10%,transparent);color:var(--ui-accent)}.package-overline[b-c6ytmk3dzk],.package-capacity>span[b-c6ytmk3dzk],.package-state>span:first-child[b-c6ytmk3dzk]{display:block;color:var(--ui-text-muted);font-size:12px;font-weight:600}.package-identity h3[b-c6ytmk3dzk]{margin:5px 0 0;color:var(--ui-text);font-size:16px;overflow-wrap:anywhere}.package-capacity strong[b-c6ytmk3dzk]{display:block;margin-top:6px;color:var(--ui-text);font-size:16px}.package-state .licenses-status[b-c6ytmk3dzk]{display:inline-flex;margin-top:6px}.package-controls[b-c6ytmk3dzk]{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.package-controls label[b-c6ytmk3dzk]{display:grid;gap:6px;flex:1 1 150px;color:var(--ui-text-muted);font-size:12px}.package-controls input[b-c6ytmk3dzk]{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:14px}.package-controls button[b-c6ytmk3dzk]{min-height:40px}.package-controls input:focus-visible[b-c6ytmk3dzk],.package-controls button:focus-visible[b-c6ytmk3dzk]{outline:2px solid var(--ui-focus);outline-offset:2px}@media(max-width:1100px){.package-row[b-c6ytmk3dzk]{grid-template-columns:minmax(0,1fr) minmax(100px,.5fr) minmax(90px,.5fr)}.package-controls[b-c6ytmk3dzk]{grid-column:1/-1}}@media(max-width:600px){.package-row[b-c6ytmk3dzk]{grid-template-columns:1fr 1fr;gap:16px;padding:16px}.package-identity[b-c6ytmk3dzk],.package-controls[b-c6ytmk3dzk]{grid-column:1/-1}.package-controls label[b-c6ytmk3dzk]{flex-basis:100%}} /* /Components/Pages/Platform/Overview.razor.rz.scp.css */ .platform-overview[b-4923g8zg7l]{display:grid;gap:18px;color:var(--ui-text)}.platform-overview-heading[b-4923g8zg7l]{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}.platform-overview-heading p[b-4923g8zg7l]{margin:0 0 8px;color:var(--ui-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.platform-overview-heading h1[b-4923g8zg7l]{margin:0 0 8px;font-size:30px;letter-spacing:-.025em}.platform-overview-heading span[b-4923g8zg7l],.platform-overview-panel small[b-4923g8zg7l],.platform-overview-note[b-4923g8zg7l]{color:var(--ui-text-muted);font-size:13px;line-height:1.5}.platform-overview a[b-4923g8zg7l]{color:var(--ui-accent);text-decoration:none}.platform-overview-kpis[b-4923g8zg7l]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.platform-overview-kpi[b-4923g8zg7l]{--tone:var(--ui-info);display:flex;align-items:center;gap:14px;min-height:112px;padding:18px;border:1px solid var(--ui-border);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 8%,var(--ui-surface)),var(--ui-surface))}.platform-overview-kpi.success[b-4923g8zg7l]{--tone:var(--ui-success)}.platform-overview-kpi.warning[b-4923g8zg7l]{--tone:var(--ui-warning)}.platform-overview-kpi.gold[b-4923g8zg7l]{--tone:var(--ui-accent)}.platform-overview-kpi>span[b-4923g8zg7l]{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:9px;border:1px solid color-mix(in srgb,var(--tone) 35%,var(--ui-border));background:color-mix(in srgb,var(--tone) 12%,var(--ui-bg));color:var(--tone);font-size:22px}.platform-overview-kpi div[b-4923g8zg7l]{display:grid;gap:8px}.platform-overview-kpi small[b-4923g8zg7l]{color:var(--ui-text);font-size:var(--ui-kpi-title-size);font-weight:var(--ui-kpi-title-weight);}.platform-overview-kpi strong[b-4923g8zg7l]{font-size:var(--ui-kpi-value-size);line-height:1;font-variant-numeric:tabular-nums;font-weight:var(--ui-kpi-value-weight);}.platform-overview-panel[b-4923g8zg7l],.platform-overview-message[b-4923g8zg7l]{min-width:0;padding:20px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface)}.platform-overview-panel header[b-4923g8zg7l]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.platform-overview-panel h2[b-4923g8zg7l]{margin:0 0 5px;font-size:18px}.platform-overview-packages[b-4923g8zg7l]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.platform-overview-packages article[b-4923g8zg7l]{padding:16px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg)}.platform-overview-packages article>div[b-4923g8zg7l]{display:flex;justify-content:space-between;align-items:center;gap:8px}.platform-overview-packages p[b-4923g8zg7l]{margin:12px 0 5px;font-size:13px}.platform-overview-badge[b-4923g8zg7l]{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:12px;font-weight:650}.platform-overview-badge.active[b-4923g8zg7l]{background:color-mix(in srgb,var(--ui-success) 14%,transparent);color:var(--ui-success)}.platform-overview-table-wrap[b-4923g8zg7l]{overflow:auto;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)}.platform-overview table[b-4923g8zg7l]{width:100%;min-width:900px;border-collapse:collapse;font-size:13px}.platform-overview th[b-4923g8zg7l],.platform-overview td[b-4923g8zg7l]{padding:13px;text-align:left;border-bottom:1px solid var(--ui-border)}.platform-overview th[b-4923g8zg7l]{background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:12px}.platform-overview td small[b-4923g8zg7l]{display:block;margin-top:5px}.platform-overview tr:last-child td[b-4923g8zg7l]{border-bottom:0}.platform-overview-empty[b-4923g8zg7l]{text-align:center;color:var(--ui-text-muted);padding:22px}.platform-overview-footer[b-4923g8zg7l]{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;color:var(--ui-text-muted);font-size:12px}.platform-overview-footer nav[b-4923g8zg7l]{display:flex;gap:8px}.platform-overview button[b-4923g8zg7l]{padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:12px;cursor:pointer}.platform-overview button:disabled[b-4923g8zg7l]{opacity:.45;cursor:not-allowed}.platform-overview button:focus-visible[b-4923g8zg7l],.platform-overview a:focus-visible[b-4923g8zg7l]{outline:2px solid var(--ui-focus);outline-offset:2px}.platform-overview-error[b-4923g8zg7l]{padding:14px;border:1px solid var(--ui-danger);border-radius:8px}.platform-overview-note[b-4923g8zg7l]{margin:14px 0 0}@media(max-width:900px){.platform-overview-kpis[b-4923g8zg7l]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.platform-overview-heading h1[b-4923g8zg7l]{font-size:25px}.platform-overview-kpi[b-4923g8zg7l]{min-height:90px;padding:13px}.platform-overview-kpi>span[b-4923g8zg7l]{width:40px;height:40px}.platform-overview-kpi strong[b-4923g8zg7l]{font-size:var(--ui-kpi-value-size);font-weight:var(--ui-kpi-value-weight);}.platform-overview-panel[b-4923g8zg7l]{padding:15px}} .platform-overview-license-link[b-4923g8zg7l]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border));border-radius:7px;background:var(--ui-accent);color:var(--ui-on-accent)!important;font-size:11px;font-weight:750;white-space:nowrap;transition:background .16s ease,border-color .16s ease}.platform-overview-license-link:hover[b-4923g8zg7l]{background:var(--ui-accent-hover);color:var(--ui-on-accent)!important}.platform-overview-license-link:focus-visible[b-4923g8zg7l]{outline:2px solid var(--ui-focus);outline-offset:2px} /* /Components/Shared/CollectorPairingPanel.razor.rz.scp.css */ .pairing-panel[b-hw8x67z0zw]{display:grid;gap:var(--ui-space-4);padding:var(--ui-panel-padding);min-width:0;border:1px solid var(--ui-border);border-radius:var(--ui-panel-radius);background:linear-gradient(140deg,color-mix(in srgb,var(--ui-accent) 3%,var(--ui-surface)),var(--ui-surface) 55%)} .pairing-header[b-hw8x67z0zw],.pairing-secret-heading[b-hw8x67z0zw]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pairing-header[b-hw8x67z0zw]{padding-bottom:16px;border-bottom:1px solid var(--ui-border)}.pairing-title[b-hw8x67z0zw]{display:flex;align-items:center;gap:12px}.pairing-symbol[b-hw8x67z0zw]{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid color-mix(in srgb,var(--ui-accent) 25%,var(--ui-border));border-radius:10px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:24px} .pairing-eyebrow[b-hw8x67z0zw]{color:var(--ui-accent);font-size:10px;letter-spacing:.1em;font-weight:600}.pairing-panel h2[b-hw8x67z0zw]{margin:3px 0 0;color:var(--ui-text);font-size:19px;line-height:1.3}.pairing-panel h3[b-hw8x67z0zw]{margin:0;color:var(--ui-text);font-size:14px}.pairing-panel p[b-hw8x67z0zw]{margin:0} .pairing-workspace[b-hw8x67z0zw]{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr);gap:24px}.pairing-create[b-hw8x67z0zw]{display:grid;align-content:start;gap:12px}.pairing-field[b-hw8x67z0zw]{display:grid;gap:7px;color:var(--ui-text-muted);font-size:12px}.pairing-field select[b-hw8x67z0zw]{width:100%;min-height:var(--ui-control-height);padding:9px 12px;border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-bg);color:var(--ui-text);font:inherit;font-size:13px}.pairing-description[b-hw8x67z0zw]{color:var(--ui-text-muted);font-size:12px;line-height:1.6} .pairing-panel button[b-hw8x67z0zw]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.pairing-panel .pairing-primary[b-hw8x67z0zw]{min-height:var(--ui-control-height);border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.pairing-panel .pairing-primary:hover:not(:disabled)[b-hw8x67z0zw]{background:var(--ui-accent-hover)}.pairing-panel button:hover:not(:disabled)[b-hw8x67z0zw]{border-color:var(--ui-accent)}.pairing-panel button:disabled[b-hw8x67z0zw]{opacity:.5;cursor:default}.pairing-panel :is(button,input,select):focus-visible[b-hw8x67z0zw]{outline:2px solid var(--ui-focus);outline-offset:3px} .pairing-status[b-hw8x67z0zw]{min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-bg)}.pairing-status-heading[b-hw8x67z0zw]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.pairing-status-heading>span[b-hw8x67z0zw]{color:var(--ui-text-muted);font-size:11px}.pairing-code-row[b-hw8x67z0zw]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-top:1px solid var(--ui-border)}.pairing-code-info[b-hw8x67z0zw]{display:grid;gap:5px;flex:1 1 160px;min-width:0}.pairing-code-info strong[b-hw8x67z0zw]{font-size:12px;font-weight:600;color:var(--ui-text)}.pairing-code-info>span[b-hw8x67z0zw]{color:var(--ui-text-muted);font-size:11px}.pairing-badge[b-hw8x67z0zw]{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:10px;white-space:nowrap}.pairing-badge i[b-hw8x67z0zw]{width:6px;height:6px;border-radius:50%;background:currentColor}.pairing-badge.available[b-hw8x67z0zw]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 10%,transparent)}.pairing-badge.expired[b-hw8x67z0zw]{color:var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 10%,transparent)}.pairing-panel .pairing-cancel[b-hw8x67z0zw]{min-height:30px;padding:5px 8px;color:var(--ui-danger);font-size:11px} .pairing-empty[b-hw8x67z0zw]{display:grid;justify-items:center;gap:7px;padding:20px 10px;text-align:center}.pairing-empty>span:first-child[b-hw8x67z0zw]{color:var(--ui-text-muted);font-size:27px}.pairing-empty strong[b-hw8x67z0zw]{color:var(--ui-text);font-size:12px;font-weight:500}.pairing-empty>span:last-child[b-hw8x67z0zw]{color:var(--ui-text-muted);font-size:11px} .pairing-secret[b-hw8x67z0zw]{display:grid;gap:14px;padding:18px;border:1px solid color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border));border-radius:var(--ui-panel-radius);background:var(--ui-accent-soft)}.pairing-secret h3[b-hw8x67z0zw]{margin-top:4px;font-size:15px}.pairing-secret-label[b-hw8x67z0zw]{display:block;min-width:0}.pairing-secret input[b-hw8x67z0zw]{box-sizing:border-box;width:100%;min-width:0;min-height:54px;padding:12px 14px;border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-bg);color:var(--ui-accent);font:600 clamp(14px,2vw,21px)/1.5 ui-monospace,Consolas,monospace;letter-spacing:.04em}.pairing-secret-footer[b-hw8x67z0zw]{display:flex;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;color:var(--ui-text-muted);font-size:12px}.pairing-secret-footer small[b-hw8x67z0zw]{font-size:11px} .pairing-feedback[b-hw8x67z0zw]{padding:10px 12px;border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);font-size:12px;line-height:1.5}.pairing-feedback.error[b-hw8x67z0zw]{color:var(--ui-danger);border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-border))}.pairing-feedback.success[b-hw8x67z0zw]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 7%,var(--ui-surface))}.pairing-feedback.warning[b-hw8x67z0zw]{color:var(--ui-warning);background:color-mix(in srgb,var(--ui-warning) 7%,var(--ui-surface))} @media(max-width:900px){.pairing-workspace[b-hw8x67z0zw]{grid-template-columns:1fr;gap:16px}}@media(max-width:520px){.pairing-panel[b-hw8x67z0zw]{padding:var(--ui-space-4)}.pairing-header[b-hw8x67z0zw]{align-items:flex-start}.pairing-title[b-hw8x67z0zw]{gap:9px}.pairing-panel h2[b-hw8x67z0zw]{font-size:17px}.pairing-secret[b-hw8x67z0zw]{padding:12px}.pairing-secret-heading[b-hw8x67z0zw]{align-items:flex-start}.pairing-secret input[b-hw8x67z0zw]{font-size:13px;letter-spacing:0}.pairing-status[b-hw8x67z0zw]{padding:12px}} /* /Components/Shared/CustomerUsersPanel.razor.rz.scp.css */ .platform-customer-role-page[b-xvqvskwlt5]{display:grid;gap:18px;margin-bottom:16px;color:var(--ui-text);font-family:var(--ui-font-family)} .platform-customer-role-heading[b-xvqvskwlt5]{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap} .platform-customer-role-heading h1[b-xvqvskwlt5]{margin:9px 0 7px;font-size:clamp(27px,3vw,34px);line-height:1.15;letter-spacing:-.035em} .platform-customer-role-heading p[b-xvqvskwlt5]{margin:0;color:var(--ui-text-muted);font-size:14px;line-height:1.5} .platform-customer-role-eyebrow[b-xvqvskwlt5]{display:flex;align-items:center;gap:8px;color:var(--ui-accent);font-size:10px;font-weight:800;letter-spacing:.13em} .platform-customer-role-eyebrow b[b-xvqvskwlt5]{color:var(--ui-text-muted)} .platform-customer-role-eyebrow>span:first-child[b-xvqvskwlt5]{display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--ui-accent) 40%,var(--ui-border));border-radius:6px;background:var(--ui-accent-soft);font-size:12px} .platform-customer-selector[b-xvqvskwlt5]{display:grid;gap:15px;padding:19px;border:1px solid var(--ui-border);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-raised) 30%,var(--ui-surface)),var(--ui-surface));box-shadow:var(--ui-shadow);color:var(--ui-text);font-family:var(--ui-font-family)} .platform-customer-selector>header[b-xvqvskwlt5]{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap} .platform-customer-selector h2[b-xvqvskwlt5]{margin:6px 0;font-size:19px;letter-spacing:-.02em} .platform-customer-selector header p[b-xvqvskwlt5]{margin:0;color:var(--ui-text-muted);font-size:11px;line-height:1.5} .platform-customer-selector-count[b-xvqvskwlt5]{padding:5px 8px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-bg);color:var(--ui-text-muted);font-size:10px;font-weight:700} .platform-customer-selector-toolbar[b-xvqvskwlt5]{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)} .platform-customer-selector-toolbar label[b-xvqvskwlt5]{display:flex;align-items:center;gap:9px;width:100%;color:var(--ui-accent)} .platform-customer-selector-toolbar label>span:first-child[b-xvqvskwlt5]{font-size:20px} .platform-customer-selector-toolbar input[b-xvqvskwlt5]{width:100%;min-width:0;padding:8px 2px;border:0;outline:0;background:transparent;color:var(--ui-text);font:inherit;font-size:12px} .platform-customer-selector-toolbar input[b-xvqvskwlt5]::placeholder{color:var(--ui-text-muted)} .platform-customer-selector-grid[b-xvqvskwlt5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px} .platform-customer-choice[b-xvqvskwlt5]{display:flex;align-items:center;gap:11px;min-width:0;padding:13px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg);color:var(--ui-text)!important;text-decoration:none!important;transition:transform .15s ease,border-color .15s ease,background .15s ease} .platform-customer-choice:hover[b-xvqvskwlt5]{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ui-accent) 55%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 4%,var(--ui-bg))} .platform-customer-choice:focus-visible[b-xvqvskwlt5],.platform-customer-change:focus-visible[b-xvqvskwlt5]{outline:2px solid var(--ui-focus);outline-offset:2px} .platform-customer-choice-icon[b-xvqvskwlt5]{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border));border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:17px} .platform-customer-choice-copy[b-xvqvskwlt5]{display:grid;gap:4px;min-width:0;flex:1} .platform-customer-choice-copy strong[b-xvqvskwlt5]{font-size:12px;line-height:1.4;overflow-wrap:anywhere} .platform-customer-choice-copy small[b-xvqvskwlt5]{color:var(--ui-text-muted);font-size:10px;line-height:1.4} .platform-customer-choice-arrow[b-xvqvskwlt5]{color:var(--ui-accent);font-size:17px;transition:transform .15s ease} .platform-customer-choice:hover .platform-customer-choice-arrow[b-xvqvskwlt5]{transform:translateX(3px)} .platform-customer-selector-empty[b-xvqvskwlt5]{display:grid;justify-items:center;gap:7px;min-height:160px;padding:24px;border:1px dashed var(--ui-control-border);border-radius:9px;background:var(--ui-bg);text-align:center} .platform-customer-selector-empty>span[b-xvqvskwlt5]{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:21px} .platform-customer-selector-empty strong[b-xvqvskwlt5]{font-size:13px} .platform-customer-selector-empty p[b-xvqvskwlt5]{max-width:560px;margin:0;color:var(--ui-text-muted);font-size:11px;line-height:1.5} .platform-customer-selector-empty.compact[b-xvqvskwlt5]{min-height:90px;padding:16px} .platform-customer-selected[b-xvqvskwlt5]{display:flex;align-items:center;gap:15px;margin:0 0 14px;padding:13px 15px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);font-family:var(--ui-font-family)} .platform-customer-change[b-xvqvskwlt5]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;margin-left:auto;padding:8px 12px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.platform-customer-change:hover[b-xvqvskwlt5]{border-color:var(--ui-accent);background:var(--ui-accent-soft)} .platform-customer-selected>div[b-xvqvskwlt5]{display:grid;gap:4px;flex:1;min-width:0} .platform-customer-selected>div>span[b-xvqvskwlt5]{color:var(--ui-text-muted);font-size:9px;font-weight:800;letter-spacing:.1em} .platform-customer-selected>div>strong[b-xvqvskwlt5]{font-size:13px;overflow-wrap:anywhere} .platform-customer-selected-scope[b-xvqvskwlt5]{padding:5px 8px;border:1px solid color-mix(in srgb,var(--ui-info) 30%,var(--ui-border));border-radius:999px;background:color-mix(in srgb,var(--ui-info) 7%,var(--ui-bg));color:var(--ui-info);font-size:9px;font-weight:750;white-space:nowrap} @media(max-width:600px){.platform-customer-role-page[b-xvqvskwlt5]{gap:14px}.platform-customer-role-heading h1[b-xvqvskwlt5]{font-size:25px}.platform-customer-selector[b-xvqvskwlt5]{padding:14px}.platform-customer-selector-grid[b-xvqvskwlt5]{grid-template-columns:1fr}.platform-customer-selected[b-xvqvskwlt5]{align-items:flex-start;flex-wrap:wrap;gap:10px}.platform-customer-selected>div[b-xvqvskwlt5]{flex-basis:calc(100% - 12px);order:-1}.platform-customer-selected-scope[b-xvqvskwlt5]{margin-left:auto}} .platform-customer-users[b-xvqvskwlt5]{display:grid;gap:17px;margin:15px 0;color:var(--ui-text);font-family:var(--ui-font-family)} .platform-customer-users *[b-xvqvskwlt5]{box-sizing:border-box} .platform-customer-users button[b-xvqvskwlt5]{font:inherit} .platform-user-create footer button[b-xvqvskwlt5],.platform-user-edit-form button[b-xvqvskwlt5],.platform-user-security-controls button[b-xvqvskwlt5],.platform-user-roles article button[b-xvqvskwlt5],.platform-user-pagination button[b-xvqvskwlt5],.platform-user-loading button[b-xvqvskwlt5]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 11px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font-size:10px;font-weight:750;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease} .platform-user-create footer button[b-xvqvskwlt5]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)} .platform-user-edit-form button:hover[b-xvqvskwlt5],.platform-user-security-controls button:hover[b-xvqvskwlt5],.platform-user-roles article button:hover[b-xvqvskwlt5],.platform-user-pagination button:hover[b-xvqvskwlt5],.platform-user-loading button:hover[b-xvqvskwlt5]{border-color:var(--ui-accent);background:var(--ui-accent-soft)} .platform-user-create footer button:hover[b-xvqvskwlt5]{border-color:var(--ui-accent-hover);background:var(--ui-accent-hover);transform:translateY(-1px)} .platform-customer-users button:disabled[b-xvqvskwlt5]{opacity:.45;cursor:not-allowed;transform:none} .platform-user-create[b-xvqvskwlt5],.platform-user-directory[b-xvqvskwlt5],.platform-user-loading[b-xvqvskwlt5]{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid var(--ui-border);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface-raised) 30%,var(--ui-surface)),var(--ui-surface));box-shadow:var(--ui-shadow)} .platform-user-create>header[b-xvqvskwlt5],.platform-user-directory>header[b-xvqvskwlt5]{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap} .platform-user-create>summary[b-xvqvskwlt5]{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer} .platform-user-create>summary[b-xvqvskwlt5]::-webkit-details-marker{display:none} .platform-user-create>summary>span:nth-child(2)[b-xvqvskwlt5]{display:grid;gap:5px;min-width:0} .platform-user-create>summary strong[b-xvqvskwlt5]{font-size:15px;color:var(--ui-text)} .platform-user-create>summary small[b-xvqvskwlt5]{font-size:12px;color:var(--ui-text-muted);line-height:1.5} .platform-user-create-toggle[b-xvqvskwlt5]{margin-left:auto;color:var(--ui-accent);font-size:22px;transition:transform .15s ease} .platform-user-create[open] .platform-user-create-toggle[b-xvqvskwlt5]{transform:rotate(180deg)} .platform-user-create[open]>summary[b-xvqvskwlt5]{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--ui-border)} .platform-user-create:not([open])>:not(summary)[b-xvqvskwlt5]{display:none} .platform-user-create>summary:focus-visible[b-xvqvskwlt5]{outline:2px solid var(--ui-focus);outline-offset:5px;border-radius:5px} .platform-user-filters[b-xvqvskwlt5]{display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(140px,1fr);gap:14px;padding:16px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg)} .platform-user-filters label[b-xvqvskwlt5]{display:grid;gap:7px;min-width:0;color:var(--ui-text-muted);font-size:12px;font-weight:600} .platform-customer-users select[b-xvqvskwlt5]{min-width:0;width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-bg);color:var(--ui-text);font:inherit;font-size:13px} .platform-customer-users select:focus-visible[b-xvqvskwlt5]{outline:2px solid var(--ui-focus);outline-offset:2px} .platform-user-refresh[b-xvqvskwlt5]{padding:9px 14px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-surface-raised);color:var(--ui-text);font-size:12px!important;font-weight:650;cursor:pointer} .platform-user-refresh:hover[b-xvqvskwlt5]{border-color:var(--ui-accent);background:var(--ui-accent-soft)} .platform-user-list-meta[b-xvqvskwlt5]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--ui-text-muted);font-size:12px;line-height:1.5} .platform-user-list-meta strong[b-xvqvskwlt5]{color:var(--ui-text);font-variant-numeric:tabular-nums} .platform-user-create h2[b-xvqvskwlt5],.platform-user-directory h2[b-xvqvskwlt5]{margin:5px 0;font-size:18px;letter-spacing:-.02em} .platform-user-create header p[b-xvqvskwlt5],.platform-user-directory header p[b-xvqvskwlt5]{margin:0;color:var(--ui-text-muted);font-size:11px;line-height:1.5} .platform-user-create-mark[b-xvqvskwlt5]{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:20px} .platform-user-create-form[b-xvqvskwlt5]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} .platform-user-create-form label[b-xvqvskwlt5],.platform-user-edit-form label[b-xvqvskwlt5],.platform-user-security-controls label[b-xvqvskwlt5]{display:grid;gap:6px;min-width:0;color:var(--ui-text-muted);font-size:10px;font-weight:700} .platform-user-create-form label small[b-xvqvskwlt5]{display:inline;margin-top:-5px;color:var(--ui-text-muted);font-size:9px;font-weight:500} .platform-customer-users input:not([type=checkbox])[b-xvqvskwlt5]{width:100%;min-width:0;min-height:38px;padding:8px 10px;border:1px solid var(--ui-control-border);border-radius:7px;background:var(--ui-bg);color:var(--ui-text);font:inherit;font-size:11px} .platform-customer-users input[b-xvqvskwlt5]::placeholder{color:var(--ui-text-muted)} .platform-customer-users input:focus-visible[b-xvqvskwlt5],.platform-customer-users button:focus-visible[b-xvqvskwlt5],.platform-user-card summary:focus-visible[b-xvqvskwlt5]{outline:2px solid var(--ui-focus);outline-offset:2px} .platform-user-role-picker[b-xvqvskwlt5]{min-width:0;margin:0;padding:11px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)} .platform-user-role-picker legend[b-xvqvskwlt5]{padding:0 6px;color:var(--ui-text);font-size:10px;font-weight:750} .platform-user-role-picker legend small[b-xvqvskwlt5]{margin-left:5px;color:var(--ui-text-muted);font-size:9px;font-weight:500} .platform-user-role-picker>div[b-xvqvskwlt5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:7px} .platform-user-role-picker label[b-xvqvskwlt5]{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);cursor:pointer} .platform-user-role-picker label:has(input:checked)[b-xvqvskwlt5]{border-color:color-mix(in srgb,var(--ui-accent) 60%,var(--ui-border));background:var(--ui-accent-soft)} .platform-user-role-picker label.unavailable[b-xvqvskwlt5]{opacity:.55;cursor:not-allowed} .platform-user-role-picker input[type=checkbox][b-xvqvskwlt5]{width:15px;height:15px;flex:none;accent-color:var(--ui-accent)} .platform-user-role-picker label span[b-xvqvskwlt5]{display:grid;gap:3px;min-width:0}.platform-user-role-picker label strong[b-xvqvskwlt5]{font-size:10px;overflow-wrap:anywhere}.platform-user-role-picker label small[b-xvqvskwlt5]{color:var(--ui-text-muted);font-size:9px} .platform-user-create>footer[b-xvqvskwlt5]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:11px;border-top:1px solid var(--ui-border)} .platform-user-create>footer>span[b-xvqvskwlt5]{max-width:620px;color:var(--ui-text-muted);font-size:9px;line-height:1.5} .platform-user-create>footer button[b-xvqvskwlt5]{flex:none} .platform-user-empty-roles[b-xvqvskwlt5],.platform-user-empty[b-xvqvskwlt5],.platform-user-loading[b-xvqvskwlt5]{display:grid;gap:5px;padding:12px;border:1px dashed var(--ui-control-border);border-radius:8px;background:var(--ui-bg);color:var(--ui-text-muted);font-size:10px} .platform-user-empty-roles strong[b-xvqvskwlt5],.platform-user-empty strong[b-xvqvskwlt5],.platform-user-loading strong[b-xvqvskwlt5]{color:var(--ui-text);font-size:12px} .platform-user-directory>header[b-xvqvskwlt5]{align-items:flex-end} .platform-user-page-count[b-xvqvskwlt5]{padding:5px 8px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-bg);color:var(--ui-text-muted);font-size:9px;font-weight:700;white-space:nowrap} .platform-user-list[b-xvqvskwlt5]{display:grid;gap:8px} .platform-user-card[b-xvqvskwlt5]{min-width:0;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-bg);overflow:hidden;transition:border-color .15s ease} .platform-user-card:hover[b-xvqvskwlt5],.platform-user-card[open][b-xvqvskwlt5]{border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border))} .platform-user-card>summary[b-xvqvskwlt5]{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;cursor:pointer;list-style:none} .platform-user-card>summary[b-xvqvskwlt5]::-webkit-details-marker{display:none} .platform-user-avatar[b-xvqvskwlt5]{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid color-mix(in srgb,var(--ui-accent) 36%,var(--ui-border));border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:11px;font-weight:850} .platform-user-identity[b-xvqvskwlt5]{display:grid;gap:4px;min-width:0;flex:1} .platform-user-identity strong[b-xvqvskwlt5]{font-size:14px;overflow-wrap:anywhere} .platform-user-identity small[b-xvqvskwlt5]{color:var(--ui-text-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere} .platform-user-state[b-xvqvskwlt5]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-surface);color:var(--ui-text-muted);font-size:11px;font-weight:750;white-space:nowrap} .platform-user-state i[b-xvqvskwlt5]{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor} .platform-user-state.active[b-xvqvskwlt5]{border-color:color-mix(in srgb,var(--ui-success) 35%,var(--ui-border));color:var(--ui-success)} .platform-user-role-count[b-xvqvskwlt5]{padding:5px 7px;border:1px solid var(--ui-border);border-radius:999px;color:var(--ui-text-muted);font-size:9px;white-space:nowrap} .platform-user-chevron[b-xvqvskwlt5]{color:var(--ui-text-muted);font-size:15px;transition:transform .15s ease} .platform-user-card[open] .platform-user-chevron[b-xvqvskwlt5]{transform:rotate(180deg);color:var(--ui-accent)} .platform-user-card-content[b-xvqvskwlt5]{display:grid;gap:13px;padding:14px;border-top:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface) 45%,var(--ui-bg))} .platform-user-card-content h3[b-xvqvskwlt5]{margin:0 0 9px;font-size:12px} .platform-user-edit[b-xvqvskwlt5],.platform-user-security[b-xvqvskwlt5],.platform-user-roles[b-xvqvskwlt5]{min-width:0;padding:12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface)} .platform-user-edit-form[b-xvqvskwlt5]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:9px} .platform-user-edit-form button[b-xvqvskwlt5]{min-height:36px} .platform-user-self-note[b-xvqvskwlt5]{padding:9px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-bg);color:var(--ui-text-muted);font-size:10px} .platform-user-security[b-xvqvskwlt5]{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);align-items:center;gap:12px} .platform-user-security h3[b-xvqvskwlt5]{margin:0 0 5px}.platform-user-security p[b-xvqvskwlt5],.platform-user-roles>p[b-xvqvskwlt5]{margin:0;color:var(--ui-text-muted);font-size:9px;line-height:1.5} .platform-user-security-controls[b-xvqvskwlt5]{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:end;gap:8px} .platform-user-security-controls button.deactivate[b-xvqvskwlt5]{color:var(--ui-warning)}.platform-user-security-controls button.activate[b-xvqvskwlt5]{color:var(--ui-success)} .platform-user-roles>div[b-xvqvskwlt5]{display:grid;gap:6px;margin-top:9px} .platform-user-roles article[b-xvqvskwlt5]{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-bg)} .platform-user-roles article>span[b-xvqvskwlt5]{display:grid;gap:3px;min-width:0}.platform-user-roles article strong[b-xvqvskwlt5]{font-size:10px;overflow-wrap:anywhere}.platform-user-roles article small[b-xvqvskwlt5]{color:var(--ui-text-muted);font-size:9px} .platform-user-roles article button[b-xvqvskwlt5]{min-height:31px;padding:5px 8px;font-size:9px} .platform-user-pagination[b-xvqvskwlt5]{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ui-text-muted);font-size:9px} .platform-user-pagination nav[b-xvqvskwlt5]{display:flex;align-items:center;gap:8px}.platform-user-pagination nav>span[b-xvqvskwlt5]{font-variant-numeric:tabular-nums} .platform-user-pagination button[b-xvqvskwlt5]{min-height:31px;padding:6px 9px;font-size:9px} .platform-user-loading[b-xvqvskwlt5]{justify-items:center;min-height:140px;place-content:center;text-align:center}.platform-user-loading button[b-xvqvskwlt5]{margin-top:5px} @media(max-width:760px){.platform-user-filters[b-xvqvskwlt5]{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-user-filters label:first-child[b-xvqvskwlt5]{grid-column:1/-1}} @media(max-width:420px){.platform-user-filters[b-xvqvskwlt5]{grid-template-columns:1fr;padding:12px}.platform-user-filters label:first-child[b-xvqvskwlt5]{grid-column:auto}.platform-user-list-meta[b-xvqvskwlt5]{flex-direction:column}} @media(max-width:900px){.platform-user-security[b-xvqvskwlt5]{grid-template-columns:1fr}.platform-user-edit-form[b-xvqvskwlt5]{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-user-edit-form button[b-xvqvskwlt5]{grid-column:1/-1}} @media(max-width:620px){.platform-customer-users[b-xvqvskwlt5]{gap:13px}.platform-user-create[b-xvqvskwlt5],.platform-user-directory[b-xvqvskwlt5]{padding:13px}.platform-user-create-form[b-xvqvskwlt5]{grid-template-columns:1fr}.platform-user-create>footer[b-xvqvskwlt5]{align-items:stretch;flex-direction:column}.platform-user-create>footer button[b-xvqvskwlt5]{width:100%}.platform-user-role-picker>div[b-xvqvskwlt5]{grid-template-columns:1fr}.platform-user-card>summary[b-xvqvskwlt5]{flex-wrap:wrap;gap:8px}.platform-user-identity[b-xvqvskwlt5]{flex-basis:calc(100% - 53px)}.platform-user-state[b-xvqvskwlt5]{margin-left:47px}.platform-user-role-count[b-xvqvskwlt5]{margin-left:auto}.platform-user-edit-form[b-xvqvskwlt5]{grid-template-columns:1fr}.platform-user-edit-form button[b-xvqvskwlt5]{grid-column:auto;width:100%}.platform-user-security-controls[b-xvqvskwlt5]{grid-template-columns:1fr}.platform-user-security-controls>*[b-xvqvskwlt5]{width:100%}.platform-user-roles article[b-xvqvskwlt5]{align-items:flex-start;flex-direction:column}.platform-user-roles article button[b-xvqvskwlt5]{width:100%}.platform-user-pagination[b-xvqvskwlt5]{align-items:flex-start;flex-direction:column}.platform-user-pagination nav[b-xvqvskwlt5]{width:100%;justify-content:space-between}} .factory-user-unified-fields[b-xvqvskwlt5] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; } .factory-user-password[b-xvqvskwlt5] { position: relative; display: flex; align-items: center; } .factory-user-password input[b-xvqvskwlt5] { width: 100%; padding-right: 3rem; } .factory-user-password-toggle[b-xvqvskwlt5] { position: absolute; right: .35rem; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: .4rem; border: 0; background: transparent; color: var(--muted); cursor: pointer; } .factory-user-password-toggle svg[b-xvqvskwlt5] { width: 1.2rem; height: 1.2rem; } @media (max-width: 640px) { .factory-user-unified-fields[b-xvqvskwlt5] { grid-template-columns: 1fr; } } .factory-user-delete[b-xvqvskwlt5] { border: 1px solid var(--border); color: var(--text); } /* /Components/Shared/ErrorState.razor.rz.scp.css */ .error-state[b-9coppw9yp9]{max-width:640px;margin-inline:auto;padding:clamp(20px,4vw,40px);overflow-wrap:anywhere}.error-state h1[b-9coppw9yp9]{margin-top:12px}.error-state .ui-button[b-9coppw9yp9]{margin-top:12px} /* /Components/Shared/OperatorSessionsPanel.razor.rz.scp.css */ .session-history[b-efcyo1mx8z]{display:grid;gap:18px;color:var(--ui-text)}.session-history-heading p[b-efcyo1mx8z]{margin:0 0 8px;color:var(--ui-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.session-history-heading h1[b-efcyo1mx8z]{margin:0 0 8px;font-size:30px;letter-spacing:-.025em}.session-history-heading span[b-efcyo1mx8z]{color:var(--ui-text-muted);font-size:13px;line-height:1.6}.session-history-heading a[b-efcyo1mx8z]{color:var(--ui-accent)}.session-history-filter[b-efcyo1mx8z]{padding:16px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface)}.session-history-filter fieldset[b-efcyo1mx8z]{display:flex;gap:14px;align-items:end;margin:0;padding:0;border:0}.session-history-filter label[b-efcyo1mx8z]{display:grid;gap:7px;flex:1;color:var(--ui-text-muted);font-size:12px}.session-history-filter select[b-efcyo1mx8z]{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ui-control-border);border-radius:7px;color:var(--ui-text);background:var(--ui-bg);font:inherit;font-size:13px}.session-history button[b-efcyo1mx8z]{min-height:40px;padding:9px 16px;border:1px solid var(--ui-control-border);border-radius:7px;color:var(--ui-text);background:var(--ui-surface-raised);font:inherit;font-size:13px;cursor:pointer}.session-history-filter button[b-efcyo1mx8z]{min-height:44px;border-color:var(--ui-accent);color:var(--ui-on-accent);background:var(--ui-accent);font-weight:700}.session-history button:disabled[b-efcyo1mx8z]{opacity:.45;cursor:not-allowed}.session-history button:focus-visible[b-efcyo1mx8z],.session-history select:focus-visible[b-efcyo1mx8z],.session-history a:focus-visible[b-efcyo1mx8z]{outline:2px solid var(--ui-focus);outline-offset:2px}.session-history-table-wrap[b-efcyo1mx8z]{overflow:auto;padding:10px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface)}.session-history-table[b-efcyo1mx8z]{width:100%;min-width:800px;border-collapse:collapse;font-size:13px}.session-history-table th[b-efcyo1mx8z],.session-history-table td[b-efcyo1mx8z]{padding:15px 14px;text-align:left;border-bottom:1px solid var(--ui-border);white-space:nowrap}.session-history-table th[b-efcyo1mx8z]{color:var(--ui-text-muted);background:var(--ui-surface-raised);font-size:12px}.session-history-table tbody tr:last-child td[b-efcyo1mx8z]{border-bottom:0}.session-history-table tbody tr:hover[b-efcyo1mx8z]{background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface))}.session-status[b-efcyo1mx8z],.session-duration[b-efcyo1mx8z]{display:inline-flex;align-items:center;padding:6px 10px;border-radius:7px;font-size:12px;font-weight:650}.session-status.completed[b-efcyo1mx8z]{color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 13%,transparent)}.session-status.active[b-efcyo1mx8z]{color:var(--ui-info);background:color-mix(in srgb,var(--ui-info) 13%,transparent)}.session-duration[b-efcyo1mx8z]{color:var(--ui-text);background:var(--ui-surface-raised);font-variant-numeric:tabular-nums}.session-history-note[b-efcyo1mx8z]{margin:0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--ui-info) 45%,var(--ui-border));border-left:3px solid var(--ui-info);border-radius:8px;background:color-mix(in srgb,var(--ui-info) 6%,var(--ui-surface));font-size:13px;line-height:1.5}.session-history-pagination[b-efcyo1mx8z]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ui-text-muted);font-size:13px}.session-history-pagination div[b-efcyo1mx8z]{display:flex;align-items:center;gap:10px}.session-history-pagination strong[b-efcyo1mx8z]{padding:9px 12px;border:1px solid var(--ui-accent);border-radius:7px;color:var(--ui-text);font-size:13px}@media(max-width:600px){.session-history-heading h1[b-efcyo1mx8z]{font-size:25px}.session-history-filter fieldset[b-efcyo1mx8z]{flex-direction:column;align-items:stretch}.session-history-pagination div[b-efcyo1mx8z]{width:100%;justify-content:space-between}.session-history-table th[b-efcyo1mx8z],.session-history-table td[b-efcyo1mx8z]{padding:12px}} /* /Components/Shared/RobotConfigurationForm.razor.rz.scp.css */ .robot-insecure-warning[b-m696gsq2hc] { margin: 14px 0; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--ui-warning) 45%, var(--ui-border)); border-radius: 8px; background: color-mix(in srgb, var(--ui-warning) 9%, var(--ui-surface)); color: var(--ui-text); font-size: 13px; line-height: 1.55; } .robot-insecure-warning strong[b-m696gsq2hc] { color: var(--ui-warning); } /* /Components/Shared/TimeZoneSelect.razor.rz.scp.css */ select[b-h93w3mqwei]{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-bg);color:var(--ui-text);font:inherit;font-size:13px} select:focus-visible[b-h93w3mqwei]{outline:2px solid var(--ui-focus);outline-offset:2px} select:disabled[b-h93w3mqwei]{opacity:.62} /* /Components/UI/AnalysisPeriodPresets.razor.rz.scp.css */ .analysis-period-presets[b-7zfn5drv3y] { display:flex; flex-wrap:wrap; gap:5px; flex-basis:100%; grid-column:1/-1; padding-bottom:8px; } .analysis-period-presets button[b-7zfn5drv3y] { min-height:var(--ui-control-height); padding:7px 15px; border:1px solid var(--ui-border); border-radius:var(--ui-control-radius); background:var(--ui-bg); color:var(--ui-text); cursor:pointer; font:inherit; font-size:13px; } .analysis-period-presets button.selected[b-7zfn5drv3y] { border-color:var(--ui-accent); background:var(--ui-accent-soft); color:var(--ui-accent); } .analysis-period-presets button:focus-visible[b-7zfn5drv3y] { outline:2px solid var(--ui-accent); outline-offset:2px; } @media(max-width:760px) { .analysis-period-presets[b-7zfn5drv3y] { width:100%; } .analysis-period-presets button[b-7zfn5drv3y] { flex:1; } } /* /Components/UI/ArcwayThemeToggle.razor.rz.scp.css */ .theme-toggle[b-8qgujtaw6p] { display:inline-flex; min-height:38px; align-items:center; gap:8px; padding:4px 9px 4px 5px; border:1px solid var(--ui-border); border-radius:10px; background:var(--ui-surface); color:var(--ui-text); font:inherit; cursor:pointer; transition:border-color .16s ease,background .16s ease; } .theme-toggle:hover[b-8qgujtaw6p] { border-color:var(--ui-accent); background:var(--ui-surface-hover); } .theme-toggle:focus-visible[b-8qgujtaw6p] { outline:var(--ui-focus-width) solid var(--ui-focus); outline-offset:3px; } .theme-toggle-icon[b-8qgujtaw6p] { display:grid; width:28px; height:28px; place-items:center; border-radius:7px; background:var(--ui-accent-soft); color:var(--ui-accent); } .theme-toggle-icon[b-8qgujtaw6p] .mud-icon-root { width:17px; height:17px; } .theme-toggle-label[b-8qgujtaw6p] { font-size:.75rem; font-weight:650; white-space:nowrap; } .theme-toggle-track[b-8qgujtaw6p] { display:flex; width:25px; height:14px; align-items:center; padding:2px; border-radius:20px; background:var(--ui-border); } .theme-toggle-track > span[b-8qgujtaw6p] { width:10px; height:10px; border-radius:50%; background:var(--ui-accent); transition:transform .16s ease; } [data-theme="light"] .theme-toggle-track > span[b-8qgujtaw6p] { transform:translateX(11px); } @media (max-width:600px) { .theme-toggle[b-8qgujtaw6p] { padding:4px; } .theme-toggle-label[b-8qgujtaw6p],.theme-toggle-track[b-8qgujtaw6p] { display:none; } } @media (prefers-reduced-motion:reduce) { .theme-toggle[b-8qgujtaw6p],.theme-toggle-track > span[b-8qgujtaw6p] { transition:none; } } /* /Components/UI/ConfirmationDialog.razor.rz.scp.css */ .confirm-backdrop[b-9s8plt8mk6] { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 1rem; background: rgb(0 0 0 / .72); } .confirm-dialog[b-9s8plt8mk6] { width: min(100%, 28rem); padding: 2rem; border: 1px solid var(--border); border-radius: 1rem; background: var(--surface); color: var(--text); box-shadow: 0 1rem 3rem rgb(0 0 0 / .4); text-align: center; } .confirm-icon[b-9s8plt8mk6] { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; margin: 0 auto 1rem; border-radius: 50%; font-size: 1.6rem; font-weight: 700; color: var(--accent); background: rgb(255 191 36 / .12); } .confirm-dialog h2[b-9s8plt8mk6] { margin: 0; font-size: 1.25rem; } .confirm-dialog p[b-9s8plt8mk6] { margin: .75rem 0 1.5rem; line-height: 1.55; overflow-wrap: anywhere; } .confirm-actions[b-9s8plt8mk6] { display: flex; justify-content: center; gap: .75rem; flex-wrap: wrap; } .confirm-actions button[b-9s8plt8mk6] { min-width: 8rem; min-height: 2.75rem; padding: .65rem 1.25rem; border-radius: .6rem; font-weight: 700; cursor: pointer; } .confirm-cancel[b-9s8plt8mk6] { border: 1px solid var(--border); background: transparent; color: var(--text); } .confirm-submit[b-9s8plt8mk6] { border: 0; background: var(--accent); color: var(--ui-on-accent); } .confirm-actions button:focus-visible[b-9s8plt8mk6] { outline: 3px solid var(--text); outline-offset: 3px; } .confirm-actions button:disabled[b-9s8plt8mk6] { opacity: .6; cursor: default; } /* /Components/UI/OperationResultDialog.razor.rz.scp.css */ .result-dialog-backdrop[b-5u2ywihe4s] { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 1rem; background: rgb(0 0 0 / .72); } .result-dialog[b-5u2ywihe4s] { width: min(100%, 28rem); padding: 2rem; border: 1px solid var(--border); border-radius: 1rem; background: var(--surface); color: var(--text); box-shadow: 0 1rem 3rem rgb(0 0 0 / .4); text-align: center; } .result-dialog-icon[b-5u2ywihe4s] { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; margin: 0 auto 1rem; border-radius: 50%; font-size: 1.6rem; font-weight: 700; } .result-dialog-success .result-dialog-icon[b-5u2ywihe4s] { color: var(--ui-success, #4ade80); background: rgb(34 197 94 / .12); } .result-dialog-error .result-dialog-icon[b-5u2ywihe4s] { color: var(--ui-error, #f87171); background: rgb(239 68 68 / .12); } .result-dialog h2[b-5u2ywihe4s] { margin: 0; font-size: 1.25rem; } .result-dialog p[b-5u2ywihe4s] { margin: .75rem 0 1.5rem; line-height: 1.55; overflow-wrap: anywhere; } .result-dialog-button[b-5u2ywihe4s] { min-width: 8rem; min-height: 2.75rem; padding: .65rem 1.25rem; border: 0; border-radius: .6rem; background: var(--accent); color: var(--ui-on-accent); font-weight: 700; cursor: pointer; } .result-dialog-button:focus-visible[b-5u2ywihe4s] { outline: 3px solid var(--text); outline-offset: 3px; }