.sfe{max-width:960px;margin:0 auto;padding:20px 18px 60px}.sfe-topbar{flex-wrap:wrap;gap:10px;margin-bottom:6px}.sfe-title{margin:0;font-size:20px}.sfe-hint{color:var(--text-3);align-items:center;gap:6px;margin-bottom:14px;font-size:12.5px;display:flex}.sfe-hint>svg{color:var(--text-3);flex:none}.sfe-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.sfe-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 13px;font-size:13px;font-weight:600;display:inline-flex}.sfe-tab:hover{background:var(--hover)}.sfe-tab.sel{background:var(--accent);border-color:var(--accent);color:#fff}.sfe-tab-def{text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, currentColor 16%, transparent);border-radius:4px;margin-left:2px;padding:1px 5px;font-size:9px;font-weight:800}.sfe-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 14px;display:flex}.sfe-active{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.sfe-defnote{color:var(--text-3);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.sfe-seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.sfe-seg-btn{background:var(--surface);color:var(--text-2);cursor:pointer;white-space:nowrap;border:0;align-items:center;gap:5px;padding:6px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.sfe-seg-btn+.sfe-seg-btn{border-left:1px solid var(--border)}.sfe-seg-btn.on{background:var(--accent);color:#fff}.sfe-itemhint{color:var(--text-3);align-items:center;gap:6px;margin:-4px 0 14px;font-size:12px;display:flex}.sfe-mp{flex:240px;max-width:440px;position:relative}.sfe-mp-box{border:1px solid var(--border);background:var(--surface);cursor:text;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;padding:3px 8px 3px 6px;display:flex}.sfe-mp-box:focus-within{border-color:var(--accent)}.sfe-mp-box>svg{color:var(--text-3);flex:none;margin-left:auto}.sfe-cat-chip{background:color-mix(in srgb, var(--amber) 16%, transparent);color:var(--amber);border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 9px;font-size:12px;font-weight:600;display:inline-flex}.sfe-cat-chip button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:0;border-radius:999px;align-items:center;padding:1px;display:inline-flex}.sfe-cat-chip button:hover{opacity:1}.sfe-cats-input{min-width:90px;font:inherit;color:var(--text);background:0 0;border:0;flex:1;padding:4px;font-size:13px}.sfe-cats-input:focus{outline:none}.sfe-mp-menu{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;max-height:240px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.sfe-mp-menu-fixed{z-index:5000;position:fixed;top:auto;right:auto}.sfe-mp-opt{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:13px}.sfe-mp-opt:hover{background:var(--hover)}.sfe-mp-add{color:var(--accent-text,var(--accent));align-items:center;gap:5px;font-weight:600;display:flex}.field>.sfe-mp{flex:none;width:100%;max-width:none}.sfe-tab-item{text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber);border-radius:4px;align-items:center;gap:3px;margin-left:5px;padding:1px 6px;font-size:9.5px;font-weight:800;display:inline-flex}.sfe-tab.sel .sfe-tab-item{color:#fff;background:#ffffff38}.sfe-teams{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:16px}.sfe-teams-h{text-align:left;cursor:pointer;width:100%;color:var(--text-2);background:0 0;border:0;align-items:center;gap:7px;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.sfe-teams-h>svg{color:var(--text-3);flex:none}.sfe-teams-n{background:var(--surface-3);min-width:18px;height:18px;color:var(--text-2);border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.sfe-teams-hint{color:var(--text-3);font-size:11.5px;font-weight:400}.sfe-teams-body{flex-direction:column;gap:10px;padding:2px 14px 14px;display:flex}.sfe-team-row{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.sfe-team-head{align-items:center;gap:8px;display:flex}.sfe-team-head .input{max-width:240px}.sfe-team-head .icon-btn{margin-left:auto}.sfe-team-field{align-items:flex-start;gap:10px;display:flex}.sfe-team-lbl{text-transform:uppercase;letter-spacing:.03em;width:52px;color:var(--text-3);flex:none;padding-top:7px;font-size:10.5px}.sfe-team-roles{flex-wrap:wrap;flex:1;align-items:center;gap:6px;padding-top:3px;display:flex}.sfe-rolechip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.sfe-rolechip:hover{border-color:var(--accent)}.sfe-rolechip.on{background:var(--accent);border-color:var(--accent);color:#fff}.sfe-teams-h.static{cursor:default}.sfe-teams-add{flex:none;margin-left:auto}.sfe-teams-empty{color:var(--text-3);padding:0 14px 13px;font-size:12.5px}.sfe-teams-list{flex-direction:column;gap:2px;padding:0 14px 12px;display:flex}.sfe-team-chip{align-items:center;gap:6px;padding:3px 0;display:flex}.sfe-team-chip-main{text-align:left;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.sfe-team-chip-main>svg{color:var(--text-3);flex:none}.sfe-team-chip-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sfe-team-sum{color:var(--text-3);white-space:nowrap;flex:none;margin-left:auto;padding-left:10px;font-size:11.5px}.sfe-unsaved-msg{color:var(--text-2);font-size:13.5px;line-height:1.5}.sfe-flow-row{background:color-mix(in srgb, var(--amber,#d97706) 7%, var(--surface-2));border:1px solid color-mix(in srgb, var(--amber,#d97706) 22%, var(--border));border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex}.sfe-flow-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.sfe-flow-row .sfe-step-ops{margin-left:auto}.sfe-badge.flow{background:color-mix(in srgb, var(--amber,#d97706) 16%, transparent);color:var(--amber,#d97706);align-items:center;gap:4px;display:inline-flex}.sfe-add-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.sfe-nosteps{border:1px dashed var(--border);background:var(--surface-2);color:var(--text-3);border-radius:12px;align-items:center;gap:8px;padding:16px 18px;font-size:13px;display:flex}.sfe-nosteps>svg{color:var(--text-3);flex:none}.sfe-flowpick{flex-direction:column;gap:6px;display:flex}.sfe-flowpick-opt{text-align:left;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:100%;font:inherit;color:var(--text);border-radius:10px;align-items:center;gap:9px;padding:10px 12px;font-size:13.5px;display:flex}.sfe-flowpick-opt>span{flex:1}.sfe-flowpick-opt>svg:first-child{color:var(--amber,#d97706)}.sfe-flowpick-opt>svg:last-child{color:var(--text-3)}.sfe-flowpick-opt:hover{border-color:var(--accent);background:var(--accent-soft)}.sfe-err{color:var(--red-700,#b91c1c);background:var(--red-50,#fef2f2);border:1px solid var(--red-200,#fecaca);border-radius:7px;margin-bottom:12px;padding:8px 11px;font-size:12.5px}.sfe-prev{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:16px 18px}.sfe-prev-h{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:14px;font-size:11px;font-weight:800}.sfe-prev-track{align-items:flex-start;padding:6px 0 4px;display:flex;overflow-x:auto}.sfe-prev-step{cursor:pointer;min-width:100px;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;flex:1 0 auto;align-items:center;padding:0;display:flex;position:relative}.sfe-prev-line{background:var(--accent);opacity:.35;z-index:0;width:100%;height:2px;position:absolute;top:13px;right:50%}.sfe-prev-dot{z-index:1;aspect-ratio:1;background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;transition:box-shadow .12s;display:grid;position:relative}.sfe-prev-step:hover .sfe-prev-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.sfe-prev-step.sel .sfe-prev-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 28%, transparent)}.sfe-prev-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100px;color:var(--text-2);margin-top:7px;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.sfe-prev-step.sel .sfe-prev-label{color:var(--accent-text)}.sfe-prev-count{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;max-width:108px;margin-top:3px;font-size:10.5px;overflow:hidden}.sfe-prev-badge{z-index:2;background:var(--amber,#d97706);color:#fff;text-align:center;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--surface-2);border-radius:8px;margin-left:-10px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:-5px;left:100%}.sfe-prev-add{cursor:pointer;min-width:100px;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;padding:0;display:flex;position:relative}.sfe-prev-add-dot{z-index:1;background:var(--surface);width:28px;height:28px;color:var(--text-3);border:1.5px dashed var(--border);border-radius:50%;flex-shrink:0;place-items:center;transition:color .12s,border-color .12s;display:grid;position:relative}.sfe-prev-add:hover .sfe-prev-add-dot{color:var(--accent);border-color:var(--accent)}.sfe-prev-add:hover .sfe-prev-label{color:var(--accent-text)}.sfe-step-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.sfe-step-row{align-items:center;gap:8px;display:flex}.sfe-step-row .input{flex:1;min-width:0}.sfe-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text);background:var(--accent-soft);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:800}.sfe-badge.task{color:var(--text-3);background:var(--surface-3)}.sfe-step-ops{flex-shrink:0;gap:2px;margin-left:auto;display:flex}.sfe-tasks{border-left:2px solid var(--border);flex-direction:column;gap:8px;margin:12px 0 0 18px;padding-left:14px;display:flex}.sfe-notasks{padding:2px 0;font-size:12.5px}.sfe-task-row2{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.sfe-task-name{text-align:left;min-width:0;color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:120px;padding:0;font-size:13px;font-weight:600;overflow:hidden}.sfe-task-name:hover{color:var(--accent-text,var(--accent))}.sfe-task-meta{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sfe-chip{background:var(--surface-3);color:var(--text-3);border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.sfe-chip.sfe-prio-high{background:color-mix(in srgb, var(--red,#dc2626) 15%, transparent);color:var(--red,#dc2626);text-transform:capitalize}.sfe-chip.sfe-prio-low{background:var(--surface-3);color:var(--text-3);text-transform:capitalize}.sfe-task-row2 .sfe-step-ops{margin-left:auto}.sfe-addtask{align-self:flex-start}.sfe-req-list{flex-direction:column;gap:7px;margin-bottom:8px;display:flex}.sfe-req-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sfe-req-row .input{flex:1;min-width:120px}.sfe-req-row>.input.select,.sfe-req-row>select.input{flex:none;width:auto;min-width:0}.sfe-req-req{color:var(--text-2);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.sfe-req-opts{flex:100%}.sf-panel{border:1px solid var(--border);border-radius:var(--r-lg,12px);background:var(--surface,#fff);padding:12px 14px}.sf-head{letter-spacing:.03em;text-transform:uppercase;color:var(--wo-head,#2563eb);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.sf-count{font-variant-numeric:tabular-nums;color:var(--text-2,#445);margin-left:auto}.sf-empty{color:var(--text-3,#778);padding:2px 0;font-size:12.5px}.sf-ready{color:var(--green-700,#15803d);background:var(--green-50,#f0fdf4);border:1px solid var(--green-200,#bbf7d0);border-radius:7px;align-items:center;gap:5px;margin-bottom:8px;padding:6px 9px;font-size:12.5px;font-weight:600;display:flex}.sf-rail{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:0;margin:4px 0 12px;padding:2px 0;display:flex;overflow-x:auto}.sf-rail:active{cursor:grabbing}.sf-rail::-webkit-scrollbar{width:0;height:0;display:none}.sf-rail-step{min-width:88px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1 0 auto;align-items:center;margin:0;padding:2px 0 0;display:flex;position:relative}.sf-rail-step:hover .sf-rail-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--text-3,#778) 22%, transparent)}.sf-rail-step:hover .sf-rail-lbl{color:var(--text,#223)}.sf-rail-step.is-view .sf-rail-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#4f46e5) 30%, transparent)}.sf-rail-step.is-view .sf-rail-lbl{color:var(--accent,#4f46e5);font-weight:700}.sf-back{color:var(--accent,#4f46e5);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;margin:0;padding:4px 2px;font-size:11.5px;font-weight:600;display:inline-flex}.sf-back>svg{transform:rotate(180deg)}.sf-rail-line{background:var(--border);z-index:0;width:100%;height:2px;position:absolute;top:11px;right:50%}.sf-rail-step.done .sf-rail-line,.sf-rail-step.on .sf-rail-line{background:color-mix(in srgb, var(--green-500,#22c55e) 55%, transparent)}.sf-rail-dot{z-index:1;background:var(--surface-3,#eef);width:24px;height:24px;color:var(--text-3,#778);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid;position:relative}.sf-rail-step.done .sf-rail-dot{background:var(--green-500,#22c55e);color:#fff}.sf-rail-step.on .sf-rail-dot{background:var(--accent,#4f46e5);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#4f46e5) 22%, transparent)}.sf-rail-lbl{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:96px;color:var(--text-2,#445);margin-top:6px;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.sf-rail-step.todo .sf-rail-lbl{color:var(--text-3,#778);font-weight:500}.sf-list{flex-direction:column;gap:2px;display:flex}.sf-sec-h{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:9px 4px 4px;font-size:11px;font-weight:800;display:flex}.sf-sec:first-child .sf-sec-h{border-top:0;margin-top:0}.sf-sec-n{font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:700}.sf-step{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:7px 4px;display:flex}.sf-step:last-child{border-bottom:0}.sf-dot{border-radius:999px;flex:none;width:9px;height:9px}.sf-dot.sf-open{background:var(--text-4,#aab)}.sf-dot.sf-review{background:var(--amber-500,#f59e0b)}.sf-dot.sf-done{background:var(--green-500,#22c55e)}.sf-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.sf-title-btn{text-align:left;color:var(--text,#1a1a1a);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.sf-title-btn:hover{color:var(--accent-text,var(--accent,#4f46e5))}.sf-modal{flex-direction:column;gap:10px;display:flex}.sf-modal-desc{color:var(--text-2,#445);white-space:pre-wrap;font-size:13px;line-height:1.55}.sf-modal-note{color:var(--green-600,#16a34a);align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:inline-flex}.sf-reqs{flex-direction:column;gap:10px;display:flex}.sf-req-check{align-items:center;gap:7px;font-size:13px;display:inline-flex}.sf-req-star{color:var(--red-600,#dc2626)}.sf-thumbs{flex-wrap:wrap;gap:8px;display:flex}.sf-thumb{border-radius:var(--r,10px);border:1px solid var(--border);background:var(--surface-3);width:76px;height:76px;display:block;overflow:hidden}.sf-thumb img{object-fit:cover;width:100%;height:100%;display:block}.sf-file{color:var(--text);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r,8px);align-items:center;gap:6px;padding:6px 10px;font-size:12px;text-decoration:none;display:inline-flex}.sf-file:hover{border-color:var(--accent)}.sf-step.is-done .sf-title{color:var(--text-3,#667);text-decoration:line-through}.sf-avs{align-items:center;display:inline-flex}.sf-av{color:#fff;background:var(--accent,#4f46e5);width:20px;height:20px;box-shadow:0 0 0 1.5px var(--surface,#fff);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.sf-avs .sf-av+.sf-av{margin-left:-7px}.sf-who-name{color:var(--text-2,#445);white-space:nowrap;margin-left:6px;font-size:12px}.sf-unassigned{color:var(--text-4,#99a);font-size:11.5px;font-style:italic}.sf-doit{flex:none}.sf-status{text-align:right;min-width:50px;font-size:11.5px}.sf-done-txt{color:var(--green-600,#16a34a);align-items:center;gap:3px;font-weight:600;display:inline-flex}.sf-review-txt{color:var(--amber-600,#d97706);white-space:nowrap;align-items:center;gap:3px;font-weight:600;display:inline-flex}.sf-modal-note.sf-modal-wait{color:var(--amber-600,#d97706)}.sf-step.is-locked{opacity:.6}.sf-dot.sf-locked{background:var(--surface-3,#e5e7eb);box-shadow:inset 0 0 0 1px var(--border)}.sf-locked-txt{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3,#667);flex:1;font-size:13px;overflow:hidden}.sf-locked-lbl{color:var(--text-4,#99a);text-align:right;font-size:11px;font-style:italic}.sf-step.is-wait{background:color-mix(in srgb, var(--amber-500,#f59e0b) 8%, transparent);border-radius:8px}.sf-dot.sf-wait{background:var(--amber-500,#f59e0b);box-shadow:0 0 0 3px color-mix(in srgb, var(--amber-500,#f59e0b) 22%, transparent)}.sf-wait-txt{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2,#445);flex:1;font-size:13px;overflow:hidden}.sf-wait-lbl{color:var(--amber-600,#d97706);text-align:right;white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.sf-rail-step.is-wait .sf-rail-dot{background:var(--amber-500,#f59e0b);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb, var(--amber-500,#f59e0b) 22%, transparent)}.sf-rail-step.is-wait .sf-rail-lbl{color:var(--amber-600,#d97706);font-weight:700}.sfe-chip.sfe-chip-warn{background:var(--amber-soft,#fef3c7);color:var(--amber-700,#92400e)}.sfe-warn-line{color:var(--amber-700,#92400e);align-items:center;gap:5px;margin-top:4px;font-size:11.5px;display:flex}.sf-d-badges{flex-wrap:wrap;gap:8px;display:flex}.sf-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:9px 0;font-size:13.5px;display:flex}.sf-info-l{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);flex-shrink:0;font-size:11px;font-weight:700}.sf-assignees{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.sf-who{align-items:center;gap:5px;font-size:13px;display:inline-flex}.sf-modal{gap:12px}.sf-modal-desc{background:var(--surface-3);border-radius:var(--r);padding:11px 13px;font-size:13.5px;line-height:1.6}.sfe-labour{flex-direction:column;gap:6px;display:flex}.sfe-lab-row{align-items:center;gap:6px;display:flex}.sfe-lab-name{flex:auto;min-width:0}.sfe-lab-qty{flex:0 0 72px}.sfe-lab-price{flex:0 0 120px}@media (max-width:640px){.sfe-lab-row{flex-wrap:wrap}.sfe-lab-name{flex-basis:100%}}.sfe-flow-block{flex-direction:column;gap:6px;display:flex}.sfe-flow-lab{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:inline-flex}.sfe-flow-lab.own{color:var(--amber,#d97706);font-weight:600}.sfe-flow-lab-edit{border-left:2px solid color-mix(in srgb, var(--amber,#d97706) 35%, var(--border));flex-direction:column;gap:6px;margin-left:10px;padding:8px 10px 8px 22px;display:flex}.sf-clock{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.sf-clock-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.sf-clock-big{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1}.sf-clock-dot{background:var(--muted);border-radius:50%;align-self:center;width:10px;height:10px}.sf-clock-dot.on{background:var(--green,#16a34a);box-shadow:0 0 0 4px color-mix(in srgb, var(--green,#16a34a) 22%, transparent)}.sf-clock-sub{font-size:12px}.sf-clock-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sf-clock-people{flex-direction:column;gap:6px;display:flex}.sf-clock-person{align-items:center;gap:8px;font-size:13px;display:flex}.sf-clock-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sf-clock-time{font-variant-numeric:tabular-nums;font-weight:600}.sf-clock-log{border-top:1px solid var(--border);flex-direction:column;gap:6px;max-height:220px;padding-top:8px;display:flex;overflow-y:auto}.sf-clock-ev{align-items:center;gap:10px;display:flex}.sf-clock-ev-t{font-size:12.5px;font-weight:600}.sf-clock-thumb{background:var(--surface-3);width:40px;height:40px;color:var(--muted);border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}.sf-clock-thumb img{object-fit:cover;width:100%;height:100%}.sf-thumb-btn{cursor:zoom-in;font:inherit;padding:0}.sf-clock-thumb.sf-thumb-btn{border:0}.sf-rail-step{flex:1 0 104px;min-width:104px;padding:2px 6px 0}.sf-rail-lbl{max-width:100%}@media (max-width:640px){.sf-step.is-wait{flex-wrap:wrap;row-gap:2px}.sf-step.is-wait .sf-wait-txt{flex-basis:calc(100% - 30px)}.sf-step.is-wait .sf-wait-lbl{text-align:left;white-space:normal;margin-left:25px}}@media (max-width:760px),(pointer:coarse){.sfe-rolechip{min-height:36px}.sfe-tab-def{font-size:10.5px}}@media (max-width:640px){.sfe-task-row2{flex-wrap:wrap}.sfe-task-row2 .sfe-step-ops{flex-basis:100%;margin-left:0}}@media (max-width:760px),(pointer:coarse){.sfe-cats-input,.sfe-task-name{min-height:36px}.sfe-tab-def,.sfe-prev-count,.sfe-badge{font-size:11px}}.sf-sla{white-space:nowrap;background:var(--surface-2);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.sf-sla.is-ok{color:var(--green);background:var(--green-soft)}.sf-sla.is-near{color:var(--amber);background:var(--amber-soft)}.sf-sla.is-over{color:var(--red);background:var(--red-soft)}.sf-sla.is-held,.sf-sla.is-idle{color:var(--text-3)}.sf-sla-box{border:1px solid var(--border);border-radius:10px;gap:6px;margin:10px 0;padding:10px 12px;display:grid}.sf-sla-top{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.sf-sla-lbl{align-items:center;gap:5px;font-weight:600;display:inline-flex}.sf-sla-fig{font-variant-numeric:tabular-nums;font-weight:700}.sf-sla-bar{background:var(--surface-3,var(--surface-2));border-radius:999px;height:6px;overflow:hidden}.sf-sla-bar>span{border-radius:inherit;background:var(--green);height:100%;display:block}.sf-sla-box.is-near .sf-sla-bar>span{background:var(--amber)}.sf-sla-box.is-over .sf-sla-bar>span{background:var(--red)}.sf-sla-box.is-held .sf-sla-bar>span,.sf-sla-box.is-idle .sf-sla-bar>span{background:var(--text-4,#aab)}.sf-sla-state{color:var(--text-3);font-size:12px}.sf-sla-box.is-over .sf-sla-state{color:var(--red);font-weight:600}.sf-sla-box.is-pending .sf-sla-state{color:var(--amber);font-weight:600}.sf-sla-acts{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:640px){.sf-step{flex-wrap:wrap}.sf-sla{order:5}}.sfe-teams-fold{cursor:pointer;-webkit-user-select:none;user-select:none}.sfe-teams-fold:hover{background:var(--surface-2)}
.svchr-avail{flex-direction:column;gap:4px;margin-top:8px;display:flex}.svchr-badge{align-items:center;gap:6px;width:fit-content;display:inline-flex}.svchr-meta{font-size:12px}.svchr-off{font-size:12.5px}
.sp-arr{padding:4px 0 18px}.sp-arr-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.sp-arr-title{letter-spacing:-.01em;font-size:17px;font-weight:650}.sp-arr-hint{max-width:56ch;margin-top:2px;font-size:12.5px}.sp-arr-sec{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;margin:16px 0 7px;font-size:11.5px;font-weight:650;display:flex}.sp-arr-n{letter-spacing:0;background:var(--surface-2,var(--surface));border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:650}.sp-arr-none{padding:14px 2px;font-size:13px}.sp-arr-row{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:11px 13px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.sp-arr-row:hover:not(:disabled){border-color:var(--accent,var(--blue));box-shadow:0 0 0 2px color-mix(in oklab, var(--accent,var(--blue)) 22%, transparent);transform:translateY(-1px)}.sp-arr-row:disabled{cursor:default;opacity:.72}.sp-arr-row.done{cursor:default;background:var(--surface-2,var(--surface))}.sp-arr-qty{font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex:none;justify-content:flex-end;align-items:baseline;gap:3px;min-width:46px;font-size:17px;font-weight:680;display:inline-flex}.sp-arr-qty.ok{color:var(--green,#2f855a)}.sp-arr-unit{color:var(--text-3);letter-spacing:0;font-size:10.5px;font-weight:600}.sp-arr-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.sp-arr-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.sp-arr-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:5px;font-size:11.5px;display:flex}.sp-arr-wo{color:var(--accent,var(--blue));align-items:center;gap:3px;font-weight:650;display:inline-flex}.sp-arr-go{color:var(--accent,var(--blue));flex:none;align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.sp-arr-form{flex-direction:column;gap:12px;display:flex}.sp-arr-req{color:var(--red,#c53030)}.sp-arr-chosen{border:1px solid var(--border);background:var(--surface-2,var(--surface));border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.sp-arr-change{color:var(--accent,var(--blue));cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px;font-weight:600}.sp-arr-hits{flex-direction:column;gap:5px;max-height:260px;display:flex;overflow-y:auto}.sp-arr-hit{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.sp-arr-hit:hover{border-color:var(--accent,var(--blue))}.sp-arr-qtyrow{align-items:center;gap:9px;display:flex}.sp-arr-qtyin{font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.02em;flex:auto;font-size:20px;font-weight:650}.sp-arr-uom{border:1px solid var(--border);border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.sp-arr-useg{background:var(--surface);cursor:pointer;color:var(--text-2);border:0;padding:9px 13px;font-size:12.5px;font-weight:600}.sp-arr-useg.on{background:var(--accent,var(--blue));color:#fff}.sp-arr-uomflat{color:var(--text-3);flex:none;font-size:12.5px;font-weight:600}.sp-arr-count{font-variant-numeric:tabular-nums;color:var(--text-3);align-self:flex-end;margin-top:3px;font-size:11px}.sp-arr-count.ok{color:var(--green,#2f855a);font-weight:650}.sp-arr-note{color:var(--text-2);align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.5;display:flex}.sp-arr-note.warn{color:var(--amber-ink,#8a5a00);background:color-mix(in oklab, var(--amber,#d98324) 12%, transparent);border:1px solid color-mix(in oklab, var(--amber,#d98324) 30%, transparent);border-radius:9px;padding:9px 11px}.sp-arr-ok{color:var(--green,#2f855a);background:color-mix(in oklab, var(--green,#2f855a) 10%, transparent);border:1px solid color-mix(in oklab, var(--green,#2f855a) 26%, transparent);border-radius:9px;align-items:center;gap:8px;padding:11px 13px;font-size:14px;font-weight:620;display:flex}.sp-arr-err{color:var(--red,#c53030);background:color-mix(in oklab, var(--red,#c53030) 10%, transparent);border:1px solid color-mix(in oklab, var(--red,#c53030) 26%, transparent);border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:12.5px;display:flex}.sp-arr-save{justify-content:center;width:100%;padding:11px;font-size:14px}.sp-arr-slots{flex-direction:column;gap:6px;max-height:300px;padding:2px;display:flex;overflow-y:auto}.sp-arr-slot{border:1px solid var(--border);background:var(--surface);border-radius:9px;align-items:center;gap:9px;padding:0 11px 0 0;transition:border-color .12s,background .12s;display:flex;overflow:hidden}.sp-arr-slot:focus-within{border-color:var(--accent,var(--blue));box-shadow:0 0 0 2px color-mix(in oklab, var(--accent,var(--blue)) 22%, transparent)}.sp-arr-slot.on{border-color:color-mix(in oklab, var(--green,#2f855a) 45%, var(--border))}.sp-arr-slot.dupe{border-color:var(--red,#c53030);color:var(--red,#c53030);background:color-mix(in oklab, var(--red,#c53030) 6%, transparent)}.sp-arr-slotno{font-variant-numeric:tabular-nums;width:30px;color:var(--text-3);background:var(--surface-2,var(--surface));border-right:1px solid var(--border);flex:none;justify-content:center;align-self:stretch;align-items:center;font-size:11.5px;font-weight:700;display:inline-flex}.sp-arr-slot.on .sp-arr-slotno{color:var(--green,#2f855a)}.sp-arr-slotin{letter-spacing:.03em;text-transform:uppercase;min-width:0;color:inherit;background:0 0;border:0;outline:none;flex:auto;padding:10px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px}.sp-arr-slotfoot{justify-content:space-between;align-items:center;gap:10px;margin-top:5px;display:flex}.sp-arr-slotfoot .sp-arr-count{align-self:auto;margin-top:0}.sp-arr-dupemsg{color:var(--red,#c53030);align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.sp-arr-serialhint{padding:10px 0 2px;font-size:12.5px}.sp-arr-branch{border:1px solid var(--border);height:16px;color:var(--text-3);border-radius:999px;align-items:center;gap:3px;margin-left:7px;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.sp-arr-head .sp-arr-branchsel{width:auto;min-width:130px;max-width:190px;height:34px;margin-left:auto;font-size:12.5px}@media (max-width:640px){.sp-arr-head .sp-arr-branchsel{width:100%;max-width:none;margin-left:0}}.sp-arr-later{cursor:pointer;align-items:center;gap:6px;margin:2px 0 8px;font-size:13px;display:flex}.sp-arr-img,.sp-arr-ph{border:1px solid var(--border);background:var(--surface-2,var(--surface));object-fit:cover;border-radius:8px;flex-shrink:0;display:inline-block}.sp-arr-hit{align-items:center;gap:8px;display:flex}.sp-arr-chosen{align-items:center;gap:10px;display:flex}.sp-arr-hit{text-align:left;grid-template-columns:auto 1fr;place-items:center start;gap:2px 10px;display:grid!important}.sp-arr-hit>.sp-arr-img,.sp-arr-hit>.sp-arr-ph{grid-row:span 2}.sp-arr-by{color:var(--text-3);align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}[data-module=service-parts] .sp-req{flex-direction:column;gap:4px;margin-top:8px;display:flex}[data-module=service-parts] .sp-req-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}[data-module=service-parts] .sp-pick{text-align:left;align-items:center;gap:8px;height:30px;display:flex;overflow:hidden}[data-module=service-parts] .sp-pick .sp-pick-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-thumb{object-fit:cover;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;flex:none}.sp-thumb-empty{color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.sp-pick-list{background:var(--surface);border:1px solid var(--border);z-index:1000;border-radius:10px;padding:4px;overflow:auto;box-shadow:0 8px 24px #00000024}.sp-pick-search{background:var(--surface);z-index:1;padding:4px 4px 6px;position:sticky;top:0}.sp-pick-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.sp-pick-item:hover,.sp-pick-item.on{background:var(--surface-2)}.sp-pick-txt{flex-direction:column;flex:auto;min-width:0;display:flex}.sp-pick-txt .sp-pick-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sp-pick-sku{font-size:11px}.sp-pick-stock{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.sp-pick-stock.out{color:var(--amber,#d97706);font-weight:600}.sp-issue-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.sp-issue-f{flex-direction:column;gap:4px;min-width:0;display:flex}.sp-issue-f-part{flex:220px}.sp-issue-f-qty{flex:0 0 84px}.sp-issue-f-serial{flex:150px}.sp-issue-l{color:var(--text-2);font-size:12px;font-weight:600}.sp-issue-row .input{width:100%;height:40px}.sp-issue-row .sp-pick{text-align:left;align-items:center;gap:8px;display:flex;overflow:hidden}.sp-issue-row>.btn{height:40px}.sp-issue-hint{margin-top:6px;font-size:12px}@media (max-width:640px){.sp-issue-f-part{flex-basis:100%}.sp-issue-f-qty{flex:1 1 0}.sp-issue-row>.btn{flex:1 1 0;justify-content:center}}.sp-cs-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sp-cs-title{font-size:16px;font-weight:650}.sp-cs-hint{max-width:620px;margin-top:2px;font-size:12.5px}.sp-cs-sum{margin-bottom:8px;font-size:12.5px}.sp-cs-list{border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.sp-cs-row{background:var(--surface);border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;color:inherit;font:inherit;grid-template-columns:170px 1fr auto 18px;align-items:center;gap:12px;padding:10px 14px;display:grid}.sp-cs-row:last-child{border-bottom:0}.sp-cs-row:hover{background:var(--surface-2)}.sp-cs-row.void{opacity:.6}.sp-cs-row>span{flex-direction:column;min-width:0;display:flex}.sp-cs-row .muted{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sp-cs-no{font-variant-numeric:tabular-nums;font-weight:600}.sp-cs-amt{text-align:right;align-items:flex-end}.sp-cs-void{font-size:11px}.sp-cs-form{flex-direction:column;gap:10px;display:flex}.sp-cs-sec{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:650}.sp-cs-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sp-cs-pick{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px;display:grid}.sp-cs-cat{flex-direction:column;gap:6px;min-width:0;display:flex}.sp-cs-catlist{border:1px solid var(--border);border-radius:10px;max-height:300px;overflow:auto}.sp-cs-catrow{border:0;border-bottom:1px solid var(--border);background:var(--surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.sp-cs-catrow:hover:not(:disabled){background:var(--surface-2)}.sp-cs-catrow:disabled{opacity:.5;cursor:default}.sp-cs-catname{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sp-cs-catmsg{padding:14px;font-size:13px}.sp-cs-lines{flex-direction:column;gap:8px;min-width:0;display:flex}.sp-cs-ltable td,.sp-cs-ltable th{padding:6px;font-size:13px}.sp-cs-num{text-align:right;width:84px;padding:4px 6px}.sp-cs-short td{color:var(--danger)}.sp-cs-tot{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.sp-cs-vat{max-width:160px}.sp-cs-due{flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;display:flex}.sp-cs-due>div{align-items:baseline;gap:10px;display:flex}.sp-cs-due b{font-size:18px}.sp-cs-help{font-size:12px}.sp-cs-why{margin-right:auto;font-size:12.5px}.sp-cs-detail{flex-direction:column;gap:12px;display:flex}.sp-cs-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.sp-cs-facts>div{flex-direction:column;font-size:13px;display:flex}.sp-cs-voidnote{background:var(--danger-bg,#dc262614);color:var(--danger);border-radius:8px;padding:8px 12px;font-size:13px}@media (max-width:760px){.sp-cs-row{grid-template-columns:1fr auto 14px}.sp-cs-no{grid-column:1/-1;gap:8px;flex-direction:row!important}.sp-cs-grid3,.sp-cs-pick,.sp-cs-facts{grid-template-columns:1fr}}.sp-cs-cust-btn{text-align:left;cursor:pointer;width:100%}.sp-cs-cust-btn.ph{color:var(--text-3)}.sp-cs-cust-pop{z-index:30;background:var(--surface);border:1px solid var(--border);min-width:260px;box-shadow:var(--elev,0 8px 24px #0000001f);border-radius:10px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0}.sp-cs-cust-list{max-height:260px;display:grid;overflow:auto}.sp-cs-cust-opt{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:10px;padding:7px 8px;display:flex}.sp-cs-cust-opt:hover{background:var(--surface-2)}.sp-cs-cust-opt.new{color:var(--accent-text,var(--accent));justify-content:flex-start;align-items:center;font-weight:600}.sp-cs-need{outline:1px solid var(--danger,#c00);border-radius:8px}.sp-cs-total-f{margin-right:auto}.sp-cs-pay{gap:14px;display:grid}.sp-cs-paysum{background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:baseline;padding:12px 14px;display:flex}.sp-cs-paysum b{font-size:22px}.sp-cs-methods{flex-wrap:wrap}.sp-cs-grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sp-cs-slip{border:1px dashed var(--border);border-radius:10px;gap:8px;padding:10px;display:grid}.sp-cs-slip.miss{border-color:var(--danger,#c00)}.sp-cs-slip-h{gap:2px;display:grid}.sp-cs-slip-h .muted{font-size:12px}.sp-cs-slip-tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sp-cs-slip-tile{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:10px;justify-items:center;gap:6px;padding:16px 8px;font-size:13px;display:grid}.sp-cs-slip-tile:hover{background:var(--surface-2)}.sp-cs-slip-card{align-items:center;gap:10px;display:flex}.sp-cs-slip-card img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:96px;height:96px}.sp-cs-slip-doc{background:var(--surface-2);border-radius:8px;place-items:center;width:96px;height:96px;display:grid}.sp-cs-slip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}@media (max-width:640px){.sp-cs-grid2,.sp-cs-slip-tiles{grid-template-columns:1fr}}.sp-cs-cards{flex-direction:column;gap:8px;display:flex}.sp-cs-card{border:1px solid var(--border);background:var(--surface);border-radius:10px}.sp-cs-card.open{border-color:var(--accent,var(--primary))}.sp-cs-card.short{border-color:var(--danger,#d33)}.sp-cs-card-top{align-items:center;gap:10px;padding:8px 10px;display:flex}.sp-cs-card-pic{background:var(--surface-2);width:44px;height:44px;color:var(--text-3,var(--muted));border-radius:8px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.sp-cs-card-pic img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sp-cs-card-main{text-align:left;cursor:pointer;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:0;display:flex}.sp-cs-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.sp-cs-card-main .muted{font-size:12px}.sp-cs-qty{align-items:center;gap:2px;display:inline-flex}.sp-cs-qty .sp-cs-num{text-align:center;width:52px}.sp-cs-card-amt{text-align:right;font-variant-numeric:tabular-nums;min-width:84px}.sp-cs-card-more{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:0 10px 10px 64px;display:flex}.sp-cs-card-more .field{margin:0}.sp-cs-card-more .sp-cs-num{width:130px}.sp-cs-card-more .btn{margin-left:auto}.sp-cs-cust{position:relative}.sp-cs-cust-in{width:100%}.sp-cs-autocust{margin-top:-4px;font-size:12px}@media (max-width:640px){.sp-cs-card-top{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"pic main chev""qty qty amt";align-items:center;gap:8px 10px;display:grid}.sp-cs-card-pic{grid-area:pic}.sp-cs-card-main{grid-area:main}.sp-cs-card-chev{grid-area:chev}.sp-cs-qty{grid-area:qty;margin-left:54px}.sp-cs-qty .icon-btn{width:36px;height:36px}.sp-cs-card-amt{grid-area:amt;min-width:0}.sp-cs-card-more{padding-left:10px}.sp-cs-card-more .field{flex:1}.sp-cs-card-more .sp-cs-num{width:100%}.sp-cs-catlist{max-height:220px}.sp-cs-tot{flex-wrap:wrap;gap:6px}.sp-cs-due span{white-space:nowrap}}@media (max-width:760px),(pointer:coarse){.sp-arr-unit{font-size:11px}}
.sp-panel{border:1px solid var(--border);border-radius:var(--r,10px);background:var(--surface,#fff);margin-top:12px;padding:12px 14px}.sp-head{letter-spacing:.03em;text-transform:uppercase;color:var(--text-3,#667);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.sp-line{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 10px;font-size:13px;display:flex}.sp-line-l{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.sp-line-link{color:var(--accent-text,var(--accent));font-weight:600;text-decoration:none}.sp-line-link:hover{text-decoration:underline}.sp-line-stage{color:var(--text-3)}
.sst-swatch{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:13px;height:13px;display:inline-block}.ss-color{align-items:center;gap:6px;margin-top:3px;display:inline-flex}.ss-linked{align-items:flex-start;gap:12px;margin-top:2px;display:flex}.ss-linked-body{flex:auto;min-width:0}.ss-thumb{border:1px solid var(--border);background:var(--surface);cursor:zoom-in;border-radius:8px;flex:none;justify-content:center;align-items:center;width:76px;height:56px;padding:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:inline-flex;overflow:hidden}.ss-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ss-thumb:hover{border-color:var(--accent,var(--blue));box-shadow:0 0 0 2px color-mix(in oklab, var(--accent,var(--blue)) 30%, transparent);transform:translateY(-1px)}.ss-thumb-empty{cursor:default;color:var(--text-3);background:var(--surface-2,var(--surface))}.ss-thumb-empty:hover{border-color:var(--border);box-shadow:none;transform:none}.ss-lightbox{z-index:3000;-webkit-backdrop-filter:blur(10px)saturate(1.05);backdrop-filter:blur(10px)saturate(1.05);cursor:zoom-out;background:#0f121a94;justify-content:center;align-items:center;padding:28px;animation:.18s ease-out ss-lb-fade;display:flex;position:fixed;inset:0}@keyframes ss-lb-fade{0%{opacity:0}to{opacity:1}}@keyframes ss-lb-pop{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:none}}.ss-lightbox-card{background:var(--surface);border:1px solid var(--border);cursor:default;border-radius:16px;flex-direction:column;gap:12px;max-width:min(92vw,1100px);padding:18px;animation:.22s cubic-bezier(.2,.8,.3,1) ss-lb-pop;display:flex;position:relative;box-shadow:0 30px 90px #00000080,0 2px 8px #0003}.ss-lightbox-header{color:var(--text-2);align-items:center;gap:8px;min-width:0;padding-right:44px;display:inline-flex}.ss-lightbox-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.ss-lightbox-img{object-fit:contain;cursor:default;background:#fff;border-radius:10px;max-width:86vw;max-height:82vh;display:block}.ss-lightbox-x{border:1px solid var(--border);background:var(--surface-3);width:40px;height:40px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);border-radius:50%;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s,transform .14s;display:inline-flex;position:absolute;top:12px;right:12px}.ss-lightbox-x:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);transform:rotate(90deg)}.ss-arr{padding:4px 0 18px}.ss-arr-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.ss-arr-title{letter-spacing:-.01em;font-size:17px;font-weight:650}.ss-arr-hint{max-width:52ch;margin-top:2px;font-size:12.5px}.ss-arr-sec{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;margin:16px 0 7px;font-size:11.5px;font-weight:650;display:flex}.ss-arr-n{letter-spacing:0;background:var(--surface-2,var(--surface));border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:650}.ss-arr-none{padding:14px 2px;font-size:13px}.ss-arr-row{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:11px;width:100%;margin-bottom:7px;padding:11px 13px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.ss-arr-row:hover:not(:disabled){border-color:var(--accent,var(--blue));box-shadow:0 0 0 2px color-mix(in oklab, var(--accent,var(--blue)) 22%, transparent);transform:translateY(-1px)}.ss-arr-row:disabled{cursor:default;opacity:.72}.ss-arr-row.done{cursor:default;background:var(--surface-2,var(--surface))}.ss-arr-dot{background:var(--text-3);border-radius:50%;flex:none;width:9px;height:9px}.ss-arr-dot.on_order{background:var(--amber,#d98324)}.ss-arr-dot.incoming{background:var(--blue,#2b6cb0)}.ss-arr-dot.done{color:#fff;background:var(--green,#2f855a);justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ss-arr-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.ss-arr-spec{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.ss-arr-meta{color:var(--text-3);font-size:11.5px}.ss-arr-vin{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ss-arr-go{color:var(--accent,var(--blue));flex:none;align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.ss-arr-form{flex-direction:column;gap:12px;display:flex}.ss-arr-known{color:var(--green,#2f855a);background:color-mix(in oklab, var(--green,#2f855a) 10%, transparent);border:1px solid color-mix(in oklab, var(--green,#2f855a) 26%, transparent);border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:12.5px;font-weight:600;display:flex}.ss-arr-req{color:var(--red,#c53030)}.ss-arr-vinput{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.ss-arr-count{font-variant-numeric:tabular-nums;color:var(--text-3);align-self:flex-end;margin-top:3px;font-size:11px}.ss-arr-count.ok{color:var(--green,#2f855a);font-weight:650}.ss-arr-fl{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin-top:2px;font-size:11.5px;font-weight:650}.ss-arr-pills{flex-wrap:wrap;gap:7px;display:flex}.ss-arr-pill{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.ss-arr-pill:hover{border-color:var(--accent,var(--blue))}.ss-arr-pill.on{border-color:var(--accent,var(--blue));color:var(--accent,var(--blue));background:color-mix(in oklab, var(--accent,var(--blue)) 10%, transparent)}.ss-arr-sw{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:15px;height:15px}.ss-arr-more{color:var(--text-2);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:5px;padding:4px 0;font-size:12.5px;font-weight:600;display:inline-flex}.ss-arr-more:hover{color:var(--accent,var(--blue))}.ss-arr-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.ss-arr-err{color:var(--red,#c53030);background:color-mix(in oklab, var(--red,#c53030) 10%, transparent);border:1px solid color-mix(in oklab, var(--red,#c53030) 26%, transparent);border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:12.5px;display:flex}.ss-arr-save{justify-content:center;width:100%;padding:11px;font-size:14px}.ss-arr-line1{align-items:center;gap:7px;min-width:0;display:flex}.ss-arr-line1 .ss-arr-spec{flex:0 auto}.ss-arr-line2{flex-wrap:wrap;align-items:center;gap:10px;margin:1px 0;display:flex}.ss-arr-col{align-items:center;gap:4px;min-width:0;display:inline-flex}.ss-arr-collab{letter-spacing:.01em;color:var(--text);flex:none;font-size:12px;font-weight:700}.ss-arr-dotc{border:1px solid var(--border);border-radius:50%;flex:none;width:13px;height:13px;box-shadow:inset 0 0 0 1px #ffffff40}.ss-arr-colname{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:15ch;font-size:12px;font-weight:400;overflow:hidden}.ss-arr-variant{letter-spacing:.02em;border:1px solid var(--border);color:var(--text-2);background:var(--surface-2,var(--surface));border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:650}.ss-arr-branch{border:1px solid var(--border);height:16px;color:var(--text-3);border-radius:999px;align-items:center;gap:3px;margin-left:7px;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.ss-arr-head .ss-arr-branchsel{width:auto;min-width:130px;max-width:190px;height:34px;margin-left:auto;font-size:12.5px}@media (max-width:640px){.ss-arr-head .ss-arr-branchsel{width:100%;max-width:none;margin-left:0}}.ss-arr-img,.ss-arr-ph{border:1px solid var(--border);background:var(--surface-2,var(--surface));object-fit:contain;border-radius:8px;flex-shrink:0;width:56px;height:38px}.ss-arr-by{align-items:center;gap:4px;display:inline-flex}@media (max-width:640px){.ss-lightbox{padding:10px}}.ss-arr-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}
.sv-history{flex-direction:column;gap:8px;display:flex}.sv-history-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sv-history-ttl{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.sv-empty{padding:4px 0;font-size:12.5px}.sv-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sv-item{border:1px solid var(--border,#00000014);border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.sv-wono{font-family:var(--mono,monospace);font-size:12.5px;font-weight:600}.sv-type{font-size:13px}.sv-meta{font-size:12px}.sv-color{align-items:center;gap:6px;margin-top:3px;display:inline-flex}.sv-swatch{border:1px solid var(--border,#00000014);border-radius:50%;flex-shrink:0;width:13px;height:13px;display:inline-block}.sv-tickets{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sv-ticket{border:1px solid var(--border);background:var(--accent-soft);border-radius:8px;align-items:center;gap:6px;padding:3px 4px 3px 9px;font-size:12.5px;display:inline-flex}.sv-ticket.is-used{background:var(--surface-2);padding-right:9px}.sv-ticket .muted{font-size:11.5px}.sv-cust{color:var(--text);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;text-decoration:none;display:inline-flex}.sv-cust:hover{text-decoration:underline}.sv-cust .muted{font-size:11.5px}.sv-save-cust{margin-top:6px}.sv-cust-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sv-cust-car{margin-top:2px;font-size:12.5px}.sv-combo{align-items:center;gap:6px;display:flex}.sv-combo .input{flex:auto;min-width:0}