@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--brand-magenta:var(--brand-500);--brand-primary:var(--brand-700);--brand-deep:var(--brand-800);--fg1:#333;--fg2:#707070;--neutral-800:#405a6c;--neutral-600:#677b89;--neutral-400:#8d9da6;--border:#b3bdc4;--neutral-200:#d9dee2;--neutral-100:#e7e9ef;--surface:#f5f5f5;--bg-white:#fff;--bg-rose:var(--brand-000);--panel-border:#e4e7ea;--divider:#edeff2;--status-running:#00a651;--status-running-bg:#f0fdf4;--status-running-fg:#15803d;--status-warning:#f59e0b;--status-warning-bg:#fffbeb;--status-warning-fg:#92400e;--status-stopped:#dc2626;--status-stopped-bg:#fef2f2;--status-stopped-fg:#b91c1c;--status-info:#06c;--status-info-bg:#e8f0fd;--status-info-fg:#0369a1;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-caption:12px;--text-body-sm:13px;--text-body:14px;--text-body-lg:16px;--text-h3:16px;--text-h2:20px;--text-h1:24px;--text-display:32px;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--radius-sm:5px;--radius-md:7.5px;--radius-lg:10px;--radius-card:12px;--radius-xl:16px;--radius-pill:999px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--sidebar-width:238px;--sidebar-nav-height:42px;--sidebar-avatar:36px;--sidebar-fg:color-mix(in srgb, var(--bg-white) 92%, transparent);--sidebar-fg-muted:color-mix(in srgb, var(--bg-white) 66%, transparent);--sidebar-fg-subtle:color-mix(in srgb, var(--bg-white) 52%, transparent);--sidebar-bg-active:color-mix(in srgb, var(--bg-white) 16%, transparent);--sidebar-border:color-mix(in srgb, var(--bg-white) 18%, transparent);--sidebar-edge:color-mix(in srgb, var(--bg-white) 14%, transparent);--login-form-bg:color-mix(in srgb, var(--brand-000) 38%, var(--neutral-100));--login-input-bg:color-mix(in srgb, var(--bg-white) 90%, var(--brand-000));--login-brand-fg:color-mix(in srgb, var(--bg-white) 97%, var(--brand-500));--console-rail-width:300px;--console-feed-time-col:74px;--console-feed-action-col:126px;--console-header-offset:calc(var(--space-16) + var(--space-12));--text-overline:10px;--text-micro:11px;--touch-min:48px;--touch-rec:56px;--voice-btn:80px;--shadow-sm:0 1px 2px #33333314;--shadow-md:0 2px 8px #3333331a;--shadow-lg:0 8px 24px #3333331f;--shadow-brand:0 6px 20px rgba(var(--brand-700-rgb), .35);--shadow-brand-sm:0 4px 14px rgba(var(--brand-700-rgb), .4);--shadow-brand-md:0 6px 20px rgba(var(--brand-700-rgb), .4);--shadow-brand-lg:0 8px 26px rgba(var(--brand-700-rgb), .5);--shadow-brand-glow:0 0 14px 3px rgba(var(--brand-700-rgb), .55);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-fast:.12s;--dur-normal:.2s;--dur-slow:.32s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:#e7e2e5;justify-content:center;align-items:center;min-height:100vh;padding:26px;display:flex}html,body{overscroll-behavior:none}#root{display:flex}body.surface-desktop{background:var(--surface);justify-content:stretch;align-items:stretch;padding:0}body.surface-desktop #root{flex:1;min-width:0}::-webkit-scrollbar{width:0;height:0}.op-hscroll{scrollbar-width:none}.op-phone-frame{border:11px solid #0c0c0d;border-radius:46px;flex-shrink:0;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 24px 70px #3333334d}.op-phone-screen{flex-direction:column;width:100%;height:100%;display:flex;position:relative}@media (hover:none) and (pointer:coarse),(display-mode:standalone){html,body{height:100dvh;overflow:hidden}body{background:var(--bg-white);justify-content:stretch;align-items:stretch;padding:0;position:fixed;inset:0}#root{flex:1;min-height:0}.op-phone-frame{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}.op-statusbar{display:none!important}.op-topbar,.op-brandhead{padding-top:max(env(safe-area-inset-top,0px), 12px)}.op-bottomnav{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}}html.op-standalone,html.op-standalone body{height:100dvh;overflow:hidden}html.op-standalone body{background:var(--bg-white);justify-content:stretch;align-items:stretch;padding:0;position:fixed;inset:0}html.op-standalone #root{flex:1;min-height:0}html.op-standalone .op-phone-frame{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}html.op-standalone .op-statusbar{display:none!important}html.op-standalone .op-topbar,html.op-standalone .op-brandhead{padding-top:max(env(safe-area-inset-top,0px), 12px)}html.op-standalone .op-bottomnav{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active:not(:disabled){transform:scale(.97)}button{transition:transform var(--dur-fast) var(--ease-out)}.op-btn:active{filter:brightness(.92);transform:scale(.985)}.op-capture:active{transform:scale(.96)}.op-iconbtn:active{background:#3333330f}.op-login-field{transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.op-login-field:focus{box-shadow:0 0 0 3px rgba(var(--brand-700-rgb), .18);outline:none;border-color:var(--brand-400)!important}.op-login-submit{justify-content:center;align-items:center;min-width:5.5rem;display:inline-flex;position:relative}.op-login-submit[data-busy=true]{color:#0000;pointer-events:none}.op-login-submit[data-busy=true]:after{content:"";border:2px solid #ffffff59;border-top-color:color-mix(in srgb, var(--bg-white) 96%, var(--brand-500));border-radius:50%;width:18px;height:18px;animation:.65s linear infinite opSpin;position:absolute}.op-report-login{background:var(--login-form-bg);width:100%;min-height:100dvh;color:var(--fg1);grid-template-columns:1.08fr 1fr;display:grid}.op-report-login__brand{background:var(--brand-gradient);color:var(--login-brand-fg);flex-direction:column;padding:44px 48px;display:flex;position:relative;overflow:hidden}.op-report-login__brand-shade{pointer-events:none;background:radial-gradient(115% 90% at 12% 6%,#ffffff42,#0000 55%),radial-gradient(120% 120% at 90% 112%,#1a0a1257,#0000 60%);position:absolute;inset:0}.op-report-login__brand-grain{pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:170px 170px;position:absolute;inset:0}.op-report-login__brand-inner{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.op-report-login__brand-lockup{font-size:17px;font-weight:var(--w-bold);letter-spacing:-.01em;align-items:center;gap:12px;display:flex}.op-report-login__brand-copy{max-width:460px;margin-top:auto}.op-report-login__brand-copy h1{font-size:clamp(32px,3.2vw,40px);font-weight:var(--w-bold);letter-spacing:-.025em;text-wrap:balance;max-width:18ch;margin:0;line-height:1.08}.op-report-login__brand-copy p{font-size:var(--text-body-lg);color:color-mix(in srgb, var(--login-brand-fg) 88%, transparent);max-width:42ch;margin:18px 0 0;line-height:1.55}.op-report-login__form{background:var(--login-form-bg);flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:100dvh;padding:clamp(72px,14vh,128px) clamp(32px,6vw,88px) clamp(32px,5vw,72px);display:flex}.op-report-login__mobile-brand{margin-bottom:var(--space-6);font-size:16px;font-weight:var(--w-bold);color:var(--brand-deep);align-items:center;gap:10px;display:none}.op-report-login__form-inner{width:100%;max-width:420px}.op-report-login__form-inner h2{font-size:var(--text-display);font-weight:var(--w-bold);letter-spacing:-.02em;line-height:var(--lh-tight);margin:0}.op-report-login__form-inner header p{font-size:var(--text-body-lg);color:var(--fg2);margin:8px 0 0}.op-report-login__form-inner label{font-size:var(--text-body-sm);font-weight:var(--w-semibold);color:var(--neutral-800)}.op-report-login__password-label{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.op-report-login__hint{font-size:var(--text-caption);font-weight:var(--w-medium);color:var(--fg2)}.op-report-login__field-error{font-size:var(--text-body-sm);font-weight:var(--w-semibold);color:var(--status-stopped);align-items:center;gap:6px;margin:0;display:flex}.op-report-login__footnote{font-size:var(--text-body-sm);color:var(--fg2);margin:var(--space-6) 0 0}.op-report-login__sso-note{font-size:var(--text-caption);color:var(--neutral-600);margin:var(--space-3) 0 0}.op-operator-login__sso{gap:var(--space-3);flex-direction:column;display:flex}.op-operator-login__or,.op-report-login__or{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--neutral-600);font-size:var(--text-caption);display:flex}.op-operator-login__or:before,.op-operator-login__or:after,.op-report-login__or:before,.op-report-login__or:after{content:"";background:var(--border);flex:1;height:1px}.op-login-skeleton{background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-200) 37%, var(--neutral-100) 63%);background-size:400% 100%;border-radius:8px;height:52px;animation:1.4s infinite opSkeleton}@keyframes opSkeleton{0%{background-position:100%}to{background-position:0}}.op-ring{border:3px solid rgba(var(--brand-700-rgb), .35);border-radius:50%;animation:1.9s cubic-bezier(.4,0,.2,1) infinite opRing;position:absolute;inset:-7px}@keyframes opRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.op-wave{transform:scaleY(var(--level,.25));transform-origin:50%;will-change:transform;transition:transform 90ms linear}.op-processing-wave{transform-origin:50%;will-change:transform;animation:.9s ease-in-out infinite opProcessingWave}@keyframes opProcessingWave{0%,to{opacity:.7;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}.op-pulse-text{animation:1.4s ease-in-out infinite opText}@keyframes opText{0%,to{opacity:1}50%{opacity:.45}}.op-sheet{animation:opSheet .3s var(--ease-drawer) both;will-change:transform;transform:translateY(100%)}@keyframes opSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.op-toast{animation:opToast .28s var(--ease-out)}@keyframes opToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.op-shim{background:linear-gradient(90deg,#eef0f2 25%,#f7f8f9 50%,#eef0f2 75%) 0 0/200% 100%;animation:1.3s ease-in-out infinite opShim}@keyframes opShim{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes opSpin{to{transform:rotate(360deg)}}.op-scrim{animation:.2s ease-out opFade}@keyframes opFade{0%{opacity:0}to{opacity:1}}.op-fan{animation:opFan .22s var(--ease-out)}@keyframes opFan{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.op-modal-in{animation:opModalIn .22s var(--ease-out) both}@keyframes opModalIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.op-menu-in{animation:opMenuIn .15s var(--ease-out) both;transform-origin:top}@keyframes opMenuIn{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.op-menu-in{animation:.12s ease-out both opFade}}.op-rise{animation:opRise .36s var(--ease-out) both}@keyframes opRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.op-press{transition:transform .12s var(--ease-out), background-color .12s ease}.op-press:active{transform:scale(.985)}.safety-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.safety-strip{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.safety-briefing-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.42fr) minmax(320px,.82fr);align-items:stretch;display:grid}.safety-board-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.5fr) minmax(320px,.85fr);align-items:start;display:grid}.safety-bar-fill{transition:transform .52s var(--ease-out);will-change:transform}.safety-bars-grow{animation:safetyBarsGrow .54s var(--ease-out) both;transform-box:fill-box;transform-origin:bottom}@keyframes safetyBarsGrow{0%{opacity:.5;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.safety-row{transition:background-color .12s}@media (hover:hover) and (pointer:fine){.safety-row:hover{background:var(--surface)}}@media (max-width:1120px){.safety-briefing-grid,.safety-board-grid{grid-template-columns:1fr}}@media (max-width:780px){.safety-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.safety-strip>div{border-top:1px solid #dedad4;border-top:1px solid lab(87.27% .416428 3.41283);border-left:none!important}.safety-strip>div:nth-child(-n+2){border-top:none!important}.safety-row{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){.safety-bar-fill{transition:none}.safety-bars-grow{animation:.2s ease-out both opFade}}@keyframes rail-issue-arrive{0%{opacity:0;background:color-mix(in srgb, var(--issue-color,var(--status-stopped)) 22%, var(--bg-white));transform:translateY(-6px)}30%{opacity:1;transform:translateY(0)}to{opacity:1;background:var(--bg-white);transform:translateY(0)}}.rail-item--arriving{animation:rail-issue-arrive 1.5s var(--ease-out) both}@keyframes op-count-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.op-count-bump{animation:op-count-bump .22s var(--ease-out) both;display:inline-flex}@keyframes rail-critical-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-stopped) 55%, transparent)}to{box-shadow:0 0 0 14px #0000}}.rail-card--critical-arrive{animation:rail-critical-glow 1.3s var(--ease-out) both}@media (prefers-reduced-motion:reduce){@keyframes rail-issue-arrive{0%{background:color-mix(in srgb, var(--issue-color,var(--status-stopped)) 22%, var(--bg-white))}to{background:var(--bg-white)}}.op-count-bump,.rail-card--critical-arrive{animation:none}}@keyframes op-lightbox-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes op-lightbox-img-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.op-lightbox-scrim{animation:op-lightbox-scrim-in .16s var(--ease-out) both}.op-lightbox-img{animation:op-lightbox-img-in .2s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.op-lightbox-img{animation:op-lightbox-scrim-in .16s var(--ease-out) both}}.op-details-collapse{transition:grid-template-rows .22s var(--ease-out);grid-template-rows:0fr;display:grid}.op-details-collapse[data-open=true]{grid-template-rows:1fr}.op-details-collapse-inner{min-height:0;overflow:hidden}.op-details-collapse-body{opacity:0;transition:opacity .2s var(--ease-out), transform .22s var(--ease-out);transform:translateY(-6px)}.op-details-collapse[data-open=true] .op-details-collapse-body{opacity:1;transform:translateY(0)}.op-details-trigger{transition:background-color .18s,color .18s}.op-details-chevron{transition:transform .22s var(--ease-out);display:inline-flex}.op-details-chevron[data-open=true]{transform:rotate(180deg)}.op-operator-login{background:var(--login-form-bg);min-height:0;color:var(--fg1);flex-direction:column;flex:1;display:flex}.op-operator-login__brand{background:var(--brand-gradient);color:var(--login-brand-fg);flex-shrink:0;position:relative;overflow:hidden}.op-operator-login__brand-shade{pointer-events:none;background:radial-gradient(115% 90% at 12% 6%,#ffffff38,#0000 55%),radial-gradient(120% 120% at 90% 112%,#1a0a1247,#0000 60%);position:absolute;inset:0}.op-operator-login__statusbar{z-index:1;justify-content:space-between;align-items:flex-end;height:46px;padding:0 26px 6px;display:flex;position:relative}.op-operator-login__lockup{z-index:1;font-size:17px;font-weight:var(--w-bold);letter-spacing:-.01em;align-items:center;gap:11px;padding:6px 18px 16px;display:flex;position:relative}.op-operator-login__form{padding:28px 22px calc(22px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex;overflow-y:auto}.op-operator-login__form-inner{width:100%;max-width:420px}.op-operator-login__form-inner h1{font-size:var(--text-display);font-weight:var(--w-bold);letter-spacing:-.02em;line-height:var(--lh-tight);margin:0}.op-operator-login__form-inner header p{font-size:var(--text-body-lg);color:var(--fg2);margin:8px 0 0}.op-operator-login__field{gap:var(--space-2);margin-top:var(--space-8);flex-direction:column;display:flex}.op-operator-login__field+.op-operator-login__field{margin-top:var(--space-4)}.op-operator-login__field label{font-size:var(--text-body-sm);font-weight:var(--w-semibold);color:var(--neutral-800)}.op-operator-login__password-label{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.op-operator-login__hint{font-size:var(--text-caption);font-weight:var(--w-medium);color:var(--fg2)}.op-operator-login__field-error{font-size:var(--text-body-sm);font-weight:var(--w-semibold);color:var(--status-stopped);align-items:center;gap:6px;margin:0;display:flex}.op-operator-login__submit{margin-top:var(--space-5)}.op-operator-login__footnote{font-size:var(--text-body-sm);color:var(--fg2);margin:var(--space-6) 0 0}.op-operator-login__sso-note{font-size:var(--text-caption);color:var(--neutral-600);margin:var(--space-3) 0 0}.op-operator-login__help{padding-top:var(--space-8);color:var(--fg2);font-size:var(--text-body-sm);align-items:flex-start;gap:8px;max-width:36ch;margin-top:auto;line-height:1.45;display:flex}@media (max-width:860px){.op-report-login{grid-template-columns:1fr!important}.op-report-login__brand{display:none!important}.op-report-login__mobile-brand{display:flex!important}.op-report-login__form{padding-top:var(--space-10);align-items:stretch}}@media (prefers-reduced-motion:reduce){.op-login-submit[data-busy=true]:after{border-top-color:#ffffffd9;animation:none}}.op-listen-bar{animation:.7s ease-in-out infinite opListen}@keyframes opListen{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.4)}}.op-scanline{animation:1.8s ease-in-out infinite opScan}@keyframes opScan{0%{opacity:0;top:4%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:96%}}.op-rec-in{animation:opRecIn .22s var(--ease-out)}@keyframes opRecIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.op-rec-dot{animation:1.1s ease-in-out infinite opRecDot}@keyframes opRecDot{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.op-ring{display:none}}.opc-shell{background:var(--brand-000);width:100%;height:100dvh;color:var(--fg1);display:flex;overflow:hidden}.opc-sidebar{background:linear-gradient(180deg, #14060e33, #14060e4d), linear-gradient(180deg, var(--brand-800) 0%, var(--brand-700) 60%, var(--brand-800) 100%);width:208px;color:var(--bg-white);padding:var(--space-5) var(--space-3) var(--space-4);box-shadow:inset -1px 0 0 var(--sidebar-edge);flex-direction:column;flex-shrink:0;display:flex}.opc-brand{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-4);display:flex}.opc-shiftblock{background:var(--sidebar-bg-active);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:9px 11px}.opc-nav{gap:var(--space-1);flex-direction:column;display:flex}.opc-navitem{align-items:center;gap:var(--space-3);width:100%;min-height:var(--sidebar-nav-height);padding:0 var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--w-bold);color:var(--sidebar-fg);text-align:left;border:none;display:flex}.opc-navlabel{white-space:nowrap}.opc-badge{background:var(--status-stopped);min-width:16px;height:16px;color:var(--bg-white);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-9px}.opc-identity{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--sidebar-border);margin-top:auto;display:flex}.opc-identity-btn{align-items:center;gap:var(--space-3);cursor:pointer;border-radius:var(--radius-lg);min-width:0;color:var(--bg-white);background:0 0;border:none;flex:1;padding:6px;font-family:inherit;display:flex}.opc-avatar{width:var(--sidebar-avatar);height:var(--sidebar-avatar);background:var(--sidebar-bg-active);color:var(--bg-white);font-weight:var(--w-bold);font-size:var(--text-body-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.opc-signout{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.opc-main{flex-direction:column;flex:1;min-width:0;display:flex}.opc-header{align-items:center;gap:var(--space-3);padding:12px var(--space-5);background:var(--bg-white);border-bottom:1px solid var(--panel-border);flex-shrink:0;min-height:60px;display:flex}.opc-headerback{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:var(--bg-white);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-4px;display:inline-flex}.opc-statuspill{font-size:var(--text-caption);color:var(--status-running-fg);background:var(--status-running-bg);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.opc-statusdot{border-radius:50%;width:7px;height:7px}.opc-clock{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--fg2);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.opc-endshift{border:1px solid var(--brand-200);background:var(--bg-white);min-height:38px;color:var(--brand-deep);font-family:inherit;font-size:var(--text-body-sm);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:0 14px;font-weight:700;display:inline-flex}.opc-body{flex:1;min-height:0;display:flex}.opc-appwrap{background:var(--surface);flex:1;justify-content:center;min-width:0;min-height:0;display:flex;overflow:hidden}.opc-appcol{background:0 0;width:100%;max-width:720px;min-height:0}.opc-rail{border-left:1px solid var(--panel-border);background:var(--bg-white);flex-direction:column;flex-shrink:0;gap:20px;width:216px;padding:20px 18px;display:flex}.opc-capture{flex-direction:column;align-items:center;gap:11px;display:flex}.opc-rail-label{font-size:var(--text-overline);color:var(--fg2);text-transform:uppercase;letter-spacing:.09em;font-weight:700}.opc-shiftcard{border-top:1px solid var(--divider);width:100%;padding-top:18px}.opc-shiftcard-head{font-size:var(--text-overline);color:var(--fg2);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;font-weight:700}.opc-stat{align-items:center;gap:9px;padding:7px 0;display:flex}.opc-stat-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.opc-stat-label{font-size:var(--text-body-sm);color:var(--fg1);flex:1;font-weight:500}.opc-stat-val{font-family:var(--font-mono);font-size:var(--text-body);font-variant-numeric:tabular-nums;font-weight:700}.opc-reviewbtn{border-radius:var(--radius-lg);border:1px solid var(--status-warning);background:var(--status-warning-bg);width:100%;min-height:40px;color:var(--status-warning-fg);font-family:inherit;font-size:var(--text-body-sm);cursor:pointer;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:0 12px;font-weight:700;display:flex}.opc-voice{cursor:pointer;background:var(--brand-gradient);width:60px;height:60px;box-shadow:var(--shadow-brand-md);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.opc-rail-caption{font-size:var(--text-caption);color:var(--fg1);align-items:center;gap:5px;font-weight:600;display:inline-flex}.opc-rail-flank{gap:14px;display:flex}.opc-rail-secondary{flex-direction:column;align-items:center;gap:5px;display:flex}.opc-flankbtn{background:var(--bg-white);border:1px solid var(--neutral-200);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.opc-kbd{font-family:var(--font-mono);color:var(--fg2);background:var(--surface);border:1px solid var(--neutral-200);border-radius:4px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px}.opc-tl-spine{background:var(--neutral-200);border-radius:2px;width:2px;position:absolute;top:16px;bottom:16px;left:19px}.opc-tlrow{transition:background var(--dur-fast) var(--ease-out)}.opc-tlrow:hover{background:var(--surface)}.opc-tlnode{width:12px;height:12px;box-shadow:0 0 0 3px var(--bg-white);border-radius:50%;position:absolute;top:14px;left:14px}.opc-segtoggle{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--neutral-200);flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.opc-seg{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:28px;padding:0;display:inline-flex}.opc-seg[data-on=true]{background:var(--bg-white);box-shadow:var(--shadow-sm)}.opc-overlayhost .op-sheet,.opc-overlayhost .opc-modal{border-radius:20px;width:100%;max-width:520px;margin-bottom:24px;margin-left:auto;margin-right:auto}@media (max-width:1024px){.opc-sidebar{width:72px;padding-left:var(--space-2);padding-right:var(--space-2);align-items:center}.opc-collapse-hide{display:none!important}.opc-brand{justify-content:center;padding-left:0;padding-right:0}.opc-shiftblock{display:none}.opc-navitem{justify-content:center;padding:0}.opc-identity{gap:var(--space-2);flex-direction:column}.opc-identity-btn{justify-content:center}.opc-body{flex-direction:column}.opc-rail{border-left:none;border-top:1px solid var(--panel-border);width:auto;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));flex-direction:row;justify-content:center;align-items:center;gap:0}.opc-shiftcard{display:none}.opc-capture{flex-direction:row;align-items:center;gap:18px;margin-top:0}.opc-rail-label{display:none}.opc-voice{order:2}.opc-rail-flank{gap:18px}.opc-rail-secondary{flex-direction:row;gap:7px}.opc-capture>.opc-rail-caption{display:none}.opc-appcol{max-width:none}}@media (max-width:900px){.opc-collapse-hide-sm{display:none!important}}
