:root {
  --ink: #19333a;
  --muted: #6d7b7d;
  --paper: #f6f7f4;
  --card: #ffffff;
  --line: #dde3df;
  --deep: #173c45;
  --teal: #237986;
  --teal-soft: #dceff0;
  --coral: #d96e5b;
  --coral-soft: #fbe6e0;
  --amber: #bd7a22;
  --amber-soft: #fff0d5;
  --green: #34745f;
  --green-soft: #e1f0e8;
  --shadow: 0 12px 32px rgba(23, 60, 69, .08);
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "IBM Plex Sans Hebrew", sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 220px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; color: #eaf2f1; background: var(--deep); padding: 28px 18px 20px; display: flex; flex-direction: column; }
.brand { display: flex; align-items: center; justify-content: center; padding: 0 3px 28px; direction: ltr; }
.brand-logo { display: block; width: min(176px, 100%); height: auto; max-height: 124px; object-fit: contain; }
.brand strong { display: block; font: 800 19px Heebo; letter-spacing: .15em; }
.brand small { color: #9bb7b8; font-size: 9px; letter-spacing: .17em; }
.brand-mark { width: 30px; height: 34px; display: flex; gap: 3px; align-items: end; }
.brand-mark span { display: block; width: 7px; border-radius: 7px 7px 2px 2px; background: #cf9b79; transform: rotate(8deg); }
.brand-mark span:nth-child(1) { height: 22px; }.brand-mark span:nth-child(2) { height: 31px; }.brand-mark span:nth-child(3) { height: 25px; }
nav { display: grid; gap: 6px; }
.nav-item { border: 0; color: #bdd0d0; background: transparent; text-align: right; padding: 12px 13px; border-radius: 9px; display: flex; align-items: center; gap: 11px; }
.nav-item:hover, .nav-item.active { color: white; background: #24515a; }
.nav-icon { width: 20px; text-align: center; font-size: 19px; }
.sidebar-foot { position:relative; margin-top: auto; border-top: 1px solid #315861; padding: 13px 0 0; display: flex; align-items: center; gap: 8px; }
.sidebar-foot small, .sidebar-foot strong { display: block; }.sidebar-foot small { color: #91aaad; font-size: 10px; }.sidebar-foot strong { font-size: 14px; }
.location-pin { width: 10px; height: 10px; border-radius: 50%; background: #6fc5b0; box-shadow: 0 0 0 4px #2c5960; }
.branch-trigger { min-width:0; flex:1; display:flex; align-items:center; justify-content:space-between; gap:7px; padding:7px 8px; border:0; border-radius:8px; color:inherit; background:transparent; text-align:right; }
.branch-trigger:hover,.branch-trigger[aria-expanded="true"] { background:#24515a; }.branch-trigger:disabled { cursor:default; opacity:.82; }.branch-trigger:disabled .branch-chevron { display:none; }
.branch-chevron { font-size:19px; line-height:1; transition:transform .16s; }.branch-trigger[aria-expanded="true"] .branch-chevron { transform:rotate(180deg); }
.branch-menu { position:absolute; inset:auto 0 58px 0; z-index:20; display:grid; gap:4px; padding:6px; border:1px solid #426a71; border-radius:11px; background:#102f36; box-shadow:0 14px 34px rgba(0,0,0,.3); }
.branch-menu[hidden] { display:none; }
.branch-menu button { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 10px; border:0; border-radius:7px; color:#eaf2f1; background:transparent; text-align:right; }.branch-menu button:hover,.branch-menu button.active { background:#24515a; }.branch-menu button.active::before { content:"✓"; order:2; color:#6fc5b0; font-weight:700; }.branch-menu button small { margin-top:2px; font-size:9px; }
.ghost-icon { margin-right: auto; border: 0; background: transparent; color: inherit; font-size: 22px; padding: 4px; }
main { min-width: 0; }
.topbar { height: 72px; background: rgba(255,255,255,.9); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 32px; position: sticky; top: 0; z-index: 4; backdrop-filter: blur(12px); }
.global-search { width: min(480px, 50vw); display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); background: #f8faf8; padding: 8px 13px; border-radius: 10px; }
.global-search input { border: 0; outline: 0; background: transparent; width: 100%; }
.top-actions { display: flex; align-items: center; gap: 9px; }.icon-button { position: relative; border: 0; background: transparent; font-size: 20px; }.icon-button b { position: absolute; top: -4px; left: 0; font-size: 9px; color: white; background: var(--coral); padding: 1px 5px; border-radius: 9px; }
.avatar { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; background: var(--teal-soft); color: var(--deep); font: 700 12px Heebo; }.user-meta strong,.user-meta small { display: block; }.user-meta strong { font-size: 13px; }.user-meta small { color: var(--muted); font-size: 11px; }
.mobile-menu { display: none; }
.view { padding: 34px 36px 60px; max-width: 1500px; margin: auto; }
.page-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 25px; }
.eyebrow { font: 600 11px Heebo; letter-spacing: .08em; color: var(--teal); text-transform: uppercase; }.page-head h1, .dialog-head h2 { margin: 3px 0 5px; font: 700 31px Heebo; letter-spacing: -.03em; }.page-head p { margin: 0; color: var(--muted); }
.button { border-radius: 9px; padding: 10px 16px; border: 1px solid transparent; font-weight: 600; }.primary { background: var(--deep); color: white; }.primary:hover { background: #24515a; }.secondary { background: white; border-color: var(--line); color: var(--ink); }
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 20px; }
.stat-card { min-height: 111px; background: var(--card); border: 1px solid var(--line); border-radius: 13px; padding: 17px; position: relative; overflow: hidden; }
.stat-card::after { content: ""; position: absolute; inset-inline-end: -18px; bottom: -30px; width: 75px; height: 75px; border: 10px solid var(--teal-soft); border-radius: 48% 52% 55% 45%; transform: rotate(18deg); }
.stat-card.danger::after { border-color: var(--coral-soft); }.stat-card.warning::after { border-color: var(--amber-soft); }
.stat-card small { color: var(--muted); }.stat-card strong { display: block; font: 700 28px Heebo; margin-top: 8px; }.stat-card span { color: var(--muted); font-size: 12px; }
.dashboard-grid { display: grid; grid-template-columns: 1.65fr 1fr; gap: 18px; }
.panel { background: var(--card); border: 1px solid var(--line); border-radius: 13px; box-shadow: var(--shadow); overflow: hidden; }.panel-head { padding: 18px 20px 13px; display: flex; align-items: center; justify-content: space-between; }.panel-head h2 { margin: 0; font: 600 18px Heebo; }.panel-head span { color: var(--muted); font-size: 12px; }
.queue { padding: 0 13px 14px; }.queue-item { display: grid; grid-template-columns: 6px minmax(150px,1fr) 115px 100px 92px; align-items: center; gap: 13px; border-top: 1px solid #edf0ed; padding: 13px 4px; cursor: pointer; }.queue-item:hover { background: #fafcfb; }.urgency { width: 5px; height: 39px; border-radius: 5px; background: var(--green); }.urgency.high { background: var(--amber); }.urgency.critical { background: var(--coral); }.order-name strong,.order-name small { display: block; }.order-name small { color: var(--muted); margin-top: 2px; }.stage-pill,.status-pill { justify-self: start; padding: 5px 8px; border-radius: 7px; font-size: 12px; background: var(--teal-soft); color: #1d626b; }.due { font-size: 12px; }.due.late { color: #b44e3d; font-weight: 600; }
.today-list { padding: 0 18px 18px; }.appointment { display: grid; grid-template-columns: 54px 1fr; gap: 14px; padding: 13px 0; border-top: 1px solid #edf0ed; }.appointment time { color: var(--teal); font: 700 15px Heebo; }.appointment strong,.appointment small { display:block; }.appointment small { color: var(--muted); margin-top: 2px; }
.workload { padding: 7px 20px 20px; }.load-row { display: grid; grid-template-columns: 75px 1fr 33px; align-items: center; gap: 10px; margin: 12px 0; font-size: 13px; }.bar { height: 8px; border-radius: 8px; background: #edf1ee; overflow: hidden; }.bar i { display: block; height: 100%; border-radius: inherit; background: var(--teal); }.bar i.hot { background: var(--coral); }
.filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }.filter { border: 1px solid var(--line); background: white; color: var(--muted); border-radius: 18px; padding: 7px 13px; }.filter.active { color: white; background: var(--deep); border-color: var(--deep); }
.table-wrap { overflow-x: auto; background: white; border: 1px solid var(--line); border-radius: 12px; }.data-table { width: 100%; border-collapse: collapse; min-width: 860px; }.data-table th { background: #f5f8f6; color: var(--muted); font-size: 12px; text-align: right; padding: 12px 14px; }.data-table td { border-top: 1px solid #edf0ed; padding: 14px; font-size: 13px; }.data-table tr[data-id] { cursor: pointer; }.data-table tr[data-id]:hover { background: #fbfdfc; }.order-id { font: 600 12px monospace; color: var(--teal); }.route-mini { display: flex; direction: rtl; align-items: center; gap: 3px; }.route-mini span { white-space: nowrap; padding: 4px 6px; font-size: 10px; border-radius: 5px; background: #eef2ef; color: var(--muted); }.route-mini span.done { color: var(--green); background: var(--green-soft); }.route-mini span.current { color: #1d626b; background: var(--teal-soft); font-weight: 600; }.route-mini i { width: 7px; border-top: 1px solid #bbc6c1; }
.customer-grid,.inventory-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.customer-card,.stock-card { background: white; border: 1px solid var(--line); padding: 18px; border-radius: 12px; }.customer-card h3,.stock-card h3 { margin: 0 0 5px; font: 600 17px Heebo; }.customer-card p,.stock-card p { margin: 0; color: var(--muted); font-size: 13px; }.card-meta { display: flex; justify-content: space-between; border-top: 1px solid #edf0ed; margin-top: 14px; padding-top: 13px; font-size: 12px; }.stock-level { margin-top: 15px; }.stock-level .bar { margin-top: 6px; }.low-stock { color: var(--coral); font-weight: 600; }
.detail-overlay { position: fixed; inset: 0; z-index: 8; background: rgba(13,38,44,.24); display: flex; justify-content: flex-start; }.detail-drawer { width: min(680px,100vw); height: 100%; background: var(--paper); overflow-y: auto; box-shadow: 20px 0 50px rgba(0,0,0,.18); padding: 25px; animation: slide .22s ease-out; }.detail-head { display: flex; justify-content: space-between; align-items: start; }.detail-head h2 { margin: 3px 0; font: 700 25px Heebo; }.detail-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 21px 0; }.summary-cell { background: white; border: 1px solid var(--line); border-radius: 9px; padding: 11px; }.summary-cell small,.summary-cell strong { display:block; }.summary-cell small { color: var(--muted); font-size: 11px; }.summary-cell strong { margin-top: 5px; font-size: 13px; }
.flow-title { margin: 23px 0 12px; font: 600 17px Heebo; }.production-flow { display: grid; gap: 0; }.flow-step { display: grid; grid-template-columns: 32px 1fr auto; gap: 12px; position: relative; padding-bottom: 18px; }.flow-step:not(:last-child)::before { content:""; position:absolute; top:28px; right:14px; height:calc(100% - 18px); border-right:2px solid var(--line); }.step-mark { width: 29px; height: 29px; border: 2px solid var(--line); color: var(--muted); background: white; border-radius: 50%; display:grid; place-items:center; z-index:1; font-size:12px; }.flow-step.done .step-mark { color:white; background:var(--green); border-color:var(--green); }.flow-step.current .step-mark { color:white; background:var(--teal); border-color:var(--teal); box-shadow:0 0 0 5px var(--teal-soft); }.step-copy strong,.step-copy small { display:block; }.step-copy small { color:var(--muted); margin-top:2px; }.step-action { border:1px solid var(--line); background:white; border-radius:7px; height:31px; padding:0 9px; color:var(--teal); }.notes-box { background:#fff8e9; border:1px solid #f1dfbd; border-radius:10px; padding:14px; color:#684d28; }
dialog { border: 0; border-radius: 16px; padding: 0; width: min(680px, calc(100vw - 24px)); box-shadow: 0 25px 70px rgba(14,45,52,.25); }dialog::backdrop { background: rgba(13,38,44,.48); }dialog form { padding: 25px; }.dialog-head { display:flex; justify-content:space-between; align-items:start; }.dialog-head .ghost-icon { color:var(--ink); }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:20px 0; }label { font-size:12px; color:var(--muted); }input,select,textarea { display:block; width:100%; margin-top:5px; border:1px solid var(--line); border-radius:8px; background:white; padding:10px; color:var(--ink); }input:focus,select:focus,textarea:focus,button:focus-visible { outline:3px solid rgba(35,121,134,.22); outline-offset:1px; }fieldset { border:1px solid var(--line); border-radius:10px; margin:0 0 14px; }legend { font-size:12px; color:var(--muted); padding:0 7px; }.checks { display:flex; gap:7px; flex-wrap:wrap; }.checks label { color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:7px 9px; }.checks input { display:inline; width:auto; margin:0 0 0 5px; }.wide-label { display:block; }.dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }.toast { position:fixed; bottom:25px; left:25px; background:var(--deep); color:white; padding:12px 17px; border-radius:9px; transform:translateY(90px); opacity:0; transition:.25s; z-index:20; }.toast.show { transform:none; opacity:1; }
#newOrderDialog { width:min(940px,calc(100vw - 24px)); max-height:min(820px,calc(100vh - 24px)); }
#newOrderDialog:has([data-wizard-panel="3"].active) { width:min(1040px,calc(100vw - 24px)); }
#newOrderDialog:has([data-wizard-panel="3"].active) form { max-height:calc(100vh - 24px); overflow-y:auto; }
#editOrderDialog { width:min(860px,calc(100vw - 24px)); max-height:calc(100vh - 24px); overflow:hidden; }
#editOrderDialog form { max-height:calc(100vh - 24px); overflow-y:auto; padding:20px 28px 0; }
#editOrderDialog .form-grid { margin:12px 0; }
#editOrderDialog .dialog-actions { position:sticky; bottom:0; z-index:5; margin:12px -28px 0; padding:11px 28px; border-top:1px solid var(--line); background:rgba(255,255,255,.97); box-shadow:0 -8px 18px rgba(14,45,52,.06); }
#editOrderDialog .dialog-actions{flex-wrap:wrap}#editOrderQuickSave{min-width:132px}#editOrderNext{min-width:205px}
.edit-financial-section,.edit-materials-section { margin:14px 0; padding:13px 15px; border:1px solid var(--line); border-radius:11px; background:#fbfcfb; }.edit-section-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:10px; }.edit-section-heading strong,.edit-section-heading small { display:block; }.edit-section-heading strong { margin-top:2px; font:700 16px Heebo; }.edit-section-heading small { margin-top:2px; color:var(--muted); font-size:10px; }.edit-financial-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.edit-financial-grid label { color:var(--deep); font-weight:600; }.edit-financial-grid input[readonly] { background:#f1f5f3; color:#60716e; }.financial-lock-badge,.financial-open-badge,.financial-unlocked-badge { display:inline-flex; align-items:center; gap:7px; margin-top:5px; font-size:11px; font-weight:600; }.financial-lock-badge { color:#9a493c; }.financial-open-badge { color:var(--green); }.financial-unlocked-badge { color:var(--teal); }.financial-warning { margin:14px 0; padding:13px; border-right:4px solid var(--coral); border-radius:9px; background:#fff3ef; color:#7e342d; font-weight:600; line-height:1.6; }.plan-edit-notice { display:flex; flex-direction:column; gap:3px; margin:14px 0; padding:11px 14px; border-right:4px solid var(--teal); border-radius:9px; background:#eef7f5; color:var(--deep); font-size:12px; }.plan-edit-notice span { color:var(--muted); font-size:11px; line-height:1.5; }.edit-material-row { padding:10px 0; border-top:1px solid #e4ece8; }.edit-material-row:first-of-type { border-top:0; }.edit-material-heading { display:flex; align-items:center; gap:8px; }.edit-material-heading .stage-icon { width:30px; height:30px; font-size:14px; }.edit-material-heading strong,.edit-material-heading small { display:block; }.edit-material-heading strong { font-size:12px; }.edit-material-heading small { color:var(--muted); font-size:10px; }.edit-material-options { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 0 38px; }.edit-material-options label { display:flex; align-items:center; gap:5px; padding:6px 8px; border:1px solid var(--line); border-radius:7px; background:white; color:var(--ink); cursor:pointer; font-size:10px; }.edit-material-options label:has(input:checked) { border-color:#8cbcb4; background:var(--teal-soft); }.edit-material-options input { width:auto; margin:0; }.edit-material-options small { color:var(--muted); }
.edit-order-progress { display:flex; align-items:center; justify-content:center; gap:12px; margin:12px 0 16px; color:#91a19e; font-size:11px; font-weight:600; }.edit-order-progress span { padding:6px 10px; border-radius:14px; background:#f1f5f3; }.edit-order-progress span.active { color:var(--deep); background:var(--teal-soft); }.edit-order-progress i { font-style:normal; color:#b7c5c1; }.edit-order-step[hidden] { display:none; }
#newOrderDialog form { padding:28px 32px 30px; }
.dialog-head p { margin:3px 0 0; color:var(--muted); font-size:13px; }
.wizard-progress { display:grid; grid-template-columns:1fr 70px 1fr; align-items:center; margin:24px 0 8px; padding:14px 18px; border:1px solid var(--line); border-radius:13px; background:#f8faf8; }
.wizard-progress i { height:2px; background:var(--line); }
.wizard-progress-step { display:grid; grid-template-columns:34px 1fr; column-gap:10px; align-items:center; color:var(--muted); }
.wizard-progress-step:last-child { justify-self:end; }
.wizard-progress-step span { grid-row:1 / 3; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; border:2px solid #cdd8d4; background:white; font:700 13px Heebo; }
.wizard-progress-step strong { color:inherit; font:600 14px Heebo; }
.wizard-progress-step small { font-size:11px; }
.wizard-progress-step.active { color:var(--deep); }
.wizard-progress-step.active span { color:white; border-color:var(--teal); background:var(--teal); box-shadow:0 0 0 5px var(--teal-soft); }
.wizard-progress-step.complete span { color:white; border-color:var(--green); background:var(--green); }
.wizard-progress-step.complete span::before { content:"✓"; }.wizard-progress-step.complete span { font-size:0; }.wizard-progress-step.complete span::before { font-size:14px; }
.wizard-progress:has([data-progress-step="2"].active) i { background:var(--green); }
.wizard-panel { animation:wizard-in .18s ease-out; }
.wizard-panel .form-grid { margin-top:22px; }
.order-glance { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 18px; padding:12px 14px; border-radius:10px; background:#edf6f4; color:#315c60; font-size:12px; }
.order-glance strong { color:var(--deep); }.order-glance span:not(:last-child)::after { content:"·"; margin-inline-start:8px; color:#91aaa8; }
.route-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:13px; }
.route-heading h3 { margin:3px 0; font:700 22px Heebo; }.route-heading p { margin:0; color:var(--muted); font-size:12px; }
.route-count { flex:0 0 auto; border-radius:18px; padding:6px 11px; background:var(--deep); color:white; font-size:11px; }
.route-group { margin-top:14px; }
.route-group-title { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:9px; }
.route-group-title strong { font:600 14px Heebo; }.route-group-title small { color:var(--muted); font-size:11px; }
.selected-route { min-height:100px; display:grid; gap:10px; padding:11px; overflow:visible; border:1px solid #c6d9d4; border-radius:15px; background-color:#f3f8f6; background-image:linear-gradient(#dfeae6 1px,transparent 1px),linear-gradient(90deg,#dfeae6 1px,transparent 1px); background-size:22px 22px; transition:border-color .16s,box-shadow .16s; }
.selected-route.drag-over { border-color:var(--teal); box-shadow:inset 0 0 0 2px rgba(35,121,134,.15); }
.available-route { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.route-empty { width:100%; align-self:center; margin:0; padding:28px 16px; border:2px dashed #a9c1ba; border-radius:12px; color:var(--muted); background:rgba(255,255,255,.78); text-align:center; font-size:12px; }
.stage-card { --stage:#237986; --stage-soft:#e4f1f2; position:relative; min-height:126px; border:1px solid #dbe4e0; border-radius:13px; background:white; overflow:hidden; transition:border-color .16s,box-shadow .16s,transform .16s; }
.stage-card::before { content:""; position:absolute; inset:0 auto 0 0; width:6px; background:var(--stage); opacity:.2; }
.stage-card:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(25,51,58,.09); }
.stage-card.selected { border-color:var(--stage); background:linear-gradient(145deg,var(--stage-soft),white 70%); box-shadow:0 0 0 2px color-mix(in srgb,var(--stage) 18%,transparent); }
.stage-card.selected::before { opacity:1; }
.selected-route .stage-card { min-height:62px; display:grid; grid-template-columns:minmax(230px,1fr) minmax(205px,.72fr) 88px; align-items:center; overflow:visible; }
.selected-route .stage-card:not(:last-child)::after { content:"↓"; position:absolute; right:24px; bottom:-15px; z-index:2; width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:var(--deep); color:white; font:700 10px Heebo; box-shadow:0 0 0 4px #f3f8f6; }
.selected-route .stage-select { grid-column:1; grid-row:1; min-height:60px; padding:8px 12px; }
.selected-route .stage-assignment { grid-column:2; grid-row:1; display:flex; align-items:center; padding:6px 10px; border-top:0; border-inline-start:1px solid color-mix(in srgb,var(--stage) 20%,transparent); }
.selected-route .stage-assignment label { width:100%; padding-top:0; font-size:0; }.selected-route .stage-assignment select { margin:0; padding:7px 8px; font-size:11px; }
.available-route .stage-card { min-height:82px; cursor:grab; }.available-route .stage-card:active { cursor:grabbing; }.available-route .stage-select { min-height:82px; }
.drag-tools { display:flex; align-items:center; gap:4px; padding:8px 10px; }
.selected-route .drag-tools { grid-column:3; grid-row:1; padding:5px 7px; }
.drag-tools[hidden] { display:none; }.drag-handle { flex:1; color:var(--stage); cursor:grab; user-select:none; font-size:22px; line-height:1; }.drag-handle:active { cursor:grabbing; }
.drag-tools button { width:28px; height:26px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--stage) 25%,#dde3df); border-radius:7px; background:rgba(255,255,255,.82); color:var(--stage); }
.drag-tools button:disabled { opacity:.32; cursor:not-allowed; }
.stage-card.dragging { opacity:.45; transform:rotate(1deg) scale(.98); }.stage-card.drop-target { box-shadow:0 0 0 4px rgba(35,121,134,.22); }
.stage-select { width:100%; min-height:82px; display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:10px; padding:14px; border:0; background:transparent; color:var(--ink); text-align:right; }
.stage-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; color:var(--stage); background:var(--stage-soft); font-size:19px; }
.stage-copy strong,.stage-copy small { display:block; }.stage-copy strong { font:600 15px Heebo; }.stage-copy small { margin-top:2px; color:var(--muted); font-size:10px; }
.stage-order { width:25px; height:25px; display:grid; place-items:center; border:1px solid #cbd7d3; border-radius:50%; background:white; color:var(--muted); font:700 11px Heebo; }
.stage-card.selected .stage-order { color:white; border-color:var(--stage); background:var(--stage); }
.stage-assignment { padding:0 14px 13px; border-top:1px solid color-mix(in srgb,var(--stage) 17%,transparent); }
.stage-assignment label { display:block; padding-top:9px; color:var(--stage); font-weight:600; }.stage-assignment select { margin-top:4px; border-color:color-mix(in srgb,var(--stage) 35%,#dde3df); padding:8px; }
.stage-card.tone-hair { --stage:#9b6a35; --stage-soft:#fbf0de; }.stage-card.tone-sew { --stage:#8a5a91; --stage-soft:#f2e9f4; }.stage-card.tone-finish { --stage:#3e7b70; --stage-soft:#e3f2ee; }
.tone-hair-pick{--stage:#4d9b9c;--stage-soft:#e4f4f2}.tone-hair-add{--stage:#4d879b;--stage-soft:#e6f0f4}.tone-sewing{--stage:#8a5a91;--stage-soft:#f2e9f4}.tone-wefts{--stage:#a16d8c;--stage-soft:#f6eaf1}.tone-ventilation{--stage:#6571a6;--stage-soft:#ebedfa}.tone-confection{--stage:#6d7b8d;--stage-soft:#edf1f5}.tone-implant-finish{--stage:#7867a1;--stage-soft:#efecf8}.tone-color{--stage:#d4943d;--stage-soft:#fff0dc}.tone-wash{--stage:#5f9b8c;--stage-soft:#e5f3ef}.tone-styling{--stage:#3f8c78;--stage-soft:#e3f2ee}.tone-adjustment{--stage:#b66c63;--stage-soft:#f9eae7}.tone-quality{--stage:#5f7fa3;--stage-soft:#e7eef6}.tone-logistics-return{--stage:#597d8a;--stage-soft:#e8f1f3}.tone-logistics-receive-return{--stage:#6b879a;--stage-soft:#edf3f6}.tone-logistics-outbound{--stage:#2f7d86;--stage-soft:#e4f4f4}.tone-logistics-receive-branch{--stage:#3d8f98;--stage-soft:#e3f4f5}.tone-delivery{--stage:#3a7f72;--stage-soft:#e4f2ed}.tone-neutral{--stage:#718080;--stage-soft:#eef2f1}
.stage-identity{display:grid;place-items:center;color:var(--stage);background:var(--stage-soft)}.stage-identity .ui-icon{width:1em;height:1em}.station-nav-icon.stage-identity,.station-title-icon.stage-identity{color:#fff;background:var(--stage)}.stage-icon.stage-identity{font-size:19px}.template-stage-icon{flex:none;width:30px;height:30px;border-radius:8px;font-size:15px}
.edit-route-section { margin:4px 0 16px; }
.edit-position-control { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 15px; margin-bottom:11px; border:1px solid #c8ddd7; border-radius:12px; background:#edf6f4; }
.edit-position-control strong,.edit-position-control small { display:block; }.edit-position-control strong { margin-top:3px; font:700 16px Heebo; }.edit-position-control small { margin-top:2px; color:var(--muted); font-size:10px; }
.position-buttons { display:flex; gap:7px; flex:0 0 auto; }.position-buttons .button { min-height:38px; padding:8px 12px; font-size:12px; line-height:1.25; white-space:nowrap; }.position-buttons .button:disabled { opacity:.4; cursor:not-allowed; }
#moveWigForward { display:inline-flex; align-items:center; justify-content:center; gap:6px; border-color:#2f6f5a; background:var(--green); color:white; box-shadow:0 2px 7px rgba(52,116,95,.16); }
#moveWigForward:hover:not(:disabled) { background:#2b6654; }
#skipActiveStage { display:inline-flex; align-items:center; justify-content:center; gap:6px; border-color:#d7bc8b; background:#fffaf0; color:#795822; }
#skipActiveStage:hover { border-color:#bd9149; background:#fff4dc; }
#moveWigForward:focus-visible,#skipActiveStage:focus-visible { outline:3px solid rgba(35,121,134,.24); outline-offset:2px; }
.edit-route-builder { gap:7px; }.edit-stage-list { padding:7px; gap:7px; }
.edit-stage-list .stage-card { min-height:50px; }.edit-stage-list .stage-select { min-height:48px; padding-block:5px; }.edit-stage-list .stage-icon { width:34px; height:34px; font-size:16px; }.edit-stage-list .stage-card.state-done { filter:saturate(.68); opacity:.78; }.edit-stage-list .stage-card.state-current { box-shadow:0 0 0 2px color-mix(in srgb,var(--stage) 22%,transparent); }.edit-stage-list .stage-card.state-skipped { border-color:#d7dcd8; border-style:dashed; background:#fafbfa; box-shadow:none; opacity:.82; }
.edit-stage-state { grid-column:3; grid-row:1; display:flex; align-items:center; justify-content:flex-end; gap:6px; padding:6px 8px; }
.edit-state-pill { padding:5px 7px; border-radius:12px; color:var(--muted); background:white; border:1px solid var(--line); font-size:10px; white-space:nowrap; }.state-current .edit-state-pill { color:white; background:var(--stage); border-color:var(--stage); }.state-done .edit-state-pill { color:var(--green); background:var(--green-soft); border-color:#bdd8ca; }.state-skipped .edit-state-pill { max-width:170px; overflow:hidden; border-color:#dfcda9; background:#fff8e9; color:#765a2b; text-overflow:ellipsis; }
.edit-stage-list .stage-card.state-current { grid-template-columns:minmax(180px,1fr) minmax(180px,.72fr) minmax(232px,auto); }
.active-stage-actions { display:flex; align-items:center; gap:6px; }
.active-stage-actions .button { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 10px; font-size:11px; line-height:1.25; white-space:nowrap; }
.active-stage-actions [data-complete-active-stage] { border-color:#2f6f5a; background:var(--green); color:white; box-shadow:0 2px 7px rgba(52,116,95,.14); }
.active-stage-actions [data-complete-active-stage]:hover { background:#2b6654; }
.active-stage-actions [data-skip-active-stage] { border-color:#d7bc8b; background:#fffaf0; color:#795822; }
.active-stage-actions [data-skip-active-stage]:hover { border-color:#bd9149; background:#fff4dc; }
.active-stage-actions .button:focus-visible { outline:3px solid rgba(35,121,134,.24); outline-offset:2px; }
.edit-drag-handle { flex:none; display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--line); border-radius:8px; background:#fff; font-size:18px; cursor:grab; }
.edit-drag-handle:active { cursor:grabbing; }
.edit-drag-handle:focus-visible { outline:3px solid rgba(35,121,134,.24); outline-offset:2px; }
.edit-stage-card.dragging { opacity:.45; }
.edit-stage-card.drop-target { box-shadow:0 0 0 3px rgba(35,121,134,.22); }
.remove-edit-stage { width:25px; height:25px; display:grid; place-items:center; border:1px solid #d6dfdc; border-radius:7px; background:white; color:var(--muted); font-size:16px; }
.edit-available { padding:11px 12px; border:1px dashed #c6d4d0; border-radius:11px; background:#fafcfb; }.edit-available > strong { display:block; margin-bottom:8px; font:600 12px Heebo; }.edit-available > div { display:flex; flex-wrap:wrap; gap:6px; }.edit-available button { border:1px solid var(--line); border-radius:16px; padding:6px 9px; background:white; color:var(--teal); font-size:11px; }
.route-error { margin:12px 0 0; color:#a94338; font-weight:600; font-size:12px; }
.split-actions { justify-content:space-between; }
@keyframes wizard-in { from { opacity:.35; transform:translateY(7px); } }
@keyframes slide { from { transform:translateX(-40px); opacity:.4; } }
@media (max-width: 1050px) { .stats { grid-template-columns:repeat(2,1fr); }.dashboard-grid { grid-template-columns:1fr; }.customer-grid,.inventory-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 720px) { .app-shell { grid-template-columns:1fr; }.sidebar { position:fixed; right:-240px; width:220px; z-index:12; transition:.2s; }.sidebar.open { right:0; }.topbar { padding:0 15px; }.mobile-menu { display:block; border:0; background:transparent; font-size:20px; }.global-search { width:55vw; }.top-actions .user-meta,.icon-button { display:none; }.view { padding:25px 15px 45px; }.page-head { align-items:start; }.page-head h1 { font-size:25px; }.stats { grid-template-columns:1fr 1fr; }.queue-item { grid-template-columns:5px 1fr 85px; }.queue-item .stage-pill,.queue-item .due { display:none; }.customer-grid,.inventory-grid { grid-template-columns:1fr; }.form-grid { grid-template-columns:1fr; }.detail-summary { grid-template-columns:1fr 1fr; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }

/* Role-based prototype additions */
.persona-picker select { margin:0; min-width:190px; padding:7px 9px; font-weight:600; background:transparent; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.route-builder { display:grid; gap:8px; }
.route-build-row { display:grid; grid-template-columns:26px minmax(110px,1fr) minmax(130px,1fr); align-items:center; gap:8px; padding:7px; border-radius:8px; background:#f7f9f7; }
.route-build-row input { display:inline; width:auto; margin:0; }
.route-build-row select { margin:0; padding:7px; }
.route-build-row label { color:var(--ink); display:flex; gap:7px; align-items:center; }
.role-banner { margin-bottom:18px; border-radius:12px; border:1px solid #cfe1df; background:linear-gradient(100deg,#e7f2ef,#f7faf8); padding:13px 16px; display:flex; align-items:center; gap:11px; }
.role-banner strong,.role-banner span { display:block; }.role-banner span { color:var(--muted); font-size:12px; }
.role-symbol { width:34px; height:34px; border-radius:9px; background:var(--deep); color:white; display:grid; place-items:center; }
.worker-layout { display:grid; grid-template-columns:1.7fr .8fr; gap:18px; }
.task-stack { display:grid; gap:11px; padding:0 15px 15px; }
.task-card { border:1px solid var(--line); border-radius:11px; padding:15px; background:white; }
.task-card.critical { border-right:5px solid var(--coral); }.task-card.high { border-right:5px solid var(--amber); }
.task-top,.task-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.task-card h3 { margin:8px 0 3px; font:600 18px Heebo; }.task-card p { margin:0 0 13px; color:var(--muted); font-size:13px; }
.task-tags { display:flex; gap:6px; flex-wrap:wrap; }.task-tags span { padding:4px 7px; border-radius:6px; background:#f0f4f1; color:var(--muted); font-size:11px; }
.complete-button { border:0; border-radius:8px; background:var(--green); color:white; padding:8px 12px; font-weight:600; }
.financial-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:0 18px 18px; }
.money-cell { border:1px solid var(--line); border-radius:9px; padding:11px; }.money-cell small,.money-cell strong { display:block; }.money-cell small { color:var(--muted); }.money-cell strong { margin-top:4px; font:700 18px Heebo; }
.history-list { padding:0 17px 17px; }.history-event { position:relative; display:grid; grid-template-columns:88px 1fr; gap:12px; padding:13px 0; border-top:1px solid #edf0ed; font-size:12px; }.history-event time { color:var(--muted); line-height:1.5; }.history-event strong { display:block; margin-top:5px; font-size:13px; line-height:1.55; color:var(--ink); }.history-event-head { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }.history-kind { display:inline-flex; align-items:center; min-height:22px; padding:2px 8px; border-radius:999px; background:#edf4f3; color:#245a61; font-weight:700; }.history-author { color:var(--muted); }.history-details { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; color:#315b60; }.history-details span { padding:4px 7px; border:1px solid #d7e8e6; border-radius:6px; background:#f7fbfa; }.history-details b { font-weight:700; }.history-route .history-kind { background:#e8f3f5; color:#176d7a; }.history-materials .history-kind { background:#f2ecf8; color:#6f4b88; }.history-completion .history-kind { background:#eaf4eb; color:#397148; }.history-qc .history-kind { background:#fff3dc; color:#956517; }.history-finance .history-kind { background:#fff0e5; color:#a85d24; }.history-instructions .history-kind { background:#eef1f6; color:#566278; }
.qc-created-at { display:inline-flex; margin-top:10px; padding:5px 9px; border-radius:7px; background:#fff7e7; color:#795c2a; font-size:12px; font-weight:600; }.qc-history-block { margin-top:18px; padding-top:15px; border-top:1px solid #eadfca; }.qc-history-block h3 { margin:0 0 8px; font-size:15px; }.qc-history-block .history-list { padding:0; max-height:260px; overflow:auto; background:rgba(255,255,255,.35); border-radius:8px; }.qc-history-block .history-event { padding:10px 12px; }.qc-material-list { display:grid; gap:7px; }.qc-material-row { display:grid; grid-template-columns:100px 1fr; gap:8px; padding:8px 10px; border:1px solid #e8e0f0; border-radius:8px; background:#fbf9fd; font-size:12px; }.qc-material-row strong { color:#6f4b88; }.qc-material-row span { color:var(--ink); }
.qc-unified-timeline { display:grid; gap:0; max-height:460px; overflow:auto; padding:0 4px; background:rgba(255,255,255,.35); border-radius:8px; direction:ltr; }.qc-unified-timeline .history-event { direction:ltr; grid-template-columns:92px 1fr; padding:12px 8px; }.qc-unified-timeline .history-event > div { direction:rtl; text-align:right; }.qc-unified-timeline .history-event time { text-align:left; }.qc-timeline-stage { display:grid; grid-template-columns:26px 1fr 92px; gap:10px; align-items:start; padding:12px 8px; border-top:1px solid #edf0ed; direction:ltr; }.qc-timeline-stage:first-child { border-top:0; }.qc-timeline-stage > div:nth-child(2) { direction:rtl; text-align:right; }.qc-timeline-marker { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#dcefe3; color:#397148; font-weight:700; }.qc-timeline-stage strong { display:block; margin-top:5px; font-size:13px; line-height:1.5; }.qc-timeline-stage time { color:var(--muted); font-size:11px; line-height:1.45; text-align:left; }
.qc-timeline-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }.qc-timeline-heading small { color:var(--muted); font-size:11px; }
.completion-summary { background:var(--teal-soft); border-radius:10px; padding:13px; margin:18px 0; }
.file-label { display:block; margin-top:13px; }.file-label input { position:absolute; opacity:0; pointer-events:none; }.file-label span { margin-top:5px; display:inline-block; border:1px dashed var(--teal); color:var(--teal); border-radius:8px; padding:9px 13px; cursor:pointer; }
.permission-note { padding:18px; color:var(--muted); text-align:center; border:1px dashed var(--line); border-radius:12px; background:white; }
.detail-actions { display:flex; align-items:center; gap:12px; margin:18px 0 4px; }.detail-actions span { color:var(--muted); font-size:12px; }
.entity-link { color:#176d7a; text-decoration:underline; text-decoration-color:#9bc7cc; text-underline-offset:3px; font-weight:600; cursor:pointer; }
.entity-link:hover { color:#0e4f59; text-decoration-thickness:2px; }
button.entity-link { border:0; padding:0; background:transparent; font:inherit; }
.order-table-action { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.edit-order-icon { width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; padding:0; border:1px solid #c8d9d5; border-radius:8px; background:#f2f8f6; color:var(--teal); }
.edit-order-icon:hover { border-color:var(--teal); background:var(--teal-soft); }.edit-order-icon svg { width:16px; height:16px; fill:currentColor; }
.wiki-breadcrumbs { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; margin-bottom:18px; }
.wiki-breadcrumbs button { border:0; background:transparent; color:var(--teal); padding:0; }
.article-heading { border-bottom:1px solid #bac7c3; margin-bottom:18px; padding-bottom:10px; }
.article-heading h1 { margin:2px 0 3px; font:700 34px Heebo; letter-spacing:-.03em; }.article-heading p { margin:0; color:var(--muted); }
.wiki-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:start; gap:26px; }
.wiki-article { background:white; border:1px solid var(--line); border-radius:12px; padding:24px 28px; box-shadow:var(--shadow); }
.wiki-article > p:first-child { font-size:15px; line-height:1.8; margin-top:0; }
.wiki-section { margin-top:27px; }.wiki-section h2 { font:600 21px Heebo; border-bottom:1px solid var(--line); margin:0 0 13px; padding-bottom:6px; }.wiki-section h3 { font:600 16px Heebo; }
.infobox { background:#f2f7f5; border:1px solid #bfcfca; border-radius:10px; overflow:hidden; position:sticky; top:92px; }
.infobox-title { background:var(--deep); color:white; padding:15px; text-align:center; }.infobox-title strong { display:block; font:700 18px Heebo; }.infobox-title span { display:block; color:#b8cfd0; font-size:11px; margin-top:2px; }
.infobox-avatar { width:64px; height:64px; margin:15px auto 8px; border-radius:50%; display:grid; place-items:center; background:white; border:1px solid #cbd9d5; color:var(--deep); font:700 20px Heebo; }
.infobox-avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.infobox dl { margin:12px 14px 16px; }.infobox dl div { display:grid; grid-template-columns:80px 1fr; gap:8px; padding:8px 0; border-top:1px solid #d9e4e0; font-size:12px; }.infobox dt { font-weight:600; }.infobox dd { margin:0; color:#536365; }
.wiki-list { margin:0; padding-right:19px; }.wiki-list li { margin:8px 0; }
.wiki-table { width:100%; border-collapse:collapse; font-size:13px; }.wiki-table th { color:var(--muted); background:#f5f8f6; text-align:right; padding:9px; }.wiki-table td { border-top:1px solid var(--line); padding:10px 9px; }
.relation-card { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:12px; padding:11px; border:1px solid var(--line); border-radius:9px; margin:8px 0; }.relation-symbol { width:40px; height:40px; border-radius:9px; background:var(--teal-soft); display:grid; place-items:center; color:var(--teal); }.relation-card small { display:block; color:var(--muted); margin-top:2px; }
.wiki-empty { color:var(--muted); background:#f7f9f7; border-right:3px solid #b9ccc7; padding:12px; font-size:13px; }
.article-actions { display:flex; gap:8px; margin:0 0 18px; }
.photo-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:10px; }
.photo-card { position:relative; overflow:hidden; min-height:120px; border:1px solid var(--line); border-radius:10px; background:#edf2ef; }
.photo-card img { display:block; width:100%; height:145px; object-fit:cover; }
.photo-card span { display:block; padding:6px 8px; background:white; color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.photo-preview { display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:8px; margin-top:14px; }
.photo-preview:empty { display:none; }.photo-preview img { width:100%; height:88px; object-fit:cover; border-radius:8px; border:1px solid var(--line); }
.photo-count { display:inline-flex; align-items:center; gap:5px; color:var(--muted); font-size:12px; }
.note-journal { border-top:3px solid #6c9da2; background:#fcfdfc; }
.note-journal-head { align-items:flex-start; }.note-journal-head p { margin:3px 0 0; color:var(--muted); font-size:11px; }.note-add-button { white-space:nowrap; }
.note-filters { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }.note-filter { border:1px solid var(--line); border-radius:16px; padding:6px 10px; color:var(--muted); background:white; font-size:11px; }.note-filter.active { color:var(--deep); border-color:#8ab7b6; background:var(--teal-soft); font-weight:600; }
.note-list { display:grid; gap:8px; }.note-entry { display:grid; grid-template-columns:5px minmax(0,1fr); gap:10px; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:white; }.note-entry-marker { background:#5d9da1; color:#5d9da1; font-size:0; }.note-wig .note-entry-marker { background:#896091; color:#896091; }.note-order .note-entry-marker { background:#d4953d; color:#d4953d; }.note-entry-body { min-width:0; padding:10px 12px 10px 4px; }.note-entry-top,.note-entry-meta { display:flex; align-items:center; justify-content:space-between; gap:9px; }.note-entry-top time { color:var(--muted); font-size:10px; }.note-type-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 7px; border-radius:12px; background:var(--teal-soft); color:#246d72; font-size:10px; font-weight:600; }.note-wig .note-type-badge { background:#f2eaf4; color:#70497b; }.note-order .note-type-badge { background:#fff2dc; color:#8a5c20; }.note-entry p { margin:7px 0; line-height:1.55; font-size:13px; overflow-wrap:anywhere; }.note-entry-meta { color:var(--muted); font-size:10px; }.note-entry-links { display:flex; flex-wrap:wrap; gap:7px; }.note-related .entity-link { font-size:10px; }
.note-journal .note-entry[hidden] { display:none; }
.detail-drawer .note-journal { margin-top:20px; padding:14px; box-shadow:none; }.detail-drawer .note-journal .customer-section-head { margin-bottom:10px; }.detail-drawer .note-journal h2 { font-size:18px; }
#noteDialog { width:min(600px,calc(100vw - 24px)); }.note-journal + .customer-section { margin-top:0; }

/* Wig quick view: a compact workshop tag before the full technical file. */
.wig-drawer { width:min(560px,100vw); padding:22px; }
.wig-drawer-head { padding-bottom:3px; }
.wig-drawer-head h2 { max-width:360px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wig-identity-strip { display:flex; align-items:center; gap:12px; margin:17px 0 13px; padding:12px 14px; border:1px solid #cfe1dc; border-right:5px solid var(--teal); border-radius:11px; background:linear-gradient(100deg,#eef7f4,#fbfdfb); }
.wig-drawer-avatar { width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; overflow:hidden; border-radius:10px; background:var(--teal-soft); color:var(--deep); font:700 22px Heebo; }
.wig-drawer-avatar img { width:100%; height:100%; object-fit:cover; }
.wig-identity-strip strong,.wig-identity-strip span { display:block; }.wig-identity-strip strong { font:700 15px Heebo; }.wig-identity-strip span { color:var(--muted); font-size:12px; margin-top:2px; }
.wig-drawer-actions { display:flex; align-items:center; gap:10px; margin:12px 0 13px; }.wig-drawer-actions span { color:var(--muted); font-size:11px; }
.wig-basic-form { display:grid; gap:10px; padding:13px; margin:0 0 14px; border:1px solid #d4e2dd; border-radius:10px; background:#f7faf8; }.wig-basic-form[hidden] { display:none; }.wig-basic-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.wig-basic-form .dialog-actions { margin-top:3px; }
.wig-drawer-summary { grid-template-columns:repeat(2,1fr); margin:14px 0; }.wig-drawer-summary .summary-cell { min-height:62px; }.wig-drawer-summary .summary-cell strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wig-drawer-note { margin:4px 0 16px; padding:12px 14px; border-right:3px solid var(--amber); border-radius:9px; background:#fffaf0; color:#684d28; font-size:12px; }.wig-drawer-note strong { display:block; font-size:11px; }.wig-drawer-note p { margin:4px 0 0; line-height:1.6; }
.wig-drawer-footer { display:flex; align-items:center; gap:10px; padding-top:15px; border-top:1px solid var(--line); }.wig-drawer-footer span { color:var(--muted); font-size:11px; }

/* Customer cards and profiles: branch is the quiet visual anchor, status carries urgency. */
.customer-card-compact { position:relative; display:flex; flex-direction:column; min-height:236px; padding:0; overflow:hidden; cursor:pointer; transition:transform .16s,box-shadow .16s,border-color .16s; }
.customer-card-compact::before { content:""; position:absolute; inset:0 auto 0 0; width:6px; background:var(--teal); }
.customer-card-compact.branch-honduras::before { background:#8a5a91; }
.customer-card-compact:hover,.customer-card-compact:focus-visible { transform:translateY(-2px); border-color:#9ab9b2; box-shadow:0 12px 26px rgba(25,51,58,.11); outline:0; }
.customer-card-head { display:grid; grid-template-columns:42px minmax(0,1fr) 30px; align-items:center; gap:10px; padding:17px 17px 13px 20px; }
.customer-card-avatar,.customer-profile-avatar { display:grid; place-items:center; overflow:hidden; border-radius:50%; background:var(--teal-soft); color:var(--deep); font:700 15px Heebo; }
.customer-card-avatar { width:42px; height:42px; }.customer-card-avatar img,.customer-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.customer-card-title { min-width:0; }.customer-card-title .eyebrow { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.customer-card-title h3 { margin:1px 0 1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.customer-card-title p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.edit-customer-icon { width:30px; height:30px; display:grid; place-items:center; padding:0; border:1px solid #c8d9d5; border-radius:8px; background:#f2f8f6; color:var(--teal); font-size:17px; line-height:1; }
.edit-customer-icon:hover { border-color:var(--teal); background:var(--teal-soft); }.branch-honduras .edit-customer-icon { color:#8a5a91; background:#f5eff7; border-color:#d9c8dd; }
.customer-card-work { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:86px; margin:0 14px 0 20px; padding:12px 13px; border:1px solid #e4ebe8; border-radius:10px; background:#f7faf8; }.customer-card-work.is-late { border-color:#efc9c1; background:#fff4f1; }.customer-card-work.is-due-soon { border-color:#f0d7a8; background:#fff9ed; }
.customer-card-work small,.customer-card-work strong,.customer-card-work span { display:block; }.customer-card-work small { color:var(--muted); font-size:10px; }.customer-card-work strong { margin:2px 0; font:600 14px Heebo; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:220px; }.customer-card-work strong a { color:inherit; }.customer-card-work span { color:var(--muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.customer-status-dot { width:10px; height:10px; flex:0 0 10px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px var(--green-soft); }.is-late .customer-status-dot { background:var(--coral); box-shadow:0 0 0 4px var(--coral-soft); }.is-due-soon .customer-status-dot { background:var(--amber); box-shadow:0 0 0 4px var(--amber-soft); }
.customer-card-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 13px; margin-top:auto; padding:13px 18px 15px 20px; color:var(--muted); font-size:11px; }.customer-card-meta strong { margin-inline-start:auto; color:var(--ink); font-size:11px; }.customer-card-meta .more-work { color:var(--amber); font-weight:600; }
.customer-profile-head { position:relative; display:flex; align-items:center; gap:15px; margin-bottom:13px; padding:16px 19px; border:1px solid var(--line); border-right:5px solid var(--teal); border-radius:13px; background:white; box-shadow:var(--shadow); }.customer-profile-head.branch-honduras { border-right-color:#8a5a91; }.customer-profile-avatar { width:62px; height:62px; flex:0 0 62px; font-size:20px; }.customer-profile-identity { min-width:0; }.customer-profile-identity h1 { margin:1px 0 2px; font:700 30px Heebo; letter-spacing:-.03em; }.customer-profile-contact { display:flex; flex-wrap:wrap; gap:5px 14px; color:var(--muted); font-size:12px; }.edit-customer-profile { margin-inline-start:auto; width:36px; height:36px; font-size:19px; }
.customer-facts-strip { display:flex; flex-wrap:wrap; gap:0; margin-bottom:17px; border:1px solid #d4e2dd; border-radius:11px; background:#f1f7f4; overflow:hidden; }.customer-facts-strip > div { min-width:120px; flex:1; padding:10px 13px; border-inline-start:1px solid #d4e2dd; }.customer-facts-strip > div:first-child { border-inline-start:0; }.customer-facts-strip small,.customer-facts-strip strong { display:block; }.customer-facts-strip small { color:var(--muted); font-size:10px; }.customer-facts-strip strong { margin-top:3px; font:600 13px Heebo; }
.customer-profile-sections { display:grid; gap:13px; }.customer-section { padding:17px 19px; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:var(--shadow); }.customer-active-section { border-top:3px solid var(--teal); }.customer-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }.customer-section-head h2 { margin:1px 0 0; font:600 20px Heebo; }.customer-section-head .eyebrow { display:block; }.section-count { display:grid; place-items:center; min-width:27px; height:27px; padding:0 8px; border-radius:14px; background:var(--teal-soft); color:var(--deep); font:700 12px Heebo; }.active-order-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(235px,1fr)); gap:9px; }.active-order-card { position:relative; padding:12px 13px; border:1px solid #dfe8e4; border-right:4px solid var(--green); border-radius:9px; background:#f7faf8; }.active-order-card.is-late { border-right-color:var(--coral); background:#fff5f2; }.active-order-card.is-due-soon { border-right-color:var(--amber); background:#fff9ed; }.active-order-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }.active-order-card h3 { margin:7px 0 2px; font:600 15px Heebo; }.active-order-card p { margin:0 0 8px; color:var(--muted); font-size:11px; }.customer-due { color:var(--green); font-size:11px; font-weight:600; }.customer-due.late { color:var(--coral); }.text-action { padding:0; border:0; background:transparent; color:var(--teal); font-size:11px; font-weight:600; }.relation-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:8px; }.relation-grid .relation-card { margin:0; }.customer-table-wrap { overflow-x:auto; }.customer-preferences-section { background:#fbfcfa; }.preference-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.preference-grid > div { padding:11px 13px; border:1px solid #e5ebe7; border-radius:8px; background:white; }.preference-grid small { color:var(--muted); font-size:10px; }.preference-grid p { margin:4px 0 0; font-size:12px; line-height:1.6; }
@media (max-width:1050px) { .worker-layout { grid-template-columns:1fr; } }
@media (max-width:850px) { .wiki-layout { grid-template-columns:minmax(0,1fr); }.infobox { position:static; order:-1; }.wiki-article { padding:19px; } }
@media (max-width:720px) { .global-search { width:42vw; }.persona-picker select { min-width:130px; max-width:145px; }.financial-strip { grid-template-columns:1fr; }.route-build-row { grid-template-columns:22px 1fr; }.route-build-row select { grid-column:2; }.article-heading h1 { font-size:28px; }.wiki-table { min-width:620px; }.wiki-section:has(.wiki-table) { overflow-x:auto; } }
@media (max-width:720px) { .customer-card-compact { min-height:220px; }.customer-card-head { padding-inline-start:17px; }.customer-profile-head { align-items:flex-start; padding:14px; }.customer-profile-avatar { width:50px; height:50px; flex-basis:50px; }.customer-profile-identity h1 { font-size:25px; }.customer-profile-contact { display:grid; gap:2px; }.customer-facts-strip { display:grid; grid-template-columns:1fr 1fr; }.customer-facts-strip > div { min-width:0; border-inline-start:0; border-top:1px solid #d4e2dd; }.customer-facts-strip > div:nth-child(-n+2) { border-top:0; }.customer-section { padding:15px; }.preference-grid { grid-template-columns:1fr; }.relation-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .note-journal-head { display:grid; gap:9px; }.note-add-button { justify-self:start; }.note-entry-meta { align-items:flex-start; flex-direction:column; gap:4px; }.note-entry-links { width:100%; }.note-entry-body { padding-inline-end:9px; }#noteDialog .form-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .wig-drawer { padding:17px; }.wig-drawer-head h2 { max-width:calc(100vw - 115px); font-size:22px; }.wig-drawer-summary { grid-template-columns:1fr 1fr; }.wig-drawer-footer { align-items:stretch; flex-direction:column; }.wig-drawer-footer .button { width:100%; }.wig-basic-fields { grid-template-columns:1fr; } }
@media (max-width:720px) {
  #newOrderDialog form { padding:21px 17px 24px; }
  #editOrderDialog form { padding:18px 16px 0; }
  .edit-financial-grid { grid-template-columns:1fr; }.edit-material-options { margin-inline-start:0; }
  #editOrderDialog .dialog-actions { margin-inline:-16px; padding-inline:16px; }
  #editOrderDialog .dialog-actions .button{min-height:44px}#editOrderQuickSave,#editOrderNext{flex:1 1 190px}
  .wizard-progress { grid-template-columns:1fr 28px 1fr; padding:12px 10px; }
  .wizard-progress-step { grid-template-columns:30px 1fr; column-gap:7px; }
  .wizard-progress-step span { width:30px; height:30px; }.wizard-progress-step small { display:none; }.wizard-progress-step strong { font-size:12px; }
  .available-route { grid-template-columns:1fr 1fr; gap:8px; }
  .selected-route { min-height:120px; padding:12px; }.selected-route .stage-card { grid-template-columns:minmax(0,1fr) 86px; }.selected-route .stage-select { grid-column:1; }.selected-route .drag-tools { grid-column:2; }.selected-route .stage-assignment { grid-column:1 / -1; grid-row:2; border-inline-start:0; border-top:1px solid color-mix(in srgb,var(--stage) 20%,transparent); }
  .edit-position-control { align-items:stretch; flex-direction:column; }.position-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }.position-buttons .button { width:100%; min-width:0; min-height:44px; padding-inline:8px; white-space:normal; }.edit-stage-list .stage-card,.edit-stage-list .stage-card.state-current { grid-template-columns:minmax(0,1fr) minmax(70px,86px); }.edit-stage-list .edit-stage-state { grid-column:2; min-width:0; }.edit-stage-list .stage-card.state-current .edit-stage-state { grid-column:1 / -1; grid-row:3; justify-content:flex-start; flex-wrap:wrap; padding:8px 10px 10px; border-top:1px solid #e2e9e6; }.active-stage-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }.active-stage-actions .button { width:100%; min-width:0; min-height:42px; padding-inline:7px; white-space:normal; }.state-skipped .edit-state-pill { max-width:100%; }.edit-stage-list .stage-assignment { grid-column:1 / -1; grid-row:2; }
  .stage-select { grid-template-columns:34px 1fr auto; gap:7px; padding:10px; }.stage-icon { width:34px; height:34px; }.stage-copy strong { font-size:13px; }
  .route-heading { align-items:start; }.route-heading h3 { font-size:19px; }.route-heading p { max-width:32ch; }
}
@media (max-width:430px) { .available-route { grid-template-columns:1fr; }.wizard-progress-step small { display:none; }.order-glance { display:grid; }.split-actions { align-items:stretch; }.split-actions .button { flex:1; }.position-buttons { grid-template-columns:1fr; } }

/* Step 3: one station at a time, with a quiet master-detail layout. */
.wizard-progress { grid-template-columns:1fr 28px 1fr 28px 1fr; }
.station-details-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:16px; margin-top:12px; min-height:390px; }
.station-details-nav { align-self:start; display:grid; gap:7px; padding:12px; border:1px solid var(--line); border-radius:12px; background:#f5f8f6; }
.station-nav-title { display:flex; justify-content:space-between; align-items:end; gap:8px; padding:2px 4px 8px; border-bottom:1px solid var(--line); }.station-nav-title strong { font:600 13px Heebo; }.station-nav-title .eyebrow { display:block; }
.station-nav-item { display:grid; grid-template-columns:32px minmax(0,1fr) 12px; align-items:center; gap:8px; width:100%; padding:9px 8px; border:1px solid transparent; border-radius:9px; background:transparent; text-align:right; color:var(--ink); }.station-nav-item:hover { background:white; }.station-nav-item.active { border-color:#9bc5c0; background:white; box-shadow:0 4px 12px rgba(14,45,52,.06); }.station-nav-item strong,.station-nav-item small { display:block; }.station-nav-item strong { font:600 13px Heebo; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.station-nav-item small { margin-top:2px; color:var(--muted); font-size:10px; }.station-nav-item b { color:var(--muted); font-size:17px; font-weight:400; }.station-nav-icon,.station-title-icon { display:grid; place-items:center; color:white; background:var(--teal); }.station-nav-icon { width:32px; height:32px; border-radius:8px; font-size:16px; }.station-nav-icon.tone-hair,.station-title-icon.tone-hair { background:#4d9b9c; }.station-nav-icon.tone-sew,.station-title-icon.tone-sew { background:#9a6f9e; }.station-nav-icon.tone-color,.station-title-icon.tone-color { background:#d4943d; }.station-nav-icon.tone-finish,.station-title-icon.tone-finish { background:#3f8c78; }.station-nav-icon.tone-quality,.station-title-icon.tone-quality { background:#5f7fa3; }
.station-detail-main { min-width:0; padding:18px 19px 20px; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:var(--shadow); }.station-detail-title { display:flex; justify-content:space-between; align-items:start; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--line); }.station-detail-title h3 { display:flex; align-items:center; gap:9px; margin:3px 0; font:700 22px Heebo; }.station-detail-title p { margin:0; color:var(--muted); font-size:12px; }.station-title-icon { width:30px; height:30px; border-radius:8px; color:white; font-size:15px; }.station-total-chip { flex:none; padding:6px 9px; border-radius:16px; background:var(--teal-soft); color:var(--deep); font:700 12px Heebo; white-space:nowrap; }
.station-field-group { margin-top:18px; }.station-field-heading { display:flex; align-items:center; gap:9px; margin-bottom:8px; }.station-field-heading > span { width:23px; height:23px; display:grid; place-items:center; border-radius:7px; background:#eef3f0; color:var(--muted); font:700 10px monospace; }.station-field-heading strong,.station-field-heading small { display:block; }.station-field-heading strong { font:600 14px Heebo; }.station-field-heading small { color:var(--muted); font-size:10px; }.station-field-heading .icon-plus-button { margin-inline-start:auto; width:29px; height:29px; display:grid; place-items:center; border:1px solid #b9d2cd; border-radius:8px; background:#f0f8f5; color:var(--teal); font-size:19px; }.station-detail-main textarea { resize:vertical; min-height:82px; }.material-picker { overflow:hidden; border:1px solid var(--line); border-radius:9px; background:#fbfcfb; }.material-picker-head { display:flex; justify-content:space-between; padding:9px 11px; border-bottom:1px solid var(--line); font-size:12px; font-weight:600; }.material-picker-head small { color:var(--teal); font-weight:500; }.material-search { margin:9px 10px; width:calc(100% - 20px); padding:8px 10px; font-size:12px; }.material-options { display:grid; grid-template-columns:1fr 1fr; gap:6px; max-height:145px; padding:0 10px 10px; overflow:auto; }.material-option { display:flex; align-items:flex-start; gap:7px; padding:8px; border:1px solid #e3ebe7; border-radius:8px; background:white; color:var(--ink); cursor:pointer; }.material-option:has(input:checked) { border-color:#8cbcb4; background:var(--teal-soft); }.material-option input { width:auto; margin:3px 0 0; }.material-option strong,.material-option small { display:block; }.material-option strong { font-size:11px; line-height:1.3; }.material-option small { margin-top:2px; color:var(--muted); font-size:9px; }.station-price-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:9px; align-items:end; }.station-price-grid label { position:relative; }.station-price-grid label small { position:absolute; left:9px; bottom:10px; color:var(--muted); font-size:10px; }.station-price-grid input { padding-left:42px; }.station-total-box { min-height:62px; padding:10px 12px; border:1px solid #d4e2dd; border-radius:8px; background:#f2f8f5; }.station-total-box small,.station-total-box strong { display:block; }.station-total-box small { color:var(--muted); font-size:10px; }.station-total-box strong { margin-top:5px; font:700 17px Heebo; color:var(--deep); }
.wizard-order-summary { position:sticky; bottom:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:14px; margin:18px -19px -20px; padding:14px 19px; border-top:1px solid #c9ddd8; background:rgba(248,252,250,.97); box-shadow:0 -8px 18px rgba(14,45,52,.07); }.wizard-order-summary strong,.wizard-order-summary small { display:block; }.wizard-order-summary strong { margin-top:1px; font:700 24px Heebo; color:var(--deep); }.wizard-order-summary small { color:var(--muted); font-size:10px; }
.summary-cost-block { min-width:320px; }.summary-price-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }.summary-price-heading small,.summary-price-heading strong { display:block; }.summary-price-heading small { margin-top:3px; color:var(--muted); font-size:11px; }.summary-price-heading small strong { display:inline; color:var(--deep); font:700 13px Heebo; }.calculated-cost { display:block; margin-top:3px; color:var(--muted); font-size:11px; }.calculated-cost strong { display:inline; margin:0; color:var(--muted); font:600 11px Heebo; }.summary-override-toggle { flex:none; margin:0; padding:6px 10px; border:1px solid #b9d2cd; border-radius:8px; background:#fff; color:var(--teal); font:600 11px Heebo; cursor:pointer; }.summary-override-toggle:hover,.summary-override-toggle:focus-visible { background:var(--teal-soft); }.summary-override-toggle[aria-pressed="true"] { border-color:var(--teal); background:var(--teal-soft); }.toggle-track { position:relative; width:28px; height:16px; border-radius:10px; background:#cbd9d5; transition:.18s; }.toggle-track::after { content:""; position:absolute; top:3px; right:3px; width:10px; height:10px; border-radius:50%; background:white; transition:.18s; }.summary-override-toggle[aria-pressed="true"] .toggle-track { background:var(--teal); }.summary-override-toggle[aria-pressed="true"] .toggle-track::after { right:15px; }.summary-override-fields { display:grid; grid-template-columns:minmax(145px,180px) minmax(170px,1fr); gap:8px; margin-top:10px; }.summary-override-fields label { color:var(--deep); font-size:11px; }.summary-override-fields input { margin-top:4px; padding:8px 9px; font-size:12px; }.summary-override-fields small { margin-top:3px; font-size:9px; }.final-price-value { margin-top:9px !important; font-size:29px !important; line-height:1; color:var(--deep) !important; }.final-price-label { margin-top:2px; color:var(--teal) !important; font-weight:600; }
.catalog-page { display:grid; gap:14px; }.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 20px; border:1px solid var(--line); border-radius:13px; background:white; box-shadow:var(--shadow); }.catalog-toolbar h2 { margin:2px 0 0; font:700 22px Heebo; }.catalog-table-wrap { overflow:auto; border:1px solid var(--line); border-radius:13px; background:white; box-shadow:var(--shadow); }.catalog-table { min-width:760px; }.catalog-table td { vertical-align:middle; }.catalog-category { display:inline-flex; padding:4px 8px; border-radius:12px; background:var(--teal-soft); color:var(--deep); font-size:11px; }.catalog-stations-text { color:var(--muted); font-size:11px; }.catalog-actions { display:flex; align-items:center; gap:9px; }.small-button { padding:6px 10px; font-size:11px; }.archive-action { color:#9a5a4f; }.catalog-archive { padding:13px 16px; border:1px solid var(--line); border-radius:12px; background:#f7faf8; }.catalog-archive summary { cursor:pointer; color:var(--muted); font-size:12px; }.catalog-archive-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-top:1px solid var(--line); }.catalog-archive-row:first-child { margin-top:10px; }.catalog-archive-row strong,.catalog-archive-row small { display:block; }.catalog-archive-row small { margin-top:2px; color:var(--muted); font-size:10px; }.catalog-stations .checks { gap:7px; }.catalog-stations .checks label { display:inline-flex; align-items:center; gap:6px; }.catalog-stations > small { display:block; margin-top:9px; color:var(--muted); font-size:10px; }.one-off-list { display:grid; gap:7px; margin-top:9px; }.one-off-row { display:grid; grid-template-columns:minmax(0,1fr) 100px auto auto; align-items:center; gap:7px; padding:7px; border:1px dashed #d8c9a8; border-radius:8px; background:#fffaf0; }.one-off-row input { margin:0; padding:7px 8px; font-size:11px; }.one-off-row span { color:var(--muted); font-size:10px; }.one-off-button { margin-top:9px; padding:6px 9px; font-size:11px; }
.pricing-group { display:none !important; }
.qc-panel { margin:16px 0; padding:17px 19px; border:1px solid #e4c98f; border-right:5px solid var(--amber); border-radius:13px; background:#fffaf0; box-shadow:var(--shadow); }.qc-panel .panel-head { margin-bottom:11px; }.qc-panel h2 { margin:2px 0 0; font:700 21px Heebo; }.qc-count { display:grid; place-items:center; min-width:32px; height:32px; padding:0 9px; border-radius:17px; background:#f3d99e; color:#6d4d20; font:700 14px Heebo; }.qc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:9px; }.qc-card { display:block; width:100%; padding:12px 13px; border:1px solid #eadfca; border-right:4px solid #c9973f; border-radius:10px; background:#fff; color:var(--ink); text-align:right; cursor:pointer; transition:transform .15s,box-shadow .15s; }.qc-card:hover,.qc-card:focus-visible { transform:translateY(-2px); box-shadow:0 8px 18px rgba(104,77,40,.13); outline:0; }.qc-card.critical,.qc-card.high { border-right-color:var(--coral); }.qc-card-top,.qc-card-main,.qc-card-foot { display:flex; justify-content:space-between; gap:8px; }.qc-card-top { align-items:center; color:var(--muted); font-size:10px; }.qc-card-top strong { color:var(--deep); font-size:13px; }.qc-card-main { display:grid; justify-content:stretch; margin:9px 0; }.qc-card-main strong { font:600 14px Heebo; }.qc-card-main span { color:var(--muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.qc-card-foot { align-items:center; padding-top:8px; border-top:1px solid #f0e6d2; color:var(--muted); font-size:10px; }.qc-card-foot b { color:#8c6429; font-weight:600; }.admin-queue-assignment { display:grid; gap:2px; padding:8px 10px; border:1px solid #e4c98f; border-radius:8px; background:#fffaf0; }.admin-queue-assignment span { color:#79582a; font-size:11px; font-weight:600; }.admin-queue-assignment small { color:var(--muted); font-size:10px; }.button.danger { border:1px solid #e1aaa0; background:#fff2ef; color:#9d5146; }.button.danger:hover { background:#fbe0db; }.qc-review-mode { margin:16px 0 18px; padding:18px 19px; border:1px solid #e2c78b; border-right:5px solid var(--amber); border-radius:13px; background:#fffaf0; }.qc-review-head { display:flex; align-items:start; justify-content:space-between; gap:15px; }.qc-review-head h2 { margin:2px 0 3px; font:700 22px Heebo; }.qc-review-head p { margin:0; color:var(--muted); font-size:12px; }.qc-review-badge { flex:none; padding:6px 10px; border-radius:14px; background:#f3d99e; color:#6d4d20; font-size:11px; font-weight:600; }.qc-production-feed { display:grid; gap:0; margin:16px 0; }.qc-feed-item { display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; position:relative; padding:0 0 14px; }.qc-feed-item:not(:last-child)::after { content:""; position:absolute; top:27px; right:13px; bottom:0; width:1px; background:#ddc896; }.qc-feed-line { z-index:1; display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#f1d89c; color:#745524; font:700 11px Heebo; }.qc-feed-top { display:flex; justify-content:space-between; gap:10px; }.qc-feed-top strong { font:600 14px Heebo; }.qc-feed-top span { color:var(--muted); font-size:10px; }.qc-feed-item p { margin:5px 0 0; color:#684d28; font-size:12px; line-height:1.55; }.qc-photo-chip { display:inline-block; margin-top:6px; padding:3px 7px; border-radius:10px; background:#efe2bd; color:#72552b; font-size:10px; }.qc-review-actions { display:flex; gap:9px; padding-top:13px; border-top:1px solid #ead9b3; }.qc-review-actions .button { min-width:145px; }
@media (max-width:720px) { #newOrderDialog:has([data-wizard-panel="3"].active) { width:calc(100vw - 12px); }.station-details-layout { grid-template-columns:1fr; gap:10px; }.station-details-nav { display:flex; overflow-x:auto; padding:8px; }.station-nav-title { display:none; }.station-nav-item { min-width:190px; }.station-detail-main { padding:15px; }.material-options,.station-price-grid { grid-template-columns:1fr; }.wizard-order-summary { align-items:stretch; flex-direction:column; margin-inline:-15px; padding-inline:15px; }.wizard-order-summary .button { width:100%; }.wizard-progress { grid-template-columns:1fr 16px 1fr 16px 1fr; padding-inline:7px; }.wizard-progress-step { grid-template-columns:30px 1fr; }.wizard-progress-step strong { font-size:11px; } }
@media (max-width:720px) { .summary-cost-block { min-width:0; width:100%; }.summary-override-fields { grid-template-columns:1fr; }.final-price-value { font-size:27px !important; } }
@media (max-width:720px) { .catalog-toolbar { align-items:stretch; flex-direction:column; }.catalog-toolbar .button { width:100%; }.one-off-row { grid-template-columns:minmax(0,1fr) 82px auto; }.one-off-row .text-action { grid-column:1 / -1; justify-self:start; } }
@media (max-width:720px) { .qc-review-head { display:grid; }.qc-review-actions { flex-direction:column; }.qc-review-actions .button { width:100%; }.qc-feed-top { display:grid; gap:2px; }.qc-card-foot { display:grid; gap:4px; } }
@media (max-width:720px) { .history-list { padding-inline:0; }.history-event { grid-template-columns:1fr; gap:5px; }.history-event time { font-size:11px; }.history-event-head { margin-bottom:2px; } }
@media (max-width:720px) { .qc-unified-timeline .history-event { grid-template-columns:1fr; gap:5px; }.qc-timeline-stage { grid-template-columns:26px 1fr; }.qc-timeline-stage time { grid-column:2; text-align:left; }.qc-unified-timeline { max-height:390px; } }

/* Work types: customer-facing action plus private worker instructions. */
.work-catalog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }.work-catalog-station { overflow:hidden; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:var(--shadow); }.work-catalog-station-head { display:flex; align-items:center; gap:10px; padding:13px 14px; border-bottom:1px solid var(--line); background:#f7faf8; }.work-catalog-station-head strong,.work-catalog-station-head small { display:block; }.work-catalog-station-head small { margin-top:2px; color:var(--muted); font-size:10px; }.work-catalog-item { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; border-bottom:1px solid #edf1ef; }.work-catalog-item:last-child { border-bottom:0; }.work-catalog-item strong,.work-catalog-item small { display:block; }.work-catalog-item strong { font-size:12px; }.work-catalog-item small { margin-top:2px; color:var(--teal); font-size:10px; }.material-catalog-heading { margin-top:8px; }
.station-work-types { display:grid; gap:8px; }.station-work-option { border:1px solid #dfe8e4; border-radius:10px; background:#fbfcfb; }.station-work-option.selected { border-color:#8fbeb6; background:#f3faf7; }.station-work-option > label { display:flex; align-items:center; gap:9px; padding:10px 11px; color:var(--ink); cursor:pointer; }.station-work-option > label input { width:auto; margin:0; }.station-work-option > label strong,.station-work-option > label small { display:block; }.station-work-option > label strong { font-size:12px; }.station-work-option > label small { margin-top:2px; color:var(--muted); font-size:10px; }.station-work-details { display:grid; grid-template-columns:minmax(0,1fr) 140px; gap:9px; padding:0 11px 11px 37px; }.station-work-details textarea { min-height:58px; margin-top:4px; }.station-work-details input { margin-top:4px; }.station-work-details label:last-child { position:relative; }.station-work-details label:last-child small { position:absolute; left:9px; bottom:10px; color:var(--muted); }
.worker-service-list { display:grid; gap:7px; margin:10px 0; }.worker-service-list > div { padding:9px 10px; border-right:3px solid var(--teal); border-radius:7px; background:#f4faf8; }.worker-service-list strong { font-size:12px; }.worker-service-list p { margin:3px 0 0; color:var(--ink); font-size:12px; }.worker-task-actions { display:flex; align-items:center; gap:7px; }
.edit-work-options { display:grid; gap:7px; margin:10px 0; }.edit-work-option { padding:8px; border:1px solid #e1e9e6; border-radius:8px; background:#fbfcfb; }.edit-work-option.selected { border-color:#94c0b8; background:#f3faf7; }.edit-work-option > label { display:flex; align-items:center; gap:7px; color:var(--ink); }.edit-work-option > label input { width:auto; margin:0; }.edit-work-option > label small { color:var(--teal); }.edit-work-option > div { display:grid; grid-template-columns:minmax(0,1fr) 110px; gap:7px; padding:8px 24px 0 0; }.edit-work-option textarea,.edit-work-option > div input { margin:0; min-height:0; padding:7px; font-size:11px; }
.order-print-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0; padding:12px 13px; border:1px solid #d6e6e1; border-radius:10px; background:#f6fbf9; }.order-print-actions strong,.order-print-actions small { display:block; }.order-print-actions small { margin-top:3px; color:var(--muted); font-size:10px; }.order-print-actions > div:last-child { display:flex; gap:7px; }
.print-label-dialog { width:min(620px,calc(100vw - 24px)); }.print-label-content { margin-top:18px; }.print-slip { direction:rtl; overflow:hidden; border:1px solid #bccbc7; border-radius:12px; background:white; color:#183a40; }.print-slip header { display:flex; align-items:center; justify-content:space-between; padding:12px 15px; background:#153f47; color:white; }.print-slip header span { font-size:10px; letter-spacing:.08em; }.print-slip header strong { font-size:15px; }.print-slip-identity { padding:15px 16px 8px; }.print-slip-identity h2 { margin:0; font:700 22px Heebo; }.print-slip-identity p { margin:3px 0 0; color:#64777a; font-size:12px; }.print-slip dl { display:flex; gap:18px; margin:0; padding:8px 16px 13px; border-bottom:1px solid #e3e9e7; }.print-slip dl div { display:flex; gap:5px; }.print-slip dt { color:#748487; font-size:10px; }.print-slip dd { margin:0; font-size:11px; font-weight:600; }.print-slip-lines { padding:8px 16px 13px; }.print-slip-station { padding:4px 9px 8px; border-right:3px solid #d8e5e1; }.print-slip-station h3 { display:flex; align-items:center; gap:7px; margin:10px 0 5px; color:#277986; font-size:12px; }.print-slip-station h3 > span { display:grid; place-items:center; width:21px; height:21px; border-radius:50%; background:#e5f1ee; color:#245d66; font-size:10px; }.print-slip-station h3 small { margin-inline-start:auto; color:#718083; font-size:9px; font-weight:500; }.print-slip-line { display:flex; align-items:start; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid #edf1ef; }.print-slip-line strong { font-size:13px; }.print-slip-line p { margin:3px 0 0; color:#435c60; font-size:12px; }.print-slip-line b { white-space:nowrap; font-size:12px; }.print-slip footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; background:#eef6f3; }.print-slip footer span { font-size:11px; }.print-slip footer strong { font:700 19px Heebo; }.print-slip footer p { margin:0; font-size:12px; }
.worker-station-list { display:grid; gap:12px; padding-top:14px; }.worker-station-card { overflow:hidden; padding:0; border:1px solid #b9c9c5; border-right-width:1px; border-radius:8px; background:#fff; break-inside:avoid; }.worker-station-card > .worker-station-head { display:flex; align-items:center; justify-content:flex-start; gap:9px; padding:9px 11px; border-bottom:1px solid #cfdad7; background:#eef4f2; color:#183a40; }.worker-station-card > .worker-station-head h3 { margin:0; color:#183a40; font-size:14px; }.worker-station-card > .worker-station-head .worker-station-number { display:grid; place-items:center; width:23px; height:23px; border:1px solid #8fa9a3; border-radius:4px; background:#fff; color:#183a40; font:700 11px Heebo; letter-spacing:0; }.worker-station-body { padding:2px 11px 5px; }.worker-instruction { display:grid; grid-template-columns:minmax(105px,.7fr) minmax(0,1.8fr); align-items:start; gap:14px; padding:10px 0; }.worker-instruction:first-child { border-top:0; }.worker-field > span { display:block; margin-bottom:3px; color:#718083; font-size:9px; font-weight:600; }.worker-field strong { display:block; color:#183a40; line-height:1.4; }.worker-field p { margin:0; line-height:1.55; }.worker-technical { padding-right:13px; border-right:1px solid #dce5e2; }
@media (max-width:720px) { .station-work-details,.edit-work-option > div { grid-template-columns:1fr; padding-inline-start:11px; }.order-print-actions { align-items:stretch; flex-direction:column; }.order-print-actions > div:last-child { display:grid; grid-template-columns:1fr 1fr; }.worker-task-actions { width:100%; justify-content:space-between; }.work-catalog-grid { grid-template-columns:1fr; } }
@media print { body.printing-label > *:not(#printLabelDialog) { display:none !important; } body.printing-label #printLabelDialog { position:static; display:block !important; width:100%; max-width:none; margin:0; padding:0; border:0; box-shadow:none; } body.printing-label #printLabelDialog::backdrop,body.printing-label #printLabelDialog .dialog-head,body.printing-label #printLabelDialog .dialog-actions { display:none !important; } body.printing-label #printLabelDialog form { padding:0; } body.printing-label .print-label-content { margin:0; } body.printing-label .print-slip { border:1px solid #000; border-radius:0; } body.printing-label .worker-station-card { border-color:#555; } body.printing-label .worker-station-card > .worker-station-head { border-bottom-color:#777; background:#f2f2f2 !important; color:#000; } body.printing-label .worker-technical { border-right-color:#999; } }
.template-stage-card{grid-template-columns:auto 30px minmax(0,1fr) auto}.template-stage-icon{border-radius:8px}
:where(.permission-hidden){display:none!important;}
.user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.user-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line,#dbe4e3);border-radius:16px;background:#fff;position:relative}.user-card-avatar{width:42px;height:42px;border-radius:14px;background:#e6f4f3;color:#1b6f78;display:grid;place-items:center;font-weight:800}.user-card-body{display:grid;gap:3px;min-width:0}.user-card-body strong{font-size:1.05rem}.user-card-body span{color:#496267}.user-card-body small{color:#77898b}.user-departments{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.user-departments span{font-size:.75rem;background:#f1f5f4;border-radius:999px;padding:3px 7px}.user-status{margin-inline-start:auto;font-size:.74rem;color:#43806d;background:#eef8f1;padding:4px 8px;border-radius:999px;white-space:nowrap}@media(max-width:900px){.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.user-grid{grid-template-columns:1fr}}
.user-card.is-disabled{opacity:.58;background:#f6f8f8}.user-card>[data-toggle-employee]{margin-inline-start:auto;align-self:flex-start}
.logistics-preview{margin-top:16px;padding:12px 16px;border:1px dashed #b7d3d4;border-radius:14px;background:#f4fbfb;color:#194851;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.logistics-preview>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logistics-preview-step{display:inline-flex;align-items:center;gap:6px;font-weight:700}.logistics-preview-step b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d9eeee;color:#17636b;font-size:12px}.logistics-preview i{color:#91aeb0;font-style:normal}.logistics-panel{margin:18px 0}.logistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.logistics-queue{background:#f8fbfb;border:1px solid #d9e7e7;border-radius:14px;padding:12px;min-height:112px}.logistics-queue-head{display:flex;justify-content:space-between;align-items:center;color:#23484e;margin-bottom:8px}.logistics-queue-head b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#d7eeee;color:#17636b}.logistics-queue-item{width:100%;border:0;border-top:1px solid #e5eeee;background:transparent;padding:8px 0;display:flex;justify-content:space-between;gap:8px;text-align:right;cursor:pointer;color:inherit}.logistics-queue-item span{display:grid;gap:2px}.logistics-queue-item small{color:#6f8587;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.logistics-queue-item em{font-style:normal;color:#6f8587;font-size:12px;white-space:nowrap}.logistics-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:12px 0;border:1px solid #c7dddd;border-radius:14px;background:#f3fbfb}.logistics-actions.delivered-actions{background:#f2f8f3;border-color:#c7dfcb}.logistics-status{font-weight:800;color:#1a6268}.passive-logistics{padding:10px 14px;margin:12px 0;border-radius:12px;background:#f4f7f7;color:#607879;text-align:center}.logistics-assignment{background:#f4fbfb;border:1px dashed #b9d8d8;border-radius:10px;padding:8px 10px;display:grid;gap:2px}.logistics-assignment span{font-weight:700;color:#28636a}.logistics-assignment small{color:#718789}@media(max-width:900px){.logistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.logistics-grid{grid-template-columns:1fr}.logistics-actions{align-items:stretch;flex-direction:column}.logistics-preview{align-items:flex-start;flex-direction:column}}
.stage-card.tone-logistics{--stage:#2f7d86;--stage-soft:#e4f4f4}.station-nav-icon.tone-logistics,.station-title-icon.tone-logistics{background:#2f7d86}.flow-step.logistics-flow-step{border-inline-start-color:#2f7d86;background:#f4fbfb}
.logistics-empty{padding:18px 20px;border:1px dashed #cbdedd;border-radius:14px;background:#f8fbfb;color:#6b7f80;text-align:center}
.delivery-balance-card{display:grid;gap:3px;margin:14px 0 10px;padding:14px 16px;border:1px solid #c9ddda;border-radius:11px;background:#f1f8f6;color:var(--deep)}.delivery-balance-card span{font-size:11px;font-weight:700;color:var(--teal)}.delivery-balance-card strong{font:800 24px Heebo}.delivery-balance-card small{color:var(--muted);line-height:1.5}.delivery-payment-check{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #b8d5ce;border-radius:10px;background:#fff;color:var(--deep);font-weight:700;cursor:pointer}.delivery-payment-check:has(input:checked){border-color:#5b9c8b;background:var(--green-soft)}.delivery-payment-check input{width:18px;height:18px;margin:0;accent-color:var(--green)}
.before-delivery-work-fields{display:grid;gap:13px;margin-top:18px}.before-delivery-work-fields textarea{resize:vertical;min-height:88px}.before-delivery-route-preview{display:grid;gap:3px;margin-top:14px;padding:11px 12px;border:1px solid #cbdedd;border-radius:10px;background:#f8fbfb;color:#294e53}.before-delivery-route-preview strong{font-size:12px}.before-delivery-route-preview span{font-size:13px;line-height:1.45}.before-delivery-date-note{margin:10px 0 0;padding-inline-start:10px;border-inline-start:3px solid #d3a44b;color:#657476;font-size:12px;line-height:1.55}.before-delivery-date-note strong{color:#42575a}#addWorkBeforeDeliveryDialog .dialog-actions{flex-wrap:wrap}
@media(max-width:620px){#addWorkBeforeDeliveryDialog{width:calc(100vw - 16px)}#addWorkBeforeDeliveryDialog form{padding:18px 16px}#addWorkBeforeDeliveryDialog .dialog-head{gap:12px}#addWorkBeforeDeliveryDialog .dialog-actions{align-items:stretch;flex-direction:column-reverse}#addWorkBeforeDeliveryDialog .dialog-actions .button{width:100%;min-height:44px}.before-delivery-route-preview{overflow-wrap:anywhere}}
.customer-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 14px;padding:6px;border:1px solid #d8e5e1;border-radius:13px;background:#f3f8f5}.customer-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font:600 13px Heebo;cursor:pointer}.customer-tab:hover{background:#fff;color:var(--ink)}.customer-tab.active{border-color:#a6ccc5;background:#fff;color:var(--deep);box-shadow:0 3px 9px rgba(14,45,52,.07)}.customer-tab b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--teal-soft);font-size:11px}.customer-tab-panel{display:grid;gap:13px}.customer-name-line{display:flex;align-items:center;gap:7px}.customer-name-line h1{margin:1px 0 2px}.edit-customer-name{width:28px;height:28px;border:0;border-radius:7px;background:#eef7f5;color:var(--teal);font-size:15px;cursor:pointer}.customer-profile-photo-wrap{position:relative;flex:0 0 auto}.customer-profile-avatar-button{position:relative;padding:0;border:0;cursor:pointer}.customer-profile-avatar-button .customer-avatar-image{display:grid;width:100%;height:100%;place-items:center;overflow:hidden;border-radius:50%}.customer-profile-avatar-button .profile-photo-overlay{position:absolute;inset:auto 2px 2px auto;display:grid;place-items:center;width:22px;height:22px;border:2px solid white;border-radius:50%;background:var(--teal);color:white;font-size:13px}.customer-profile-avatar-button:hover .profile-photo-overlay{background:var(--deep)}.customer-profile-contact{align-items:center}.customer-inline-field{display:flex;align-items:center;gap:6px;min-width:0}.customer-profile-contact .customer-inline-field{display:inline-flex}.inline-field-label{color:var(--muted);font-size:11px}.inline-display,.inline-static{display:inline-flex;align-items:center;gap:5px;padding:2px 5px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);font:inherit;text-align:right}.inline-display{cursor:pointer}.inline-display:hover{border-color:#b9d8d1;background:#f3faf7}.inline-pencil{color:var(--teal);font-size:12px;opacity:.75}.inline-empty{color:#87999a;font-style:italic}.inline-editor{display:inline-flex;align-items:center;gap:4px;min-width:0}.inline-editor-control input,.inline-editor-control select,.inline-editor-control textarea{display:inline-block;width:170px;margin:0;padding:6px 8px;border-radius:7px;font:inherit}.inline-editor-control textarea{vertical-align:middle;resize:vertical}.inline-save,.inline-cancel{width:27px;height:27px;border:0;border-radius:6px;cursor:pointer;font-weight:800}.inline-save{background:#d9f0e7;color:#1d715e}.inline-cancel{background:#f6e6e3;color:#a74d45}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-detail-grid .customer-inline-field{display:grid;align-items:start;gap:5px;padding:11px 12px;border:1px solid #e2ebe7;border-radius:10px;background:#fbfdfb}.customer-detail-grid .inline-display,.customer-detail-grid .inline-static{padding:0;font-size:14px}.customer-detail-grid .inline-editor{width:100%}.customer-detail-grid .inline-editor-control{flex:1}.customer-detail-grid .inline-editor-control input,.customer-detail-grid .inline-editor-control select,.customer-detail-grid .inline-editor-control textarea{width:100%}.customer-gallery-actions{display:flex;justify-content:flex-start;margin-bottom:10px}.customer-profile-sections{min-width:0}@media(max-width:720px){.customer-tabs{grid-template-columns:1fr 1fr;gap:5px}.customer-tab{min-height:40px;font-size:12px}.customer-profile-head{gap:11px}.customer-profile-contact{display:grid;gap:4px}.customer-detail-grid{grid-template-columns:1fr}.customer-profile-contact .inline-editor-control input{width:145px}.customer-name-line h1{font-size:25px}}
.nav-icon{width:20px;height:20px;display:grid;place-items:center;color:currentColor}
.nav-icon svg,.mobile-menu svg,.global-search svg,.icon-button svg,.ui-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-menu svg{width:21px;height:21px}.global-search svg{width:17px;height:17px}.icon-button svg{width:19px;height:19px}
.form-grid>.wide-label,.form-grid>fieldset.wide-label{grid-column:1 / -1}
.toast{box-shadow:0 8px 24px rgba(14,45,52,.18)}.toast.success{background:#276f5d;border-inline-start:4px solid #b9ead7}
.one-off-row.without-price{grid-template-columns:minmax(0,1fr) auto}.wizard-order-summary.without-pricing{justify-content:flex-end}

/* Order intake: find the customer's existing card before creating another. */
.customer-picker{margin:20px 0 16px;padding:17px 18px;border:1px solid #d7e4e0;border-radius:12px;background:#f8fbf9}.customer-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.customer-picker-head h3{margin:3px 0 2px;font:600 18px Heebo}.customer-picker-head p{max-width:560px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.customer-picker-switch{flex:none;padding:6px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--teal);font-size:12px;font-weight:600}.customer-picker-switch:hover{color:var(--deep)}.customer-search-mode{margin-top:14px}.customer-search-label{display:block;max-width:620px;color:var(--ink);font-weight:600}.customer-search-label>small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:400}.customer-search-control{display:flex;align-items:center;gap:9px;margin-top:6px;padding:0 12px;border:1px solid #cfdcd8;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.customer-search-control:focus-within{border-color:#78aaa5;box-shadow:0 0 0 3px rgba(35,121,134,.12)}.customer-search-control svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round}.customer-search-control input{height:44px;margin:0;padding:9px 0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none}.customer-search-control input:focus{outline:0}.customer-search-results{display:grid;max-height:230px;margin-top:9px;overflow-y:auto;border:1px solid #d6e2de;border-radius:10px;background:#fff;box-shadow:0 9px 22px rgba(23,60,69,.08)}.customer-search-results:empty::before{content:"לא נמצאו לקוחות מתאימים. אפשר לפתוח כרטיס חדש.";padding:14px;color:var(--muted);font-size:12px}.customer-search-result,.customer-search-results>[role="option"]{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 13px;border:0;border-bottom:1px solid #edf1ef;background:#fff;color:var(--ink);text-align:right}.customer-search-result:last-child,.customer-search-results>[role="option"]:last-child{border-bottom:0}.customer-search-result:hover,.customer-search-result:focus-visible,.customer-search-results>[role="option"]:hover,.customer-search-results>[role="option"]:focus-visible,.customer-search-results>[role="option"][aria-selected="true"]{background:#f0f8f5}.customer-search-result strong,.customer-search-result small,.customer-search-results>[role="option"] strong,.customer-search-results>[role="option"] small{display:block}.customer-search-result small,.customer-search-results>[role="option"] small{margin-top:2px;color:var(--muted);font-size:10px}.selected-customer-summary{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:13px;padding:12px 13px;border:1px solid #a9cec4;border-radius:10px;background:#f0f8f4}.selected-customer-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--green);color:#fff;font-weight:700}.selected-customer-copy{min-width:0}.selected-customer-copy small,.selected-customer-copy strong,.selected-customer-copy span{display:block}.selected-customer-copy small{color:var(--green);font-size:10px;font-weight:600}.selected-customer-copy strong{margin-top:1px;font:600 15px Heebo}.selected-customer-copy span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.new-customer-fields{margin-top:14px;padding-top:14px;border-top:1px solid #dbe5e1}.new-customer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.new-customer-heading strong,.new-customer-heading small{display:block}.new-customer-heading strong{font:600 14px Heebo}.new-customer-heading small{margin-top:2px;color:var(--muted);font-size:10px}.customer-new-grid{margin:12px 0 0}
@media(max-width:720px){.customer-picker{margin-inline:-4px;padding:14px}.customer-picker-head{display:grid;gap:8px}.customer-picker-head .customer-picker-switch{justify-self:start}.customer-search-label{max-width:none}.selected-customer-summary{grid-template-columns:30px minmax(0,1fr) auto}.new-customer-heading{align-items:start}.customer-new-grid{grid-template-columns:1fr}.customer-new-grid>label{grid-column:auto}}
.customer-record-id{display:inline-flex;align-items:center;width:max-content;padding:.25rem .65rem;border-radius:999px;background:#edf4f3;color:#42636a;font-size:.78rem;font-weight:700;letter-spacing:.04em;direction:ltr}
.qc-photo-preview{display:flex;align-items:center;gap:.65rem;width:max-content;max-width:100%;margin-top:.65rem;color:#1b6470;text-decoration:none;font-weight:700}.qc-photo-preview img{width:72px;height:54px;object-fit:cover;border-radius:10px;border:1px solid #d6e4e2}.qc-photo-preview:focus-visible{outline:3px solid #78bfc7;outline-offset:3px;border-radius:10px}
.locked-session{max-width:34rem;margin:12vh auto;padding:2rem;border:1px solid var(--line);border-radius:1.25rem;background:var(--surface);text-align:center}.locked-session h1{margin:.5rem 0}.locked-session p{color:var(--muted)}
/* Payment ledger and audited corrections */
.payment-history .section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.payment-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}
.payment-row strong{display:block;font-size:1.05rem;color:var(--ink)}
.payment-row small{display:block;color:var(--muted);margin-top:.2rem}
.payment-row p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}
.payment-adjustment-label{display:inline-block;margin-inline-start:.55rem;padding:.18rem .45rem;border-radius:999px;background:#fff0df;color:#a75a28;font-size:.75rem}
.edit-balance-preview{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 16px;overflow:hidden;border:1px solid #cfe0dc;border-radius:12px;background:#cfe0dc;box-shadow:0 5px 16px rgba(25,51,58,.08)}
.edit-balance-preview>div{padding:11px 13px;background:#f8fbfa}
.edit-balance-preview span,.edit-balance-preview strong{display:block}
.edit-balance-preview span{color:var(--muted);font-size:11px}
.edit-balance-preview strong{margin-top:3px;color:var(--ink);font-size:16px}
.edit-balance-preview .edit-charge-change.increased{background:#fff8eb}
.edit-balance-preview .edit-charge-change.increased strong{color:#a96718}
.edit-balance-preview .edit-charge-change.decreased{background:#eef8f4}
.edit-balance-preview .edit-charge-change.decreased strong{color:#28745f}
.edit-balance-preview .edit-customer-balance{background:var(--deep);color:#fff}
.edit-balance-preview .edit-customer-balance span{color:#cce0e3}
.edit-balance-preview .edit-customer-balance strong{color:#fff;font-size:20px}
@media(max-width:720px){.edit-balance-preview{position:static;grid-template-columns:1fr 1fr}.edit-balance-preview .edit-customer-balance{grid-column:1 / -1}}
.summary-payment-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #d8e5e1;text-align:right}
.summary-payment-values label{position:relative;color:var(--ink);font-size:11px;font-weight:600}
.summary-payment-values label span{display:block;margin-bottom:4px}
.summary-payment-values input{margin:0;padding:8px 9px 8px 42px;background:#fff;font-size:17px;font-weight:700}
.summary-payment-values label small{position:absolute;left:10px;bottom:10px;color:var(--muted);font-size:9px;font-weight:500}
@media(max-width:720px){.wizard-order-summary{align-items:stretch;flex-direction:column}.summary-cost-block{min-width:0;width:100%}.summary-override-fields{grid-template-columns:1fr}.summary-payment-values{grid-template-columns:1fr 1fr}.wizard-order-summary>.button{width:100%}}
@media(max-width:430px){.summary-payment-values{grid-template-columns:1fr}.summary-price-heading{align-items:flex-start}.summary-override-toggle{white-space:nowrap}}
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0;border-bottom:1px solid var(--line,#d8e2e0);padding-bottom:8px}.settings-tabs button{border:0;background:transparent;color:var(--muted,#68797a);padding:10px 14px;border-radius:10px;cursor:pointer;font:inherit}.settings-tabs button.active{background:#e7f3f1;color:var(--ink,#173c43);font-weight:700}.settings-subpage{margin-top:16px}.settings-subpage .catalog-toolbar p{color:var(--muted,#68797a);margin:.3rem 0 0}.template-canvas{background:#f7faf9;border:1px solid var(--line,#d8e2e0);border-radius:18px;padding:18px}.template-stages{display:grid;gap:10px;max-width:760px}.template-stage-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d4e1df;border-radius:12px;padding:12px 14px;cursor:grab}.template-stage-card strong{flex:1}.template-stage-index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#d8eeeb;color:#17505a;font-weight:700}.template-add-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;color:var(--muted,#68797a)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}.permission-card{border:1px solid var(--line,#d8e2e0);border-radius:12px;padding:10px 12px;display:grid;gap:7px}.permission-card legend{font-weight:700;padding:0 4px}.permission-card label{display:flex;gap:8px;align-items:center;font-size:.9rem}.user-card-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e4ecea;padding-top:10px}.system-audit-list{display:grid;gap:0;border:1px solid var(--line,#d8e2e0);border-radius:14px;overflow:hidden;background:#fff}.system-audit-row{display:flex;gap:18px;padding:14px 16px;border-bottom:1px solid #edf2f1}.system-audit-row:last-child{border-bottom:0}.system-audit-row time{color:var(--muted,#68797a);white-space:nowrap;font-size:.85rem}.system-audit-row small{display:block;color:var(--muted,#68797a);margin-top:3px}.impersonation-banner{position:absolute;inset-inline:0;top:100%;z-index:10;background:#fff4d7;border-bottom:1px solid #edc56d;color:#654900;padding:7px 16px;display:flex;justify-content:center;gap:14px;align-items:center;font-size:.9rem}.impersonation-banner button{border:0;background:transparent;text-decoration:underline;color:inherit;cursor:pointer;font:inherit}@media(max-width:700px){.permission-grid{grid-template-columns:1fr}.settings-tabs{display:grid;grid-template-columns:1fr 1fr}.settings-tabs button:last-child{grid-column:1/-1}.system-audit-row{display:block}.system-audit-row time{display:block;margin-bottom:5px}.template-add-row{align-items:flex-start;flex-direction:column}.user-card-actions{gap:6px}}
/* Settings interaction details */
.permission-row{display:grid;grid-template-columns:minmax(0,1fr) 25px;align-items:center;gap:6px}.permission-row label{min-width:0}.permission-info{display:grid;place-items:center;width:22px;height:22px;border:1px solid #a9c9c4;border-radius:50%;background:#f4fbf9;color:#1b7278;font:700 12px Georgia;cursor:pointer}.permission-info:focus-visible{outline:3px solid rgba(42,132,143,.25);outline-offset:2px}.permission-help{grid-column:1/-1;margin:0;padding:7px 9px;border-right:3px solid #8fc4bb;border-radius:6px;background:#f2f8f6;color:#567174;font-size:11px;line-height:1.5}.template-toolbar-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.template-meta{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:12px;align-items:end;margin:12px 0}.template-meta label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.template-meta input,.template-meta select{margin:0}.template-stage-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.template-stage-copy{display:grid;gap:2px;min-width:0}.template-stage-copy small{color:var(--muted);font-size:10px}.template-defaults{grid-column:2/-1;width:100%;border-top:1px solid #e9efed;margin-top:4px;padding-top:8px}.template-defaults summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;color:#21666c;font-size:12px;font-weight:700}.template-defaults summary span{color:var(--muted);font-weight:400}.template-default-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}.template-default-grid>div{display:grid;gap:6px;align-content:start}.template-default-grid>div>strong{font-size:11px;color:var(--ink)}.template-option{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid #e0eae7;border-radius:7px;background:#fbfdfc;font-size:11px}.template-option input{width:auto;margin:0}.template-option:has(input:checked){border-color:#8ec0b7;background:#f0f8f5}@media(max-width:700px){.template-toolbar-actions,.template-meta{display:grid;grid-template-columns:1fr}.template-default-grid{grid-template-columns:1fr}.template-stage-card{grid-template-columns:auto minmax(0,1fr) auto}}
.template-edit-stage{grid-column:2/-1;justify-self:start;margin-top:6px}.template-edit-panel{grid-column:2/-1;width:100%;margin-top:8px;padding:10px;border:1px solid #dce9e5;border-radius:10px;background:#f8fcfb}.template-option{justify-content:space-between;flex-wrap:wrap}.template-option small{width:100%;margin-inline-start:24px;color:var(--muted);font-size:10px}
.field-help{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45;font-weight:400}
.template-stage-card{grid-template-columns:auto 30px minmax(0,1fr) auto}.template-stage-icon{border-radius:8px}.template-stage-card .template-edit-stage,.template-stage-card .template-edit-panel{grid-column:2/-1}@media(max-width:700px){.template-stage-card{grid-template-columns:auto 30px minmax(0,1fr) auto}}

/* Dual currency and refunds */
.fx-alt{display:inline-block;font-size:.78em;font-weight:500;color:var(--muted,#6b7280);margin-inline-start:4px;white-space:nowrap}
.fx-note{margin:8px 0 0;font-size:.8rem;color:var(--muted,#6b7280)}
.refund-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border:1px solid #e7b9b0;background:#fdf1ee;border-radius:12px;padding:10px 14px;margin-bottom:10px}
.refund-banner small{display:block;color:#7a4b42}

/* Corrupt data warning and identity review */
.corrupt-banner{background:#fde4e1;color:#7a1a12;border:1px solid #f0b4ab;border-radius:12px;padding:12px 16px;margin:12px;font-weight:600}
.identity-review{border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:14px 16px;margin-bottom:16px;background:var(--surface,#fff)}
.identity-group{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--line,#e5e7eb)}
.identity-option{display:flex;gap:8px;align-items:flex-start}
.identity-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Narrow screens: content columns may shrink, wide tables scroll inside themselves, data tables become cards */
.wiki-layout>*,.wiki-article,.customer-profile-sections,.customer-profile-sections>*,.customer-tab-panel,.customer-section,.qc-review-mode,.active-order-grid>*{min-width:0}
.wiki-table{display:block;max-width:100%;overflow-x:auto}
.customer-table-wrap,.table-wrap,.catalog-table-wrap{max-width:100%;overflow-x:auto}
@media (max-width:640px){
  .data-table thead{display:none}
  .data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}
  .data-table tr{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:var(--surface,#fff)}
  .data-table td{border:0;padding:4px 0}
  .data-table td[data-label]::before{content:attr(data-label);display:block;font-size:.76rem;font-weight:700;color:var(--muted,#6b7280)}
  .data-table .route-mini{flex-wrap:wrap}
}
.detail-actions,.logistics-actions,.order-print-actions>div{flex-wrap:wrap}
.detail-actions>*{min-width:0}

/* Catalog tables become cards below tablet width; user actions are real buttons */
@media (max-width:900px){
  .catalog-table{min-width:0}
  .catalog-table thead{display:none}
  .catalog-table,.catalog-table tbody,.catalog-table tr,.catalog-table td{display:block;width:100%}
  .catalog-table tr{border-bottom:1px solid var(--line,#e5e7eb);padding:10px 12px}
  .catalog-table td{border:0;padding:3px 0}
}
.user-card-actions .text-action{min-height:36px;padding:6px 10px;border:1px solid var(--line,#e5e7eb);border-radius:8px}
.user-card-actions .danger-action{color:#b42318;border-color:#f0b4ab}
.corrupt-banner p{margin:0 0 8px}

/* File pickers stay inside their dialog */
dialog{max-width:calc(100vw - 16px)}
dialog input[type=file],dialog .file-label{max-width:100%;min-width:0}
dialog form{overflow-x:hidden}

/* Visually hidden inputs never widen their dialog */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;inset-inline-start:0!important}
dialog{overflow-x:hidden}