.fluent{--f-bg: #F3F3F3;--f-surface: #FFFFFF;--f-surface-2: #FAFAFA;--f-surface-3: #F9F9F9;--f-chrome: #F3F3F3;--f-ink-1: #191919;--f-ink-2: #424242;--f-ink-3: #707070;--f-ink-4: #A6A6A6;--f-border: #E5E5E5;--f-border-soft: #EDEDED;--f-border-strong:#D1D1D1;--f-primary: #0F6CBD;--f-primary-hover: #115EA3;--f-primary-press: #0E4775;--f-primary-soft: #EBF3FC;--f-success: #0F7B0F;--f-success-s: #E6F4E5;--f-warning: #9A6A00;--f-warning-s: #FFF4CE;--f-critical: #C42B1C;--f-critical-s: #FDE7E7;--f-radius-sm: 3px;--f-radius: 4px;--f-radius-md: 6px;--f-radius-lg: 8px;--f-shadow-1: 0 1px 2px rgba(0,0,0,.07);--f-shadow-2: 0 2px 6px rgba(0,0,0,.09);--f-shadow-4: 0 4px 16px rgba(0,0,0,.12);--f-shadow-dialog: 0 16px 32px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.2);--f-font: "Segoe UI Variable Text", "Segoe UI", "Noto Sans TC", system-ui, sans-serif;--f-font-display: "Segoe UI Variable Display", "Segoe UI", "Noto Sans TC", system-ui, sans-serif;--f-font-mono: "Cascadia Mono", "Consolas", "IBM Plex Mono", monospace;--f-focus: 0 0 0 2px var(--f-primary)}.fluent.dark{--f-bg: #202020;--f-surface: #2B2B2B;--f-surface-2: #272727;--f-surface-3: #323232;--f-chrome: #1F1F1F;--f-ink-1: #FFFFFF;--f-ink-2: #D6D6D6;--f-ink-3: #A6A6A6;--f-ink-4: #757575;--f-border: #3A3A3A;--f-border-soft: #2E2E2E;--f-border-strong:#4A4A4A;--f-primary: #60CDFF;--f-primary-hover: #8AE0FF;--f-primary-press: #2FB5FF;--f-primary-soft: #1A3649;--f-success: #6CCB5F;--f-success-s: #1F3A1A;--f-warning: #FCE100;--f-warning-s: #433519;--f-critical: #FF99A4;--f-critical-s: #442726;--f-shadow-1: 0 1px 2px rgba(0,0,0,.35);--f-shadow-2: 0 2px 6px rgba(0,0,0,.4);--f-shadow-4: 0 4px 16px rgba(0,0,0,.5);--f-shadow-dialog: 0 16px 32px rgba(0,0,0,.6), 0 0 1px rgba(0,0,0,.4)}body.fluent{background:var(--f-bg);color:var(--f-ink-1);font-family:var(--f-font);font-size:13.5px;line-height:1.45;-webkit-font-smoothing:antialiased}body.fluent a{color:var(--f-primary);text-decoration:none}body.fluent a:hover{color:var(--f-primary-hover);text-decoration:underline}body.fluent ::-webkit-scrollbar{width:10px;height:10px}body.fluent ::-webkit-scrollbar-track{background:transparent}body.fluent ::-webkit-scrollbar-thumb{background:var(--f-border-strong);border-radius:4px;border:2px solid var(--f-bg)}body.fluent ::-webkit-scrollbar-thumb:hover{background:var(--f-ink-4)}body.fluent :focus-visible{outline:2px solid var(--f-primary);outline-offset:1px;border-radius:var(--f-radius-sm)}.f-btn{font-family:var(--f-font);font-size:13.5px;font-weight:600;padding:7px 18px;min-height:32px;border-radius:var(--f-radius);border:1px solid var(--f-border-strong);background:var(--f-surface);color:var(--f-ink-1);cursor:pointer;transition:background 80ms linear,border-color 80ms linear;line-height:1}.f-btn:hover{background:var(--f-surface-3)}.f-btn:active{background:var(--f-border-soft)}.f-btn:disabled{color:var(--f-ink-4);cursor:not-allowed;background:var(--f-surface-2)}.f-btn.primary{background:var(--f-primary);color:#fff;border-color:var(--f-primary)}.f-btn.primary:hover{background:var(--f-primary-hover);border-color:var(--f-primary-hover)}.f-btn.primary:active{background:var(--f-primary-press);border-color:var(--f-primary-press)}.f-btn.primary:disabled{background:var(--f-surface-2);color:var(--f-ink-4);border-color:var(--f-border)}.f-input,.f-select,.f-textarea{font-family:var(--f-font);font-size:13.5px;color:var(--f-ink-1);background:var(--f-surface);border:1px solid var(--f-border-strong);border-bottom-width:2px;border-bottom-color:var(--f-ink-3);border-radius:var(--f-radius);padding:6px 10px;min-height:32px;width:100%;outline:none;transition:border-color .1s linear}.f-input:hover,.f-select:hover,.f-textarea:hover{border-color:var(--f-ink-2)}.f-input:focus,.f-select:focus,.f-textarea:focus{border-bottom-color:var(--f-primary);border-bottom-width:2px}.f-textarea{min-height:72px;padding:8px 10px;line-height:1.5;resize:vertical}.f-label{display:block;font-family:var(--f-font);font-size:13.5px;color:var(--f-ink-1);margin-bottom:5px;font-weight:400}.f-pill{display:inline-block;font-family:var(--f-font);font-size:11.5px;padding:2px 10px;border-radius:999px;background:var(--f-surface);border:1px solid var(--f-border-strong);color:var(--f-ink-2)}.f-card{background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius-md);box-shadow:var(--f-shadow-1)}.f-dialog{background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius-lg);box-shadow:var(--f-shadow-dialog)}.f-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--f-ink-1);cursor:pointer;user-select:none}.f-checkbox input{width:16px;height:16px;accent-color:var(--f-primary);margin:0}.f-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--f-ink-3);vertical-align:1px}.f-dot.ok{background:var(--f-success)}.f-dot.warning{background:#f7d34f}.f-dot.critical{background:var(--f-critical)}.f-dot.off{background:var(--f-ink-4)}#jope-app-root{height:100vh;display:flex;flex-direction:column;background:var(--f-bg);color:var(--f-ink-1);font-family:var(--f-font);overflow:hidden}.f-titlebar{height:44px;background:var(--f-chrome);border-bottom:1px solid var(--f-border-soft);display:flex;align-items:center;padding:0 4px 0 14px;flex-shrink:0;font-size:13.5px;color:var(--f-ink-1);gap:10px;z-index:10}.f-titlebar-logo{height:30px;width:auto;margin-right:10px;display:inline-block;object-fit:contain}.f-titlebar-text{font-weight:600;letter-spacing:.04em;font-size:14px}.f-titlebar-spacer{flex:1}.titlebar-theme-btn{background:transparent;border:none;padding:4px 10px;font-size:11px;color:var(--f-ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:24px;border-radius:var(--f-radius-sm)}.titlebar-theme-btn:hover{background:var(--f-surface-3);color:var(--f-ink-1)}.titlebar-theme-btn .dot{display:inline-block;width:7px;height:7px;background:var(--f-ink-1);border-radius:50%}body.dark .titlebar-theme-btn .dot{background:var(--f-primary)}.f-titlebar-btns{display:flex}.f-titlebar-btn{width:42px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--f-ink-2);cursor:default}.f-titlebar-btn:hover{background:var(--f-surface-3)}.f-titlebar-btn.close:hover{background:var(--f-critical);color:#fff}.f-shell{flex:1;display:flex;min-height:0;overflow:hidden}.f-main{flex:1;overflow:hidden;background:var(--f-bg);min-width:0;display:flex;flex-direction:column}.f-main>*{flex:1;min-height:0;overflow:hidden}.f-rail{width:200px;background:var(--f-surface);border-right:1px solid var(--f-border);display:flex;flex-direction:column;padding:18px 0 12px;flex-shrink:0}.f-brand{padding:4px 18px 18px;display:flex;align-items:center;justify-content:center;gap:8px}.f-brand-logo-img{height:56px;width:auto;display:block;object-fit:contain}.f-rail-quickicons{display:flex;justify-content:space-around;padding:10px 20px 14px;border-bottom:1px solid var(--f-border);margin-bottom:10px}.f-rail-icon{width:34px;height:34px;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;color:var(--f-primary);cursor:pointer;border-radius:var(--f-radius);transition:background 80ms linear}.f-rail-icon:hover{background:var(--f-primary-soft)}.f-rail-nav{display:flex;flex-direction:column;gap:1px;padding:0 8px;flex:1;overflow-y:auto;overflow-x:hidden}.f-rail-divider{font-size:9px;color:var(--f-ink-4);letter-spacing:.12em;text-transform:uppercase;padding:12px 8px 4px;font-family:var(--f-font-mono);font-weight:600}.f-rail-divider:first-child{padding-top:4px}.f-rail-navitem{display:flex;align-items:center;gap:12px;padding:8px 14px;font-size:13.5px;color:var(--f-ink-1);border-radius:var(--f-radius);position:relative;background:transparent;border:none;cursor:pointer;font-family:var(--f-font);text-align:left;width:100%}.f-rail-navitem:hover{background:var(--f-surface-3)}.f-rail-navitem.active{background:var(--f-surface-3);font-weight:500}.f-rail-navitem.active:before{content:"";position:absolute;left:-8px;top:10px;bottom:10px;width:3px;background:var(--f-primary);border-radius:2px}.f-rail-navitem svg{color:var(--f-ink-2);flex-shrink:0}.f-rail-navitem.active svg{color:var(--f-primary)}.f-rail-bottom{display:flex;justify-content:space-around;padding:10px 20px 4px;border-top:1px solid var(--f-border);margin-top:10px}.f-statusbar{height:26px;background:var(--f-chrome);border-top:1px solid var(--f-border);display:flex;align-items:center;padding:0 12px;gap:18px;font-size:11.5px;color:var(--f-ink-3);flex-shrink:0}.f-status-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.f-status-spacer{flex:1}.f-statusbar .f-dot{width:7px;height:7px}.login-root{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.login-brand{background:var(--f-surface-2);display:flex;align-items:center;justify-content:flex-end;padding:0 80px 60px 40px}.login-brand .brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.login-brand .brand-logo-img{height:200px;width:auto;display:block;object-fit:contain}.login-brand .brand-sub{font-size:16px;color:var(--f-ink-2)}.login-form-wrap{background:var(--f-surface);display:flex;align-items:center;padding:0 80px 60px}.login-form{width:100%;max-width:320px}.login-heading{font-family:var(--f-font-display);font-size:28px;font-weight:600;color:var(--f-ink-1);margin:0 0 16px}.login-form .pill-row{margin-bottom:18px}.f-pill.local{background:var(--f-surface);border-color:var(--f-border-strong);color:var(--f-ink-2);font-size:11.5px;padding:3px 12px}.sign-in{width:100%;margin-top:26px;height:36px}.login-hint{margin-top:12px;font-size:10.5px;color:var(--f-ink-4);text-align:center}.cov-root{padding:16px 20px 20px;display:flex;flex-direction:column;height:100%;min-height:0;gap:12px;overflow:hidden}.cov-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius-md);box-shadow:var(--f-shadow-1);flex-shrink:0}.cov-hdr-row1{display:flex;align-items:center;gap:14px;margin-bottom:4px}.cov-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:4px;border:1px solid}.cov-badge.running{background:var(--f-success-s);color:var(--f-success);border-color:#b7dbb3}.cov-badge.held{background:var(--f-warning-s);color:var(--f-warning);border-color:#efce6e}.cov-badge.idle{background:var(--f-surface-2);color:var(--f-ink-3);border-color:var(--f-border-strong)}.cov-blink{width:7px;height:7px;border-radius:50%}.cov-blink.ok{background:var(--f-success);animation:cov-pulse 2s ease-in-out infinite}.cov-blink.amber{background:#e69a2c;animation:cov-pulse 1.5s ease-in-out infinite}.cov-blink.off{background:var(--f-ink-4)}@keyframes cov-pulse{0%,to{opacity:1}50%{opacity:.4}}.cov-batch{font-size:16px;font-weight:600;color:var(--f-primary);font-family:var(--f-font-mono)}.cov-recipe{font-size:12.5px;color:var(--f-ink-2)}.cov-hdr-row2{display:flex;align-items:center;gap:12px;font-size:11.5px;color:var(--f-ink-3)}.cov-hdr-row2 b{color:var(--f-ink-1);font-weight:600;margin-left:4px}.cov-hdr-row2 .dim{color:var(--f-ink-3)}.cov-sep{width:1px;height:10px;background:var(--f-border-strong)}.cov-hdr-actions{display:flex;gap:8px}.cov-grid{display:grid;grid-template-columns:1fr 380px;gap:12px;flex:1;min-height:0}.cov-cols{display:flex;flex-direction:column;min-height:0}.cov-cols .pid-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.cov-cols .pid-svg{flex:1;min-height:0;max-height:100%}.cov-side{display:flex;flex-direction:column;gap:12px;min-height:0}.cov-side .cov-panel{margin-bottom:0;display:flex;flex-direction:column;min-height:0}.cov-side .cov-panel .cov-live{flex:0 0 auto}.cov-side .cov-panel .cov-act{flex:1;overflow:auto}.cov-panel{background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius-md);box-shadow:var(--f-shadow-1);overflow:hidden;margin-bottom:12px}.cov-panel:last-child{margin-bottom:0}.cov-panel-head{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px;border-bottom:1px solid var(--f-border);background:var(--f-surface-2)}.cov-panel-title{font-size:12px;font-weight:600;color:var(--f-ink-1);letter-spacing:.03em}.cov-panel-sub{font-size:10.5px;color:var(--f-ink-3)}.cov-cols{background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius-md);box-shadow:var(--f-shadow-1);overflow:hidden}.cov-col-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:14px}.cov-col{background:var(--f-surface-2);border:1px solid var(--f-border);border-top:3px solid #5B7A8A;border-radius:var(--f-radius);padding:10px 10px 12px;display:flex;flex-direction:column;gap:5px}.cov-col.lamp-off{border-top-color:var(--f-ink-4);opacity:.75}.cov-col.lamp-critical{border-top-color:var(--f-critical);background:var(--f-critical-s)}.cov-col-top{display:flex;justify-content:space-between;align-items:center}.cov-col-id{font-size:15px;font-weight:700;color:var(--f-ink-1)}.cov-lamp{width:9px;height:9px;border-radius:50%;background:var(--f-success);animation:pulse 2.4s ease-in-out infinite}.cov-lamp.amber{background:#e69a2c}.cov-lamp.critical{background:var(--f-critical);animation:pulse-fast .8s ease-in-out infinite}.cov-lamp.off{background:var(--f-ink-4);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.3}}.cov-col-zone{font-size:9.5px;letter-spacing:.12em;color:var(--f-primary);font-weight:700;font-family:var(--f-font-mono);text-transform:uppercase}.cov-col-label{font-size:11px;color:var(--f-ink-3);margin-bottom:4px}.cov-col-flow{display:flex;align-items:center;gap:6px}.flow-num{font-size:12.5px;font-weight:700;color:var(--f-ink-1);font-family:var(--f-font-mono);min-width:34px}.cov-col-bar{flex:1;height:5px;background:var(--f-border);border-radius:3px;overflow:hidden}.cov-col-bar-fill{display:block;height:100%;background:var(--f-primary);border-radius:3px;transition:width .3s ease-out}.cov-col.lamp-amber .cov-col-bar-fill{background:#e69a2c}.cov-col.lamp-critical .cov-col-bar-fill{background:var(--f-critical)}.cov-col-pv{font-size:10px;color:var(--f-ink-3);letter-spacing:.08em;padding-top:4px;border-top:1px dashed var(--f-border);margin-top:2px}.cov-hdr-spacer{flex:1}.pid-recipe-label{font-size:11px;color:var(--f-ink-3);margin-right:6px;letter-spacing:.03em}.pid-recipe-select{min-width:280px}.pid-wrap{padding:10px 14px 4px;background:var(--f-surface);display:flex;flex-direction:column;min-height:0}.pid-header{display:flex;align-items:center;gap:10px;padding:6px 4px 10px;flex-wrap:wrap}.pid-config-pill{font-size:12px;padding:3px 10px;border-radius:11px;letter-spacing:.05em;font-weight:700}.pid-config-title{font-size:13px;color:var(--f-ink-1);font-weight:600}.pid-config-zones{font-size:11px;color:var(--f-ink-3);padding:2px 8px;background:var(--f-surface-2);border-radius:var(--f-radius-sm)}.pid-config-note{font-size:11px;color:var(--f-ink-2);font-style:italic}.pid-svg{width:100%;height:auto;display:block;user-select:none}.pid-valve-legend{padding:8px 14px;display:flex;gap:16px;flex-wrap:wrap;background:var(--f-surface-2);border-top:1px solid var(--f-border);font-size:11px}.pid-vlg-item{display:inline-flex;gap:4px;align-items:center}.pid-vlg-item.muted{opacity:.55}.pid-vlg-id{font-weight:700;color:var(--f-ink-2)}.pid-vlg-sep{color:var(--f-ink-4)}.pid-vlg-fn{font-weight:700}.pid-recipe-info{padding:8px 14px 12px;display:flex;gap:14px;align-items:center;font-size:11.5px;color:var(--f-ink-2);border-top:1px solid var(--f-border);background:var(--f-surface-2);flex-wrap:wrap}.pid-flow{animation:pid-dash 1.1s linear infinite}@keyframes pid-dash{to{stroke-dashoffset:-28}}.pid-rotary-arm{transition:transform .4s cubic-bezier(.4,0,.2,1)}.pid-rotary-arm.spinning{animation:pid-rotary-step 6s steps(6) infinite}@keyframes pid-rotary-step{to{transform:rotate(360deg)}}.pid-pv{transition:transform .28s cubic-bezier(.4,0,.2,1)}.pid-pv.closed{transform:rotate(90deg)}.pid-pv.open{transform:rotate(0)}.pid-col.alarm rect{stroke:var(--f-critical)!important;animation:pid-alarm-pulse .8s ease-in-out infinite}@keyframes pid-alarm-pulse{0%,to{stroke-opacity:1;stroke-width:1.4}50%{stroke-opacity:.5;stroke-width:2.8}}.cov-live{width:100%;border-collapse:collapse;padding:4px 10px 10px}.cov-live td{padding:6px 10px;font-size:12px;border-bottom:1px solid var(--f-border-soft)}.cov-live tr:last-child td{border-bottom:0}.cov-live tr.sep td{padding:2px 0;border-bottom:1px solid var(--f-border)}.cov-live td.k{color:var(--f-ink-3);width:100px}.cov-live td.v{color:var(--f-ink-1);font-weight:700;text-align:right;font-size:13.5px}.cov-live td.v.mono{font-family:var(--f-font-mono)}.cov-live td.u{color:var(--f-ink-3);font-family:var(--f-font-mono);font-size:10.5px;width:36px}.cov-live td.trend{text-align:center;width:18px;font-size:12px}.trend.up{color:var(--f-success)}.trend.down{color:var(--f-critical)}.trend.flat{color:var(--f-ink-4)}.trend.critical{color:var(--f-critical);font-weight:700;font-size:14px}.cov-act{list-style:none;margin:0;padding:4px 0;max-height:220px;overflow:auto}.cov-act li{display:flex;gap:10px;padding:6px 14px;font-size:11.5px;border-bottom:1px solid var(--f-border-soft)}.cov-act li:last-child{border-bottom:0}.act-t{color:var(--f-ink-3);font-family:var(--f-font-mono);font-size:10.5px;flex-shrink:0;padding-top:1px}.act-msg{color:var(--f-ink-1)}.cov-act li.act-ok .act-msg:before,.cov-act li.act-info .act-msg:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:8px;vertical-align:1px}.cov-act li.act-ok .act-msg:before{background:var(--f-success)}.cov-act li.act-info .act-msg:before{background:var(--f-primary)}.f-btn.small{padding:5px 12px;font-size:11.5px;min-height:28px}.f-btn.block{display:block;width:100%;text-align:center}.f-btn.critical{background:var(--f-critical);color:#fff;border-color:var(--f-critical)}.f-btn.critical:hover{background:#a62013;border-color:#a62013}.view-root{padding:20px 24px;height:100%;min-height:0;display:flex;flex-direction:column;gap:14px;overflow:hidden}.view-header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.conc-strip-panel{flex-shrink:0}.spec-strip-wrap{padding:0}.spec-strip-wrap svg{display:block;width:100%}.conc-tabs{display:flex;gap:2px;align-items:center;border-bottom:2px solid var(--f-border);flex-shrink:0}.conc-tab{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:9px 14px;font-size:13px;color:var(--f-ink-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--f-font)}.conc-tab:hover{color:var(--f-primary)}.conc-tab.active{color:var(--f-primary);border-bottom-color:var(--f-primary);font-weight:600}.conc-tab-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--f-surface-3);color:var(--f-ink-2);font-size:11px;font-weight:700}.conc-tab.active .conc-tab-num{background:var(--f-primary);color:#fff}.conc-tab-tag{font-size:9.5px;padding:1px 8px;border-radius:9px;background:var(--f-surface-3);color:var(--f-ink-3);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.conc-tab.active .conc-tab-tag{background:var(--f-primary-soft);color:var(--f-primary)}.conc-tab-arrow{color:var(--f-ink-4);font-size:16px;font-weight:400;margin:0 -2px}.conc-tab-spacer{flex:1}.conc-refresh-toggle{margin-right:10px;font-size:11.5px}.conc-prediction-banner{padding:10px 14px;background:var(--f-primary-soft);border:1px solid var(--f-primary);border-radius:var(--f-radius-sm);color:var(--f-ink-1);font-size:11.5px;line-height:1.5}.conc-prediction-banner b{color:var(--f-primary)}.conc-grid{display:grid;grid-template-columns:1fr 380px;gap:14px;flex:1;min-height:0}.conc-cal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0}.conc-cal-list{display:flex;flex-direction:column;min-height:0}.conc-file-list{flex:1;overflow:auto;padding:8px}.conc-file-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:var(--f-radius-sm);text-align:left;cursor:pointer;margin-bottom:4px;transition:all 80ms linear}.conc-file-row:hover,.conc-file-row.active{background:var(--f-primary-soft);border-color:var(--f-primary)}.conc-file-icon{font-size:18px}.conc-file-meta{flex:1;min-width:0}.conc-file-name{font-size:12px;font-weight:600;color:var(--f-ink-1);margin-bottom:2px}.conc-file-sub{font-size:10px;color:var(--f-ink-3)}.conc-file-badge{font-size:9.5px;padding:2px 8px;border-radius:9px;background:var(--f-success);color:#fff;font-weight:700}.conc-cal-detail{display:flex;flex-direction:column}.conc-model-note{padding:10px 14px;font-size:10.5px;color:var(--f-ink-3);background:var(--f-surface-2);border-top:1px solid var(--f-border);font-style:italic}.conc-legend-list{list-style:none;margin:0;padding:10px 16px;font-size:11.5px}.conc-legend-list li{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--f-ink-1)}.conc-legend-list .dot{width:12px;height:4px;border-radius:1px;display:inline-block}.conc-vip-btn{margin-left:auto}.conc-raman-grid{display:grid;grid-template-columns:240px 1fr;gap:14px;flex:1;min-height:0}.conc-raman-side{display:flex;flex-direction:column;min-height:0}.conc-raman-sample-list{padding:6px;overflow:auto;flex-shrink:0}.conc-raman-sample{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:1px solid transparent;border-radius:var(--f-radius-sm);text-align:left;cursor:pointer;margin-bottom:3px;transition:all 80ms linear;font-family:var(--f-font)}.conc-raman-sample:hover,.conc-raman-sample.active{background:var(--f-primary-soft);border-color:var(--f-primary)}.conc-raman-feed{flex:1;overflow:auto;padding:4px 6px;min-height:0}.conc-raman-feed-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px dashed var(--f-border);font-size:11px;color:var(--f-ink-2)}.conc-raman-feed-row.current{background:var(--f-primary-soft);border:1px solid var(--f-primary);border-radius:var(--f-radius-sm);margin-bottom:2px}.conc-raman-scanno{color:var(--f-ink-1);font-weight:600;min-width:44px}.conc-raman-sid{color:var(--f-primary);font-weight:700;min-width:22px}.conc-raman-ts{color:var(--f-ink-3);font-size:10.5px;margin-left:auto}.conc-raman-current-tag{background:var(--f-success);color:#fff;font-size:9px;padding:1px 6px;border-radius:8px;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.conc-raman-sw{width:14px;height:3px;border-radius:1px;flex-shrink:0}.conc-raman-id{font-weight:700;color:var(--f-primary);font-size:11px;min-width:22px}.conc-raman-name{font-size:12px;color:var(--f-ink-1)}.conc-raman-actions{padding:8px 14px;border-top:1px solid var(--f-border)}.conc-raman-meta{padding:10px 14px;font-size:10.5px;color:var(--f-ink-2);line-height:1.8;border-top:1px solid var(--f-border);background:var(--f-surface-2)}.conc-raman-meta b{color:var(--f-ink-1)}.conc-raman-main{display:flex;flex-direction:column;min-height:0}.conc-raman-peak-table{padding:8px 14px 12px;border-top:1px solid var(--f-border);background:var(--f-surface-2)}.conc-raman-peak-title{font-size:10px;color:var(--f-ink-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-weight:600}.conc-raman-tbl{width:100%;border-collapse:collapse;font-size:10.5px}.conc-raman-tbl th{text-align:left;padding:2px 8px;color:var(--f-ink-3);font-weight:600;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--f-border)}.conc-raman-tbl td{padding:3px 8px;color:var(--f-ink-1)}.conc-raman-tbl td.b{color:#b14545;font-weight:700}.rr-wrap{position:relative;padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.rr-svg{flex:1;min-height:0;display:block;width:100%}.rr-hint{position:absolute;top:6px;right:10px;font-size:9px;color:var(--f-ink-4);background:var(--f-surface);padding:2px 6px;border-radius:3px;opacity:.85}.rr-wrap:hover .rr-hint{color:var(--f-primary);opacity:1}.spec-chart-wrap{position:relative;padding:0}.spec-chart-svg{display:block;width:100%}.spec-chart-hint{position:absolute;top:6px;right:10px;font-size:9px;color:var(--f-ink-4);background:var(--f-surface);padding:2px 6px;border-radius:3px;opacity:.85}.spec-chart-wrap:hover .spec-chart-hint{color:var(--f-primary);opacity:1}.vip-wrap{display:flex;flex-direction:column;height:100%}.vip-svg{flex:1;display:block;width:100%;min-height:0}.vip-title{font-size:12px;font-weight:600;color:var(--f-ink-1);padding:6px 0}.conc-popout-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.conc-popout{background:var(--f-surface);border-radius:var(--f-radius-md);box-shadow:0 30px 80px #00000073;width:940px;max-width:92vw;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.conc-popout.vip-popout{width:940px}.conc-popout-head{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--f-surface-2);border-bottom:1px solid var(--f-border)}.conc-popout-title{font-size:14px;font-weight:700;color:var(--f-ink-1)}.conc-popout-sub{font-size:11px;color:var(--f-ink-3)}.conc-popout-close{margin-left:auto;background:transparent;border:none;font-size:16px;color:var(--f-ink-2);cursor:pointer;width:28px;height:28px;border-radius:var(--f-radius-sm)}.conc-popout-close:hover{background:var(--f-critical-s);color:var(--f-critical)}.conc-popout-body{flex:1;padding:14px 18px;overflow:auto;min-height:0}.conc-popout-foot{padding:8px 18px;background:var(--f-surface-2);border-top:1px solid var(--f-border);font-size:10.5px;color:var(--f-ink-3)}.trend-backdrop{position:fixed;inset:0;background:#0000008c;z-index:60;display:flex;align-items:center;justify-content:center}.trend-popout{background:var(--f-surface);border-radius:var(--f-radius-md);box-shadow:0 30px 80px #00000073;width:780px;max-width:92vw;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;border-top:3px solid var(--f-critical)}.trend-head{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--f-critical-s);border-bottom:1px solid var(--f-border)}.trend-title{font-size:14px;font-weight:700;color:var(--f-critical);letter-spacing:.01em}.trend-sub{font-size:11px;color:var(--f-ink-3);margin-top:2px}.trend-close{margin-left:auto;background:transparent;border:none;font-size:16px;color:var(--f-ink-2);cursor:pointer;width:28px;height:28px;border-radius:var(--f-radius-sm)}.trend-close:hover{background:var(--f-critical);color:#fff}.trend-body{padding:16px 20px 18px;overflow:auto}.trend-annotation{margin-top:14px;padding:10px 14px;background:var(--f-surface-2);border-left:3px solid var(--f-critical);border-radius:var(--f-radius-sm);font-size:12px;line-height:1.7;color:var(--f-ink-2)}.trend-annotation b{color:var(--f-ink-1);margin-right:4px}.cov-side-tabs{display:flex;align-items:center;gap:4px;padding:0}.cov-side-tab{background:transparent;border:none;padding:10px 14px;font-size:12px;color:var(--f-ink-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.cov-side-tab:hover{color:var(--f-primary)}.cov-side-tab.active{color:var(--f-primary);border-bottom-color:var(--f-primary);font-weight:600}.cov-side-spacer{flex:1}.cov-side-tabs .view-panel-sub{padding-right:12px}.pr-wrap{padding:8px 10px 4px;background:var(--f-surface)}.pr-svg{display:block;width:100%}.pr-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;padding:8px 6px 6px;border-top:1px solid var(--f-border)}.pr-lg-item{display:inline-flex;align-items:center;gap:5px;font-size:10.5px}.pr-lg-item.alarm{color:var(--f-critical);font-weight:700}.pr-lg-dot{width:10px;height:3px;border-radius:1px;flex-shrink:0}.pr-lg-id{color:var(--f-ink-2);font-weight:600;min-width:20px}.pr-lg-val{color:var(--f-ink-1);font-weight:700;margin-left:auto}.manual-grid{display:grid;grid-template-columns:1fr 400px;gap:14px;flex:1;min-height:0}.manual-pid{display:flex;flex-direction:column;min-height:0}.manual-pid .pid-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.manual-pid .pid-svg{flex:1;min-height:0}.manual-ctrl{display:flex;flex-direction:column;min-height:0}.manual-ctrl-body{padding:14px 16px;overflow:auto}.manual-step-slider{width:100%;margin-top:4px}.manual-step-chips{display:flex;gap:6px;margin-top:8px}.manual-chip{flex:1;background:var(--f-surface-2);border:1px solid var(--f-border);color:var(--f-ink-2);font-family:var(--f-font-mono);font-size:12px;padding:5px 0;border-radius:var(--f-radius-sm);cursor:pointer;transition:all 80ms linear}.manual-chip:hover{background:var(--f-primary-soft);color:var(--f-primary);border-color:var(--f-primary)}.manual-chip.active{background:var(--f-primary);color:#fff;border-color:var(--f-primary)}.manual-sep{margin:14px 0;border:none;border-top:1px solid var(--f-border)}.manual-section-title{font-size:11px;color:var(--f-ink-3);letter-spacing:.04em;font-weight:600;margin-bottom:6px;text-transform:uppercase}.manual-table{width:100%;border-collapse:collapse;font-size:12px}.manual-table th{text-align:left;padding:5px 6px;font-weight:600;color:var(--f-ink-3);border-bottom:1px solid var(--f-border);font-family:var(--f-font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}.manual-table td{padding:5px 6px;color:var(--f-ink-1);border-bottom:1px solid var(--f-border)}.manual-table td.b{font-weight:700;color:var(--f-primary)}.manual-table tr.muted td{color:var(--f-ink-4)}.manual-pv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.manual-pv{padding:5px 8px;border-radius:var(--f-radius-sm);font-size:11px;text-align:center;font-weight:600}.manual-pv.open{background:var(--f-primary-soft);color:var(--f-primary)}.manual-pv.closed{background:var(--f-surface-3);color:var(--f-ink-3);text-decoration:line-through}.arch-grid{display:grid;grid-template-columns:1fr 420px;gap:14px;flex:1;min-height:0}.arch-diagram{display:flex;flex-direction:column;min-height:0}.arch-svg{flex:1;min-height:0;padding:12px}.arch-info{display:flex;flex-direction:column;min-height:0}.arch-info-body{padding:14px 16px;overflow:auto}.arch-info-title{font-size:11px;color:var(--f-ink-3);letter-spacing:.04em;font-weight:600;margin:8px 0 6px;text-transform:uppercase}.arch-info-title:first-child{margin-top:0}.arch-table{width:100%;border-collapse:collapse;font-size:11.5px;margin-bottom:6px}.arch-table td{padding:4px 6px;color:var(--f-ink-1);border-bottom:1px dashed var(--f-border)}.arch-table td:first-child{color:var(--f-ink-3);width:110px}.arch-sep{margin:12px 0;border:none;border-top:1px solid var(--f-border)}.arch-code{background:var(--f-surface-3);color:var(--f-ink-1);padding:8px 10px;font-size:10.5px;line-height:1.5;border-radius:var(--f-radius-sm);border:1px solid var(--f-border);margin:0 0 8px;overflow-x:auto}.arch-list{margin:0;padding-left:20px;font-size:12px;color:var(--f-ink-1);line-height:1.7}.arch-item.muted rect{stroke-dasharray:4 3}.arch-reasons{margin:0 0 10px;padding:0;list-style:none}.arch-reasons li{padding:8px 10px;background:var(--f-surface-2);border-left:3px solid var(--f-primary);border-radius:var(--f-radius-sm);margin-bottom:6px}.arch-reasons li b{display:block;font-size:12px;color:var(--f-ink-1);margin-bottom:2px}.arch-reasons li span{font-size:11px;color:var(--f-ink-2);line-height:1.5}.pipe-grid{display:grid;grid-template-columns:1fr 360px;gap:14px;flex:1;min-height:0}.pipe-diagram{display:flex;flex-direction:column;min-height:0}.pipe-svg{flex:1;min-height:0;padding:8px}.pipe-info{display:flex;flex-direction:column;min-height:0}.pipe-info-body{padding:12px 14px;overflow:auto}.pipe-info-title{font-size:11px;color:var(--f-ink-3);letter-spacing:.04em;font-weight:600;margin:10px 0 6px;text-transform:uppercase}.pipe-table{width:100%;border-collapse:collapse;font-size:11.5px}.pipe-table td{padding:4px 6px;border-bottom:1px dashed var(--f-border)}.pipe-table td.k{color:var(--f-ink-3);width:130px}.pipe-table td.v{color:var(--f-ink-1)}.pipe-table td.v.b{font-weight:700;color:var(--f-success)}.pipe-sep{margin:12px 0;border:none;border-top:1px solid var(--f-border)}.pipe-steps,.pipe-stake{margin:0;padding-left:18px;font-size:11.5px;line-height:1.7;color:var(--f-ink-1)}.pipe-stake b{color:var(--f-primary);margin-right:4px}.sm-grid{display:grid;grid-template-columns:1fr 400px;gap:14px;flex:1;min-height:0}.sm-models{display:flex;flex-direction:column;min-height:0}.sm-table{width:100%;border-collapse:collapse;font-size:12px}.sm-table th{text-align:left;padding:8px 10px;font-weight:600;color:var(--f-ink-3);background:var(--f-surface-2);border-bottom:1px solid var(--f-border);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.sm-table th.num{text-align:right}.sm-table td{padding:8px 10px;border-bottom:1px solid var(--f-border);color:var(--f-ink-1)}.sm-table td.num{text-align:right}.sm-table td.b{font-weight:700;color:var(--f-primary)}.sm-table td.act-col{text-align:right}.sm-row.retired td,.sm-row.rejected td{color:var(--f-ink-4)}.sm-pill{font-size:10px;padding:2px 10px;border-radius:9px;font-family:var(--f-font-mono);font-weight:700}.sm-pill.status-active{background:var(--f-success-s);color:var(--f-success)}.sm-pill.status-staged{background:var(--f-primary-soft);color:var(--f-primary)}.sm-pill.status-retired{background:var(--f-surface-3);color:var(--f-ink-3)}.sm-pill.status-rejected{background:var(--f-critical-s);color:var(--f-critical)}.sm-muted{color:var(--f-ink-4);font-size:11px}.sm-note{padding:10px 14px;font-size:10.5px;color:var(--f-ink-3);background:var(--f-surface-2);border-top:1px solid var(--f-border);font-style:italic}.sm-upload{display:flex;flex-direction:column;min-height:0}.sm-upload-banner{padding:10px 14px;background:var(--f-primary-soft);border-bottom:1px solid var(--f-primary);color:var(--f-primary);font-size:11px;font-weight:600;line-height:1.5}.sm-upload-body{padding:14px 16px;overflow:auto;display:flex;flex-direction:column;gap:10px}.sm-drop{border:2px dashed var(--f-border-strong);border-radius:var(--f-radius-md);padding:24px 12px;text-align:center;cursor:pointer;background:var(--f-surface-2);transition:all .12s}.sm-drop:hover{background:var(--f-primary-soft);border-color:var(--f-primary);color:var(--f-primary)}.sm-drop.has{background:var(--f-success-s);border-color:var(--f-success);border-style:solid}.sm-drop-icon{font-size:28px;margin-bottom:6px;color:var(--f-ink-3)}.sm-drop-hint{font-size:10px;color:var(--f-ink-3);margin-top:4px}.sm-drop-file{font-size:12px;color:var(--f-ink-1);margin-bottom:4px}.sm-drop-size{font-size:10px;color:var(--f-ink-3)}.sm-btn-row{display:flex;gap:8px}.sm-sep{margin:6px 0 4px;border:none;border-top:1px solid var(--f-border)}.sm-upload-title{font-size:10.5px;color:var(--f-ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:4px}.sm-upload-list{display:flex;flex-direction:column;gap:6px}.sm-upload-row{padding:6px 10px;background:var(--f-surface-2);border:1px solid var(--f-border);border-radius:var(--f-radius-sm)}.sm-up-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.sm-up-file{font-size:11px;font-weight:600;color:var(--f-ink-1)}.sm-up-meta{font-size:10px;color:var(--f-ink-3)}.at-filter-bar{display:flex;gap:8px;align-items:center;flex-shrink:0;padding:4px 0;flex-wrap:wrap}.at-table-wrap{flex:1;min-height:0;overflow:auto;padding:0}.at-table{width:100%;border-collapse:collapse;font-size:11.5px}.at-table th{position:sticky;top:0;background:var(--f-surface-2);text-align:left;padding:8px 10px;font-weight:600;color:var(--f-ink-3);font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--f-border);z-index:1}.at-table td{padding:6px 10px;border-bottom:1px solid var(--f-border);color:var(--f-ink-1);vertical-align:top}.at-id{color:var(--f-primary);font-weight:600;font-size:10.5px}.at-role{color:var(--f-ink-3);font-size:10px}.at-action{font-weight:600}.at-details{font-size:11px;color:var(--f-ink-2)}.at-signed-y{color:var(--f-success);font-weight:700}.at-signed-n{color:var(--f-ink-4)}.br-grid{display:grid;grid-template-columns:280px 1fr;gap:14px;flex:1;min-height:0}.br-list-panel{display:flex;flex-direction:column;min-height:0}.br-list{flex:1;overflow:auto;padding:6px}.br-item{display:block;width:100%;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--f-radius-sm);text-align:left;cursor:pointer;margin-bottom:4px;transition:all 80ms}.br-item:hover,.br-item.active{background:var(--f-primary-soft);border-color:var(--f-primary)}.br-item-top{display:flex;justify-content:space-between;margin-bottom:3px}.br-item-mid{font-size:11px;color:var(--f-ink-2);margin-bottom:2px}.br-item-bot{font-size:10px;color:var(--f-ink-3)}.br-status{font-size:9.5px;padding:1px 8px;border-radius:9px;font-family:var(--f-font-mono);font-weight:700}.br-status.status-released{background:var(--f-success-s);color:var(--f-success)}.br-status.status-under-review{background:var(--f-primary-soft);color:var(--f-primary)}.br-status.status-hold{background:#fff3cd;color:#866c00}.br-status.status-aborted{background:var(--f-critical-s);color:var(--f-critical)}.br-detail{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}.br-head-panel .br-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 14px;margin:0;padding:12px 16px}.br-meta>div{display:flex;flex-direction:column}.br-meta dt{font-size:10px;color:var(--f-ink-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.br-meta dd{margin:0;font-size:12px;color:var(--f-ink-1);font-weight:600}.br-spec{color:var(--f-ink-4);font-weight:400;font-size:10px}.br-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.br-table{width:100%;border-collapse:collapse;font-size:11.5px}.br-table td{padding:5px 10px;border-bottom:1px solid var(--f-border)}.br-table td.k{color:var(--f-ink-3);width:120px;font-size:11px}.br-table td.v{color:var(--f-ink-1)}.br-steps th{text-align:left;padding:6px 8px;background:var(--f-surface-2);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--f-ink-3);border-bottom:1px solid var(--f-border)}.br-steps td{text-align:left;font-size:11px}.dv-grid{display:grid;grid-template-columns:280px 1fr;gap:14px;flex:1;min-height:0}.dv-list-panel{display:flex;flex-direction:column;min-height:0}.dv-list{flex:1;overflow:auto;padding:6px}.dv-item{display:block;width:100%;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--f-radius-sm);text-align:left;cursor:pointer;margin-bottom:4px;transition:all 80ms}.dv-item:hover,.dv-item.active{background:var(--f-primary-soft);border-color:var(--f-primary)}.dv-item-top{display:flex;justify-content:space-between;margin-bottom:3px}.dv-item-mid{font-size:11.5px;color:var(--f-ink-1);font-weight:600;margin-bottom:3px;line-height:1.3}.dv-item-bot{font-size:10px;color:var(--f-ink-3)}.dv-sev{font-size:9.5px;padding:1px 8px;border-radius:9px;font-family:var(--f-font-mono);font-weight:700;text-transform:uppercase}.dv-sev.sev-minor{background:#eaf5eb;color:#3e8a37}.dv-sev.sev-major{background:#fff3cd;color:#866c00}.dv-sev.sev-critical{background:var(--f-critical-s);color:var(--f-critical)}.dv-status{font-size:9.5px;padding:1px 6px;border-radius:4px;font-weight:700}.dv-status.status-open{background:var(--f-critical-s);color:var(--f-critical)}.dv-status.status-investigating{background:var(--f-primary-soft);color:var(--f-primary)}.dv-status.status-capa-pending{background:#fff3cd;color:#866c00}.dv-status.status-closed{background:var(--f-success-s);color:var(--f-success)}.dv-detail{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}.dv-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 14px;margin:0;padding:12px 16px}.dv-meta>div{display:flex;flex-direction:column}.dv-meta dt{font-size:10px;color:var(--f-ink-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.dv-meta dd{margin:0;font-size:12px;color:var(--f-ink-1);font-weight:600}.dv-prose{padding:14px 16px;font-size:12.5px;line-height:1.6;color:var(--f-ink-1)}.dv-muted{color:var(--f-ink-4);font-style:italic}.dv-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-filter-bar{display:flex;gap:8px;align-items:center;flex-shrink:0;padding:4px 0}.cc-table-wrap{flex:1;min-height:0;overflow:auto;padding:0}.cc-table{width:100%;border-collapse:collapse;font-size:11.5px}.cc-table th{position:sticky;top:0;background:var(--f-surface-2);text-align:left;padding:8px 10px;font-weight:600;color:var(--f-ink-3);font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--f-border);z-index:1}.cc-table td{padding:10px;border-bottom:1px solid var(--f-border);color:var(--f-ink-1);vertical-align:top}.cc-type{font-size:9.5px;padding:2px 8px;border-radius:9px;font-family:var(--f-font-mono);font-weight:700;background:var(--f-surface-3);color:var(--f-ink-2)}.cc-title{font-weight:600;color:var(--f-ink-1);margin-bottom:2px}.cc-justify{font-size:10.5px;color:var(--f-ink-3);line-height:1.4}.cc-diff{min-width:200px}.cc-before{font-size:10.5px;color:var(--f-ink-3);padding:2px 6px;background:var(--f-surface-3);border-radius:3px;margin-bottom:2px;text-decoration:line-through}.cc-arrow{text-align:center;color:var(--f-ink-4);font-size:11px;margin:1px 0}.cc-after{font-size:10.5px;color:var(--f-primary);padding:2px 6px;background:var(--f-primary-soft);border-radius:3px;font-weight:600}.cc-status{font-size:9.5px;padding:2px 8px;border-radius:9px;font-family:var(--f-font-mono);font-weight:700}.cc-status.status-pending{background:var(--f-primary-soft);color:var(--f-primary)}.cc-status.status-approved{background:var(--f-success-s);color:var(--f-success)}.cc-status.status-rejected{background:var(--f-critical-s);color:var(--f-critical)}.cc-status.status-implemented{background:var(--f-success-s);color:var(--f-success)}.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0;overflow:auto;align-content:start}.tr-card.has-expired{border-color:var(--f-critical)}.tr-warn-pill{font-size:10px;padding:2px 10px;border-radius:9px;background:var(--f-critical-s);color:var(--f-critical);font-weight:700}.tr-table{width:100%;border-collapse:collapse;font-size:11.5px}.tr-table th{text-align:left;padding:6px 10px;background:var(--f-surface-2);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--f-ink-3);border-bottom:1px solid var(--f-border)}.tr-table td{padding:6px 10px;border-bottom:1px solid var(--f-border);color:var(--f-ink-1)}.tr-table td.b{color:var(--f-primary);font-weight:700}.tr-status{font-size:9.5px;padding:2px 8px;border-radius:9px;font-family:var(--f-font-mono);font-weight:700}.tr-status.status-current{background:var(--f-success-s);color:var(--f-success)}.tr-status.status-expiring{background:#fff3cd;color:#866c00}.tr-status.status-expired{background:var(--f-critical-s);color:var(--f-critical)}.f-pill.pill-warn{background:#fff3cd;color:#866c00;border-color:#ffe8a0}.f-pill.pill-crit{background:var(--f-critical-s);color:var(--f-critical);border-color:#f4c6c2}.va-grid{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:auto}.va-phase{border-left:4px solid var(--va-accent)}.va-table{width:100%;border-collapse:collapse;font-size:11.5px}.va-table th{text-align:left;padding:6px 10px;background:var(--f-surface-2);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--f-ink-3);border-bottom:1px solid var(--f-border)}.va-table td{padding:6px 10px;border-bottom:1px solid var(--f-border);color:var(--f-ink-1)}.va-table td.b{color:var(--f-primary);font-weight:700}.va-result{font-size:9.5px;padding:2px 8px;border-radius:9px;font-family:var(--f-font-mono);font-weight:700;text-transform:uppercase}.va-result.result-pass{background:var(--f-success-s);color:var(--f-success)}.va-result.result-fail{background:var(--f-critical-s);color:var(--f-critical)}.va-result.result-pending{background:#fff3cd;color:#866c00}.va-evidence{font-size:10px;color:var(--f-ink-3)}.history-grid{display:grid;grid-template-columns:360px 1fr;gap:14px;flex:1;min-height:0}.history-filters{display:flex;flex-direction:column;min-height:0}.history-filter-body{padding:12px 14px}.history-date-row{display:flex;align-items:center;gap:6px}.history-date-row input{flex:1}.history-list{flex:1;overflow:auto;padding:6px}.history-item{display:block;width:100%;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--f-radius-sm);text-align:left;cursor:pointer;margin-bottom:4px;transition:all 80ms linear}.history-item:hover,.history-item.active{background:var(--f-primary-soft);border-color:var(--f-primary)}.history-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.history-item-id{font-weight:700;color:var(--f-ink-1);font-size:12px}.history-item-pill{font-size:9.5px;padding:1px 8px;border-radius:9px}.history-item-pill.status-completed{background:var(--f-success-s);color:var(--f-success)}.history-item-pill.status-aborted{background:var(--f-critical-s);color:var(--f-critical)}.history-item-pill.status-hold{background:#fff3cd;color:#866c00}.history-item-mid{font-size:10.5px;color:var(--f-ink-2);margin-bottom:2px}.history-item-bot{font-size:10px;color:var(--f-ink-3)}.history-detail{display:flex;flex-direction:column;gap:14px;min-height:0}.history-meta{flex-shrink:0}.history-meta-dl{display:grid;grid-template-columns:140px 1fr;gap:6px 18px;margin:0;padding:12px 16px;font-size:12px}.history-meta-dl dt{color:var(--f-ink-3)}.history-meta-dl dd{margin:0;color:var(--f-ink-1);font-weight:500}.history-meta-dl .status-completed{color:var(--f-success);font-weight:700}.history-meta-dl .status-aborted{color:var(--f-critical);font-weight:700}.history-chart,.history-chart .ts-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.history-chart .ts-svg{flex:1;min-height:0}.conc-col{display:flex;flex-direction:column;gap:14px;min-height:0}.conc-col>.view-panel{display:flex;flex-direction:column;min-height:0;flex:1}.conc-col .ts-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.conc-col .ts-svg{flex:1;min-height:0}.view-title{font-family:var(--f-font-display);font-size:24px;font-weight:600;color:var(--f-ink-1);margin:0 0 4px}.view-sub{font-size:12.5px;color:var(--f-ink-3);margin:0}.view-pills{display:flex;gap:6px}.f-pill.pill-ok{background:var(--f-success-s);color:var(--f-success);border-color:#b7dbb3}.f-pill.pill-off{background:var(--f-surface-2);color:var(--f-ink-3)}.view-panel{background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius-md);box-shadow:var(--f-shadow-1);overflow:hidden}.view-panel-head{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px;border-bottom:1px solid var(--f-border);background:var(--f-surface-2)}.view-panel-title{font-size:12px;font-weight:600;color:var(--f-ink-1);letter-spacing:.03em}.view-panel-sub{font-size:10.5px;color:var(--f-ink-3)}.view-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.conc-svg{width:100%;height:190px;background:var(--f-surface);display:block}.ts-panel{margin-bottom:14px}.ts-wrap{position:relative;background:var(--f-surface);padding:10px 12px}.ts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap}.ts-chips{display:inline-flex;gap:4px}.ts-chip{background:var(--f-surface-2);border:1px solid var(--f-border);color:var(--f-ink-2);font-size:11px;padding:3px 10px;border-radius:11px;cursor:pointer;font-family:var(--f-font-mono);letter-spacing:.02em;transition:background 80ms linear,color 80ms linear,border-color 80ms linear}.ts-chip:hover{background:var(--f-primary-soft);border-color:var(--f-primary);color:var(--f-primary)}.ts-chip.ts-reset{font-size:13px;padding:2px 8px}.ts-legend{display:inline-flex;gap:14px;font-size:11.5px;color:var(--f-ink-2);flex-wrap:wrap}.ts-legend-item{display:inline-flex;align-items:center;gap:6px}.ts-sw{display:inline-block;width:12px;height:3px;border-radius:1px}.ts-val{color:var(--f-ink-1);font-weight:600;margin-left:2px;min-width:36px}.ts-svg{display:block;background:var(--f-surface);cursor:crosshair;user-select:none;touch-action:none;width:100%}.ts-tooltip{position:absolute;top:48px;background:var(--f-surface-3);border:1px solid var(--f-border);padding:2px 8px;font-size:11px;color:var(--f-ink-1);pointer-events:none;border-radius:var(--f-radius-sm);z-index:1}.ts-hint{padding:4px 2px 0;font-size:10px;color:var(--f-ink-4);text-align:right}.model-dl{display:grid;grid-template-columns:150px 1fr;gap:6px 18px;margin:0;padding:14px 18px 18px;font-size:12.5px}.model-dl dt{color:var(--f-ink-3)}.model-dl dd{margin:0;color:var(--f-ink-1);font-weight:500}.model-dl dd.mono{font-family:var(--f-font-mono)}.lat-svg{width:100%;height:80px;background:var(--f-surface)}.lat-stats{padding:8px 14px;display:flex;gap:18px;border-top:1px solid var(--f-border);font-size:11.5px;color:var(--f-ink-3)}.lat-stats b{color:var(--f-ink-1);font-family:var(--f-font-mono);font-weight:600;margin-left:4px}.comm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}.comm-cell{padding:12px 14px;border-right:1px solid var(--f-border-soft);border-bottom:1px solid var(--f-border-soft);display:flex;flex-direction:column;gap:4px;position:relative;background:var(--f-surface)}.comm-cell:nth-child(4n){border-right:0}.comm-cell:nth-child(n+5){border-bottom:0}.comm-label{font-size:10px;letter-spacing:.06em;color:var(--f-ink-3);text-transform:uppercase}.comm-value{font-size:14px;font-weight:600;color:var(--f-ink-1);font-family:var(--f-font-mono)}.comm-cell .f-dot{position:absolute;top:10px;right:10px;width:8px;height:8px}.active-model{display:grid;grid-template-columns:1fr 32px 1fr;gap:16px;align-items:center;padding:18px}.am-col{background:var(--f-surface-2);border:1px solid var(--f-border);border-radius:var(--f-radius);padding:12px 14px}.am-col:nth-child(3){border-color:var(--f-primary);background:var(--f-primary-soft)}.am-label{font-size:10px;letter-spacing:.12em;color:var(--f-ink-3);text-transform:uppercase;font-weight:700;margin-bottom:4px}.am-col:nth-child(3) .am-label{color:var(--f-primary)}.am-name{font-size:14px;font-weight:600;color:var(--f-ink-1);font-family:var(--f-font-mono);margin-bottom:4px}.am-meta{font-size:11.5px;color:var(--f-ink-2)}.am-meta.dim{color:var(--f-ink-3);margin-top:2px;font-size:10.5px}.am-meta b{color:var(--f-ink-1);font-weight:600}.am-arrow{text-align:center;font-size:22px;color:var(--f-primary)}.am-actions{padding:0 18px 14px;display:flex;gap:10px;justify-content:flex-end}.am-hint{padding:0 18px 14px;font-size:10.5px;color:var(--f-ink-3);text-align:right}.mdl-table{width:100%;border-collapse:collapse}.mdl-table th{text-align:left;font-size:10px;letter-spacing:.06em;color:var(--f-ink-3);font-weight:600;padding:10px 12px;background:var(--f-surface-2);border-bottom:1px solid var(--f-border);text-transform:uppercase}.mdl-table td{padding:10px 12px;border-bottom:1px solid var(--f-border-soft);font-size:12px;color:var(--f-ink-2)}.mdl-row.status-active{background:var(--f-primary-soft)}.mdl-row.status-active td{color:var(--f-ink-1);font-weight:500}.mdl-row.status-staged td{color:var(--f-ink-1)}.mdl-row.status-retired td{color:var(--f-ink-3)}.mdl-pill{font-size:10px;padding:2px 8px;border-radius:999px;font-weight:700;letter-spacing:.06em;font-family:var(--f-font-mono);border:1px solid}.mdl-pill.active{background:var(--f-primary-soft);color:var(--f-primary);border-color:var(--f-primary)}.mdl-pill.staged{background:var(--f-warning-s);color:var(--f-warning);border-color:#efce6e}.mdl-pill.retired{background:var(--f-surface-2);color:var(--f-ink-3);border-color:var(--f-border-strong)}.settings-root{padding:24px 32px 32px}.settings-tabs{display:flex;border-bottom:1px solid var(--f-border);margin-bottom:24px}.settings-tab{background:transparent;border:0;padding:10px 20px;font-size:13.5px;color:var(--f-ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:var(--f-font)}.settings-tab:hover{color:var(--f-ink-1);background:var(--f-surface-3)}.settings-tab.active{color:var(--f-primary);border-bottom-color:var(--f-primary);font-weight:500}.settings-h2{font-family:var(--f-font-display);font-size:19px;font-weight:600;color:var(--f-ink-1);margin:0 0 14px}.settings-h3{font-family:var(--f-font-display);font-size:15px;font-weight:600;color:var(--f-ink-1);margin:20px 0 12px}.ro-fields{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.ro-row{display:grid;grid-template-columns:180px 1fr;font-size:13px}.ro-k{color:var(--f-ink-3)}.ro-v{color:var(--f-ink-1);font-weight:500}.ro-v.mono{font-family:var(--f-font-mono)}.settings-sep{border:0;border-top:1px solid var(--f-border);margin:20px 0}.f-select.small{max-width:220px}.settings-actions{display:flex;gap:10px;margin-top:22px}.settings-actions .f-btn{min-width:110px}.meta-table{border-collapse:collapse;margin-bottom:10px}.meta-table td{padding:4px 48px 4px 0;font-size:12.5px;color:var(--f-ink-2)}.meta-table td.mono{font-family:var(--f-font-mono);color:var(--f-ink-1)}.copyright{font-size:11.5px;color:var(--f-ink-3);margin-bottom:20px}.lic-list{display:flex;flex-direction:column;gap:6px}.lic-row{background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--f-shadow-1)}.lic-main{flex:1}.lic-name{display:flex;align-items:baseline;gap:10px}.lic-title{font-size:13px;font-weight:600;color:var(--f-ink-1)}.lic-ver{font-size:11px;color:var(--f-ink-3);font-family:var(--f-font-mono)}.lic-pill{font-size:11px;padding:3px 10px;border-radius:999px;background:var(--f-surface-2);color:var(--f-ink-2);letter-spacing:.04em;border:1px solid var(--f-border)}.pa-summary{background:var(--f-primary-soft);border:1px solid var(--f-primary);border-radius:var(--f-radius);padding:8px 16px;text-align:center;min-width:80px}.pa-num{font-family:var(--f-font-display);font-size:24px;font-weight:600;color:var(--f-primary);line-height:1}.pa-num-label{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--f-primary);margin-top:3px}.pa-table{width:100%;border-collapse:collapse}.pa-table th{text-align:left;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--f-ink-3);font-weight:600;padding:10px 12px;background:var(--f-surface-2);border-bottom:1px solid var(--f-border)}.pa-table td{padding:10px 12px;border-bottom:1px solid var(--f-border-soft);font-size:12px;color:var(--f-ink-1)}.pa-table tr:last-child td{border-bottom:0}.pa-row.status-stale{background:#c42b1c08}.pa-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:600;border:1px solid}.pa-pill.awaiting{background:var(--f-warning-s);color:var(--f-warning);border-color:#efce6e}.pa-pill.stale{background:var(--f-critical-s);color:var(--f-critical);border-color:#e8b5b1}.pa-actions{display:flex;gap:6px;justify-content:flex-end}.dlg-scrim{position:fixed;inset:32px 0 26px 200px;background:#141a1f47;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);z-index:50;cursor:pointer}.dlg{position:fixed;top:50%;left:calc(50% + 100px);transform:translate(-50%,-50%);width:440px;background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius-lg);box-shadow:var(--f-shadow-dialog);overflow:hidden;z-index:60;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.dlg-head{padding:16px 22px 10px;font-size:15px;font-weight:600;color:var(--f-ink-1);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--f-border-soft);flex-shrink:0}.dlg-head svg{color:var(--f-primary)}.dlg-ctx{padding:10px 22px;font-size:11.5px;color:var(--f-ink-3);background:var(--f-surface-2);border-bottom:1px solid var(--f-border-soft);line-height:1.5;flex-shrink:0}.dlg-body{padding:14px 22px;overflow:auto}.dlg-audit{margin-top:16px;padding-top:12px;border-top:1px dashed var(--f-border);font-size:10.5px;color:var(--f-ink-3);display:flex;gap:8px}.dlg-audit .sep{color:var(--f-ink-4)}.dlg-hint{margin-top:6px;font-size:11px;color:var(--f-ink-3)}.dlg-hint.critical{color:var(--f-critical)}.dlg-foot{padding:12px 22px 16px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--f-border-soft);background:var(--f-surface-2);flex-shrink:0}.sig-dlg,.cpwd-dlg{width:460px}.confirm-dlg{width:400px}.alarm-dlg{width:520px;border:1px solid var(--f-critical);border-top:4px solid var(--f-critical)}.alarm-head{padding:16px 22px 12px;display:flex;align-items:center;gap:12px;background:var(--f-critical-s);border-bottom:1px solid var(--f-border)}.alarm-icon{width:42px;height:42px;border-radius:50%;background:var(--f-critical);color:#fff;display:flex;align-items:center;justify-content:center}.alarm-title{font-size:16px;font-weight:700;color:var(--f-critical);line-height:1.2}.alarm-code{font-size:10.5px;color:var(--f-ink-3);margin-top:3px;font-family:var(--f-font-mono);letter-spacing:.04em}.alarm-msg{font-size:12.5px;color:var(--f-ink-1);line-height:1.55;margin:0 0 12px}.alarm-facts{width:100%;border-collapse:collapse;margin-bottom:10px}.alarm-facts td{padding:6px 8px;border-bottom:1px solid var(--f-border-soft);font-size:12px}.alarm-facts tr:last-child td{border-bottom:0}.alarm-facts td.k{color:var(--f-ink-3);width:100px}.alarm-facts td.v{color:var(--f-ink-1);font-weight:600}.alarm-facts td.v.mono{font-family:var(--f-font-mono)}.alarm-facts td.lim{color:var(--f-ink-3);font-size:10.5px;text-align:right}.alarm-facts td.lim.mono{font-family:var(--f-font-mono)}.alarm-compliance{margin-top:6px;padding:8px 10px;background:var(--f-surface-2);border-left:2px solid var(--f-primary);font-size:10.5px;color:var(--f-ink-3);border-radius:2px}.strength{margin-top:8px;display:flex;flex-direction:column;gap:6px}.strength-label{font-size:11px;color:var(--f-ink-3)}.strength-label b{font-weight:700}.strength-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.strength-bars .bar{height:4px;background:var(--f-border);border-radius:2px;transition:background .2s}.strength-rules{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:10.5px}.strength-rules li.ok{color:var(--f-success)}.strength-rules li.todo{color:var(--f-ink-3)}.idle-scrim{position:fixed;inset:32px 0 26px 200px;background:#141a1f8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:70}.idle-card{position:fixed;top:50%;left:calc(50% + 100px);transform:translate(-50%,-50%);width:440px;background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius-lg);box-shadow:var(--f-shadow-dialog);padding:24px 28px 22px;z-index:80}.idle-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.idle-icon{width:46px;height:46px;border-radius:50%;background:var(--f-primary-soft);color:var(--f-primary);display:flex;align-items:center;justify-content:center}.idle-title{font-family:var(--f-font-display);font-size:20px;font-weight:600;color:var(--f-ink-1);line-height:1.2}.idle-sub{font-size:12px;color:var(--f-ink-3);margin-top:3px}.idle-runstate{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--f-success-s);border:1px solid #B7DBB3;border-radius:var(--f-radius);font-size:11.5px;color:var(--f-ink-2);margin-bottom:16px;line-height:1.5}.idle-runstate b{color:var(--f-ink-1)}.idle-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--f-success);animation:idle-pulse 2s ease-in-out infinite}@keyframes idle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.idle-who{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--f-surface-2);border-radius:var(--f-radius);margin-bottom:14px}.idle-avatar{width:36px;height:36px;border-radius:50%;background:var(--f-primary);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.idle-who-name{font-size:13px;font-weight:600;color:var(--f-ink-1)}.idle-who-meta{font-size:11px;color:var(--f-ink-3);font-family:var(--f-font-mono);margin-top:2px}.idle-actions{display:flex;gap:10px;margin-top:14px}.idle-actions .f-btn{flex:1}.toast-stack{position:fixed;bottom:42px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:90;max-width:420px}.toast{background:var(--f-ink-1);color:#fff;padding:10px 14px;border-radius:var(--f-radius);font-size:12.5px;display:flex;align-items:center;gap:10px;box-shadow:var(--f-shadow-4);animation:toast-in .16s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.toast-icon{display:inline-flex;flex-shrink:0}.toast-msg{flex:1}.toast-t{padding-left:10px;border-left:1px solid rgba(255,255,255,.2);color:#fff9;font-size:10.5px;font-family:var(--f-font-mono)}.toast-close{background:transparent;border:none;color:#fff9;cursor:pointer;font-size:12px;padding:0 2px}.toast-close:hover{color:#fff}.toast.toast-ok .toast-icon{color:#6ccb5f}.toast.toast-info .toast-icon{color:#78c3ff}.toast.toast-warning .toast-icon{color:#f7d34f}.toast.toast-critical .toast-icon{color:#ff99a4}body.dark .toast{background:var(--f-surface);color:var(--f-ink-1);border:1px solid var(--f-border)}body.dark .toast-t{border-left-color:var(--f-border);color:var(--f-ink-3)}.demo-panel{position:absolute;right:240px;top:6px;width:240px;background:#141a1ff5;color:#f0f0f0;border:1px solid rgba(255,255,255,.08);border-radius:var(--f-radius-md);box-shadow:0 8px 24px #00000059;z-index:100;font-family:var(--f-font);font-size:11.5px}.demo-head{padding:10px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.08)}.demo-dot{width:7px;height:7px;border-radius:50%;background:#6ccb5f;animation:pulse 2s ease-in-out infinite}.demo-title{flex:1;font-weight:600;letter-spacing:.04em}.demo-chev{color:#ffffff80}.demo-body{padding:10px;display:flex;flex-direction:column;gap:6px}.demo-body .f-btn.small{background:#ffffff14;color:#f0f0f0;border-color:#ffffff1a;text-align:left;justify-content:flex-start}.demo-body .f-btn.small:hover{background:#ffffff26}.demo-body .f-btn.small:disabled{background:#ffffff0a;color:#ffffff4d}.demo-note{font-size:9.5px;color:#ffffff80;letter-spacing:.04em;padding:2px 4px 6px}.demo-state{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#fff9;line-height:1.6;padding-left:4px}.demo-state b{color:#78c3ff;font-weight:600}.demo-panel.collapsed{width:auto;min-width:140px;max-width:160px}.demo-panel.collapsed .demo-head,.demo-panel .demo-head{padding:6px 10px}.demo-panel.collapsed .demo-body{display:none}html,body{margin:0;padding:0;height:100vh;overflow:hidden;background:#0a0a0a}body.fluent{font-size:13.5px}#jope-scale-outer{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#jope-app-root{width:1920px;height:1080px;display:flex;flex-direction:column;transform-origin:center center;background:var(--f-bg);flex-shrink:0;box-shadow:0 0 0 1px #0000004d,0 30px 80px #00000080}