:root{--bg:#eef2f6;--surface:#fff;--surface-2:#f8fafc;--ink:#0f172a;--ink-2:#475569;--ink-3:#94a3b8;--line:#e2e8f0;--accent:#0d9488;--accent-ink:#0f766e;--st-done:#16a34a;--st-in_progress:#ea580c;--st-available:#2563eb;--st-blocked:#dc2626;--st-locked:#94a3b8;--cat-A:#dc2626;--cat-B:#d97706;--cat-C:#64748b;--chrome:#fff;--chrome-2:#f1f5f9;--chrome-ink:#0f172a;--chrome-ink-2:#64748b;--chrome-line:#e2e8f0;--shadow:0 1px 2px #0f172a0f, 0 4px 16px #0f172a14;--radius:14px;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=dark]{--bg:#0b1220;--surface:#111c30;--surface-2:#0e1728;--ink:#e5edf7;--ink-2:#9fb0c3;--ink-3:#6b7c92;--line:#25334a;--chrome:#0d1626;--chrome-2:#0a1120;--chrome-ink:#e5edf7;--chrome-ink-2:#9fb0c3;--chrome-line:#25334a;--shadow:0 1px 2px #0006, 0 6px 18px #00000073}:root[data-theme=dark] body{color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;line-height:1.45}#app{max-width:960px;margin:0 auto;padding-bottom:40px}h1,h2,h3,p{margin:0}button{font:inherit;cursor:pointer}.app-header{z-index:30;color:#e2e8f0;box-shadow:var(--shadow);background:linear-gradient(#0f172a,#1e293b);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:10px;display:flex}.brand strong{font-size:15px;display:block}.brand .sub{color:#94a3b8;font-size:12px}.user-chip{color:#e2e8f0;background:#0b1220;border:1px solid #334155;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.user-chip strong{font-size:13px;line-height:1.1;display:block}.view{padding:16px}.hint{color:var(--ink-2);font-size:13.5px}.src{color:var(--ink-3);margin:4px 0 14px;font-size:12.5px;font-style:italic}.back{margin-bottom:10px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;min-height:42px;padding:10px 16px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent-ink);color:#042f2c}.btn.ghost{background:0 0}.btn.disabled{opacity:.5;pointer-events:none}.btn.ok{background:var(--st-done);color:#fff;border-color:#15803d}.btn.tiny{border-radius:8px;min-height:32px;padding:5px 10px;font-size:12.5px}.icon-btn{color:var(--ink-2);background:0 0;border:none;font-size:18px}.field{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:15px}textarea.field{resize:vertical}.fld,.stack>label{display:block}.fld label,.stack label{color:var(--ink-2);margin:8px 0 4px;font-size:12.5px;font-weight:600;display:block}.stack{flex-direction:column;gap:4px;display:flex}.home-head h1{font-size:20px}.alert-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:14px;padding:10px 14px;font-size:14px}.alert-banner.sticky{z-index:10;position:sticky;top:56px}.gate-note{color:#b45309}.legend{color:var(--ink-2);flex-wrap:wrap;gap:12px;margin:12px 0;font-size:12.5px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-item i{border-radius:3px;width:12px;height:12px;display:inline-block}.legend-item.st-done i{background:var(--st-done)}.legend-item.st-in_progress i{background:var(--st-in_progress)}.legend-item.st-available i{background:var(--st-available)}.legend-item.st-blocked i{background:var(--st-blocked)}.legend-item.st-locked i{background:var(--st-locked)}.train{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=620px){.train{grid-template-columns:1fr 1fr}}@media (width>=900px){.train{grid-template-columns:1fr 1fr 1fr}}.train-node{text-align:left;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;min-height:128px;padding:12px 14px;transition:transform 80ms;display:flex}.train-node:active{transform:scale(.99)}.train-node.st-done{border-left-color:var(--st-done)}.train-node.st-in_progress{border-left-color:var(--st-in_progress)}.train-node.st-available{border-left-color:var(--st-available)}.train-node.st-blocked{border-left-color:var(--st-blocked);background:#fff5f5}.train-node.st-locked{border-left-color:var(--st-locked);opacity:.72}.train-node.no-module{border-style:dashed}.node-top{justify-content:space-between;align-items:center;display:flex}.node-no{background:var(--accent);color:#042f2c;border-radius:8px;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.train-node.st-locked .node-no{background:var(--st-locked);color:#fff}.node-badge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.b-done{color:#166534;background:#dcfce7}.b-in_progress{color:#9a3412;background:#ffedd5}.b-available{color:#1e40af;background:#dbeafe}.b-blocked{color:#991b1b;background:#fee2e2}.b-locked{color:#475569;background:#f1f5f9}.node-title{font-size:15px;font-weight:700}.node-blurb{color:var(--ink-2);flex:1;font-size:12.5px}.meter{align-items:center;gap:8px;display:flex}.meter-bar{background:var(--line);border-radius:999px;flex:1;height:7px;overflow:hidden}.meter-bar span{background:var(--accent);height:100%;display:block}.meter-label{color:var(--ink-2);white-space:nowrap;font-size:11.5px}.stage-head{margin-bottom:8px}.stage-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stage-title h1{align-items:center;gap:10px;font-size:20px;display:flex}.stage-no{background:var(--accent);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.stage-blurb{color:var(--ink-2);margin-top:4px;font-size:13.5px}.pill{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.pill.st-done{color:#166534;background:#dcfce7}.pill.st-in_progress{color:#9a3412;background:#ffedd5}.pill.st-available{color:#1e40af;background:#dbeafe}.pill.st-blocked{color:#991b1b;background:#fee2e2}.pill.st-locked{color:#475569;background:#f1f5f9}.rules,.prqs{flex-direction:column;gap:10px;display:flex}.rule,.prq{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.rule.on,.prq.on{background:#f0fdf4;border-color:#86efac}.rule input,.prq input{width:24px;height:24px;accent-color:var(--accent);flex:none;margin-top:2px}.rule-title{gap:8px;font-weight:700;display:flex}.rule-no{background:var(--accent);color:#042f2c;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.rule-detail{color:var(--ink-2);margin-top:4px;font-size:13px}.prq.hold-locked{opacity:.7}.prq-top{align-items:center;gap:8px;display:flex}.prq-no{color:var(--accent-ink);font-weight:800}.prq-action{margin-top:2px;font-weight:600}.prq-exp{color:var(--ink-2);margin-top:3px;font-size:12.5px}.prq-exp .k,.wd-accept .k,.watch{color:var(--ink-3)}.prq-warn{color:#b45309;margin-top:4px;font-size:12px}.tag{color:#475569;text-transform:uppercase;letter-spacing:.3px;background:#e2e8f0;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.tag.hold{color:#1e40af;background:#dbeafe}.stage-foot{background:linear-gradient(0deg, var(--bg) 70%, transparent);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 4px;display:flex;position:sticky;bottom:0}.foot-progress{color:var(--ink-2);font-weight:700}.groups{flex-direction:column;gap:10px;display:flex}.group{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.group-head{background:var(--surface-2);text-align:left;border:none;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.group-head.complete{background:#f0fdf4}.group-letter{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.group-title{flex:1;font-size:14px;font-weight:700}.chev{color:var(--ink-3)}.ring{color:var(--accent-ink);background:#ccfbf1;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.group-body{flex-direction:column;gap:8px;padding:6px 12px 12px;display:flex}.wd-item{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.wd-item.has-status{background:var(--surface-2)}.wd-id-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wd-id{color:var(--accent-ink);font-weight:800}.wd-disc{color:var(--ink-3);font-size:12px}.cat{color:#fff;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.cat-A{background:var(--cat-A)}.cat-B{background:var(--cat-B)}.cat-C{background:var(--cat-C)}.wd-check{font-size:14px;font-weight:600}.wd-accept{color:var(--ink-2);font-size:12.5px}.wd-ref{color:var(--ink-3);font-size:11.5px}.wd-punch{color:var(--cat-A);font-size:12px;font-weight:700}.wd-hold{color:#1e40af;font-size:12px}.wd-actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.st-btn{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink-2);border-radius:8px;padding:8px 4px;font-size:13px;font-weight:800}.st-btn.ok.active{background:var(--st-done);color:#fff;border-color:#15803d}.st-btn.pl.active{background:var(--cat-B);color:#fff;border-color:#b45309}.st-btn.na.active{background:var(--st-locked);color:#fff;border-color:#64748b}.st-btn.hold.active{background:var(--st-available);color:#fff;border-color:#1e40af}.punch-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 14px;display:flex}.filters{gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.kanban{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=760px){.kanban{grid-template-columns:1fr 1fr 1fr}}.kcol{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:8px}.kcol-head{color:var(--ink-2);justify-content:space-between;padding:4px 6px 8px;font-size:13px;font-weight:800;display:flex}.kcol-head .count{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 8px}.k-open .kcol-head{color:#9a3412}.k-closed .kcol-head{color:#166534}.kcol-body{flex-direction:column;gap:8px;display:flex}.empty-col{text-align:center;color:var(--ink-3);padding:10px}.pcard{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:10px}.cat-border-A{border-left-color:var(--cat-A)}.cat-border-B{border-left-color:var(--cat-B)}.cat-border-C{border-left-color:var(--cat-C)}.pcard-top{align-items:center;gap:8px;display:flex}.pno{font-weight:800}.pcard-tag{margin-top:4px;font-size:13.5px;font-weight:600}.pcard-tag .from{color:var(--ink-3);font-weight:500}.pcard-desc{color:var(--ink-2);margin-top:2px;font-size:13px}.pcard-meta{color:var(--ink-3);margin-top:6px;font-size:12px}.pcard-closed{color:#166534;margin-top:6px;font-size:12.5px}.pcard-recat{color:#b45309;margin-top:6px;font-size:11.5px}.pcard-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.thumbs{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.thumb{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:46px;height:46px}.overlay{z-index:50;background:#0f172a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-head h2{font-size:16px}.modal-body{padding:14px 16px;overflow:auto}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.empty{text-align:center;color:var(--ink-2);padding:40px 16px}.toast{color:#fff;z-index:60;opacity:0;max-width:90%;box-shadow:var(--shadow);background:#0f172a;border-radius:12px;padding:12px 18px;font-size:14px;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast-warn{background:#991b1b}.topbar{z-index:40;box-shadow:var(--shadow);position:sticky;top:0}.topbar .app-header{box-shadow:none;z-index:auto;position:static}.rail{background:#0f172a;border-top:1px solid #1e293b;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.mini-train{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.mini-node{color:#fff;background:#334155;border:2px solid #0000;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.mini-node.st-done{background:var(--st-done)}.mini-node.st-in_progress{background:var(--st-in_progress)}.mini-node.st-available{background:var(--st-available)}.mini-node.st-blocked{background:var(--st-blocked)}.mini-node.st-locked{color:#cbd5e1;background:#475569}.mini-node.active{outline-offset:1px;outline:2px solid #fff;transform:scale(1.14);box-shadow:0 0 0 3px #ffffff40}.sub-rail{flex-direction:column;gap:7px;display:flex}.rail-prog{align-items:center;gap:10px;display:flex}.rail-stage{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:45%;font-size:12px;font-weight:600;overflow:hidden}.rail-bar{background:#1e293b;border-radius:999px;flex:1;height:8px;overflow:hidden}.rail-bar span{background:var(--accent);height:100%;transition:width .3s;display:block}.rail-pct{color:#fff;text-align:right;min-width:36px;font-size:12px;font-weight:800}.sub-chips{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.sub-chip{color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:flex}.sub-chip b{font-weight:800}.sub-chip-pct{color:#94a3b8;font-size:10.5px}.sub-chip.done{border-color:var(--st-done);color:#86efac}.sub-chip.done .sub-chip-pct{color:#4ade80}.sub-chip.active{background:var(--accent);color:#042f2c;border-color:var(--accent)}.sub-chip.active .sub-chip-pct{color:#063b37}.brief{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow);border-radius:12px;margin-top:12px;overflow:hidden}.brief-sum{cursor:pointer;align-items:baseline;gap:10px;padding:12px 14px;list-style:none;display:flex}.brief-sum::-webkit-details-marker{display:none}.brief[open] .brief-sum{border-bottom:1px solid var(--line)}.brief-badge{color:var(--accent-ink);background:#ccfbf1;border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:800}.brief-what{font-size:14px;font-weight:700}.brief-body{flex-direction:column;gap:9px;padding:12px 14px;display:flex}.brief-row{grid-template-columns:200px 1fr;align-items:start;gap:12px;display:grid}@media (width<=640px){.brief-row{grid-template-columns:1fr;gap:2px}}.brief-k{color:var(--ink-2);font-size:12px;font-weight:700}.brief-v{color:var(--ink);font-size:13.5px}.comp-list{flex-wrap:wrap;gap:6px;display:flex}.comp-chip{border:1px solid var(--line);color:var(--ink-2);background:#eef2f6;border-radius:8px;padding:3px 8px;font-size:11.5px}.brief-src{color:var(--ink-3);margin-top:2px;font-size:11.5px;font-style:italic}.group{scroll-margin-top:150px}.form-list{flex-direction:column;gap:10px;display:flex}.form-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--st-available);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.form-card.done{border-left-color:var(--st-done);background:#f0fdf4}.fc-top{align-items:center;gap:8px;display:flex}.form-id{color:var(--accent-ink);background:#ccfbf1;border-radius:6px;padding:2px 8px;font-size:12.5px;font-weight:800}.fc-title{font-size:15px;font-weight:700}.fc-intro{color:var(--ink-2);font-size:12.5px}.form-view .form-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:2px;display:flex}.form-view .form-head h1{align-items:center;gap:10px;font-size:19px;display:flex}.form-rows{flex-direction:column;gap:10px;display:flex}.form-row-card,.form-single-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:12px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.ff-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}.ff-label{color:var(--ink-2);align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:flex}.ff-unit{color:var(--ink-3);font-weight:500}.ff-info{cursor:help;color:var(--ink-3);font-size:11px}.ff{font-size:14px}input.ff,select.ff{border:2px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:9px;padding:8px 10px}input.ff[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.ff-comp{border:2px dashed var(--line);color:var(--ink-2);background:var(--surface-2);border-radius:9px;align-items:center;min-height:38px;padding:8px 10px;font-weight:800;display:flex}.ff-ok{border-color:#16a34a!important}.ff-warn{background:#fffbeb!important;border-color:#d97706!important}.ff-bad{background:#fef2f2!important;border-color:#dc2626!important}.ff-comp.ff-ok{color:#166534;border-style:solid}.ff-comp.ff-warn{color:#9a3412;border-style:solid}.ff-comp.ff-bad{color:#991b1b;border-style:solid}.v-ok{color:#166534;font-weight:700}.v-warn{color:#9a3412;font-weight:700}.v-bad{color:#991b1b;font-weight:800}.chart-wrap{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;margin-bottom:12px;padding:12px}.chart-title{color:var(--ink-2);margin-bottom:8px;font-size:12.5px;font-weight:700}.chart-svg{width:100%;overflow-x:auto}.chart-svg svg{max-width:100%;height:auto;display:block}.chart-empty{color:var(--ink-3);padding:8px 2px;font-size:12.5px}.add-row{border-style:dashed;width:100%;margin:10px 0 0}.form-summary{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;margin-bottom:12px;padding:12px 14px;display:flex}.form-summary strong{font-size:15px}.sum-detail{font-size:12.5px}.sum-pass{color:#166534;background:#f0fdf4;border-color:#86efac}.sum-warn{color:#9a3412;background:#fffbeb;border-color:#fcd34d}.sum-fail{color:#991b1b;background:#fef2f2;border-color:#fecaca}.sum-pending{background:var(--surface-2);color:var(--ink-2)}.trial-declare{margin-top:14px}.trial-declare .btn{width:100%}.letter-text{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.dossier-manifest{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:9px;margin:8px 0 12px;padding:14px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.icon-btn.gear{color:#cbd5e1;border-radius:8px;padding:4px 6px;font-size:20px;line-height:1}.icon-btn.gear:hover{background:#1e293b}.app-foot{text-align:center;color:var(--ink-3);margin-top:20px;font-size:11.5px}.stack .btn{text-align:left;width:100%}.mimic-open{border-style:solid;border-color:var(--accent-ink);width:100%;color:var(--accent-ink);background:#ccfbf1;margin-bottom:12px;font-weight:700}.mimic-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mimic-head h1{font-size:19px}.manual-badge{color:#9a3412;letter-spacing:.3px;background:#ffedd5;border:1px solid #fed7aa;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.mimic-legend{color:var(--ink-2);flex-wrap:wrap;gap:12px;margin:10px 0;font-size:12px;display:flex}.mlegend-item{align-items:center;gap:6px;display:inline-flex}.mlegend-item i{border:2px solid var(--ink-3);border-radius:4px;width:14px;height:14px;display:inline-block}.l-run i{background:var(--accent);border-color:var(--accent-ink)}.l-stop i{background:var(--surface)}.l-alarm i{border-color:var(--st-blocked);background:#fee2e2}.l-ctl i{background:repeating-linear-gradient(45deg,#e2e8f0,#e2e8f0 3px,#fff 3px 6px)}.mimic-canvas{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line);width:100%;min-height:320px;box-shadow:var(--shadow);border-radius:14px;position:relative;overflow:hidden}.mimic-bg{position:absolute;inset:0}.mimic-bg svg{width:100%;height:100%}.equip{background:var(--surface);border:2px solid var(--ink-3);min-width:68px;max-width:120px;box-shadow:var(--shadow);text-align:center;cursor:default;color:var(--ink);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:10.5px;display:flex;position:absolute;transform:translate(-50%,-50%)}.equip.ctl{cursor:pointer;border-style:solid}.equip.ctl:active{transform:translate(-50%,-50%)scale(.97)}.equip-icon{background:var(--surface-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.equip-label{font-weight:600;line-height:1.15}.equip-state.off{color:#64748b;background:#f1f5f9}.equip.running{border-color:var(--accent-ink);background:#f0fdfa}.equip.running .equip-icon{background:var(--accent);color:#042f2c;border-color:var(--accent-ink);animation:2.4s linear infinite equip-spin}@keyframes equip-spin{to{transform:rotate(360deg)}}.equip-badge{color:var(--accent-ink);background:#ccfbf1;border-radius:999px;padding:1px 6px;font-size:9px}.equip.alarm{border-color:var(--st-blocked);animation:1s step-end infinite equip-alarm}@keyframes equip-alarm{50%{background:#fee2e2}}.equip-alarm{color:var(--st-blocked);font-size:9px;font-weight:800}.topbar{z-index:40;background:var(--chrome);border-bottom:1px solid var(--chrome-line);position:sticky;top:0;box-shadow:0 4px 14px #0f172a0f}.topbar-main{align-items:center;gap:12px;padding:8px 14px;display:flex}.brand{cursor:pointer;background:0 0;border:none;flex:none;align-items:center;gap:9px;padding:0;display:flex}.brand-mark{letter-spacing:.5px;background:var(--accent);color:#042f2c;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:800}.brand-text{text-align:left;flex-direction:column;line-height:1.12;display:flex}.brand-text strong{color:var(--chrome-ink);font-size:14px}.brand-text .sub{color:var(--chrome-ink-2);font-size:11px}@media (width<=680px){.brand-text{display:none}}.stepper{scrollbar-width:none;flex:auto;align-items:center;gap:6px;padding:3px 2px;display:flex;overflow-x:auto}.stepper::-webkit-scrollbar{display:none}.step-dot{border:2px solid var(--chrome-line);background:var(--chrome-2);width:27px;height:27px;color:var(--chrome-ink-2);border-radius:999px;flex:none;place-items:center;font-size:12px;font-weight:800;transition:transform .1s;display:grid}.step-dot.st-done{background:var(--st-done);border-color:var(--st-done);color:#fff}.step-dot.st-in_progress{background:var(--st-in_progress);border-color:var(--st-in_progress);color:#fff}.step-dot.st-available{background:var(--surface);border-color:var(--st-available);color:var(--st-available)}.step-dot.st-blocked{background:var(--st-blocked);border-color:var(--st-blocked);color:#fff}.step-dot.st-locked{background:var(--chrome-2);border-color:var(--chrome-line);color:var(--ink-3);opacity:.8}.step-dot.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 38%, transparent);z-index:1;transform:scale(1.2)}.topbar-tools{flex:none;align-items:center;gap:6px;display:flex}.icon-btn{color:var(--chrome-ink-2);background:0 0;border:1px solid #0000;border-radius:9px;padding:5px 7px;font-size:17px;line-height:1}.icon-btn:hover{background:var(--chrome-2)}.user-chip{border:1px solid var(--chrome-line);background:var(--chrome-2);color:var(--chrome-ink);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.user-chip .avatar{background:var(--accent);color:#042f2c;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.user-chip strong{color:var(--chrome-ink);font-size:12.5px;line-height:1.1;display:block}.user-chip .role{color:var(--chrome-ink-2);text-transform:uppercase;letter-spacing:.4px;font-size:10px}@media (width<=680px){.user-chip strong,.user-chip .role{display:none}.user-chip{padding:4px}}.topbar-context{border-top:1px solid var(--chrome-line);background:var(--chrome-2);flex-direction:column;gap:7px;padding:8px 14px;display:flex}.ctx-head{align-items:center;gap:10px;display:flex}.ctx-title{color:var(--chrome-ink);white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:12.5px;font-weight:700;overflow:hidden}.ctx-bar{background:var(--chrome-line);border-radius:999px;flex:1;height:8px;overflow:hidden}.ctx-bar span{background:var(--accent);height:100%;transition:width .3s;display:block}.ctx-pct{color:var(--accent-ink);text-align:right;min-width:34px;font-size:12px;font-weight:800}.topbar-context .sub-chips{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.topbar-context .sub-chips::-webkit-scrollbar{display:none}.topbar-context .sub-chip{background:var(--surface);color:var(--ink-2);border:1px solid var(--chrome-line);border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:flex}.topbar-context .sub-chip b{font-weight:800}.topbar-context .sub-chip-pct{color:var(--ink-3);font-size:10.5px}.topbar-context .sub-chip.done{border-color:var(--st-done);color:var(--st-done)}.topbar-context .sub-chip.active{background:var(--accent);color:#042f2c;border-color:var(--accent)}.topbar-context .sub-chip.active .sub-chip-pct{color:#063b37}.mimic-alarms{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:12px;padding:10px 14px}:root[data-theme=dark] .mimic-alarms{color:#fecaca;background:#2a0f12;border-color:#7f1d1d}.mimic-alarms strong{font-size:13.5px;display:block}.mimic-alarms-list{flex-direction:column;gap:2px;margin-top:4px;font-size:12px;display:flex}.mimic-canvas{aspect-ratio:16/9;min-height:360px}.equip{box-shadow:none;background:0 0;border:none;gap:1px;min-width:0;max-width:132px;padding:2px}.equip.running{background:0 0}.equip-sym{place-items:center;width:54px;height:48px;display:grid}.sym-wide{height:44px}.sym-body{fill:var(--surface);stroke:var(--ink-2);stroke-width:2px}.sym-line,.sym-stem{stroke:var(--ink-2);stroke-width:2px;fill:none}.sym-rotor{stroke:var(--ink-2);stroke-width:2px;fill:none;transform-box:fill-box;transform-origin:50%}.sym-media line{stroke:var(--ink-3);stroke-width:1.5px}.sym-valve{fill:var(--ink-3);stroke:var(--ink-2);stroke-width:1.5px}.sym-act{fill:var(--ink-3)}.sym-liquid{fill:#38bdf8;opacity:.85}.sym-frame{fill:none;stroke:var(--ink-2);stroke-width:2px}.sym-pv{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.5px}.sym-cap,.sym-led{fill:var(--ink-3)}.sym-wave{fill:none;stroke:#38bdf8;stroke-width:2px}.equip.running .sym-body{fill:color-mix(in srgb, var(--accent) 20%, var(--surface));stroke:var(--accent-ink)}.equip.running .sym-rotor{stroke:var(--accent-ink);animation:2.2s linear infinite sym-spin}.equip.running .sym-pv{fill:color-mix(in srgb, var(--accent) 20%, var(--surface));stroke:var(--accent-ink)}.equip.running .sym-valve{fill:var(--st-done);stroke:#15803d}.equip.running .sym-led{fill:var(--st-done)}@keyframes sym-spin{to{transform:rotate(360deg)}}.equip.alarm .sym-body,.equip.alarm .sym-frame{stroke:var(--st-blocked);stroke-width:2.4px}.equip-label{color:var(--ink);text-align:center;margin-top:1px;font-size:10.5px;font-weight:700;line-height:1.1}.equip-tag{color:var(--ink-3);font-size:9px}.equip-state{letter-spacing:.3px;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800}.equip-state.off{background:var(--chrome-2);color:var(--ink-3)}.equip-state.on{background:var(--accent);color:#042f2c}.equip.ctl{border:1.5px dashed var(--chrome-line);border-radius:10px}.equip.ctl:active{background:color-mix(in srgb, var(--accent) 8%, transparent)}.topbar-tools{margin-left:auto}.stage-rail{border-top:1px solid var(--chrome-line);background:var(--chrome-2);scrollbar-width:thin;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.stage-rail::-webkit-scrollbar{height:6px}.stage-card{background:var(--chrome);border:1px solid var(--chrome-line);border-left:4px solid var(--ink-3);text-align:left;border-radius:9px;flex-direction:column;flex:1 0 98px;align-items:flex-start;gap:1px;min-width:98px;padding:6px 9px;display:flex}.stage-card.st-done{border-left-color:var(--st-done)}.stage-card.st-in_progress{border-left-color:var(--st-in_progress)}.stage-card.st-available{border-left-color:var(--st-available)}.stage-card.st-blocked{border-left-color:var(--st-blocked)}.stage-card.st-locked{border-left-color:var(--st-locked);opacity:.8}.stage-card.active{box-shadow:inset 0 0 0 2px var(--accent);border-color:var(--accent)}.sc-no{color:var(--chrome-ink-2);letter-spacing:.5px;font-size:9px;font-weight:800}.sc-name{color:var(--chrome-ink);font-size:12px;font-weight:700;line-height:1.08}.sc-metric{margin-top:1px;font-size:10.5px;font-weight:800}.stage-card.st-done .sc-metric{color:var(--st-done)}.stage-card.st-in_progress .sc-metric{color:var(--st-in_progress)}.stage-card.st-available .sc-metric{color:var(--st-available)}.stage-card.st-blocked .sc-metric{color:var(--st-blocked)}.stage-card.st-locked .sc-metric{color:var(--ink-3)}.equip-sym{place-items:center;width:56px;height:52px;display:grid;position:relative}.equip.kind-roskid .equip-sym{width:84px}.equip.kind-tank .equip-sym,.equip.kind-filter .equip-sym{height:58px}.equip-svg{place-items:center;display:grid}.sym{width:auto;height:50px;display:block;overflow:visible}.equip.kind-tank .sym,.equip.kind-filter .sym{height:58px}.s2-edge{fill:none;stroke:#475569;stroke-width:1.6px;stroke-linejoin:round}.s2-shade{fill:#0f172a24}.s2-base{fill:#475569}.s2-media line{stroke:#64748b;stroke-width:1.4px}.s2-rohint{stroke:#78643c59;stroke-width:1.2px}.s2-rotor{fill:none;stroke:#475569;stroke-width:2px;transform-box:fill-box;transform-origin:50%}.s2-valve{fill:#94a3b8}.s2-wave{fill:none;stroke:#0284c7;stroke-width:2px}.s2-led{fill:#94a3b8}.equip.running .s2-rotor{stroke:var(--accent-ink);animation:2.1s linear infinite sym-spin}.equip.running .s2-valve,.equip.running .s2-led{fill:var(--st-done)}.equip.alarm .s2-edge{stroke:var(--st-blocked);stroke-width:2.4px}.equip-led{border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:2px;box-shadow:0 0 0 1px #0f172a26}.led-on{background:var(--st-done)}.led-off{background:#94a3b8}.led-alarm{background:var(--st-blocked)}.mimic-svg{width:100%}.mimic-svg>svg{width:100%;height:auto;display:block}.mimic-svg .pipe{filter:drop-shadow(0 2px 1px #0f172a38)}.mimic-svg .pipes rect{marker-end:none}.sv-overlay{pointer-events:none}.sv-plate{fill:#ffffffe0;stroke:#47556942;stroke-width:1.5px;filter:drop-shadow(0 3px 3px #0f172a29)}.sv-label{fill:#172033;font:700 19px ui-sans-serif,system-ui,Segoe UI,sans-serif}.sv-tag{fill:#526174;letter-spacing:.3px;font:650 13px ui-monospace,Cascadia Mono,monospace}.sv-state{fill:#64748b;letter-spacing:.7px;font:800 14px ui-sans-serif,system-ui}.sv-state.is-on{fill:#15803d}.sv-badge{fill:#0f766e;font:700 14px ui-sans-serif,system-ui}.sv-alarm{fill:#b91c1c;font:800 14px ui-sans-serif,system-ui}.sv-led{stroke:var(--surface);stroke-width:2.5px}.sv-led.led-on{fill:var(--st-done)}.sv-led.led-off{fill:#94a3b8}.sv-led.led-alarm{fill:var(--st-blocked)}.eq{cursor:default}.eq.is-running .eq-rotor{transform-box:fill-box;transform-origin:50%;animation:2.1s linear infinite sym-spin}.eq.is-running .eq-valve{fill:var(--st-done)}.overview-btn{border-color:var(--accent-ink);width:100%;color:var(--accent-ink);background:#ccfbf1;margin:4px 0 14px;font-weight:800}:root[data-theme=dark] .overview-btn{color:#5eead4;background:#0c3b36}.equip-led{width:16px;height:16px;top:-2px;right:-2px;box-shadow:0 0 0 1px #0f172a33}.sv-led{stroke-width:3px}.ov-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;overflow:auto hidden}.ov-canvas{aspect-ratio:auto;border:none;min-width:1600px;min-height:700px}.ov-canvas .equip{max-width:120px}.home-btn{background:var(--accent);color:#042f2c;border:1px solid var(--accent-ink);width:42px;height:42px;box-shadow:var(--shadow);border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.home-btn:hover{filter:brightness(1.06)}.home-btn:active{transform:scale(.96)}.home-btn svg{width:25px;height:25px}.eq.is-running .s2-rotor{stroke:var(--accent-ink);transform-box:fill-box;transform-origin:50%;animation:2.1s linear infinite sym-spin}.eq.is-running .s2-valve{fill:var(--st-done)}.eq.is-alarm .s2-edge,.eq.is-alarm .s2-frame{stroke:var(--st-blocked)}.login-wrap{justify-content:center;align-items:center;min-height:calc(100dvh - 64px);padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:384px;box-shadow:var(--shadow);flex-direction:column;padding:26px 22px;display:flex}.login-card label{color:var(--ink-2);margin:12px 0 5px;font-size:12.5px;font-weight:600}.login-card .field{width:100%}.login-card .btn{justify-content:center;width:100%;margin-top:18px}.login-brand{align-items:center;gap:10px;display:flex}.login-brand strong{color:var(--ink);font-size:16px;display:block}.login-logo{background:var(--accent);color:#042f2c;border-radius:9px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.login-err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:6px;padding:9px 11px;font-size:13px}.presence-bar{align-items:center;padding-right:4px;display:flex}.presence-bar:empty{display:none}.pz-avatar{color:#fff;border:2px solid var(--chrome);cursor:default;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-7px;font-size:11px;font-weight:800;display:grid;box-shadow:0 0 0 1px #00000014}.pz-avatar:first-child{margin-left:0}.pz-avatar.me{outline:2px solid var(--accent);outline-offset:0}.pz-more{color:var(--chrome-ink-2);margin-left:4px;font-size:11px;font-weight:700}.attach-controls{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.attach-src{border:1px solid var(--line);background:var(--surface-2);min-width:72px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.attach-src:active{transform:translateY(1px)}.attach-ic{font-size:20px;line-height:1}.attach-strip{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.attach-tile{display:inline-flex}.attach-thumb{object-fit:cover;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;width:72px;height:72px}.attach-file{border:1px solid var(--line);background:var(--surface-2);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;align-items:center;max-width:190px;padding:8px 10px;font-size:12.5px;display:inline-flex;overflow:hidden}@media (width<=640px){.view{padding:12px}.overlay{padding:8px}.modal{max-height:94vh}.mimic-canvas{aspect-ratio:auto;-webkit-overflow-scrolling:touch;overflow-x:auto}.mimic-svg{min-width:760px}.mimic-svg>svg{width:760px;height:auto}.mimic-hint{color:var(--ink-2);margin:2px 0 6px;font-size:11.5px;display:block}.wd-actions{grid-template-columns:1fr 1fr}.btn.tiny{padding:8px 11px}.view table{white-space:nowrap;width:100%;display:block;overflow-x:auto}}html,body{max-width:100%;overflow-x:hidden}