:root{--indigo-700: #4338ca;--indigo-600: #4f46e5;--indigo-500: #6366f1;--indigo-300: #a5b4fc;--indigo-100: #e0e7ff;--indigo-50: #eef2ff;--slate-900: #0f172a;--slate-700: #334155;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--bg: #f3f4fb;--card: #fff;--line: #eaecf5;--text: var(--slate-900);--muted: var(--slate-500);--accent: var(--indigo-600);--accent-soft: var(--indigo-50);--danger: #e11d48;--danger-soft: #fff1f2;--success: #15803d;--success-soft: #dcfce7;--warning: #b45309;--warning-soft: #fef3c7;--nav-bg: #fff;--nav-text: var(--slate-700);--nav-muted: var(--slate-400);--nav-line: var(--line);--nav-hover: var(--slate-50);--radius-lg: 16px;--radius: 12px;--radius-sm: 9px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 28px -22px rgba(15, 23, 42, .5);--shadow-pop: 0 24px 50px -26px rgba(15, 23, 42, .55);--ring: 0 0 0 3px rgba(99, 102, 241, .18);--topbar-h: 0px;--nav-w: 236px;--gutter: 14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font:14px/1.6 Heebo,Segoe UI,ui-sans-serif,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em}#root{display:contents}.topbar{display:none;align-items:center;gap:12px;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:700}.conn{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.conn input{width:220px}.banner{position:sticky;top:var(--topbar-h);z-index:40;margin:0;padding:11px 18px;text-align:start;background:var(--danger-soft);color:var(--danger);border-bottom:1px solid #fecdd3;font-weight:500;white-space:pre-wrap}.banner.ok{background:var(--success-soft);color:var(--success);border-bottom-color:#bbf7d0}.banner{position:fixed;top:auto;bottom:24px;left:24px;translate:none;z-index:9999;max-width:min(360px,calc(100vw - 40px));padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:var(--shadow-card);font-size:13px;animation:toast-in .16s ease-out,toast-out .26s ease-in 2.7s forwards}.banner.ok{border-color:#bbf7d0}body:has(#view-detail) #banner{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}.layout{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);align-items:start}.sidebar{position:sticky;top:var(--gutter);height:calc(100dvh - var(--gutter) * 2);display:flex;flex-direction:column;margin:var(--gutter);padding:14px 10px 10px;border:1px solid var(--nav-line);border-radius:18px;background:var(--nav-bg);color:var(--text);box-shadow:0 1px 2px #0f172a0a,0 18px 40px -30px #0f172a73;overflow:hidden}.sidebar-head{display:flex;align-items:center;gap:10px;padding:4px 8px 14px}.sidebar-logo img{width:38px;height:40px;object-fit:contain}.sidebar-logo{overflow:hidden;display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px}.sidebar-brand{flex:1;min-width:0;font-size:17px;font-weight:700;line-height:1.25;color:var(--text)}.sidebar-brand small{display:block;font-size:11.5px;font-weight:400;color:var(--muted)}.sidebar-collapse{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--nav-line);border-radius:10px;background:var(--slate-50);color:var(--slate-500);font-size:12px;line-height:1;cursor:pointer}.sidebar-collapse:hover{background:var(--slate-100);color:var(--slate-700)}.nav-search{position:relative;padding:0 0 10px}.nav-search-input{display:block;width:100%;padding:8px 12px;padding-inline-end:34px;border:1px solid var(--nav-line);border-radius:10px;background:var(--slate-50);color:var(--text);font:inherit;font-size:13px;box-sizing:border-box;text-align:center;text-indent:14px}.nav-search-input::placeholder{color:var(--nav-muted)}.nav-search-input:focus{outline:none;border-color:var(--accent);background:var(--card)}.nav-search-icon{position:absolute;inset-inline-end:11px;top:47%;transform:translateY(-50%);width:19px;height:19px;color:var(--slate-400, var(--nav-muted));pointer-events:none}.nav-search-empty{padding:8px 12px;font-size:12.5px}.nav-list{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--nav-line);scrollbar-width:thin;scrollbar-color:var(--slate-200) transparent}.nav-list::-webkit-scrollbar{width:6px}.nav-list::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:999px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group+.nav-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--nav-line)}.nav-group-title{padding:4px 12px 6px;color:var(--nav-muted);font-size:10.5px;font-weight:600;letter-spacing:.06em}.nav-item{position:relative;display:flex;align-items:center;gap:12px;border:none;background:transparent;text-align:start;padding:10px 12px;border-radius:10px;color:var(--nav-text);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .14s ease,color .14s ease}.nav-item .nav-icon{flex:0 0 20px;width:20px;height:20px;color:var(--slate-500)}.nav-item .nav-icon svg{display:block;width:20px;height:20px}.nav-item .nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:var(--nav-hover);color:var(--text)}.nav-item:hover .nav-icon{color:var(--slate-700)}.nav-item.is-active{background:var(--indigo-50);color:var(--accent);font-weight:600}.nav-item.is-active .nav-icon{color:var(--accent)}.nav-badge{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:6px 8px}.sidebar-user .avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:999px;background:var(--indigo-500);color:#fff;font-size:13px;font-weight:700}.sidebar-user .who{flex:1;min-width:0;font-size:12px;line-height:1.35;color:var(--text);overflow:hidden}.sidebar-user .who strong{display:block;font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .who-role{color:var(--muted);font-size:11.5px}.sidebar-signout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 12px;border:1px solid var(--nav-line);border-radius:12px;background:var(--card);color:var(--slate-700);font:inherit;font-size:13px;font-weight:500;cursor:pointer}.sidebar-signout svg{display:block;width:18px;height:18px}.sidebar-signout:hover{background:var(--slate-50);color:var(--text)}@media(min-width:901px){body.nav-collapsed{--nav-w: 76px}body.nav-collapsed .sidebar{padding-inline:10px}body.nav-collapsed .sidebar-head{flex-direction:column;align-items:center;gap:8px;padding:2px 0 14px}body.nav-collapsed .sidebar-brand,body.nav-collapsed .nav-label,body.nav-collapsed .nav-group-title,body.nav-collapsed .sidebar-user .who,body.nav-collapsed .sidebar-signout span{display:none}body.nav-collapsed .nav-item{justify-content:center;padding-inline:0}body.nav-collapsed .nav-list{scrollbar-width:none}body.nav-collapsed .nav-list::-webkit-scrollbar{width:0}body.nav-collapsed .sidebar-user{justify-content:center;padding:4px}body.nav-collapsed .sidebar-signout{padding-inline:0}body.nav-collapsed .nav-badge{position:absolute;top:1px;inset-inline-start:3px;min-width:17px;height:17px;padding:0 4px;font-size:9.5px}}.content{display:grid;gap:16px;min-width:0;width:100%;max-width:1440px;margin-inline:auto;padding:var(--gutter) 4px 44px 20px}.view{display:grid;gap:16px}.menu-toggle{display:none}.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(70rem 34rem at 82% -8%,#dfe3ff 0%,transparent 62%),radial-gradient(60rem 30rem at 8% 108%,#e6ecff 0%,transparent 58%),var(--bg)}.login-wrap{flex:1;display:grid;place-items:center;padding:clamp(16px,6vh,64px) clamp(12px,4vw,24px)}.login-card{width:min(100%,27rem);padding:clamp(22px,4.5vw,38px);border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-pop);text-align:start}.login-card .brand.big{display:inline-flex;align-items:center;gap:10px;font-size:clamp(20px,5vw,25px);font-weight:700;margin-bottom:14px}.login-card .brand.big:before{content:"ZP";display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-700));color:#fff;font-size:12px;letter-spacing:.04em}.login-card h2{font-size:clamp(16px,3vw,19px);margin:0 0 2px}.login-sub{margin:0 0 clamp(16px,3vh,24px);color:var(--muted);font-size:13px}.login-card label{margin-bottom:14px;font-size:12.5px}.login-card input{margin-top:6px;font-size:15px}.login-actions{display:grid;gap:10px;margin-top:20px}.login-actions .primary{width:100%;padding:11px 12px}button.linkish{border:none;background:none;color:var(--accent);padding:4px;font-size:13px;font-weight:600}button.linkish:hover{text-decoration:underline;background:none}.settings{margin-top:clamp(14px,3vh,22px);border-top:1px solid var(--line);padding-top:12px}.settings summary{color:var(--muted);font-size:12px;cursor:pointer}.settings label{margin:10px 0 0}@media(max-height:520px){.login-wrap{place-items:start center;padding-top:16px}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card);min-width:0}.card h2{margin:0 0 14px;font-size:17px}.card h3{margin:0 0 14px;font-size:15px}label{display:block;margin-bottom:12px;color:var(--slate-700);font-size:12px;font-weight:500}input,select,textarea{display:block;width:100%;margin-top:5px;padding:9px 12px;border:1px solid var(--slate-200);border-radius:var(--radius-sm);background:#fff;color:var(--text);font:inherit;font-size:13.5px;transition:border-color .14s ease,box-shadow .14s ease}input::placeholder,textarea::placeholder{color:var(--slate-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--indigo-500);box-shadow:var(--ring)}input:disabled,select:disabled,textarea:disabled{background:var(--slate-50);color:var(--slate-400)}input[type=date]{min-width:140px}select{appearance:none;-webkit-appearance:none;padding-inline-end:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;background-size:15px}select:not([size]){padding-inline-end:30px}[dir=rtl] select{background-position:left 10px center}.conn input,.toolbar select,.toolbar input{margin-top:0;width:auto}label.check{display:flex;align-items:center;gap:6px}label.check input{display:inline-block;width:auto;margin-top:0}input[type=search]{min-width:15rem;padding-inline-start:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.2' y2='16.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:15px}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--slate-200);background:#fff;color:var(--slate-700);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}button:hover{background:var(--slate-50);border-color:var(--slate-300)}button:focus-visible{outline:none;box-shadow:var(--ring)}button.primary{background:var(--indigo-600);border-color:var(--indigo-600);color:#fff;font-weight:600;box-shadow:0 10px 20px -14px #4f46e5f2}button.primary:hover{background:var(--indigo-500);border-color:var(--indigo-500)}button.ghost{background:#fff}button.ghost:hover{background:var(--slate-50)}button:disabled{opacity:.5;cursor:default;box-shadow:none}button.danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}button.danger:hover{background:#be123c;border-color:#be123c}.row{display:flex;gap:8px;align-items:center}.row>select,.row>input{margin-top:0}.row>select{width:auto;min-width:12rem}.page-head{display:grid;gap:14px}.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.crumb{padding:0;border:none;background:none;color:var(--muted);font-size:12.5px;font-weight:500}.crumb:hover{background:none;color:var(--accent);text-decoration:underline}.crumb-sep{color:var(--slate-300)}.crumb-current{color:var(--slate-700);font-weight:600;direction:ltr;unicode-bidi:isolate}.page-head-row{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.page-head-titles{flex:1;min-width:14rem}.page-head-titles h2{margin:0;font-size:20px}.page-head-sub{margin:4px 0 0;color:var(--muted);font-size:12.5px}.page-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-main{display:grid;gap:16px;min-width:0}.detail-main>*{min-width:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:2px}.tab{padding:9px 14px 10px;border:none;border-radius:0;background:none;color:var(--muted);font-size:13.5px;font-weight:500;box-shadow:inset 0 -2px 0 transparent}.tab:hover{background:none;color:var(--slate-700)}.tab.is-active{color:var(--accent);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.tab-panel{display:grid;gap:16px}.view-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:2px}.view-tab{padding:9px 14px 10px;border:none;border-radius:0;background:none;color:var(--muted);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;box-shadow:inset 0 -2px 0 transparent}.view-tab:hover{background:none;color:var(--slate-700)}.view-tab.is-active{color:var(--accent);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar h2,.toolbar h3{margin:0}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px;margin:-4px 0 12px}.setup-notice{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:11px 14px;border:1px solid #fde68a;border-radius:var(--radius);background:var(--warning-soft);color:var(--warning)}.detail-title{margin:0;font-size:18px}.order-total{font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px;margin-bottom:12px}.quality-requirement{display:flex;align-items:center;gap:8px}.quality-requirement input[type=checkbox]{flex:0 0 auto;width:auto;margin:0}.phone-field,.address-field{display:flex;gap:6px;margin-top:5px}.phone-field>*,.address-field>*{margin-top:0}.phone-field{direction:ltr}.phone-prefix{flex:0 0 8.5rem}.address-field>:nth-child(1){flex:1 1 40%}.address-field>:nth-child(2){flex:1 1 45%}.address-field>:nth-child(3){flex:0 0 5rem}.grid .wide{grid-column:1 / -1}.prefix-picker{position:relative;flex:0 0 8.5rem}.prefix-picker-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.prefix-picker-btn{width:100%;text-align:start;padding:9px 12px;border:1px solid var(--slate-200);border-radius:var(--radius-sm);background:#fff;color:var(--text);font:inherit;font-size:13.5px;cursor:pointer}.prefix-picker-btn:hover{background:var(--slate-50)}.prefix-picker.is-open .prefix-picker-btn{border-color:var(--indigo-500);box-shadow:var(--ring)}.prefix-picker-panel{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:40;width:max(100%,12rem);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:6px}.prefix-picker-search{width:100%;margin:0 0 6px;padding:8px 10px;border:1px solid var(--slate-200);border-radius:var(--radius-sm);font:inherit}.prefix-picker-list{list-style:none;margin:0;padding:0;max-height:14rem;overflow-y:auto}.prefix-picker-list li{padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px}.prefix-picker-list li:hover{background:var(--slate-100)}.prefix-picker-list li.is-selected{background:var(--indigo-50);color:var(--indigo-700);font-weight:600}.prefix-picker-list li.prefix-picker-empty{color:var(--muted);cursor:default}.prefix-picker-list li.prefix-picker-empty:hover{background:none}.select-picker{position:relative;margin-top:5px}.select-picker-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.select-picker-btn{width:100%;text-align:start;padding:9px 12px;padding-inline-end:30px;border:1px solid var(--slate-200);border-radius:var(--radius-sm);background:#fff;color:var(--text);font:inherit;font-size:13.5px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;background-size:15px}.select-picker-btn.is-empty{color:var(--muted)}.select-picker-btn:hover{background-color:var(--slate-50)}.select-picker.is-open .select-picker-btn{border-color:var(--indigo-500);box-shadow:var(--ring)}.select-picker-panel{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:40;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:6px}.select-picker-search{width:100%;margin:0 0 6px}.select-picker-list{list-style:none;margin:0;padding:0;max-height:16rem;overflow-y:auto}.select-picker-list li{padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px}.select-picker-list li:hover{background:var(--slate-100)}.select-picker-list li.is-selected{background:var(--indigo-50);color:var(--indigo-700);font-weight:600}.select-picker-list li.select-picker-empty{color:var(--muted);cursor:default}.select-picker-list li.select-picker-empty:hover{background:none}.search-picker{position:relative}.search-picker input{margin-top:0}.search-picker-panel{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:40;max-height:14rem;overflow-y:auto;margin:0;padding:5px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-pop)}.search-picker-panel li{padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px}.search-picker-panel li:hover{background:var(--slate-100)}table.list{width:100%;border-collapse:collapse}table.list th{text-align:start;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--line);padding:9px 12px;white-space:nowrap}table.list th:first-child{border-start-start-radius:10px}table.list th:last-child{border-start-end-radius:10px}table.list td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:13.5px}table.list tbody tr{cursor:pointer;transition:background .12s ease}table.list tbody tr:hover{background:var(--indigo-50)}table.list tbody tr:last-child td{border-bottom:none}table.list tbody tr.is-clickable{cursor:pointer}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid transparent;background:var(--slate-100);color:var(--slate-700);white-space:nowrap}.badge.new{background:var(--indigo-100);color:var(--indigo-700)}.badge.in_progress{background:var(--warning-soft);color:var(--warning)}.badge.ready{background:var(--success-soft);color:var(--success)}.badge.delivered{background:var(--slate-200);color:var(--slate-700)}.badge.cancelled{background:var(--danger-soft);color:var(--danger)}.node{border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:10px;background:#fff}.node:hover{border-color:var(--indigo-300)}.node-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--indigo-50)}.order-tree-branch{width:100%}.order-tree-parent>.node{width:100%;margin-bottom:18px}.order-tree-parent>.children,.order-tree-child>.children{display:grid;gap:8px;margin:0;padding:0;border:0}.order-tree-child>.node{margin-bottom:0}.node .head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.node .head strong{font-weight:600}.node .meta{color:var(--muted);font-size:12px;margin-top:4px}.node .actions{position:relative;display:flex;gap:6px;align-items:center;margin-top:12px;padding-left:110px;flex-wrap:wrap}.node .actions>.node-routing-card-button{position:absolute;left:0;top:0;margin:0}.node .actions select,.node .actions input{width:auto;margin-top:0}.children{margin-inline-start:20px;border-inline-start:2px solid var(--indigo-100);padding-inline-start:12px}.node-compact{padding:0;overflow:hidden}.node-summary{display:grid;gap:2px;width:100%;padding:8px 12px 6px;border:0;border-radius:0;background:transparent;color:var(--text);direction:rtl;text-align:right;justify-content:stretch;justify-items:stretch;box-shadow:none}.node-summary:hover{background:var(--indigo-50)}.node-routing-card-button{margin-inline-start:0;margin-inline-end:auto}.node-summary-title{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}.node-summary-title strong{font-size:13px}.node-summary-meta{width:100%;color:var(--muted);font-size:12px}.node-compact>.children{margin:0 12px 8px}.node-compact-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 12px 8px}.node-compact-foot>.node-routing-card-button{margin:0;padding:3px 8px;font-size:12px}.node-compact-files{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}.node-compact-file{display:flex;align-items:center;gap:6px;font-size:12px}.node-compact-file .line-file-icons{flex-basis:auto}.node-compact-file .line-files>.ghost{padding:3px 8px;font-size:12px}.node-compact-file .line-file-icon{width:24px;height:26px}.danger-subtle{color:var(--danger)}.kv{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin:10px 0 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kv-row{display:flex;align-items:baseline;gap:5px;padding:0;border-bottom:0}.kv-row dt{color:var(--muted);font-size:12px;white-space:nowrap}.kv-row dd{margin:0;font-size:13px;font-weight:500}.kv-row.kv-row-block{flex-basis:100%;align-items:flex-start}.kv-row.kv-row-block dd{flex:1}.quantity-change-input{width:84px;padding:2px 8px;font-size:13px;font-weight:500}.node .head .quantity-change-save{margin-inline-start:auto;padding:4px 12px;font-size:12px}.node .head .quantity-change-save:disabled{opacity:.45;cursor:default}.history{list-style:none;margin:0;padding:0;display:grid;gap:8px}.history li{padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--slate-50);font-size:13px}.history .when{display:block;color:var(--muted);font-size:11.5px;margin-bottom:2px}.history-toggle{margin-top:8px}.ltr{direction:ltr;unicode-bidi:isolate}.zn-number{white-space:nowrap;font-variant-numeric:tabular-nums}.zn-number .zn-parent{opacity:.6}.zn-number .zn-child{font-weight:700}.split-parent-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.split-parent-zn{font-size:14px;font-weight:600;color:var(--text)}.split-parent-zn .zn-parent{opacity:1}.delivery-badge{background:var(--indigo-50);color:var(--accent);white-space:nowrap}.delivery-group-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.delivery-group-head strong{font-weight:600}.delivery-group-totals{margin-top:4px;color:var(--muted);font-size:12px}.delivery-list{display:grid;gap:6px;margin-top:10px}.delivery-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;background:var(--slate-50)}.delivery-row.is-shipped{opacity:.75}.delivery-row-main{display:flex;flex:1;gap:8px;align-items:center;flex-wrap:wrap;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);direction:rtl;text-align:right;justify-content:flex-start;box-shadow:none}.delivery-row-main:hover{background:var(--indigo-50)}.delivery-index{color:var(--muted);font-size:12px;white-space:nowrap}.delivery-quantity{font-size:13px;white-space:nowrap}.delivery-due,.delivery-station{color:var(--muted);font-size:12px;white-space:nowrap}.delivery-row-actions{display:flex;gap:6px;padding-inline-end:8px}.delivery-more-toggle{margin-top:2px}.delivery-group-row>td{font-weight:500}.delivery-sub-row>td:first-child{padding-inline-start:26px}.delivery-sub-row{background:var(--slate-50)}.delivery-expand{padding:0 6px;border:0;background:transparent;color:var(--muted);box-shadow:none}.ordered-quantity-edit{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.split-card-count{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 10px}.split-bar{display:flex;gap:3px;height:10px;margin:4px 0 10px}.split-bar-seg{flex-basis:0;min-width:6px;border-radius:999px;background:var(--indigo-300);transition:background .15s ease}.split-bar-seg.is-current{background:var(--accent)}.split-bar-seg.is-shipped{background:var(--success)}.split-bar-seg.is-cancelled{background:var(--slate-200)}.split-bar-seg.is-remaining{background:repeating-linear-gradient(135deg,var(--slate-200) 0 4px,var(--slate-100) 4px 8px)}.split-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--muted);margin-bottom:14px}.split-legend strong{color:var(--text)}.split-legend .is-shipped{color:var(--success)}.split-legend .is-remaining{color:var(--warning)}.split-parts{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.split-part{width:100%;display:flex;align-items:center;gap:12px;text-align:start;font:inherit;color:inherit;padding:10px 12px;border:1px solid var(--line);border-inline-start:3px solid transparent;border-radius:var(--radius-sm);background:var(--card);cursor:pointer;transition:border-color .15s ease,background .15s ease}.split-part:hover:not(:disabled){border-color:var(--indigo-300);background:var(--slate-50)}.split-part:focus-visible{outline:none;box-shadow:var(--ring)}.split-part.is-current{cursor:default;border-color:var(--indigo-300);border-inline-start-color:var(--accent);background:var(--accent-soft)}.split-part.is-cancelled{opacity:.6}.split-part-index{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;font-size:12px;font-weight:600;color:var(--accent);background:var(--indigo-100)}.split-part.is-current .split-part-index{color:#fff;background:var(--accent)}.split-part-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.split-part-title{font-weight:600;display:flex;align-items:center;gap:6px}.split-part-title em{font-style:normal;font-size:11px;font-weight:500;color:var(--muted);background:var(--slate-100);border-radius:999px;padding:1px 7px}.split-part-meta{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:var(--muted)}.split-part-qty{flex:0 0 auto;display:flex;align-items:baseline;gap:4px}.split-part-qty strong{font-size:17px;line-height:1}@media(max-width:640px){.split-part{flex-wrap:wrap}.split-part-main{flex-basis:calc(100% - 38px)}}.modal{width:min(92vw,27rem);padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);color:var(--text);box-shadow:var(--shadow-pop)}.modal::backdrop{background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal h3{margin:0 0 8px;font-size:16px}.confirm-text{margin:0 0 18px;white-space:pre-wrap}.confirm-actions{justify-content:flex-start}.pick-list{max-height:12rem;overflow:auto;margin:4px 0 14px}.pick{display:flex;gap:6px;align-items:center;font-size:13px;padding:3px 0}.pick input{width:auto;margin-top:0}#qc-pass-modal{width:min(92vw,34rem)}#qc-pass-modal textarea{width:100%;min-height:6rem;resize:vertical}.characteristics-modal{width:min(92vw,40rem)}.characteristics-modal .line-characteristics-table{margin:10px 0 14px}.characteristics-modal .confirm-actions{justify-content:space-between}@media(max-width:900px){:root{--topbar-h: 54px}.grid,.kv{grid-template-columns:1fr}.conn input{width:140px}.topbar{display:flex;position:sticky;top:0;z-index:30}.layout{grid-template-columns:minmax(0,1fr)}.menu-toggle{display:inline-flex}.content{padding:var(--gutter)}.sidebar{display:none;position:fixed;inset-inline-start:0;inset-block:var(--topbar-h) 0;z-index:50;width:min(78vw,var(--nav-w));height:auto;margin:0;border-radius:0}.sidebar-head{display:none}.sidebar.is-open{display:flex}}.toolbar label.check{margin:0;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.toolbar label.check input{margin:0;width:auto}.contents{display:contents}.contents[hidden]{display:none}.lines{margin-bottom:12px}.lines-title{color:var(--muted);font-size:12px}.line-add{margin:6px 0;flex-wrap:wrap}.line-add select{flex:1 1 14rem;margin-top:0}.line-add input{width:7rem;margin-top:0}.line-add input[data-line-price]{width:9.5rem}.lines-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.lines-table{width:max-content;min-width:100%;table-layout:fixed}.lines-table tbody tr{cursor:default}.lines-table tbody tr:hover{background:none}.lines-table th,.lines-table td{border-inline-end:1px solid var(--line)}.lines-table th:last-child,.lines-table td:last-child{border-inline-end:none}.lines-table th{padding:8px 10px}.lines-table td{vertical-align:middle;padding:0 10px;height:42px}.lines-table .line-row+.line-row td{border-top:1px solid var(--line)}.lines-table .c-index{width:3rem;text-align:center;color:var(--muted)}.lines-table .c-name{width:14rem;font-weight:500}.lines-table .c-material{width:9rem}.lines-table .c-qty{width:5.5rem}.lines-table .c-ordered-qty{width:6rem;font-weight:600}.lines-table .c-price{width:6.5rem}.lines-table .c-sum{width:7rem;font-weight:600;white-space:nowrap;text-align:center}.lines-table .c-options{width:9.5rem;text-align:center}.lines-table .c-actions{width:7.5rem;text-align:center}.lines-table .c-qty,.lines-table .c-ordered-qty,.lines-table .c-price{text-align:center}.lines-table .line-row-details td{background:var(--slate-50);border-top:none;padding:10px 12px 12px;height:auto}.line-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:10px 14px}.line-details-field{display:flex;flex-direction:column;gap:3px}.line-details-field-wide{grid-column:span 2}.line-details-field>span{color:var(--muted);font-size:11.5px}.line-details-field input,.line-details-field select{height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);font-size:13.5px}.line-details-field .cell-stack-start{align-items:flex-start}.line-details-field .pick{gap:6px;font-size:12.5px;color:var(--text)}.line-jobs{margin-top:12px}.line-jobs-table{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.line-jobs-table th{padding:6px 10px;font-size:12px;font-weight:500;color:var(--muted)}.line-jobs-table td{padding:6px 10px}.line-jobs-readonly{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.line-jobs-readonly-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.line-details-toggle svg{transition:transform .15s ease}.line-details-toggle svg.is-open{transform:rotate(180deg)}.lines-table .c-index,.lines-table .c-name{position:sticky;inset-inline-start:0;z-index:1;background:var(--card)}.lines-table .c-name{inset-inline-start:3rem}.lines-table thead .c-index,.lines-table thead .c-name{z-index:2;background:var(--slate-50)}.lines-table .line-row input:not([type=checkbox]),.lines-table .line-row select{width:100%;min-width:0;height:30px;margin:0;padding:0 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;box-shadow:none;font-size:13.5px;text-align:inherit}.lines-table .line-row input:hover:not([type=checkbox]),.lines-table .line-row select:hover{border-color:var(--line);background:var(--slate-50)}.lines-table .line-row input:focus:not([type=checkbox]),.lines-table .line-row select:focus{border-color:var(--indigo-300);background:var(--card);box-shadow:var(--ring);outline:none}.lines-table .line-row input[type=date]{text-align:start}.lines-table .line-options{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;--icon-paperclip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.4 11-9.2 9.2a6 6 0 0 1-8.5-8.5l8.6-8.6a4 4 0 0 1 5.7 5.7l-8.6 8.6a2 2 0 0 1-2.8-2.9l8.5-8.4'/%3E%3C/svg%3E")}.lines-table .line-opt-files{display:flex;align-items:center;gap:4px;flex:0 0 auto}.lines-table .line-opt-files>.line-files,.lines-table .line-opt-files>.line-files-picker{display:flex;align-items:center;gap:4px}.lines-table .line-opt-files>*>button.ghost:first-of-type,.lines-table .line-opt-icon,.lines-table .line-del,.lines-table .line-more-btn,.lines-table .line-details-toggle{flex:0 0 auto;font-size:0;line-height:0;padding:0;width:30px;height:30px;border-radius:8px;border:1px solid var(--slate-200);background:#fff;color:var(--slate-600, #475569);box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.lines-table .line-opt-files>*>button.ghost:first-of-type:hover,.lines-table .line-opt-icon:hover,.lines-table .line-more-btn:hover,.lines-table .line-details-toggle:hover{border-color:var(--slate-300, #cbd5e1);background:var(--slate-50);color:var(--slate-800, #1e293b)}.lines-table .line-opt-files>*>button.ghost:first-of-type:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--icon-paperclip) center / contain no-repeat;mask:var(--icon-paperclip) center / contain no-repeat}.lines-table .line-opt-icon>svg,.lines-table .line-del>svg,.lines-table .line-more-btn>svg,.lines-table .line-details-toggle>svg{width:16px;height:16px;flex:0 0 auto}.lines-table .line-opt-icon[data-filled]{background:var(--slate-100);border-color:var(--slate-300, #cbd5e1)}.lines-table .line-row select.line-priority{flex:0 0 auto;width:auto;min-width:3.4rem;height:26px;padding:0 10px;border-radius:6px;border:1px solid transparent;font-size:12.5px;font-weight:700;text-align:center;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:none}.lines-table .line-row select.line-priority:hover,.lines-table .line-row select.line-priority:focus{border-color:transparent;box-shadow:none}.lines-table .line-row select.line-priority.is-normal{background:#dbeafe;color:#1d4ed8}.lines-table .line-row select.line-priority.is-normal:hover{background:#bfdbfe}.lines-table .line-row select.line-priority.is-urgent{background:#fee2e2;color:#dc2626}.lines-table .line-row select.line-priority.is-urgent:hover{background:#fecaca}.lines-table .line-row select.line-priority.is-review{background:#fef3c7;color:#b45309}.lines-table .line-row select.line-priority.is-review:hover{background:#fde68a}.lines-table .line-actions{display:flex;align-items:center;justify-content:center;gap:6px}.lines-table .line-del{color:#dc2626;background:#fee2e2;border-color:#fecaca}.lines-table .line-del:hover{background:#fecaca;border-color:#fca5a5;color:#b91c1c}.lines-table .line-more{position:relative;flex:0 0 auto}.lines-table .line-more-menu{position:absolute;z-index:20;inset-inline-end:0;inset-block-start:calc(100% + 4px);min-width:9rem;padding:4px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);box-shadow:var(--shadow)}.lines-table .line-more-menu button{width:100%;margin:0;padding:6px 10px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--text);font-size:13px;text-align:start;justify-content:flex-start}.lines-table .line-more-menu button:hover{background:var(--slate-50)}.lines-table .line-more-menu button.is-danger{color:var(--danger)}.lines-table .line-more-menu button.is-danger:hover{background:var(--danger-soft)}.lines-table .cell-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.lines-table .cell-stack .pick{margin:0;justify-content:center}.lines-table .line-row input[type=checkbox]{width:auto;margin:0}.lines-table .line-characteristics{display:flex;flex-direction:column;gap:4px}.lines-table .line-characteristics-head{gap:8px;align-items:center;flex-wrap:nowrap}.lines-table .line-characteristics-head input{flex:1 1 12rem;min-width:0}.lines-table .line-characteristics-head button{flex:0 0 auto;padding:5px 12px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);font-size:12.5px}.lines-table .line-characteristics-head button:hover{background:var(--slate-50);border-color:var(--slate-300, #cbd5e1)}.lines-table .line-characteristics-table{width:max-content;margin:4px 0}.lines-table .line-characteristics-table th{font-size:12px;font-weight:500}.lines-table .line-characteristics-table td{padding:2px 4px}.lines-table .line-characteristics-table input{width:6rem}.job-row td{background:var(--slate-50);border-top:none;padding-top:6px}.job-actions{display:flex;flex-direction:column;gap:4px}.job-actions button{width:100%;justify-content:flex-start;padding:6px 10px;font-size:12.5px}.lines-total{font-size:14.5px;font-weight:500;color:var(--slate-800);margin:8px 0 0}.create-order-note{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding:10px 14px;background:var(--indigo-50);border:1px solid var(--indigo-100, var(--slate-200));border-radius:var(--radius-sm);color:var(--slate-800);font-size:14.5px;font-weight:500;line-height:1.6}.create-order-note-icon{flex:none;color:var(--indigo-600);font-weight:700;font-size:16px}.line-actions{display:flex;align-items:flex-start;gap:6px}.line-files-picker{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.line-file-remove{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;display:grid;width:15px;height:15px;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--muted);font-size:13px;line-height:1}.line-file-remove:hover{color:var(--danger, #b42318);border-color:currentColor}.order-product-files{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.order-product-files+.order-product-files{margin-top:6px}.line-files{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;vertical-align:middle}.line-file-icons{display:flex;flex-basis:100%;flex-wrap:wrap;gap:6px}.line-file{position:relative;display:inline-flex}.line-file-icon{display:grid;width:30px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:8px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--accent) 8%,white));box-shadow:0 2px 5px color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.2px;text-decoration:none}.line-file-icon:hover{border-color:var(--accent);transform:translateY(-1px)}.line-file-preview{display:none;position:absolute;z-index:10;inset-inline-end:0;inset-block-end:calc(100% + 6px);width:240px;min-height:80px;padding:6px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--card);box-shadow:var(--shadow);color:var(--text);font-size:12px}.line-file:hover .line-file-preview{display:block}.line-file-name{display:block;margin-bottom:6px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.line-file-preview img,.line-file-preview iframe{display:block;width:100%;height:180px;border:0;object-fit:contain}.line-file-remove{position:absolute;inset-inline-start:-6px;inset-block-start:-6px;width:14px;height:14px;padding:0;border:0;border-radius:50%;background:var(--danger);color:#fff;font-size:12px;line-height:14px}.route-steps{list-style-position:inside;margin:6px 0;padding:0}.route-steps li{display:flex;align-items:center;gap:8px;min-height:2.4rem;padding:6px 8px;border-bottom:1px solid var(--line);font-size:13px}.route-steps li:last-child{border-bottom:none}.route-steps li .grow{flex:1}.route-steps li button{padding:4px 9px;font-size:12px}.station-picker{margin-top:8px}.station-picker h3{margin:0 0 4px}.station-picker p{margin:0 0 8px}.station-picker .row{flex-wrap:wrap;gap:8px;align-items:center}.station-picker-select{min-width:12rem}.station-picker-reason{flex:1;min-width:9rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,280px));justify-content:start;gap:14px}.tiles.is-narrow{grid-template-columns:minmax(0,280px)}.tile{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.tile .tile-label{color:var(--muted);font-size:12px}.tile .tile-value{margin-top:2px;font-size:18px;font-weight:600;letter-spacing:-.02em}.tile .tile-value .badge{font-size:12px;padding:3px 11px}.tile .tile-icon svg{width:18px;height:18px}.tile .tile-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--indigo-50);color:var(--indigo-600)}.flow-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .3rem;font-size:.85rem;line-height:1.5;margin-top:6px}.flow-step{padding-inline:.7rem;padding-block:.25rem;border:1px solid var(--slate-200);border-radius:999px;background:#fff;color:var(--slate-700);font-weight:500;white-space:nowrap;box-shadow:0 1px 2px #0f172a0a}.flow-step.has-flow{border-inline-start:3px solid var(--layer-color, var(--slate-200));background:color-mix(in srgb,var(--layer-color, transparent) 22%,#fff)}.flow-step.is-first{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.flow-step.has-flow.is-first{border-inline-start-color:var(--layer-color, var(--accent))}.flow-sep{color:var(--slate-300);font-size:.8rem}.flow-strip-empty{font-size:.75rem;color:var(--muted);font-style:italic}.detail-route-steps{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.detail-route-step{display:inline-flex;align-items:baseline;gap:2px;font-size:.8125rem;border:1px solid var(--line);border-inline-start:3px solid var(--layer-color, var(--line));border-radius:999px;padding:3px 10px;background:color-mix(in srgb,var(--layer-color, transparent) 14%,#fff)}.detail-route-step.is-done{opacity:.6}.detail-route-step.is-working{box-shadow:inset 0 0 0 1px var(--accent, var(--line))}.detail-route-step.is-out-of-order{border-color:var(--warning, var(--line))}.detail-route-step-name{font-weight:600}.detail-route-step-flag{color:var(--warning, var(--muted))}.drawer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:92vw;max-height:86vh;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;padding:0;overflow:hidden;z-index:45}.drawer-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:.9rem 1.15rem}.drawer[hidden]{display:none}.drawer-backdrop{position:fixed;inset:0;z-index:44;background:#0f172a47}.drawer-backdrop.is-locked{cursor:not-allowed}.job-flow-locked{margin-block:.5rem 0}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:0 0 auto;padding:1rem 1.15rem .75rem;border-block-end:1px solid var(--line)}.drawer-head h3{margin:0}.drawer-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.5rem;margin-block-start:0;padding:.85rem 1.15rem;border-block-start:1px solid var(--line)}.steps-list{list-style:none;counter-reset:flow-step;padding-inline-start:0;margin:.75rem 0}.steps-list li{display:flex;align-items:center;gap:.4rem;counter-increment:flow-step;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.4rem .6rem;margin-block-end:.4rem}.steps-list li{background:color-mix(in srgb,var(--layer-color, transparent) 16%,#fff);border-inline-start:3px solid var(--layer-color, var(--line))}.steps-list .layer-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%}.steps-list li:before{content:counter(flow-step);flex:0 0 auto;min-width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:600}.steps-list li .grow{flex:1;min-width:0}.drawer-body select,.drawer-body input{max-width:100%;min-width:0}.steps-list li{flex-wrap:wrap}.step-grip{flex:0 0 auto;cursor:grab;-webkit-user-select:none;user-select:none;color:var(--slate-300);line-height:1;padding-inline:.1rem}.step-grip:active{cursor:grabbing}.steps-list li.is-dragging{opacity:.6;box-shadow:0 0 0 2px var(--accent)}.impersonation-bar{position:fixed;top:12px;left:12px;z-index:60;direction:rtl}.impersonation-open{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--slate-700);font-size:12px;font-weight:600;box-shadow:0 8px 20px -14px #0f172ab3;cursor:pointer}.impersonation-open:hover{border-color:var(--slate-400)}.impersonation-open-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .18s ease,opacity .14s ease}.impersonation-bar.is-expanded .impersonation-open-label{max-width:160px;opacity:1}.impersonation-bar.is-acting{display:flex;align-items:center;padding:4px;border-radius:999px;background:#7c2d12;color:#fff;box-shadow:0 12px 26px -16px #0f172ae6}.impersonation-eye{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:#ffffff29;color:#fff;font-size:14px;line-height:1;cursor:pointer}.impersonation-eye:hover{background:#ffffff4d}.impersonation-details{display:flex;align-items:center;gap:10px;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .2s ease,opacity .15s ease,margin-inline-start .2s ease}.impersonation-bar.is-acting.is-expanded .impersonation-details{max-width:min(320px,calc(100vw - 60px));opacity:1;margin-inline-start:8px;margin-inline-end:4px}.impersonation-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.impersonation-text strong{font-size:12.5px}.impersonation-sub{font-size:11px;opacity:.85}.impersonation-return{flex:none;padding:4px 10px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#ffffff24;color:#fff;font-size:11.5px;font-weight:600;cursor:pointer}.impersonation-return:hover{background:#ffffff42}.impersonation-return:disabled{opacity:.6;cursor:default}.impersonation-picker{margin-top:8px;width:300px;max-width:calc(100vw - 24px);padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 24px 50px -28px #0f172ae6}.impersonation-search{width:100%}.impersonation-list{margin-top:8px;max-height:260px;overflow-y:auto}.impersonation-candidate{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:start;font-size:13px;cursor:pointer}.impersonation-candidate:hover{background:var(--slate-100)}.impersonation-candidate:disabled{opacity:.6;cursor:default}.impersonation-candidate span{font-size:11px;color:var(--muted);white-space:nowrap}.impersonation-empty{padding:10px 9px;font-size:12px;color:var(--muted)}.impersonation-note{margin:8px 2px 0;font-size:11px;line-height:1.4;color:var(--muted)}@media(max-width:900px){.impersonation-bar{top:calc(var(--topbar-h) + 8px)}}.person-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 4px;border:1px solid color-mix(in srgb,var(--person-dot) 45%,transparent);border-radius:999px;background:var(--person-bg);color:var(--person-fg);font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}.person-tag:dir(rtl){padding:3px 4px 3px 10px}.person-tag-dot{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:999px;background:var(--person-dot);color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em}.person-tag-name{overflow:hidden;text-overflow:ellipsis}.person-tag.is-suggested{border-style:dashed;background:transparent}.person-tag.is-suggested .person-tag-dot{background:transparent;border:1px dashed var(--person-dot);color:var(--person-fg)}.person-tag.is-me{box-shadow:0 0 0 2px color-mix(in srgb,var(--person-dot) 30%,transparent)}.person-tag-me{padding:0 6px;border-radius:999px;background:var(--person-dot);color:#fff;font-size:10px;font-weight:700}.person-tag.is-unassigned{border:1px dashed #f59e0b;background:#fffbeb;color:#b45309}.person-tag.is-unassigned .person-tag-dot{background:#f59e0b;color:#fff}.person-color-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.person-color-swatch{width:26px;height:26px;padding:0;border:2px solid transparent;border-radius:999px;background:var(--person-dot);cursor:pointer}.person-color-swatch:hover:not(:disabled),.person-color-swatch:focus-visible{background:var(--person-dot);transform:scale(1.08)}.person-color-swatch.is-picked{border-color:var(--text);box-shadow:0 0 0 2px var(--person-bg)}.person-color-swatch.is-taken{background:repeating-linear-gradient(135deg,#fff 0 2px,transparent 2px 6px),var(--person-dot)}.person-color-swatch:disabled{cursor:default;opacity:.5}.person-color-auto{padding:3px 10px;border:1px dashed var(--line);border-radius:999px;background:transparent;color:var(--muted-text, #6b7280);font-size:12px;cursor:pointer}.person-color-auto.is-picked{border-style:solid;border-color:var(--text);color:var(--text)}.hint-bubble{position:fixed;z-index:200;max-width:min(320px,calc(100vw - 24px));padding:10px 13px;border-radius:12px;background:var(--slate-900);color:#e2e8f0;font-size:12.5px;line-height:1.6;text-align:start;box-shadow:0 18px 40px -18px #0f172aa6;pointer-events:none;animation:hint-bubble-in .12s ease-out}@keyframes hint-bubble-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hint-bubble{animation:none}}