.orders-card .order-selection{position:sticky;left:0;z-index:1;width:48px;min-width:48px;padding-left:16px;padding-right:12px;background:var(--surface);box-shadow:1px 0 0 var(--border)}

.orders-card th.order-selection{z-index:2;background:var(--surface-muted)}

.orders-card tr:has(input[data-select]:checked) .order-selection,.orders-card tr:hover .order-selection{background:var(--surface-hover)}

.order-store{display:flex;gap:10px;align-items:center;min-width:160px}

.order-store-logo{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-secondary);font-size:12px}

.order-store-logo img{object-fit:contain;max-width:22px;max-height:22px}

.order-store-details{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:200px}

.order-store-details strong{font-size:13px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}

.order-store-provider,.order-store-id{font-size:12px;color:var(--text-secondary)}

.marketplace-order-link{font-size:14px;font-weight:600;color:var(--deep-green);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;white-space:normal}

.marketplace-order-link:hover{color:var(--success)}

.marketplace-order-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:3px;border-radius:2px}

/* Compact order progress uses the shared semantic palette. */

.fulfillment-cell{display:flex;flex-direction:column;gap:8px;min-width:138px}

.fulfillment-name{font-size:12px;font-weight:600;line-height:1.4}

.fulfillment-progress{display:flex;gap:5px}

.fulfillment-step{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);color:var(--text-secondary)}

.fulfillment-step svg{width:16px;height:16px}

.fulfillment-step.complete{color:var(--success);background:var(--success-soft);border-color:var(--success)}

.fulfillment-step.partial{color:var(--warning);background:var(--warning-soft);border-style:dashed;border-color:var(--warning)}

.fulfillment-step:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}

/* OneOrder brand tokens. Bright green is an accent; text uses accessible dark tones. */

:root{

 --primary:#00E676;--primary-hover:#00C968;--primary-light:#39F58A;--primary-dark:#00A854;--deep-green:#006B3C;--soft-mint:#B8FFD7;

 --background:#F6F8F7;--surface:#FFFFFF;--surface-muted:#F0F5F2;--surface-hover:#EAF7EF;--surface-selected:#E0F8EA;

 --sidebar:#00271B;--dark-background:#001A12;--text-on-dark:#F5FFF9;--text-on-dark-secondary:#9BB8AA;--dark-border:#164D38;

 --text-primary:#15362A;--text-secondary:#526D60;--border:#DDE7E1;--border-strong:#849D90;

 --success:#087443;--success-soft:#E4F7EB;--warning:#895500;--warning-soft:#FFF4DA;--danger:#B42332;--danger-soft:#FFF0F1;--info:#245FAB;--info-soft:#EAF2FF;

 --brand-gradient:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-dark) 100%);

 --shadow:0 2px 10px #001A1208;--shadow-dialog:0 20px 65px #001A1233;--overlay:#001A1270;--focus-ring:#00A85440;

 --radius:12px;--radius-control:8px;

 --green:var(--deep-green);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border);--soft:var(--surface-selected);

 --theme-heading:var(--surface);--theme-primary:var(--primary);--theme-shadow:var(--shadow);

}

:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text-primary);background:var(--background);font-synthesis:none;}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--green);text-decoration:none}button{border:1px solid var(--line);background:var(--surface);color:var(--text-primary);border-radius:7px;padding:10px 15px;font-size:14px;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center}button:hover{background:var(--surface-muted)}button.primary{background:var(--green);border-color:var(--green);color:var(--text-on-dark)}button.primary:hover{background:var(--deep-green)}button.danger{color:var(--danger)}button.text{border:0;background:transparent;padding:6px}button.small{padding:6px 9px}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:11px 12px;width:100%;color:var(--text-primary);font-size:14px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}textarea{resize:vertical;min-height:78px}label{font-size:14px;font-weight:600;display:block;margin:0 0 7px}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;font-weight:650}h2{font-size:19px;font-weight:650}h3{font-size:16px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:Consolas,monospace;font-size:13px}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:750;letter-spacing:-.8px}.brand img{width:35px;height:35px}.layout{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:242px;padding:28px 18px;display:flex;flex-direction:column;z-index:5}.sidebar .brand{padding:0 12px;margin-bottom:32px}.workspace{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;gap:10px;align-items:center;margin-bottom:30px}.avatar{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;width:35px;height:35px;color:var(--green);font-weight:700;flex-shrink:0}.nav-label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:1.3px;padding:0 13px;margin:0 0 9px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;color:var(--text-secondary);font-size:14px;font-weight:550;border-radius:7px}.nav a:hover{background:var(--surface-muted)}.nav a.active{background:var(--surface-muted);color:var(--text-primary);font-weight:700}.nav .count{margin-left:auto;background:var(--surface-muted);font-size:12px;padding:1px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:30px}.plan-note{padding:14px;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.profile{display:flex;align-items:center;gap:10px;padding:12px 3px;border-top:1px solid var(--line)}.profile button{margin-left:auto}.main{grid-column:2;min-width:0}.topbar{height:74px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.breadcrumb{font-size:14px;color:var(--text-secondary)}.breadcrumb strong{color:var(--text-primary);font-weight:500}.top-actions{display:flex;align-items:center;gap:14px}.local{font-size:12px;background:var(--surface-muted);padding:5px 9px;border-radius:5px;color:var(--text-secondary)}.content{padding:30px 36px 45px;width:100%;min-width:0;max-width:none;margin:0}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.pagehead p{color:var(--muted);font-size:14px;margin-top:7px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat,.card{border:1px solid var(--line);background:var(--surface);border-radius:10px}.stat{padding:20px 22px}.stat .value{font-size:29px;font-weight:650;letter-spacing:-.8px;margin:15px 0 8px}.stat-label{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.stat .foot{font-size:12px;color:var(--text-secondary)}.stat.emphasis{background:var(--deep-green);border-color:var(--border);color:var(--text-on-dark)}.stat.emphasis .stat-label,.stat.emphasis .foot{color:var(--text-secondary)}.cardhead{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cardbody{padding:23px}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:0 23px;overflow:auto}.tabs button{padding:17px 0;background:none;border:0;border-radius:0;white-space:nowrap;color:var(--text-secondary);font-weight:500;position:relative}.tabs button.active{color:var(--green);font-weight:700;border-bottom:2px solid var(--green)}.pill{border-radius:5px;font-size:12px;font-weight:600;padding:4px 8px;display:inline-flex;white-space:nowrap;background:var(--surface-muted);color:var(--text-secondary)}.pill.delivered,.pill.restock,.pill.connected,.pill.done{background:var(--surface-muted);color:var(--text-primary)}.pill.pending{background:var(--surface-muted);color:var(--text-secondary)}.pill.rts,.pill.booked{background:var(--surface-muted);color:var(--text-secondary)}.pill.shipped{background:var(--surface-muted);color:var(--text-secondary)}.pill.returned,.pill.delivery-failed,.pill.failed,.pill.needs-attention{background:var(--surface-muted);color:var(--text-secondary)}.pill.split{background:var(--surface-muted);color:var(--text-secondary)}.filterbar{padding:18px 22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{max-width:310px;position:relative;flex:1;min-width:180px}.search input{padding-left:35px}.search .icon{position:absolute;left:11px;top:11px;width:16px;color:var(--text-secondary)}.filterbar select{width:auto;max-width:190px}.tablewrap{overflow:auto;max-width:100%;min-width:0}table{border-collapse:collapse;width:100%;font-size:15px;font-weight:500;white-space:nowrap}th{text-align:left;color:var(--text-secondary);font-size:12px;font-weight:600;background:var(--surface);padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border:0}tbody tr:hover{background:var(--surface)}.cell-stack{display:flex;flex-direction:column;gap:5px}.cell-stack strong{font-size:15px;font-weight:600}.cell-stack span{font-size:13px;font-weight:500;color:var(--text-secondary)}.orderlink{font-weight:600;color:var(--text-primary)}.channel{display:inline-flex;align-items:center;gap:7px;font-size:13px}.channelmark{display:grid;place-items:center;width:23px;height:23px;border-radius:5px;background:var(--surface-muted);color:var(--text-primary);font-weight:700;font-size:12px}.channelmark.Daraz{background:#fff0e9;color:#da6333}.channelmark.WooCommerce{background:#f4ecfa;color:#875b9c}.tablefoot{display:flex;justify-content:space-between;padding:16px 22px;font-size:13px;color:var(--text-secondary);border-top:1px solid var(--line)}.notice{padding:13px 17px;background:var(--surface-muted);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;margin-bottom:22px;font-size:14px;line-height:1.5}.notice.warn{background:var(--surface-muted);border-color:var(--border);color:var(--text-primary)}.empty{padding:55px 25px;text-align:center;color:var(--text-secondary)}.empty .icon{width:36px;height:36px;margin-bottom:15px}.empty h3{color:var(--text-primary);margin-bottom:10px}.empty button{margin-top:18px}.bar{height:7px;background:var(--surface-muted);border-radius:10px;overflow:hidden;flex:1}.bar i{display:block;height:100%;background:var(--green);border-radius:10px}.courierrow{display:grid;grid-template-columns:90px 1fr 65px;gap:20px;align-items:center;margin:22px 0;font-size:14px}.activity{display:flex;gap:12px;padding:12px 0}.activity-mark{width:8px;height:8px;margin-top:8px;border-radius:50%;background:var(--surface-muted);flex-shrink:0}.activity p{font-size:14px}.activity small{font-size:12px;color:var(--text-secondary)}.auth{min-height:100vh;display:grid;grid-template-columns:44% 56%}.auth-art{background:var(--deep-green);color:var(--text-on-dark);padding:60px;display:flex;flex-direction:column;justify-content:space-between}.auth-art h1{font-size:48px;line-height:1.17;letter-spacing:-2px;margin-bottom:24px;max-width:420px}.auth-art p{color:var(--text-secondary);max-width:400px}.auth-art .steps{display:flex;gap:10px;margin-top:35px;flex-wrap:wrap}.auth-art .steps span{font-size:12px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary)}.auth-panel{display:flex;align-items:center;justify-content:center;padding:45px}.auth-form{width:420px;max-width:100%}.auth-form h2{font-size:27px;margin-bottom:9px}.auth-form .field{margin-top:18px}.field{margin-bottom:16px}.field small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.auth-form .primary{width:100%;margin-top:8px}.auth-form footer{font-size:14px;color:var(--muted);margin-top:23px;text-align:center}.error{color:var(--text-secondary);font-size:14px;margin:14px 0}.check{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:400}.loading{padding:50px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:0;width:660px;max-width:calc(100vw - 32px);max-height:90vh;color:var(--text-primary)}dialog::backdrop{background:var(--deep-green);backdrop-filter:blur(2px)}dialog.wide{width:930px}.dialoghead{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--surface);z-index:2}.dialogbody{padding:24px 25px}.dialogfoot{display:flex;justify-content:flex-end;gap:10px;padding-top:22px;border-top:1px solid var(--line);margin-top:18px}.items-grid{display:grid;grid-template-columns:2fr 1fr 65px 100px 30px;gap:8px;margin-bottom:10px;align-items:center}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);margin:25px 0 15px}.detail-top{display:flex;justify-content:space-between;gap:20px}.detail-block{border:1px solid var(--line);border-radius:9px;padding:18px;line-height:1.7;font-size:14px}.detail-block h3{margin-bottom:10px}.timeline{border-left:1px solid var(--border);margin-left:7px;padding-left:22px}.timeline>div{position:relative;padding-bottom:20px;font-size:14px}.timeline>div:before{content:'';position:absolute;left:-27px;top:6px;border:2px solid var(--border);border-radius:50%;width:7px;height:7px;background:var(--primary-dark)}.timeline small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.parcel-card{border:1px solid var(--line);border-radius:9px;padding:17px;margin-bottom:12px}.parcel-card p{font-size:14px;margin:10px 0}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.provider{padding:23px;display:flex;flex-direction:column;gap:15px}.provider h2{font-size:20px}.provider p{font-size:14px;color:var(--muted);min-height:65px}.provider footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.provider-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-weight:750;color:var(--text-primary);background:var(--surface-muted)}.scanbox{max-width:650px;margin:auto;text-align:center;padding:36px}.scanbox>.icon{height:60px;width:60px;color:var(--green);margin:15px}.scanbox input{font-size:20px;text-align:center;margin:20px 0 14px}.scanbox select{margin:15px 0}.scanbox video{width:100%;border-radius:10px;margin-top:20px}.screen-title{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--deep-green);color:var(--text-on-dark);padding:13px 23px;border-radius:9px;box-shadow:var(--shadow);z-index:100;display:none;max-width:90vw;font-size:14px}#toast.show{display:block}.mobile-menu{display:none}.labelpage{background:white;margin:20px auto;padding:15px;width:100mm;border:1px solid #333;min-height:145mm;page-break-after:always}.labelpage .brandlogo{max-width:120px;max-height:45px}.labelpage h2{margin:10px 0}.labelpage .labeldemo{font-weight:bold;padding:8px;border:2px solid #333;text-align:center;margin:12px 0}.labelpage .labelborder{border-top:1px solid #333;padding:10px 0;font-size:14px}.labelpage .barcode{height:65px;width:100%}.label-controls{padding:20px;display:flex;justify-content:center;gap:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

@media(min-width:1500px){.content{padding:36px 50px}.topbar{padding:0 50px}}

@media(max-width:1100px){.layout{grid-template-columns:205px 1fr}.sidebar{width:205px;padding:22px 12px}.content{padding:25px 22px}.topbar{padding:0 22px}.stats{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.auth-art{padding:35px}.auth-art h1{font-size:37px}}

@media(max-width:760px){.layout{display:block}.sidebar{display:none}.layout.menu-open .sidebar{display:flex;width:242px;box-shadow:var(--shadow)}.mobile-menu{display:inline-flex}.topbar{padding:0 16px}.content{padding:22px 16px}.pagehead{align-items:flex-start;flex-wrap:wrap}.pagehead h1{font-size:25px}.grid.two,.grid.three{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.stat .value{font-size:24px}.auth{grid-template-columns:1fr}.auth-art{padding:25px;gap:20px}.auth-art h1{font-size:28px;margin:0}.auth-art p,.auth-art .steps,.auth-art>small{display:none}.auth-panel{padding:30px 22px}.top-actions .muted{display:none}.items-grid{grid-template-columns:2fr 1fr 60px}.items-grid input:nth-child(4){grid-column:1/3}.permission-grid{grid-template-columns:1fr 1fr}.detail-top{flex-direction:column}.tabs{gap:18px;padding:0 15px}.filterbar{padding:15px}.filterbar select{max-width:140px}.breadcrumb{font-size:12px}.dialogbody{padding:18px}.scanbox{padding:22px}.labelpage{max-width:100%}}

@media print{body{background:var(--surface)}.label-controls,#toast{display:none!important}.labelpage{margin:0;border:0;break-after:page}.labelpage:last-child{break-after:auto}}

/* OneOrder overview: compact summary, quiet cards and comparison tables. */

.dashboard-v2{--dash-purple:var(--text-secondary);--dash-lime:var(--text-secondary);display:flex;flex-direction:column;gap:24px}.dashboard-v2 .pagehead{margin-bottom:0}.dashboard-v2 .pagehead h1{font-size:30px;letter-spacing:-1.1px}.dashboard-v2 .pagehead select{width:auto}.dash-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:20px;font-size:12px;white-space:nowrap}.sales-strip{display:grid;grid-template-columns:1.3fr .8fr 2fr;align-items:center;border:1px solid var(--border);border-radius:16px;background:linear-gradient(110deg,var(--deep-green),var(--deep-green));color:var(--text-on-dark);overflow:hidden;padding:25px 28px;gap:26px;box-shadow:var(--shadow)}.dash-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px}.sales-strip .dash-eyebrow{color:var(--text-secondary)}.sales-primary,.sales-orders{display:flex;flex-direction:column;gap:10px}.sales-primary>strong{font-size:29px;font-weight:650;letter-spacing:-1px}.sales-orders>strong{font-size:30px}.sales-strip small{font-size:11px;color:var(--text-secondary)}.sales-orders{border-left:1px solid var(--border);padding-left:25px}.sales-strip a{color:var(--text-on-dark)}.sales-formula{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 20px;border-left:1px solid var(--border);padding-left:25px}.sales-formula div{display:flex;flex-direction:column;gap:6px}.sales-formula strong{font-size:13px;font-weight:550}.metric-link{text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px;border-radius:3px}.metric-link:hover{color:var(--text-primary);text-decoration-color:currentColor}.sales-strip .metric-link:hover{color:var(--text-secondary)}.dash-panel{border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.dashboard-v2 .cardhead{padding:20px 24px;gap:15px}.dashboard-v2 h2{font-size:17px;letter-spacing:-.3px}.dashboard-v2 .cardhead p,.dash-section-heading p{font-size:12px;color:var(--text-secondary);margin-top:6px}.status-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:7px 24px 20px;gap:0 20px}.status-tile{padding:18px 0 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:11px}.status-tile>span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary)}.status-tile>strong{font-size:25px;font-weight:600}.status-dot{width:7px;height:7px;background:var(--primary-dark);border-radius:50%}.status-dot.pending{background:var(--primary-dark)}.status-dot.rts,.status-dot.booked{background:var(--primary-dark)}.status-dot.shipped,.status-dot.split{background:var(--primary-dark)}.status-dot.delivered,.status-dot.restock{background:var(--primary-dark)}.status-dot.returned,.status-dot.delivery-failed{background:var(--primary-dark)}.dash-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:-8px}.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.store-card{border:1px solid var(--border);border-radius:14px;padding:22px;background:var(--surface);min-width:0}.store-card h3{font-size:14px;overflow-wrap:anywhere}.store-card small{font-size:11px;color:var(--text-secondary)}.dash-brand{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:34px;padding:6px 8px;background:var(--surface-muted);border-radius:7px;font-size:12px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);flex-shrink:0}.dash-brand img{width:25px;height:25px}.dash-brand.shopify{color:#486e22;font-style:italic;background:#f1f6e9}.dash-brand.woocommerce{color:#8050a2;background:#f3ebfb;font-size:20px;letter-spacing:-1px}.dash-brand.daraz{color:#ef652d;background:#fff0e9;font-size:16px}.dash-brand.tcs{color:#d53035;background:#fff0ef;font-style:italic}.dash-brand.mp{color:#bd4735;background:#fff3ee}.dash-brand.postex{color:#101c25;background:transparent}.dash-brand.leopards{color:#333;background:#fff5c7;font-size:10px}.store-sale{font-size:27px;letter-spacing:-.8px;font-weight:650;margin:26px 0 20px}.store-split{display:flex;gap:16px;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.store-split strong{display:block;font-size:16px;margin-top:7px;color:var(--text-primary)}.store-progress{height:5px;background:var(--surface-muted);border-radius:5px;overflow:hidden;margin-top:22px}.store-progress i{display:block;background:var(--primary-dark);height:100%;border-radius:5px}.store-foot{display:flex;justify-content:space-between;font-size:11px;margin-top:9px;color:var(--text-secondary)}.store-foot strong{color:var(--text-primary)}.dashboard-v2 th{background:var(--surface-muted);color:var(--text-secondary);font-size:11px}.performance-table td{font-size:13px;padding:15px 24px}.performance-table td:not(:first-child),.performance-table th:not(:first-child){text-align:center}.performance-table td:first-child{color:var(--text-secondary);min-width:235px}.performance-table tbody tr:nth-child(even){background:var(--surface)}.dash-entity{display:flex;align-items:center;gap:12px}.performance-table th .dash-entity{flex-direction:column;gap:7px;color:var(--text-secondary)}.success-ratio{display:inline-block;color:var(--text-primary);background:var(--surface-muted);padding:5px 10px;border-radius:6px;font-weight:650}.dash-na{color:var(--text-secondary);font-size:11px}.dash-note{font-size:11px;color:var(--text-secondary);line-height:1.7;padding:0 4px}.dash-panel>.dash-note{padding:15px 24px;background:var(--surface);border-top:1px solid var(--border)}.age-control{display:flex;gap:10px;align-items:center;color:var(--text-secondary);font-size:12px;white-space:nowrap;margin:0}.age-control select{width:110px;font-size:12px}.aging-table th:not(:first-child),.aging-table td:not(:first-child){text-align:center;min-width:73px}.aging-table td:first-child{min-width:230px;font-size:12px}.aging-table .dash-entity strong{font-weight:550}.age-cell{font-variant-numeric:tabular-nums;font-size:13px}.age-cell .metric-link{color:var(--text-secondary)}.age-cell.has-orders .metric-link{color:var(--text-primary);font-weight:650;background:var(--surface-muted);padding:6px 10px;border-radius:6px}.age-cell.oldest.has-orders .metric-link{color:var(--text-secondary);background:var(--surface-muted)}.dash-empty{padding:28px;color:var(--text-secondary);font-size:13px;text-align:center}.customer-panel{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;padding:27px;border-radius:14px;background:linear-gradient(110deg,var(--surface-muted),var(--surface))}.customer-panel h2{font-size:22px;line-height:1.3;margin:10px 0}.customer-panel p{font-size:12px;color:var(--text-secondary);max-width:280px}.customer-segment{padding-left:28px;border-left:1px solid var(--border);align-self:center}.customer-segment>span{font-size:13px;color:var(--text-secondary)}.customer-dot{display:inline-block;width:8px;height:8px;background:var(--deep-green);border-radius:50%;margin-right:8px}.repeat .customer-dot{background:var(--primary-dark)}.customer-segment>strong{display:block;font-size:36px;letter-spacing:-1.3px;margin:13px 0 8px;font-weight:600}.customer-segment strong small{font-size:13px;letter-spacing:0;font-weight:550;color:var(--text-primary);background:var(--surface-muted);padding:5px 9px;border-radius:7px;vertical-align:middle;margin-left:8px}.repeat strong small{color:var(--text-secondary);background:var(--surface-muted)}.customer-definition{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:15px}.dashboard-v2 .notice{margin:0}.dashboard-v2 .tablewrap{scrollbar-width:thin}.dashboard-v2 a:focus-visible{outline:2px solid var(--border);outline-offset:4px}

@media(max-width:1250px){.sales-strip{grid-template-columns:1.3fr 1fr}.sales-formula{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding:18px 0 0;grid-template-columns:repeat(6,1fr)}.status-grid{grid-template-columns:repeat(5,1fr);gap:0 12px}.customer-panel{grid-template-columns:1fr 1fr}.customer-panel>div:first-child{grid-column:1/-1}.customer-segment{padding-left:0;border:0}}

@media(max-width:760px){.dashboard-v2{gap:20px}.dashboard-v2 .pagehead h1{font-size:25px}.sales-strip{padding:22px;gap:20px}.sales-primary>strong{font-size:23px}.sales-formula{grid-template-columns:repeat(3,1fr)}.sales-orders{padding-left:18px}.status-grid{grid-template-columns:repeat(2,1fr)}.dashboard-v2 .cardhead{padding:18px;align-items:flex-start}.dash-section-heading{align-items:flex-start;flex-wrap:wrap}.store-grid{grid-template-columns:1fr}.customer-panel{padding:22px;gap:22px}.customer-segment strong small{display:table;margin:8px 0}.customer-panel h2 br{display:none}.aging-table th:first-child,.aging-table td:first-child{position:sticky;left:0;background:var(--surface);z-index:1}.aging-table td:first-child{min-width:175px}.aging-table .dash-entity{gap:8px}.aging-table .dash-entity strong{white-space:normal}}



.dashboard-v2 .dash-brand{width:72px;background:var(--surface);border:1px solid var(--border)}.dashboard-v2 .dash-brand img{max-width:60px;width:auto;height:auto;max-height:25px;object-fit:contain}.dashboard-v2 .dash-brand.oneorder{width:40px}



.dashboard-v2 .dash-brand.daraz{background:#f85606;border-color:#f85606}.dashboard-v2 .dash-brand.postex{background:transparent;border-color:transparent}

.dashboard-divider{width:100%;height:1px;border:0;background:var(--surface-muted);margin:5px 0;flex-shrink:0}.section-date-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-end;justify-content:flex-end;margin-left:auto}.section-date-controls label{margin:0;font-size:11px;font-weight:500;color:var(--text-secondary);display:flex;flex-direction:column;gap:5px}.section-date-controls select,.section-date-controls input{width:auto;max-width:165px;font-size:12px;padding:9px 10px;border-color:var(--border);background:var(--surface)}.section-date-controls button{font-size:12px;padding:9px 13px}.dashboard-v2 .cardhead,.dashboard-v2 .dash-section-heading{flex-wrap:wrap}.dashboard-v2 .cardhead{border-bottom-color:var(--border)}.dashboard-v2 .status-tile{border-bottom-color:var(--border)}

@media(max-width:760px){.section-date-controls{margin-left:0;justify-content:flex-start;width:100%}.section-date-controls input{max-width:145px}.dashboard-divider{margin:3px 0}.dashboard-v2 .cardhead>.dash-chip{margin-left:auto}}

/* Shared OneOrder theme: forest green, soft sage and quiet section boundaries. */

:root{background:var(--background);color:var(--text-primary)}

body{background:var(--surface-muted)}.topbar{background:linear-gradient(100deg,var(--surface),var(--surface));border-bottom-color:var(--line)}.sidebar{background:linear-gradient(180deg,var(--surface) 60%,var(--surface-muted));border-right-color:var(--line)}.nav a.active{background:linear-gradient(105deg,var(--surface-muted),var(--surface-muted));color:var(--text-primary);box-shadow:var(--shadow)}.workspace,.plan-note{border-color:var(--line);background:var(--surface-muted)}.avatar{background:linear-gradient(135deg,var(--surface-muted),var(--surface-muted));color:var(--text-primary)}

.pagehead{padding:19px 22px;border:1px solid var(--border);border-radius:14px;background:var(--theme-heading)}.pagehead h1{color:var(--ink);letter-spacing:-.8px}.pagehead p{color:var(--text-secondary)}.card,.stat,.store-card{border-color:var(--line);box-shadow:var(--theme-shadow)}.cardhead{background:var(--theme-heading);border-bottom-color:var(--border)}.cardhead h2{color:var(--text-primary);font-size:17px;font-weight:650;letter-spacing:-.25px}.cardhead h2:before{content:'';display:inline-block;width:4px;height:15px;margin-right:10px;border-radius:4px;vertical-align:-2px;background:linear-gradient(180deg,var(--primary-dark),var(--surface-muted))}

button.primary{background:var(--theme-primary);border-color:var(--border);box-shadow:var(--shadow)}button.primary:hover{background:linear-gradient(120deg,var(--deep-green),var(--deep-green))}button:not(.primary):not(.text):hover{background:var(--surface-muted);border-color:var(--border)}input:focus,select:focus,textarea:focus{outline:2px solid var(--border);outline-offset:2px}.auth-art{background:linear-gradient(145deg,var(--deep-green),var(--deep-green))}.stat.emphasis{background:var(--theme-primary);border-color:var(--border)}.dialoghead{background:var(--theme-heading);border-bottom-color:var(--line)}

.dashboard-v2{gap:22px}.dashboard-v2 .pagehead{padding:22px 24px}.dashboard-v2 .pagehead h1{font-size:28px}.dashboard-v2 .dash-section-heading{padding:17px 21px;margin-bottom:-9px;border:1px solid var(--border);border-radius:12px;background:var(--theme-heading);gap:14px}.dashboard-v2 .dash-section-heading h2{color:var(--text-primary);font-size:17px;font-weight:650}.dashboard-v2 .dash-section-heading h2:before{content:'';display:inline-block;width:4px;height:15px;margin-right:10px;border-radius:4px;vertical-align:-2px;background:linear-gradient(180deg,var(--primary-dark),var(--surface-muted))}.dashboard-v2 .dash-section-heading p{margin-left:14px;line-height:1.55}.dashboard-v2 .cardhead{background:var(--theme-heading);padding:20px 23px}.dashboard-v2 .cardhead p{margin-left:14px;line-height:1.55}.dashboard-divider{height:1px;min-height:1px;width:100%;border:0;background:linear-gradient(90deg,var(--surface-muted),var(--surface-muted) 30%,var(--surface-muted) 70%,var(--surface-muted));margin:9px 0}.sales-strip{background:linear-gradient(115deg,var(--deep-green) 0%,var(--deep-green) 100%);border-color:var(--border);box-shadow:var(--shadow)}.store-card{background:linear-gradient(160deg,var(--surface) 72%,var(--surface-muted))}.store-progress i{background:linear-gradient(90deg,var(--primary-dark),var(--primary-dark))}.store-foot{border-top:1px solid var(--border);padding-top:10px}.customer-panel{background:linear-gradient(115deg,var(--surface-muted),var(--surface) 70%);border-color:var(--line)}.customer-segment strong small{background:var(--surface-muted);color:var(--text-primary)}.repeat .customer-dot{background:var(--primary-dark)}.repeat strong small{background:var(--surface-muted);color:var(--text-secondary)}.customer-definition{border-top-color:var(--border)}.metric-link:hover{color:var(--text-primary)}.section-date-controls select,.section-date-controls input{background:var(--surface);border-color:var(--border)}.dashboard-v2 .dash-chip{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}.dashboard-v2 .performance-table th,.dashboard-v2 .aging-table th{background:var(--surface-muted);border-bottom-color:var(--border)}.dashboard-v2 .performance-table td,.dashboard-v2 .aging-table td{border-bottom-color:var(--border)}

@media(max-width:760px){.pagehead,.dashboard-v2 .pagehead{padding:18px}.dashboard-v2 .pagehead h1{font-size:24px;line-height:1.25}.dashboard-v2 .dash-section-heading{padding:16px 18px}.dashboard-v2 .cardhead{padding:17px 18px}.dashboard-divider{margin:6px 0}.dashboard-v2{gap:19px}.section-date-controls{gap:8px}.dashboard-v2 .dash-section-heading p{margin-left:14px}}

@media print{.pagehead,.cardhead,.dashboard-v2 .dash-section-heading{background:var(--surface);box-shadow:none}}



/* Shared surfaces and interaction states. Layout and breakpoints remain above. */

body{background:var(--background);color:var(--text-primary)}

.topbar,.pagehead,.cardhead,.dialoghead,.dashboard-v2 .pagehead,.dashboard-v2 .cardhead,.dashboard-v2 .dash-section-heading,.store-card,.customer-panel{background:var(--surface)}

.card,.stat,.store-card,.pagehead,.dash-panel{border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}

h1,.pagehead h1,.dashboard-v2 .pagehead h1{font-size:26px;line-height:1.3;letter-spacing:-.6px}

h2,.cardhead h2,.dashboard-v2 h2{color:var(--text-primary);line-height:1.4}

.cardhead h2:before,.dashboard-v2 .dash-section-heading h2:before{background:var(--primary-dark)}

.dashboard-divider{background:var(--border)}

.sidebar{background:var(--sidebar);color:var(--text-on-dark);border-color:var(--dark-border);overflow-y:auto}

.sidebar .brand{color:var(--text-on-dark)}

.sidebar .muted,.sidebar .nav-label{color:var(--text-on-dark-secondary)}

.sidebar .workspace,.sidebar .plan-note{background:var(--dark-background);border-color:var(--dark-border)}

.sidebar .avatar{background:var(--dark-border);border-color:var(--dark-border);color:var(--soft-mint)}

.sidebar .profile{border-color:var(--dark-border)}

.sidebar .profile button{color:var(--text-on-dark-secondary)}

.nav a{color:var(--text-on-dark-secondary)}

.nav a:hover{background:var(--dark-border);color:var(--text-on-dark)}

.nav a.active{background:var(--dark-border);color:var(--primary);box-shadow:inset 3px 0 var(--primary)}

.nav .count{background:var(--primary);color:var(--dark-background)}

button{background:var(--surface);color:var(--text-primary);border-color:var(--border);border-radius:var(--radius-control)}

button:hover,button:not(.primary):not(.text):hover{background:var(--surface-hover);border-color:var(--border-strong)}

button.primary{background:var(--primary);border-color:var(--primary);color:var(--dark-background);box-shadow:none}

button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}

button.primary:active{background:var(--primary-dark);border-color:var(--primary-dark)}

button:disabled,button:disabled:hover{background:var(--surface-muted);border-color:var(--border);color:var(--text-secondary);opacity:.65;box-shadow:none}

button.text{background:transparent}button.danger{color:var(--danger)}button.danger:hover{background:var(--danger-soft)}

a{color:var(--deep-green)}a:hover,.metric-link:hover{color:var(--success)}

:is(button,a,input,select,textarea):focus-visible,.dashboard-v2 a:focus-visible{outline:2px solid var(--primary-dark);outline-offset:3px}

input,select,textarea,.section-date-controls input,.section-date-controls select{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong);border-radius:var(--radius-control);color-scheme:light}

input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:1}

input:focus,select:focus,textarea:focus{border-color:var(--primary-dark);outline:2px solid var(--focus-ring);outline-offset:1px}

input:disabled,select:disabled,textarea:disabled{background:var(--surface-muted);color:var(--text-secondary);cursor:not-allowed}

input[type=checkbox],input[type=radio]{accent-color:var(--deep-green)}

.avatar{background:var(--surface-selected);color:var(--deep-green)}

.tabs button.active{color:var(--deep-green);border-bottom-color:var(--primary-dark)}

th,.dashboard-v2 th,.dashboard-v2 .performance-table th,.dashboard-v2 .aging-table th{background:var(--surface-muted);color:var(--text-secondary)}

td{border-bottom-color:var(--border)}tbody tr:hover{background:var(--surface-hover)}

tbody tr:has(input[type=checkbox]:checked){background:var(--surface-selected)}

.pill.delivered,.pill.restock,.pill.connected,.pill.done,.pill.active,.success-ratio{color:var(--success);background:var(--success-soft)}

.pill.pending,.pill.queued{color:var(--warning);background:var(--warning-soft)}

.pill.rts,.pill.booked,.pill.shipped,.pill.split,.pill.running{color:var(--info);background:var(--info-soft)}

.pill.returned,.pill.delivery-failed,.pill.failed,.pill.needs-attention,.pill.error{color:var(--danger);background:var(--danger-soft)}

.pill.cancelled,.pill.disabled{color:var(--text-secondary);background:var(--surface-muted)}

.status-dot{background:var(--text-secondary)}.status-dot.pending{background:var(--warning)}.status-dot.rts,.status-dot.booked,.status-dot.shipped,.status-dot.split{background:var(--info)}

.status-dot.delivered,.status-dot.restock{background:var(--success)}.status-dot.returned,.status-dot.delivery-failed{background:var(--danger)}

.error{color:var(--danger)}.notice{background:var(--success-soft);color:var(--success);border-color:var(--border)}

.notice.warn{background:var(--warning-soft);color:var(--warning);border-color:var(--border)}

.sales-strip{background:var(--brand-gradient);color:var(--dark-background);border-color:var(--primary-dark);box-shadow:var(--shadow)}

.sales-strip .dash-eyebrow,.sales-strip small,.sales-strip a{color:var(--dark-background)}

.sales-strip a:hover{color:var(--dark-background);text-decoration-thickness:2px}

.sales-orders,.sales-formula{border-color:var(--deep-green)}

.stat.emphasis{background:var(--deep-green);border-color:var(--deep-green);color:var(--text-on-dark)}

.stat.emphasis .stat-label,.stat.emphasis .foot{color:var(--soft-mint)}

.store-progress i{background:var(--primary-dark)}

.customer-dot{background:var(--success)}.repeat .customer-dot{background:var(--info)}

.customer-segment strong small{background:var(--success-soft);color:var(--success)}.repeat strong small{background:var(--info-soft);color:var(--info)}

.age-cell .metric-link{color:var(--text-secondary)}.age-cell.has-orders .metric-link{background:var(--success-soft);color:var(--success)}

.age-cell.oldest.has-orders .metric-link{background:var(--warning-soft);color:var(--warning)}

.auth-art{background:var(--sidebar);color:var(--text-on-dark)}.auth-art p,.auth-art .steps span{color:var(--text-on-dark-secondary)}.auth-art .steps span{border-color:var(--dark-border)}

dialog{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-dialog)}dialog::backdrop{background:var(--overlay)}

#toast{background:var(--sidebar);color:var(--text-on-dark);box-shadow:var(--shadow-dialog)}

@media(max-width:760px){h1,.pagehead h1,.dashboard-v2 .pagehead h1{font-size:23px}}

/* Compact order workspace */

.order-workspace{min-width:0}.order-workspace .tablewrap{position:relative}

.orders-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.orders-title h1{font-size:23px}.orders-demo{margin:0 0 14px}.orders-card{overflow:visible}.order-tabs{gap:18px;padding:0 18px;align-items:center}.order-tabs a{font-size:14px;padding:17px 0;white-space:nowrap;color:var(--text-secondary)}.order-tabs a.active{color:var(--deep-green);border-bottom:2px solid var(--primary-dark);font-weight:700}

.order-actionbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.order-actionbar button,.order-menu summary{font-size:13px;padding:9px 12px}.order-menu{position:relative}.order-menu summary{list-style:none;cursor:pointer;display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-control);font-weight:600}.order-menu summary::-webkit-details-marker{display:none}.order-menu[open]>summary,.order-menu>summary:hover{background:var(--surface-hover)}.order-menu summary:focus-visible{outline:2px solid var(--primary-dark);outline-offset:3px}.order-menu-items{position:absolute;left:0;top:calc(100% + 5px);min-width:235px;z-index:4;background:var(--surface);padding:6px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-dialog)}.order-menu-items button{display:flex;width:100%;border:0;justify-content:flex-start;text-align:left;font-weight:500}.order-actionbar #bulk-button{margin-left:auto}.orders-card>.filterbar{padding:12px 18px}.dispatch-indicator{display:inline-flex;vertical-align:middle;color:var(--text-secondary);margin-left:8px}.dispatch-indicator.complete{color:var(--success)}

.view-rule{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 32px;gap:8px;margin:12px 0}.view-rule>*{min-width:0}.sync-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}.sync-row small{display:block;margin-top:5px}.sync-row input{flex:none;width:34px;height:20px}.sync-results{max-height:240px;overflow:auto}.sync-results p{padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.booking-review{max-height:300px;overflow:auto;margin:14px 0}.booking-review .detail-block{margin-bottom:10px}.booking-review label{font-size:12px}.booking-review .grid{margin-top:10px}.order-workspace .tablefoot{border-radius:0 0 var(--radius) var(--radius)}

.sync-row input[role=switch]{appearance:none;width:40px;height:23px;padding:0;border-radius:20px;background:var(--surface-muted);border:1px solid var(--border-strong);position:relative;cursor:pointer}.sync-row input[role=switch]:before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:var(--text-secondary)}.sync-row input[role=switch]:checked{background:var(--primary);border-color:var(--primary-dark)}.sync-row input[role=switch]:checked:before{left:20px;background:var(--dark-background)}

@media(max-width:760px){.order-actionbar{padding:10px;gap:6px}.view-rule{grid-template-columns:1fr 1fr 32px}.view-rule [data-rule-value]{grid-column:1/3;grid-row:2}.view-rule button{grid-column:3;grid-row:1/3}.order-menu-items{min-width:210px;max-width:calc(100vw - 42px)}.order-menu:nth-of-type(3) .order-menu-items{left:auto;right:0}}

.order-store-logo.daraz{background:transparent;border:0;border-radius:0;box-shadow:none}

.delivery-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid currentColor;border-radius:7px;padding:8px 12px;font-size:13px;min-height:36px;font-weight:600;white-space:nowrap;line-height:1.3;background:transparent}.delivery-chip.success{color:var(--success);background:color-mix(in srgb,var(--success) 7%,transparent)}.delivery-chip.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent)}.delivery-chip.info{color:var(--info);background:color-mix(in srgb,var(--info) 7%,transparent)}.delivery-chip.warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 7%,transparent)}.delivery-chip.round{border-radius:20px}.delivery-chip.return{border-radius:3px 12px 12px 3px}.delivery-marker{font-size:10px}.delivery-selector{width:156px}.delivery-selector summary{list-style:none;cursor:pointer;width:100%}.delivery-selector summary>span:last-child{margin-left:auto}.delivery-selector summary::-webkit-details-marker{display:none}.delivery-selector summary:hover{filter:brightness(.9)}.delivery-selector summary:focus-visible{outline:2px solid var(--primary-dark);outline-offset:3px}.delivery-next{margin-top:5px;padding:4px;border:1px solid var(--border);border-radius:7px;background:var(--surface);box-shadow:var(--shadow);width:100%}.delivery-next button{width:100%;min-height:36px;font-size:13px;padding:8px 12px;justify-content:flex-start;text-align:left;border:0;color:var(--deep-green)}



/* Uniform delivery status boxes and centered labels. */

.delivery-chip{position:relative;width:156px;min-width:156px;min-height:36px;justify-content:center;text-align:center;padding:8px 24px;border-radius:7px}

.delivery-chip.round,.delivery-chip.return{border-radius:7px}

.delivery-chip .delivery-marker{position:absolute;left:10px}

.delivery-selector summary>span:last-child{position:absolute;right:10px;margin-left:0}

.delivery-next button{justify-content:center;text-align:center}

.shipping-cell{display:flex;align-items:flex-start;gap:10px;min-width:250px;max-width:340px;white-space:normal;line-height:1.6;font-size:14px;font-weight:500}.shipping-cell>span{flex:1;overflow-wrap:anywhere}.shipping-cell.shipping-city{min-width:140px;max-width:180px}.shipping-menu{flex:none;position:relative}.shipping-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:20px;border-radius:6px;color:var(--text-secondary);border:1px solid var(--border)}.shipping-menu summary::-webkit-details-marker{display:none}.shipping-menu summary:hover{background:var(--surface-hover)}.shipping-menu>div{position:absolute;right:0;top:32px;z-index:5;width:160px;background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:var(--shadow-dialog);padding:4px}.shipping-menu button{border:0;width:100%;padding:8px;font-size:12px}.shipping-sync{display:block;margin-top:6px;font-size:11px;color:var(--text-secondary)}.shipping-sync.error{color:var(--danger)}.billing-history{white-space:normal;min-width:220px;max-width:350px;overflow-wrap:anywhere}.shipping-menu summary:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}

.order-tags{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin-bottom:5px}.order-tag{display:inline-flex;align-items:center;padding:4px 10px;border:0;border-radius:9px;background:rgba(0,168,84,.09);color:var(--text-primary);font-size:13px;line-height:20px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.order-tag[hidden]{display:none}.order-tag-cell{display:flex;align-items:center;gap:7px;width:230px;max-width:100%}.tag-two-lines{width:195px;flex:1;max-height:62px;overflow:hidden;margin:0}.tag-two-lines .order-tag{height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex-shrink:0}.tag-two-lines .order-tag[hidden]{display:none}.tag-plus{flex:none;width:27px;height:27px;padding:0;border:0;border-radius:8px;background:rgba(0,168,84,.09);color:var(--text-primary);font-size:20px;line-height:1}.tag-plus:hover,.order-tag:hover{background:rgba(0,168,84,.16)}.tag-plus:focus-visible,button.order-tag:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tag-overflow-popover{position:fixed;margin:0;width:280px;max-height:190px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 8px 30px #001a1220}.tag-overflow-popover:not(:popover-open){display:none}



.order-couriers{display:grid;gap:10px;min-width:140px;max-width:205px}.order-courier{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.order-courier+.order-courier{padding-top:9px;border-top:1px solid var(--border)}.order-courier-logo{display:flex;align-items:center;justify-content:center;width:45px;height:30px;border:1px solid var(--border);border-radius:5px;background:#fff}.order-courier-logo img{object-fit:contain;max-width:38px;max-height:26px}.order-courier strong{font-size:13px}.courier-tracking-link{font-size:12px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;color:var(--primary-dark)}.courier-tracking-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:3px}.courier-demo{font-size:10px;color:var(--text-secondary)}.parcel-tracking-summary{display:grid;gap:8px;margin-bottom:16px;overflow-wrap:anywhere}

.order-notes-cell{display:grid;gap:5px;min-width:145px;max-width:230px}.order-notes-cell p{margin:0;font-size:12px;overflow-wrap:anywhere}.order-notes-cell button{justify-self:start}.internal-note{padding:12px 0;border-bottom:1px solid var(--border)}.internal-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:13px}#comment-form textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:95px;margin-top:7px}

.order-weight{min-width:110px}.order-weight strong{white-space:nowrap}.order-weight span{max-width:150px;font-size:11px}

.column-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:6px;max-height:55vh;overflow:auto}.column-list li{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);cursor:grab}.column-list li.dragging{opacity:.45}.column-grip{color:var(--text-secondary);font-size:20px}.column-list label{flex:1;display:flex;gap:9px;align-items:center;font-size:13px;margin:0}.column-list input{width:16px;height:16px;margin:0;accent-color:var(--primary-dark)}.column-list button{padding:4px 9px;min-width:30px}.column-footer{border-top:1px solid var(--border);padding-top:14px;gap:12px}.column-list li:focus-within{border-color:var(--primary-dark)}



/* Compact Orders import, export and collapsible search controls. */

.orders-primary-actions{flex-wrap:wrap;gap:8px}.order-icon-button{width:36px;height:36px;padding:8px;justify-content:center}.import-pane{border:0;padding:16px 0;margin:0;min-width:0}#order-search-panel[hidden],.import-pane[hidden]{display:none!important}



/* Shared Orders filter controls retain space on narrow toolbars. */

.orders-filter-controls{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.orders-filter-controls #bulk-button{margin-left:0}.orders-card>.filterbar:has(#order-search-panel[hidden]){display:none}#unified-filters-form .grid{margin-top:16px}#unified-filters-form label{min-width:0}#unified-filters-form .dialogfoot{flex-wrap:wrap}@media(max-width:760px){.orders-filter-controls{flex-shrink:0}.orders-filter-controls button{padding:8px}.orders-title{gap:12px;flex-wrap:wrap}}



/* Filters reuse the native dialog as a right-side drawer. */

dialog.orders-filter-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;border-left:1px solid var(--border)}.orders-filter-drawer .dialoghead{position:sticky;top:0;background:var(--surface);z-index:2}.orders-filter-drawer .dialogfoot{position:sticky;bottom:-24px;background:var(--surface);padding:16px 0;margin-bottom:0}.orders-filter-drawer .dialogbody{padding-bottom:0}



/* Compact reorderable status and saved-view tabs. */

.order-tabs{gap:8px;padding:12px 18px;overflow-x:auto}.order-tab-card{display:flex;align-items:center;flex-shrink:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:0 5px;gap:2px}.order-tabs .order-tab-card>button,.order-tabs .order-tab-card>a{border:0;padding:9px 5px;font-size:13px;color:inherit;background:transparent;white-space:nowrap}.order-tab-card.active{background:var(--surface-hover);color:var(--deep-green);border-color:var(--primary-dark);font-weight:700}.tab-grip{cursor:grab;font-size:14px;width:14px;color:var(--text-secondary);opacity:0}.order-tabs .tab-menu-button{opacity:0;width:22px}.order-tab-card:hover .tab-grip,.order-tab-card:hover .tab-menu-button,.order-tab-card:focus-within .tab-grip,.order-tab-card:focus-within .tab-menu-button{opacity:1}@media(hover:none){.tab-grip,.order-tabs .tab-menu-button{opacity:1}}



#order-tab-dropdown{position:fixed;z-index:50;width:170px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-dialog)}#order-tab-dropdown button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 10px;font-size:13px}#order-tab-dropdown button:hover,#order-tab-dropdown button:focus-visible{background:var(--surface-hover)}.order-tab-card .tab-menu-button[aria-expanded="true"]{opacity:1}



/* Orders view navigation: only the tabs scroll; controls keep their own space. */

.order-tabs-strip{display:flex;align-items:center;gap:4px;min-width:0;padding:10px 12px;border-bottom:1px solid var(--border)}

.order-tabs-strip .order-tabs{flex:1;min-width:0;gap:8px;padding:2px 0;border:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}

.order-tabs-strip .order-tabs::-webkit-scrollbar{display:none;width:0;height:0}

.order-tabs-controls{display:flex;align-items:center;gap:4px;flex:none;background:var(--surface)}

.order-tabs-nav{width:30px;flex:none}

.order-tabs-strip .order-tabs-arrow,.order-tabs-controls [data-filter-plus]{display:flex;align-items:center;justify-content:center;width:30px;height:32px;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-secondary)}

.order-tabs-strip .order-tabs-arrow[hidden]{display:none}

.order-tabs-arrow-left svg{transform:rotate(180deg)}

.order-tabs-strip .order-tabs-arrow:hover,.order-tabs-controls [data-filter-plus]:hover{background:var(--surface-hover);color:var(--deep-green)}

.order-tabs-strip button:focus-visible{outline:2px solid var(--primary-dark);outline-offset:1px}

@media(max-width:600px){.order-tabs-strip{padding:8px 6px;gap:2px}}



.copy-field{display:inline-flex;align-items:center;gap:4px;width:fit-content;max-width:100%}

.copy-field>span{min-width:0;overflow-wrap:anywhere}

button.copy-value{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:22px;padding:3px;border:0;background:transparent;color:var(--text-secondary);opacity:0;pointer-events:none;border-radius:4px}

.copy-value svg{width:14px;height:14px}

.copy-field:hover>button.copy-value,button.copy-value:focus-visible{opacity:1;pointer-events:auto}

button.copy-value:hover{color:var(--primary-dark);background:var(--surface-hover)}

button.customer-summary-link{padding:0;border:0;background:transparent;font:inherit;font-weight:600;text-align:left;color:var(--text-primary)}

button.customer-summary-link:hover{color:var(--deep-green);text-decoration:underline}

.customer-summary-details{margin:20px 0}.customer-summary-details>div{padding:9px 0;border-bottom:1px solid var(--border)}

.customer-summary-details dt{font-size:12px;color:var(--text-secondary)}.customer-summary-details dd{margin:4px 0 0;overflow-wrap:anywhere}

.customer-summary-metrics strong{display:block;margin-top:6px}





.orders-title .orders-primary-actions{margin-left:auto}

.orders-search-group{display:flex;align-items:center;gap:8px;min-width:0}

.orders-inline-search{display:flex;align-items:center;gap:6px;width:430px;max-width:calc(100vw - 100px);padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}

.orders-inline-search label{flex:0 1 190px;min-width:0;margin:0}

.orders-inline-search select,.orders-inline-search input{margin:0;width:100%;min-width:0;height:34px;font-size:12px;padding:6px 8px}

.orders-inline-search input{flex:1}

.orders-title{flex-wrap:wrap;gap:12px}

@media(max-width:760px){.orders-primary-actions{max-width:100%}.orders-search-group{max-width:100%}.orders-inline-search{width: min(430px,calc(100vw - 116px))}.orders-inline-search label{flex-basis:145px}}



.header-clock{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.header-clock span+span{font-size:13px;color:var(--text-secondary)}

.topbar>.row{min-width:0}.header-icon-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}

.header-icon-actions button{flex-direction:column;gap:4px;min-width:62px;height:54px;padding:5px 8px;border-radius:8px;color:var(--text-primary)}.header-icon-actions .icon{width:23px;height:23px;stroke-width:1.9}.header-icon-actions button span{font-size:11px;font-weight:650;line-height:1.2}.topbar{min-height:76px;height:auto;padding-top:10px;padding-bottom:10px}

.header-icon-actions button:hover:not(:disabled){color:var(--deep-green);background:var(--surface-hover)}

.header-icon-actions button+button{position:relative}

.header-notification{padding:14px 0;border-bottom:1px solid var(--border)}

@media(max-width:600px){.header-icon-actions{gap:2px}.header-icon-actions button{min-width:48px;padding:5px 3px}.header-icon-actions button span{font-size:10px}.topbar{gap:8px;flex-wrap:wrap}.header-clock{font-size:12px}.header-clock span+span{font-size:12px}}



.header-settings-wrap{position:relative}

#header-settings-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;max-width:calc(100vw - 24px);padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:30}

#header-settings-menu[hidden]{display:none}

#header-settings-menu button{display:flex;flex-direction:row;justify-content:flex-start;width:100%;height:auto;min-height:38px;padding:9px 10px;gap:10px;border:0;background:transparent;text-align:left}

#header-settings-menu button span{font-size:13px;font-weight:500}

#header-settings-menu .icon{width:17px;height:17px}

#header-settings-menu button:hover:not(:disabled),#header-settings-menu button:focus-visible{background:var(--surface-hover);color:var(--deep-green)}

#header-settings-menu button[data-action="logout"]{border-top:1px solid var(--border);border-radius:0 0 6px 6px;margin-top:5px;padding-top:12px;color:var(--danger)}



.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:24px}

.sidebar .sidebar-brand-row .brand{padding:0;margin:0;font-size:22px;gap:7px}

.sidebar-toggle{flex:none;color:var(--text-on-dark)}

.sidebar-toggle:hover{background:var(--dark-border)}

.workspace-logo{width:33px;height:33px;object-fit:contain;border-radius:6px}

.sidebar .workspace{margin-bottom:16px}

.sidebar-collapsed .sidebar{width:88px;padding-left:8px;padding-right:8px}

.sidebar-collapsed .sidebar-brand-row .brand span,.sidebar-collapsed .workspace-description,.sidebar-collapsed .sidebar-nav-label,.sidebar-collapsed .sidebar-bottom .plan-note,.sidebar-collapsed .profile>.avatar,.sidebar-collapsed .profile>div{display:none}

.sidebar-collapsed .sidebar-brand-row{gap:2px}

.sidebar-collapsed .sidebar-brand-row .brand img{width:30px;height:30px}

.sidebar-collapsed .sidebar-toggle{padding:5px}

.sidebar-collapsed .workspace{justify-content:center;padding:10px 0}

.sidebar-collapsed .nav a{justify-content:center;padding:13px}

.sidebar-collapsed .profile{justify-content:center}.sidebar-collapsed .profile button{margin:0}

@media(min-width:761px){.layout.sidebar-collapsed{grid-template-columns:88px 1fr}}

@media(max-width:760px){.layout.menu-open.sidebar-collapsed .sidebar{width:88px}}



.content.settings-host{padding:0;max-width:none}

.settings-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 76px)}

.settings-sidebar{background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;position:sticky;top:0;align-self:start;min-height:calc(100vh - 76px)}

.settings-sidebar h2{font-size:17px;overflow-wrap:anywhere}.settings-email{margin:7px 0 20px;overflow-wrap:anywhere}

#settings-search{margin-bottom:18px}

#settings-navigation{display:flex;flex-direction:column;gap:5px}

#settings-navigation a,#settings-navigation button{display:flex;align-items:center;gap:9px;padding:11px 10px;border:0;border-radius:7px;color:var(--text-secondary);background:transparent;font-size:13px;font-weight:600;text-align:left;justify-content:flex-start}

#settings-navigation a:hover,#settings-navigation button:hover{background:var(--surface-hover)}

#settings-navigation a.active{background:var(--surface-hover);color:var(--deep-green);box-shadow:inset 3px 0 var(--primary-dark)}

#settings-general-links{padding-left:16px}.settings-chevron{margin-left:auto}

.settings-content{padding:28px;min-width:0}.settings-content .grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

@media(max-width:1000px){.settings-layout{grid-template-columns:210px minmax(0,1fr)}.settings-content{padding:20px}}

@media(max-width:600px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static;min-height:0;border-right:0;border-bottom:1px solid var(--border);padding:16px}.settings-content{padding:16px}}



.integration-category{margin-bottom:24px}

.integration-category .cardhead{gap:14px;flex-wrap:wrap}

.integration-category-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}

.integration-category-tools input{width:220px;max-width:100%}

.integration-category-tools button{white-space:nowrap}

.integration-account-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:14px}

.integration-account,.integration-provider-option{padding:16px;border:1px solid var(--border);border-radius:8px;min-width:0}

.integration-account>p,.integration-provider-option>p{margin:10px 0}

.integration-account strong,.integration-provider-option strong{overflow-wrap:anywhere}

.integration-provider-list{gap:12px}

@media(max-width:600px){.integration-category-tools{width:100%}.integration-category-tools input{flex:1;min-width:130px}}



.integration-account{display:flex;flex-direction:column}

.integration-account-name{font-size:16px;font-weight:700}

.integration-provider-name{display:flex;align-items:center;gap:7px;margin-top:6px}

.integration-provider-name img{width:32px;height:24px;object-fit:contain;border-radius:3px}

.integration-created{margin-top:auto;padding-top:14px;text-align:right;font-size:11px}



.integration-account-heading{display:flex;align-items:center;gap:14px}

.integration-account-logo{width:68px;height:60px;flex:none;display:grid;place-items:center;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:9px}

.integration-account-logo img{width:100%;height:100%;object-fit:contain}

.integration-account-logo>.icon{width:32px;height:32px}

.integration-account-identity{min-width:0}.integration-account-identity .pill{margin-top:7px}



.integration-account-logo{width:80px;height:76px;padding:8px;border:0;background:transparent}

/* The supplied Daraz asset is a white transparent logo; tint its silhouette. */

.integration-logo-daraz img{filter:none}



.operational-status{display:inline-flex;flex-direction:column;gap:3px;width:156px}.operational-status select.delivery-chip{width:156px;min-width:156px;padding:7px 18px 7px 6px;text-align:center;font:inherit;font-size:12px;cursor:pointer}.operational-status option{background:var(--surface);color:var(--text-primary)}.status-source{display:block;font-size:10px;color:var(--text-secondary);text-align:center}



.status-trigger{padding:0;border:0;background:none;cursor:pointer}.status-popover{margin:0;inset:auto;position:fixed;z-index:10050;width:264px;max-height:calc(100vh - 16px);overflow:auto;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);color:var(--text-primary);box-shadow:0 10px 30px #001a1226}.status-options label{display:flex;align-items:center;gap:9px;padding:8px;cursor:pointer}.status-options input{width:auto;margin:0}.status-popover footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:10px}.status-popover select{width:100%}



/* Readable primary values without enlarging controls or secondary annotations. */

.cell-stack .copy-field,.cell-stack .copy-field>span{font-size:14px;font-weight:500}

button.customer-summary-link{font-size:14px;font-weight:600}

.customer-summary-details dd{font-size:15px;font-weight:500}



.integration-account-logo img{width:60px;height:60px;object-fit:contain;object-position:center}

.integration-provider-title{display:flex;align-items:center;gap:10px}.integration-picker-logo{width:36px;height:36px;object-fit:contain;flex:none}



.order-submenu{position:relative}.order-submenu>summary{border:0;border-radius:0;cursor:pointer;justify-content:space-between}.order-submenu-items{display:none;position:absolute;left:100%;top:0;min-width:245px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px #0002;padding:5px;z-index:32}.order-submenu[open]>.order-submenu-items{display:block}.order-submenu-items button{width:100%;text-align:left;border:0;background:transparent;white-space:nowrap}.order-submenu-items button:hover{background:var(--surface-hover)}@media(max-width:700px){.order-submenu-items{position:static;min-width:0;margin-left:12px;box-shadow:none}}



.order-submenu>summary{background:transparent}.order-submenu>summary:hover,.order-submenu[open]>summary,.order-submenu-items button:hover,.order-submenu-items button:focus-visible{background:var(--info-soft);color:var(--info)}



/* Orders channel identity: standalone platform artwork, vertically centered. */

td:has(>.order-store){vertical-align:middle}

.order-store-logo:has(img[alt="Daraz"]),.order-store-logo:has(img[alt="WooCommerce"]),.order-store-logo:has(img[alt="Shopify"]){width:34px;height:34px;flex-basis:34px;background:transparent;border:0;border-radius:0;box-shadow:none}

.order-store-logo img[alt="Daraz"],.order-store-logo img[alt="WooCommerce"],.order-store-logo img[alt="Shopify"]{width:30px;height:30px;max-width:30px;max-height:30px}

.integration-detail-heading{display:flex;align-items:center;gap:16px;margin:20px 0}.integration-detail-heading img{width:52px;height:52px;object-fit:contain}.integration-detail-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:20px}.integration-detail-layout>nav{display:flex;flex-direction:column;gap:6px}.integration-detail-layout>nav a{padding:11px 13px;border-radius:8px;color:var(--text-secondary);text-decoration:none}.integration-detail-layout>nav a:hover,.integration-detail-layout>nav a.active{background:var(--primary-light);color:var(--text-primary)}.integration-detail-layout form{max-width:620px}.integration-detail-layout h2{margin-bottom:18px}.integration-detail-layout label{margin-top:14px}.integration-detail-metadata{display:grid;gap:16px}.integration-detail-metadata strong{overflow-wrap:anywhere}.integration-account-name{font-weight:650;color:inherit;text-decoration:none}.integration-account-name:hover{text-decoration:underline;color:var(--primary-dark)}@media(max-width:760px){.integration-detail-layout{grid-template-columns:minmax(0,1fr)}.integration-detail-layout>nav{flex-direction:row;flex-wrap:wrap}.integration-detail-layout>nav a{padding:8px}.integration-detail-layout .row input{min-width:0}}



.integration-created{display:flex;justify-content:flex-end;align-items:center;gap:8px}.integration-delete{padding:5px;line-height:1}.integration-delete svg{width:17px;height:17px}



#modal:has(#tags-form){width:min(480px,calc(100vw - 32px))}#tags-form .order-tags{gap:6px;min-height:28px;margin:8px 0 16px;max-height:140px;overflow:auto}#tags-form button.order-tag{cursor:pointer;padding:4px 10px;text-align:left}#tags-form .order-tag.is-selected{background:rgba(0,168,84,.19);box-shadow:inset 0 0 0 1px rgba(0,168,84,.17)}.tag-entry-row{display:flex;gap:8px}.tag-entry-row input{min-width:0;flex:1}



.booking-steps{display:flex;gap:14px;margin:0 0 20px;flex-wrap:wrap}.booking-steps span{display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-weight:600}.booking-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--surface)}.booking-steps .active{color:var(--primary-dark)}.booking-steps .active b{background:rgba(0,230,118,.18)}.booking-required{color:#c53030}.booking-toggle{display:flex;align-items:center;gap:10px;margin-top:18px}.booking-counts{display:flex;gap:20px;margin:16px 0}.booking-grid{max-height:55vh}.booking-grid table{min-width:1400px}.booking-grid input{font-size:13px;font-weight:600;min-width:110px;padding:8px}.booking-grid [data-key=address]{min-width:230px}.booking-grid input[aria-invalid=true]{border-color:#ce6262;background:#fff5f5}.booking-row-error{background:#fffafa}.booking-row-result{font-size:12px;min-width:180px;white-space:normal;margin-top:6px}#modal:has(.booking-grid){width:min(1500px,96vw);max-width:96vw}

.booking-grid th:last-child,.booking-grid td:last-child{position:sticky;right:0;background:var(--surface);box-shadow:-3px 0 8px #001a1208}.booking-grid .booking-row-error td:last-child{background:#fffafa}



.booking-details-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;background:var(--surface);color:var(--text-primary)}.booking-details-drawer::backdrop{background:#001a1255}.booking-details-drawer form{height:100%;display:flex;flex-direction:column}.booking-details-drawer header,.booking-details-drawer footer{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border)}.booking-details-drawer section{flex:1;overflow:auto;padding:20px}.booking-details-drawer label{display:block;margin-bottom:14px}.booking-details-drawer footer{border-top:1px solid var(--border);border-bottom:0}



.booking-product-box{border:1px solid var(--border);border-radius:10px;padding:14px;margin-top:16px;background:rgba(0,168,84,.035)}.booking-product-box p{overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:8px 0}.booking-product-box h3{margin:0 0 10px}



/* Compact Orders data cells */

.shipping-cell:not(.shipping-city){width:245px;max-width:245px;align-items:flex-start}

.shipping-cell:not(.shipping-city) .copy-field{min-width:0;max-width:220px;align-items:flex-start}

.shipping-address-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.45;max-height:4.35em;font-weight:550;min-width:0}

.address-full-tooltip{position:fixed;z-index:10000;width:max-content;max-width:min(360px,calc(100vw - 16px));max-height:260px;overflow:auto;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);color:var(--text-primary);box-shadow:0 8px 28px #001a1224;font-size:13px;font-weight:550;line-height:1.5;overflow-wrap:anywhere;pointer-events:none}

.order-tag-cell{flex-direction:column;justify-content:center;align-items:center;width:200px;gap:5px}

.tag-two-lines{width:100%;display:flex;justify-content:center;flex-wrap:nowrap;max-height:28px;flex:none;gap:4px}

.tag-two-lines .order-tag{min-width:0;flex-shrink:1;border-radius:10px;font-size:13px;font-weight:600;padding:4px 8px}

.tag-two-lines .tag-overflow{flex-shrink:0}

.order-tag-cell .tag-plus{width:25px;height:24px;align-self:center}

.order-notes-cell{width:200px;min-width:160px;max-width:210px;gap:5px;padding-left:9px;border-left:2px solid rgba(70,110,150,.3)}

.order-notes-cell .order-note-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em;line-height:1.4;font-size:13px;font-weight:550;color:var(--text-primary)}

.order-note-actions{display:flex;gap:6px;align-items:center}

.order-note-actions button{padding:3px 7px;border:0;border-radius:6px;background:rgba(70,110,150,.08);font-size:12px;font-weight:600;white-space:nowrap}

.order-note-actions button:hover{background:rgba(70,110,150,.16)}

/* Customer intelligence shares one palette across row and history surfaces. */

.ci-badge{display:inline-flex;align-items:center;max-width:100%;width:fit-content;padding:4px 8px;border-radius:9px;font-size:12px;line-height:1.3;font-weight:650;margin-top:4px;background:#eef2f5;color:#435367;white-space:normal}

.ci-rose{background:#fbe9ed;color:#a32e49}.ci-orange{background:#fff0e4;color:#974618}.ci-amber{background:#fff5d9;color:#805f12}.ci-green{background:#e5f4ec;color:#216346}.ci-blue{background:#e8f0fc;color:#2d558f}.ci-purple{background:#f0eafa;color:#694295}.ci-vip{background:linear-gradient(110deg,#eee7f8,#faf1df);color:#674583}

.ci-history{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.ci-history h3{font-size:14px;margin:0 0 9px}.ci-history dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.ci-history dt{font-size:12px;color:var(--muted)}.ci-history dd{margin:3px 0 0;font-size:14px;font-weight:650}

/* Outlined semantic badges; one-line intrinsic width and shared geometry. */

.ci-badge,.delivery-chip,.pill,.order-tag{--badge-base:#087b67;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:28px;height:28px;width:max-content;min-width:0;max-width:none;flex-shrink:0;padding:5px 10px;border:1px solid color-mix(in srgb,var(--badge-base) 85%,#172b29);border-radius:7px;line-height:16px;font-size:12px;font-weight:700;text-align:center;white-space:nowrap;overflow-wrap:normal;word-break:normal;box-shadow:none}



.ci-new{--badge-base:#087e8b}.ci-repeat{--badge-base:#245bd7}.ci-duplicate{--badge-base:#efa52b;--badge-ink:#4c2a03}.ci-vip{--badge-base:#803bd1}.ci-blacklisted{--badge-base:#ac1740}

.ci-rose{--badge-base:#bb2929}.ci-orange{--badge-base:#c65412}.ci-amber{--badge-base:#edc43b;--badge-ink:#4c3a05}.ci-green{--badge-base:#218347}.ci-blue{--badge-base:#176da3}.ci-purple{--badge-base:#6840a8}.ci-neutral{--badge-base:#387675}

.delivery-chip[data-badge-status="Pending"],.pill.pending{--badge-base:#eab334;--badge-ink:#4e3503}

.delivery-chip[data-badge-status="RTS"],.pill.rts{--badge-base:#087f99}

.delivery-chip[data-badge-status="Shipped"],.pill.shipped{--badge-base:#2657bd}

.delivery-chip[data-badge-status="Delivered"],.pill.delivered{--badge-base:#36df79;--badge-ink:#083e23}

.delivery-chip[data-badge-status="Delivery Failed"],.pill.delivery-failed{--badge-base:#c94436}

.delivery-chip[data-badge-status="Returned"],.pill.returned{--badge-base:#8152ac}

.delivery-chip[data-badge-status="Return Initiated"],.pill.return-initiated{--badge-base:#a23d91}

.delivery-chip[data-badge-status="Cancelled"],.pill.cancelled{--badge-base:#7f2430}

.delivery-chip[data-badge-status="Restocked"],.pill.restocked,.pill.restock{--badge-base:#28786c}

.pill.booked{--badge-base:#46638d}.pill.connected,.pill.done{--badge-base:#168456}.pill.disconnected{--badge-base:#665b74}.pill.failed,.pill.needs-attention{--badge-base:#a94624}.pill.split{--badge-base:#5260a8}



.ci-badge,.delivery-chip.soft,.pill.pill,.order-tag{color:color-mix(in srgb,var(--badge-base) 65%,#102725);background:color-mix(in srgb,var(--badge-base) 11%,#fff)}

.tag-two-lines .order-tag{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:max-content;flex-shrink:0;padding:5px 8px;border-radius:7px;line-height:16px}

.order-tag:hover{background:color-mix(in srgb,var(--badge-base) 18%,#fff)}

.order-tag.is-selected{--badge-base:#075e50;color:#064e42;background:#d5eee7;box-shadow:inset 0 0 0 1px #087b6740}

.order-tag-cell{width:max-content;max-width:none;margin-inline:auto}.tag-two-lines{width:max-content;max-width:none;overflow:visible}.order-tags{justify-content:center}

td>.pill,td>.delivery-chip{display:flex;margin-inline:auto}td .operational-status{display:flex;width:max-content;min-width:0;margin-inline:auto;align-items:center}.operational-status .status-trigger{align-self:center}

.order-identity-block,.customer-identity-block{display:inline-flex;flex-direction:column;align-items:center;width:max-content;gap:5px;text-align:center}

.order-identity-block .ci-badge,.customer-identity-block .ci-badge{align-self:center;margin-inline:auto}

/* Customer cell: one center axis; copy controls never offset the text. */

td .customer-identity-block{display:flex;width:100%;min-width:200px;align-items:center;justify-content:center;gap:5px;margin:0;text-align:center}

.customer-identity-block>.copy-field{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;padding-inline:24px;gap:0}

.customer-identity-block>.copy-field>button.copy-value{position:absolute;right:0;top:50%;transform:translateY(-50%)}

.customer-identity-block button.customer-summary-link{font-size:15px;font-weight:650;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere;max-width:220px;min-width:0}

.customer-identity-block>.copy-field>span{font-size:13px;font-weight:500;line-height:1.35;color:var(--text-secondary);white-space:nowrap;text-align:center}

.customer-identity-block>.ci-badge{align-self:center;margin:0 auto;white-space:nowrap}

/* Compact reference-inspired customer/order tags (presentation only). */

.ci-badge,.order-tag,.tag-two-lines .order-tag{--tag-top:#148b6b;--tag-bottom:#09664f;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:24px;min-height:24px;width:max-content;min-width:max-content;padding:3px 9px;border:0;border-radius:999px;line-height:18px;font-size:11px;font-weight:700;white-space:nowrap;overflow-wrap:normal;color:#fff;background:linear-gradient(165deg,var(--tag-top),var(--tag-bottom));box-shadow:inset 0 1px 0 #ffffff38,0 1px 3px #18253924;overflow:visible}

.ci-new{--tag-top:#16a575;--tag-bottom:#077251}.ci-repeat,.ci-revert{--tag-top:#2684ee;--tag-bottom:#1454c4}.ci-duplicate{--tag-top:#9262f2;--tag-bottom:#6633c8}.ci-orange{--tag-top:#ef941d;--tag-bottom:#c65c10}.ci-rose{--tag-top:#f34d59;--tag-bottom:#c82032}.ci-blacklisted{--tag-top:#c12a4b;--tag-bottom:#85152e}.ci-vip{--tag-top:#7041b2;--tag-bottom:#3d206d}.ci-amber{--tag-top:#b78516;--tag-bottom:#8b5e09}.ci-green{--tag-top:#25944c;--tag-bottom:#15642e}.ci-blue{--tag-top:#2781bc;--tag-bottom:#195885}.ci-purple{--tag-top:#8752c0;--tag-bottom:#58318b}

.ci-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:16px;flex:none;color:#fff}.ci-icon svg{display:block;width:14px;height:14px;color:#fff}.ci-label{line-height:18px;color:#fff}

.ci-new .ci-icon svg,.ci-vip .ci-icon svg{fill:currentColor;stroke-width:1.3}

.ci-repeat .ci-icon,.ci-revert .ci-icon{border-radius:50%;background:#123d972f;width:18px;height:18px;margin-left:-3px}

.ci-duplicate,.ci-rose{border-radius:12px 0 0 12px;padding-right:16px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%)}

.ci-vip{padding-left:4px}.ci-vip .ci-icon{width:25px;height:26px;margin-left:-3px;background:linear-gradient(145deg,#8552c7,#4e2887);clip-path:polygon(50% 0,65% 8%,82% 7%,92% 23%,93% 37%,100% 50%,93% 65%,91% 82%,74% 91%,62% 92%,50% 100%,35% 93%,18% 91%,8% 76%,7% 62%,0 50%,7% 35%,9% 18%,26% 9%,38% 8%)}

.order-tag:hover{color:#fff;background:linear-gradient(165deg,#1ba17d,#0a765b)}.order-tag.is-selected{--tag-top:#116b58;--tag-bottom:#064637;color:#fff;background:linear-gradient(165deg,var(--tag-top),var(--tag-bottom));box-shadow:inset 0 0 0 1px #ffffff65,0 0 0 2px #138b6926}

/* New reference pill. 24px tall; geometry scaled from the supplied 518×212 pill. */

.ci-badge.oneorder-new-tag{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6.7px;height:24px;min-height:24px;width:max-content;min-width:0;max-width:none;flex:none;padding:0 10.3px 0 7.4px;border:0;border-radius:999px;background:linear-gradient(150deg,#20cc8d 0%,#13c080 48%,#10ad76 100%);color:#fff;box-shadow:0 2px 3px rgba(25,77,57,.14),0 5px 7px rgba(25,77,57,.06);white-space:nowrap;overflow:visible;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:-.15px}

.oneorder-new-tag::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;box-shadow:inset -1.6px 1.6px 0 rgba(19,241,158,.38);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 55%)}

.oneorder-new-tag__sparkles{display:block;flex:none;width:13.8px;height:13.1px;color:#fff;overflow:visible}

.oneorder-new-tag__label{display:block;color:#fff;font:inherit;line-height:1;white-space:nowrap}

/* Keep customer-cell typography from leaking into reusable tag contents. */

.cell-stack .ci-badge,.cell-stack .ci-badge .ci-label{color:#fff;font-size:11px;font-weight:700}

.cell-stack .ci-badge .ci-icon{color:#fff}

.cell-stack .oneorder-new-tag,.cell-stack .oneorder-new-tag .oneorder-new-tag__label{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:-.15px}

/* Reference family: same compact geometry/typography as the approved New pill. */

.ci-badge.oneorder-tag{--tag-top:#288bff;--tag-bottom:#0956d9;--tag-gloss:#51a2ff55;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6.7px;height:24px;min-height:24px;width:max-content;min-width:0;max-width:none;flex:none;padding:0 10.3px 0 7.4px;border:0;border-radius:999px;clip-path:none;background:linear-gradient(155deg,var(--tag-top),var(--tag-bottom));color:#fff;box-shadow:0 2px 3px #29204624,0 5px 7px #2920460f;white-space:nowrap;overflow:visible;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:-.15px}

.oneorder-tag::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;box-shadow:inset -1.6px 1.6px 0 var(--tag-gloss)}

.oneorder-tag__icon{display:flex;align-items:center;justify-content:center;width:13.8px;height:15px;flex:none;color:#fff}.oneorder-tag__icon svg{display:block;width:13.8px;height:13.8px;color:#fff;overflow:visible}.oneorder-tag__label{display:block;color:#fff;font:inherit;line-height:1;white-space:nowrap}

.ci-badge.oneorder-tag--revert{padding-left:2.2px;gap:4.6px}.oneorder-tag--revert .oneorder-tag__icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(145deg,#1676ed80,#064ac580)}

.ci-badge.oneorder-tag--duplicate{--tag-top:#9a6cff;--tag-bottom:#6d35d4;--tag-gloss:#b38cff55}

.ci-badge.oneorder-tag--risky{--tag-top:#ffb92d;--tag-bottom:#ec7a19;--tag-gloss:#ffcf6655}

.ci-badge.oneorder-tag--highrisk{--tag-top:#ff5762;--tag-bottom:#d5202b;--tag-gloss:#ff929a65}

.ci-badge.oneorder-tag--duplicate,.ci-badge.oneorder-tag--highrisk{border-radius:10px 5px 5px 10px;padding-right:15px;background:none;box-shadow:none;filter:drop-shadow(0 2px 2px #39254826)}

.oneorder-tag--duplicate::before,.oneorder-tag--highrisk::before{background:linear-gradient(155deg,var(--tag-top),var(--tag-bottom));clip-path:polygon(0 0,calc(100% - 10px) 0,calc(100% - 7px) 5%,calc(100% - 1px) 42%,100% 50%,calc(100% - 1px) 58%,calc(100% - 7px) 95%,calc(100% - 10px) 100%,0 100%)}

.ci-badge.oneorder-tag--vip{--tag-top:#693cac;--tag-bottom:#3c1c68;--tag-gloss:#9972c85c;padding-left:1px;gap:5px}

.oneorder-tag--vip .oneorder-tag__icon{position:relative;isolation:isolate;width:28px;height:28px;margin-left:-3px;filter:drop-shadow(0 1px 1px #2c104b30)}

.oneorder-tag--vip .oneorder-tag__icon::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,#7d49bd,#452175);clip-path:polygon(50% 0,58% 3%,65% 8%,72% 10%,82% 10%,89% 15%,92% 23%,92% 32%,95% 41%,100% 50%,96% 59%,92% 68%,92% 77%,88% 85%,81% 90%,71% 90%,63% 93%,55% 99%,47% 100%,38% 95%,30% 91%,20% 91%,12% 86%,8% 78%,8% 69%,4% 60%,0 51%,3% 42%,8% 33%,8% 24%,12% 16%,20% 11%,30% 10%,38% 6%);box-shadow:inset -1px -1px 0 #ab7de850}

.oneorder-tag--vip .oneorder-tag__icon svg{width:15px;height:15px}

.cell-stack .oneorder-tag,.cell-stack .oneorder-tag .oneorder-tag__label{color:#fff;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:-.15px}

.cell-stack .oneorder-tag .oneorder-tag__icon{color:#fff}

/* Completed-history chips share the approved tag family and local center axis. */

.ci-badge.oneorder-tag--delivered{--tag-top:#20cc8d;--tag-bottom:#10ad76;--tag-gloss:#13f19e61}

.ci-badge.oneorder-tag--deliveryfailed{--tag-top:#fa6461;--tag-bottom:#ce343d;--tag-gloss:#ffaaa755}

td .order-identity-block{display:flex;width:100%;align-items:center;gap:5px;text-align:center}

.order-identity-block>.copy-field{position:relative;justify-content:center;align-self:center;padding-inline:24px;gap:0;max-width:none}

.order-identity-block>.copy-field>button.copy-value{position:absolute;right:0;top:50%;transform:translateY(-50%)}

.order-history-tags{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;align-self:center;width:max-content}

.order-history-tags>.ci-badge{margin:0 auto}

/* Dashboard marketplace logos reuse Orders assets without decorative containers. */

.dashboard-v2 .dash-brand.dash-store-icon{width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}

.dashboard-v2 .dash-brand.dash-store-icon img{width:40px;height:40px;max-width:40px;max-height:40px;object-fit:contain;display:block}

/* Order tag chips: slightly larger, with clear interactive emphasis. */

.order-tag,.tag-two-lines .order-tag{height:28px;min-height:28px;padding:4px 10px;font-size:12px;line-height:20px;font-weight:750;opacity:1}

#tags-form .order-tag{height:30px;min-height:30px;padding:5px 11px;font-size:13px;line-height:20px;font-weight:700;color:#fff;opacity:1}

#tags-form .order-tag:hover,#tags-form .order-tag:focus-visible{background:linear-gradient(165deg,#15966f,#065741);color:#fff;box-shadow:inset 0 1px 0 #ffffff55,0 0 0 2px #11936d40}

#tags-form .order-tag.is-selected{background:linear-gradient(165deg,#075c47,#033e30);color:#fff;box-shadow:inset 0 0 0 1px #ffffff50,0 0 0 2px #087b6740}

#tags-form .order-tag.is-selected:hover{background:linear-gradient(165deg,#064e3c,#022e24);color:#fff}

/* Stable badge and anchored menu footprint; no table reflow on open. */

.delivery-chip.soft{width:176px;min-width:176px;height:30px;min-height:30px;padding:6px 12px;line-height:16px;white-space:nowrap;text-align:center;justify-content:center}

.status-trigger{width:176px;min-width:176px}.operational-status{width:176px}

.status-popover{box-sizing:border-box;padding:8px;border-radius:9px;max-width:calc(100vw - 16px)}

.status-popover .status-options label{display:flex;align-items:center;gap:7px;min-height:34px;margin:0;padding:8px 6px;font-size:12px;line-height:18px;font-weight:650;white-space:nowrap;border-radius:6px}

.status-popover .status-options label:hover,.status-popover .status-options label:has(input:checked){background:#e3f3ec;color:#075c47}

.status-popover .status-options input{flex:none;width:14px;height:14px;margin:0}

.status-popover footer{gap:6px;padding-top:8px;margin-top:5px;justify-content:space-between}

.status-popover footer button{flex:1;min-width:0;padding:6px 7px;font-size:12px;line-height:18px}

.status-popover [data-status-extra],.status-popover [data-status-error]{white-space:normal;overflow-wrap:anywhere}

#settings-configuration-links{padding-left:16px}



/* Main navigation only: session-local collapse with smooth desktop sizing. */

@media (prefers-reduced-motion:no-preference){

  .layout > .sidebar{transition:width .2s ease,padding .2s ease}

  .layout{transition:grid-template-columns .2s ease}

}



/* Keep the main navigation toggle beside the clock and branding visible. */

.topbar .sidebar-toggle{color:var(--text);padding:9px;display:inline-flex;align-items:center;justify-content:center}

.topbar .sidebar-toggle .icon{width:24px;height:24px}

.topbar .sidebar-toggle:hover{background:var(--surface-muted)}

.sidebar .sidebar-brand-row{justify-content:center}

.sidebar .sidebar-brand-row .brand img{width:48px;height:48px}

.sidebar-collapsed .sidebar{width:72px;padding-left:3px;padding-right:3px}

.sidebar-collapsed .sidebar-brand-row .brand{flex-direction:column;gap:6px}

.sidebar-collapsed .sidebar-brand-row .brand span{display:block;font-size:14px;line-height:1.2;white-space:nowrap}

.sidebar-collapsed .sidebar-brand-row .brand img{width:54px;height:54px}

@media(min-width:761px){.layout.sidebar-collapsed{grid-template-columns:72px 1fr}}

@media(max-width:760px){.layout.menu-open.sidebar-collapsed .sidebar{width:72px}}



/* Larger navigation glyphs in the compact main sidebar. */

.sidebar-collapsed > .sidebar .nav .icon{width:24px;height:24px}



.customer-repeat-group{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:5px;white-space:nowrap;line-height:1}

.customer-identity-block .customer-repeat-group>.ci-badge{margin:0;height:24px;min-height:24px}

.customer-repeat-group>button.customer-repeat-count{display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0;height:24px;min-height:24px;opacity:1}

.customer-repeat-count{height:24px;min-width:24px;padding:0 7px;border:0;border-radius:12px;background:linear-gradient(155deg,#248dff,#0958d8);color:#fff;font-size:12px;font-weight:750;line-height:1;box-shadow:0 2px 4px #145bba26}

.customer-repeat-group>button.customer-repeat-count:hover,.customer-repeat-group>button.customer-repeat-count:focus-visible{background:linear-gradient(155deg,#147ced,#064bbf);color:#fff;opacity:1}

.customer-repeat-count:focus-visible{outline:2px solid #1769d2;outline-offset:2px}


.scan-activity{max-width:1200px;margin:auto}.scan-activity-input{margin:22px 0 14px}.scan-activity-input input{max-width:650px}.scan-activity-message{margin:15px 0;min-height:24px}.scan-next{padding:10px 15px;border-radius:7px;background:var(--green);color:white;font-weight:600}
/* Order Summary: presentation scoped to this dialog; shared workflows remain unchanged. */
#modal.order-summary-modal{width:min(1320px,96vw);max-width:1320px;max-height:94dvh;padding:0;border:1px solid #dfe5ef;border-radius:14px;background:#fff;color:#111b32;box-shadow:0 24px 80px #14253f35;overflow:auto;font-size:12px}
#modal.order-summary-modal::backdrop{background:#1d30435c;backdrop-filter:blur(3px)}
#modal.order-summary-modal>.dialoghead{position:absolute;right:12px;top:10px;border:0;padding:0;background:transparent;z-index:3}
#modal.order-summary-modal>.dialoghead h2{display:none}
#modal.order-summary-modal>.dialoghead button{width:28px;height:28px;padding:5px;color:#53627d}
#modal.order-summary-modal>.dialogbody{padding:22px 23px 14px}
.order-summary-modal :is(h1,h2,h3,h4,p,dl){margin:0}
.order-summary-modal button,.order-summary-modal .os-link{font-size:11px;font-weight:650}
.order-summary-modal button{min-height:30px;padding:6px 11px;gap:6px;border-radius:5px;border:1px solid #d2dae8;background:#fff;color:#14213d;box-shadow:0 1px 2px #233a5d06}
.order-summary-modal button:hover{background:#f1f6ff;border-color:#aebfda}
.order-summary-modal button.primary{background:#1465ff;border-color:#1465ff;color:#fff}
.order-summary-modal button.primary:hover{background:#0951d7}
.order-summary-modal button.danger{color:#ec344f;border-color:#ffa4b1;background:#fff8fa}
.order-summary-modal button.os-rts{color:#d76900;border-color:#ffb27b;background:#fffaf2}
.order-summary-modal .icon{width:16px;height:16px;flex-shrink:0}
.order-summary-modal .os-heading{display:flex;justify-content:space-between;gap:20px;padding:0 28px 18px 5px}
.order-summary-modal .os-heading h2{font-size:19px;line-height:1.3;font-weight:750;letter-spacing:-.4px}
.order-summary-modal .os-order-heading{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:5px 0}
.order-summary-modal .os-order-heading h1{font-size:28px;line-height:1.2;font-weight:780;letter-spacing:-.7px}
.order-summary-modal .os-badges{display:flex;gap:8px;flex-wrap:wrap}
.order-summary-modal .pill{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px;border-radius:6px;background:#eef3ff;color:#2759b7;border:0;font-size:10px;font-weight:700;white-space:nowrap}
.order-summary-modal .pill.pending,.order-summary-modal .pill.rts{background:#fff0d4;color:#bc5b00}
.order-summary-modal .pill.delivered,.order-summary-modal .pill.cod,.order-summary-modal .pill.booked{background:#daf8e6;color:#087344}
.order-summary-modal .pill.daraz,.order-summary-modal .pill.delivery-failed,.order-summary-modal .pill.cancelled{background:#ffe5e3;color:#cc303b}
.order-summary-modal .pill.returned{background:#f1e8ff;color:#713cc4}
.order-summary-modal .os-placed{display:flex;gap:5px;color:#63728d;font-size:12px;align-items:center}
.order-summary-modal .os-placed .order-date{display:inline-flex;flex-direction:row;gap:7px;font-size:12px;font-weight:450}
.order-summary-modal .os-placed .order-date span+span:before{content:'•';margin-right:7px}
.order-summary-modal .os-heading-right{padding-top:16px;max-width:52%}
.order-summary-modal .os-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.order-summary-modal .os-tracking-top{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:9px;font-size:12px}
.order-summary-modal .copy-field{display:inline-flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}
.order-summary-modal button.copy-value{position:static;opacity:1;visibility:visible;width:19px;min-width:19px;min-height:20px;height:20px;padding:2px;border:0;background:transparent;color:#687690;box-shadow:none;transform:none}
.order-summary-modal .copy-value svg{width:15px;height:15px}
.order-summary-modal .os-history-grid{display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:13px;margin-bottom:15px}
.order-summary-modal .os-history{min-width:0;padding:13px 16px;border:1px solid #e3e8f1;background:linear-gradient(115deg,#fff,#f8faff);border-radius:8px}
.order-summary-modal h3{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:750;line-height:1.4}
.order-summary-modal h3>.icon{color:#1465ff;width:18px;height:18px}
.order-summary-modal .os-metrics{display:flex;margin:15px 0 10px}
.order-summary-modal .os-metrics>div{flex:1;border-left:1px solid #e9edf5;padding:0 10px;min-width:0}
.order-summary-modal .os-metrics>div:first-child{border:0;padding-left:0}
.order-summary-modal .os-metrics>div:last-child{padding-right:0}
.order-summary-modal .os-metrics span{display:block;font-size:10px;white-space:nowrap;color:#4b5b78}
.order-summary-modal .os-metrics strong{display:block;font-size:18px;font-weight:750;margin-top:3px}
.order-summary-modal .os-green{color:#09844c}.order-summary-modal .os-red{color:#ec363a}
.order-summary-modal .os-progress-row{display:flex;gap:12px;align-items:center;font-size:10px;color:#465571}
.order-summary-modal .os-progress{height:8px;border-radius:9px;background:#e3e8ef;flex:1;overflow:hidden}
.order-summary-modal .os-progress>span{display:block;height:100%;background:#14985a;border-radius:inherit}
.order-summary-modal .os-blue .os-progress>span{background:#1681ff}.order-summary-modal .os-purple .os-progress>span{background:#9147ed}
.order-summary-modal .os-ratio strong{color:#059645}
.order-summary-modal .os-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.96fr) minmax(0,1fr);gap:13px;align-items:stretch}
.order-summary-modal :is(.os-left,.os-right){display:flex;flex-direction:column;gap:13px;min-width:0}
.order-summary-modal .os-card{min-width:0;border:1px solid #e1e7f0;border-radius:8px;overflow:hidden;background:#fff}
.order-summary-modal .os-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:7px 13px;background:linear-gradient(110deg,#fbfcff,#f5f7fa);border-bottom:1px solid #f0f2f6}
.order-summary-modal .os-card>header button{min-height:26px;padding:3px 7px}
.order-summary-modal .os-card-body{padding:13px 15px}
.order-summary-modal .os-left>.os-card:last-child{flex:1}
.order-summary-modal .os-customer-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.order-summary-modal .os-customer-name>strong{font-size:16px;font-weight:750}
.order-summary-modal .os-customer-name .ci-badge{height:24px;font-size:11px}
.order-summary-modal .os-contact{display:flex;align-items:flex-start;gap:14px;margin:10px 0;color:#24324d;line-height:1.6;font-weight:550}
.order-summary-modal .os-contact>.icon,.order-summary-modal .os-contact>span:first-child{flex-shrink:0;color:#556581}
.order-summary-modal .os-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.order-summary-modal .os-detail-columns>dl+dl{border-left:1px solid #e7ebf2;padding-left:20px}
.order-summary-modal dl>div{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px;align-items:start;margin-bottom:12px}
.order-summary-modal dt{font-size:11px;color:#4a5a76;font-weight:500}
.order-summary-modal dd{margin:0;font-weight:650;font-size:12px;overflow-wrap:anywhere}
.order-summary-modal dd small{display:block;margin-top:5px;font-size:10px;color:#65728b;font-weight:450}
.order-summary-modal .os-source-note{font-size:10px;color:#62708a;line-height:1.6;margin-top:9px;overflow-wrap:anywhere}
.order-summary-modal .os-link{color:#0961ef;text-decoration:none;border:0;box-shadow:none}
.order-summary-modal .os-parcel+.os-parcel{border-top:1px solid #dfe6ef;margin-top:20px;padding-top:16px}
.order-summary-modal h4{font-size:12px;font-weight:700;margin:13px 0;border-top:1px solid #e7ebf2;padding-top:12px}
.order-summary-modal .os-timeline{padding-left:7px}
.order-summary-modal .os-timeline>div{position:relative;border-left:1px solid #c7dacf;padding:0 0 15px 18px;line-height:1.5}
.order-summary-modal .os-timeline>div:last-child{border-left-color:transparent;padding-bottom:0}
.order-summary-modal .os-timeline>div:before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:#11985d;border:1px solid white}
.order-summary-modal .os-timeline strong{font-size:11px;font-weight:650;display:block}
.order-summary-modal .os-timeline small,.order-summary-modal .os-timeline p{font-size:10px;color:#69758e;display:block;margin-top:3px;overflow-wrap:anywhere}
.order-summary-modal .os-parcel-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.order-summary-modal .os-parcel-actions button{font-size:10px;padding:4px 7px;min-height:26px}
.order-summary-modal .os-table-scroll{overflow:auto;max-height:290px}
.order-summary-modal table{width:100%;border-collapse:collapse;font-size:11px;min-width:0}
.order-summary-modal th{font-size:10px;padding:8px 9px;background:#f2f5fa;color:#35435f;font-weight:650;white-space:nowrap;border-bottom:1px solid #e7ebf3}
.order-summary-modal td{padding:9px;border-bottom:1px solid #edf0f5;color:#263451;font-size:11px;font-weight:500;vertical-align:middle}
.order-summary-modal td a{color:#1264f6;font-weight:650}
.order-summary-modal .os-previous .os-card-body{padding:0}
.order-summary-modal .os-previous th,.order-summary-modal .os-previous td{font-size:9px;padding:7px 6px}
.order-summary-modal .os-previous .pill{font-size:8px;padding:3px 5px;min-height:20px}
.order-summary-modal .os-previous .order-date{font-size:9px;white-space:normal}
.order-summary-modal .os-previous .order-date span+span{display:none}
.order-summary-modal .os-comments{flex:1}
.order-summary-modal .os-comments .os-card-body{padding:10px}
.order-summary-modal .os-comments-list{max-height:205px;overflow:auto}
.order-summary-modal .os-comment{display:flex;gap:9px;padding:5px 0 10px;margin-bottom:8px;border-bottom:1px solid #edf0f6}
.order-summary-modal .os-avatar{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#6984ff,#535bd8);color:#fff;font-size:10px;font-weight:650}
.order-summary-modal .os-comment>div{min-width:0;flex:1}
.order-summary-modal .os-comment-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;font-size:9px}
.order-summary-modal .os-comment-meta span{background:#eef1f7;color:#65718b;padding:1px 3px;border-radius:2px}
.order-summary-modal .os-comment-meta time{color:#748099;font-size:8px;margin-left:auto}
.order-summary-modal .os-comment p{font-size:11px;line-height:1.5;color:#4b5872;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}
.order-summary-modal .os-comment-compose{display:flex;align-items:flex-start;gap:7px;margin-top:8px}
.order-summary-modal .os-comment-compose textarea{min-width:0;flex:1;width:100%;min-height:34px;height:36px;resize:vertical;border:1px solid #dbe2ed;border-radius:5px;padding:7px;font-size:10px;margin:0;background:#fff;color:#25354f}
.order-summary-modal .os-comment-compose button{font-size:9px;padding:7px;white-space:nowrap}
.order-summary-modal .os-comment-category{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:9px;color:#73819a;margin-top:6px}
.order-summary-modal .os-comment-category select{font-size:10px;width:auto;padding:3px 7px;border:1px solid #e0e6ef;border-radius:4px;margin:0;min-height:24px;background:#fff}
.order-summary-modal .os-bottom-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:13px;margin-top:14px}
.order-summary-modal .os-items .os-card-body{padding:7px 10px}
.order-summary-modal .os-product{display:flex;align-items:center;gap:8px;min-width:130px;max-width:290px}
.order-summary-modal .os-product strong{font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;font-weight:600}
.order-summary-modal .os-product img,.order-summary-modal .os-product-placeholder{width:38px;height:42px;object-fit:contain;flex-shrink:0;background:#f7f9fc;border:1px solid #edf0f5;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#8394ac}
.order-summary-modal .os-items td{border-right:1px solid #edf0f5}
.order-summary-modal .os-totals{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-top:9px;font-size:10px;color:#6b7890}
.order-summary-modal .os-totals strong{color:#17243d}
.order-summary-modal .os-totals button{padding:0;border:0;min-height:22px;font-size:10px;color:#1465ff}
.order-summary-modal .os-activity{max-height:250px;overflow:auto}
.order-summary-modal .os-activity>div{display:grid;grid-template-columns:1.5fr 1fr auto;gap:4px;padding-bottom:12px;border-color:#d4e3ff}
.order-summary-modal .os-activity>div:before{background:#186cff;width:7px;height:7px;left:-4px}
.order-summary-modal .os-activity strong{font-size:10px}
.order-summary-modal .os-activity time,.order-summary-modal .os-activity small{font-size:9px;color:#748099;margin:0}
.order-summary-modal .os-activity p{grid-column:1/-1;font-size:9px}
.order-summary-modal .os-footer{display:flex;gap:12px;padding-top:14px}
.order-summary-modal .os-footer>button:last-child{margin-left:auto}
.order-summary-modal .os-empty{color:#7a879a;font-size:11px;padding:12px 0;line-height:1.5}
.order-summary-modal .os-duplicate{font-size:11px;padding:8px 12px;margin-bottom:12px}
@media(max-width:1100px){.order-summary-modal .os-heading{flex-direction:column;gap:6px}.order-summary-modal .os-heading-right{max-width:none;padding:0}.order-summary-modal .os-actions{justify-content:flex-start}.order-summary-modal .os-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.order-summary-modal .os-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.order-summary-modal .os-metrics>div{padding:0 5px}.order-summary-modal .os-metrics span{font-size:9px}.order-summary-modal .os-history{padding:12px}}
@media(max-width:700px){#modal.order-summary-modal{width:96vw;max-height:96dvh}#modal.order-summary-modal>.dialogbody{padding:18px 12px 12px}.order-summary-modal .os-history-grid,.order-summary-modal .os-main-grid,.order-summary-modal .os-bottom-grid,.order-summary-modal .os-right{grid-template-columns:1fr}.order-summary-modal .os-order-heading{gap:10px}.order-summary-modal .os-detail-columns{gap:10px}.order-summary-modal .os-detail-columns>dl+dl{padding-left:10px}.order-summary-modal .os-footer{gap:6px;flex-wrap:wrap}.order-summary-modal .os-footer button{font-size:10px;padding:6px}.order-summary-modal .os-tracking-top{justify-content:flex-start}.order-summary-modal .os-activity>div{grid-template-columns:1fr auto}.order-summary-modal .os-activity small{grid-column:1/-1}}
/* Bound long histories to their reference-size cards without dropping records. */
.order-summary-modal .os-previous .os-table-scroll{max-height:180px}
.order-summary-modal .os-previous td .order-date span{font-size:9px;font-weight:500;white-space:nowrap}
.order-summary-modal .os-comments-list{max-height:130px}
#modal.order-summary-modal #comment-form textarea{min-height:36px;height:36px;margin:0}
.order-summary-modal .os-parcel>dl>div{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.order-summary-modal .os-parcel .copy-field{gap:3px;font-size:11px}
.order-summary-modal .os-history.os-green{color:#111b32}
.order-summary-modal .os-history .os-metrics strong:not(.os-green):not(.os-red){color:#111b32}
@media(min-width:1101px){
 .order-summary-modal .os-main-grid{height:430px}
 .order-summary-modal .os-left{display:grid;grid-template-rows:185px minmax(0,1fr)}
 .order-summary-modal .os-right{display:grid;grid-template-rows:195px minmax(0,1fr)}
 .order-summary-modal .os-main-grid .os-card-body{max-height:calc(100% - 40px);overflow:auto}
 .order-summary-modal .os-previous .os-table-scroll{max-height:153px}
 .order-summary-modal .os-comments-list{max-height:95px}
 .order-summary-modal .os-detail-columns dl>div{margin-bottom:9px}
 .order-summary-modal .os-bottom-grid .os-card-body{max-height:190px;overflow:auto}
}
.order-summary-modal .os-history .os-ratio strong{color:#09844c}
.order-summary-modal .os-footer{position:sticky;bottom:0;background:#fff;z-index:2;padding-bottom:2px}
.order-summary-modal .os-comment-form .error:empty{display:none}
@media(min-width:1101px){
 .order-summary-modal .os-main-grid{grid-template-rows:minmax(0,1fr)}
 .order-summary-modal .os-main-grid :is(.os-left,.os-right,.os-card){min-height:0}
}
/* History drill-downs retain the approved heading appearance. */
.order-summary-modal button.os-history-link,.ci-history button.ci-history-link{border:0;background:none;box-shadow:none;padding:0;min-height:0;color:inherit;font:inherit;text-align:left}
.order-summary-modal button.os-history-link:hover,.ci-history button.ci-history-link:hover{background:none;color:#1465ff;text-decoration:underline}
@media(min-width:1101px){.order-summary-modal .os-main-grid.os-no-active-parcel{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}}
@media(min-width:701px) and (max-width:1100px){.order-summary-modal .os-no-active-parcel{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.order-summary-modal .os-no-active-parcel .os-right{grid-column:auto;display:flex}}
.order-summary-modal .os-metrics [role=button]{cursor:pointer;border-radius:4px}
.order-summary-modal .os-metrics [role=button]:hover{background:#edf4ff}
.order-summary-modal .os-metrics [role=button]:focus-visible{outline:2px solid #1465ff;outline-offset:3px}
/* New Order: scoped presentation, preserving the existing order mutation. */
#modal.new-order-modal{width:790px;max-height:96vh;background:#fff;color:var(--text-primary);border-radius:12px;border:1px solid var(--border);box-shadow:0 24px 80px #001A1233}
#modal.new-order-modal::backdrop{background:var(--overlay);backdrop-filter:blur(3px)}
.new-order-modal .dialoghead{padding:16px 20px 12px;border:0;background:#fff}.new-order-modal .dialoghead h2{font-size:21px;font-weight:750}.new-order-modal .dialogbody{padding:0 18px 14px}
.new-order-modal button{min-height:32px;padding:7px 12px;border-radius:5px;font-size:12px;font-weight:650;gap:6px}.new-order-modal button.primary{background:var(--primary);border-color:var(--primary);color:var(--dark-background);box-shadow:none}.new-order-modal button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.new-order-modal .icon{width:16px;height:16px}
.new-order-modal input,.new-order-modal select,.new-order-modal textarea{font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:5px;padding:7px 10px;min-height:32px;background:white;color:var(--text-primary)}.new-order-modal input:focus,.new-order-modal select:focus,.new-order-modal textarea:focus{border-color:var(--primary-dark);outline:2px solid var(--focus-ring)}.new-order-modal label{font-size:12px;font-weight:550;margin:0}.new-order-modal [hidden]{display:none!important}
.no-tabs{display:flex;border-bottom:1px solid var(--border);margin:0 0 12px;gap:6px}.new-order-modal .no-tabs button{border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;padding:13px 24px;min-width:148px;background:var(--surface-muted);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.new-order-modal .no-tabs button[aria-selected=true]{border-bottom-color:var(--primary-dark);color:var(--primary-dark);background:#fff}
.no-search-row{display:flex;gap:16px;margin:0 0 10px}.no-search{position:relative;flex:1}.no-search>.icon{position:absolute;top:9px;left:11px;color:var(--primary-dark)}.no-search input{width:100%;padding-left:34px}.new-order-modal .no-search input{padding-left:34px;border-color:var(--primary-dark)}.no-search-row>button{flex-shrink:0}
.no-customer-results{border:1px solid var(--border);border-radius:7px;box-shadow:0 2px 5px #001A1210;max-height:242px;overflow:auto;padding:0 12px}.no-customer-row{display:grid;grid-template-columns:40px minmax(120px,1fr) 76px 118px 74px;align-items:center;gap:12px;min-height:60px;border-bottom:1px solid var(--border)}.no-customer-row:last-child{border:0}.no-avatar{height:38px;width:38px;border-radius:50%;background:linear-gradient(135deg,var(--surface-selected),var(--soft-mint));color:var(--deep-green);display:grid;place-items:center;font-size:14px;font-weight:750}.no-customer-identity{display:flex;flex-direction:column;gap:3px;min-width:0}.no-customer-identity strong{font-size:13px;overflow-wrap:anywhere}.no-customer-identity span{font-size:12px;color:var(--text-secondary)}.no-order-count,.no-customer-ratio{font-size:11px;font-weight:650;padding:5px 8px;border-radius:4px;justify-self:start;white-space:nowrap;background:var(--surface-muted);color:var(--text-secondary)}.no-customer-ratio.positive{background:#e5f8ed;color:#06762e}.no-customer-ratio.moderate{background:#fff5df;color:#885100}.no-customer-ratio.negative{background:#ffedef;color:#c61a33}.new-order-modal .no-customer-row>button{background:var(--surface-selected);color:var(--primary-dark);border:0}.no-empty{padding:24px 6px;font-size:12px;color:var(--text-secondary)}
.no-inline-heading,.no-inline-footer,.no-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.no-inline-heading{margin-bottom:12px}.no-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.no-customer-fields label input,.no-customer-fields label select{margin-top:5px}.no-inline-footer{justify-content:flex-end;margin-top:10px}.no-selected-customer{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border);border-radius:7px}.no-selected-customer>div{flex:1}.no-selected-customer p,.no-selected-customer small{font-size:12px;color:var(--text-secondary)}
.no-items{margin-top:14px}.no-section-heading{margin-bottom:8px}.new-order-modal h3{font-size:14px;font-weight:700}.no-items-scroll{overflow:auto}.new-order-modal .no-items table{table-layout:fixed;width:100%;min-width:690px;white-space:normal;font-size:12px}.new-order-modal .no-items th{background:var(--surface-muted);font-size:10px;padding:9px 6px;white-space:nowrap;color:var(--text-secondary)}.new-order-modal .no-items td{padding:10px 6px;border-bottom:1px solid var(--border);vertical-align:middle}.new-order-modal .no-items th:nth-child(1){width:5%}.new-order-modal .no-items th:nth-child(2){width:23%}.new-order-modal .no-items th:nth-child(3){width:11%}.new-order-modal .no-items th:nth-child(4){width:9%}.new-order-modal .no-items th:nth-child(5){width:12%}.new-order-modal .no-items th:nth-child(6),.new-order-modal .no-items th:nth-child(7){width:9%}.new-order-modal .no-items th:nth-child(8){width:13%}.new-order-modal .no-items th:nth-child(9){width:9%}.new-order-modal .items-grid{display:table-row;margin:0}.no-product{display:flex;align-items:center;gap:7px}.no-product>span{display:grid;place-items:center;flex-shrink:0;width:25px;height:30px;color:var(--text-secondary);background:var(--surface-muted);border-radius:5px}.new-order-modal .no-product input,.new-order-modal input[name=item-sku]{padding:5px 2px;border-color:transparent;background:transparent;min-width:0}.new-order-modal .no-product input{font-weight:650}.new-order-modal .no-items input{width:100%}.no-line-adjustment{color:var(--text-secondary);text-align:center}.new-order-modal .no-items .danger{color:#ef3047;padding:6px;background:none;border:0}.no-hint{font-size:10px;color:var(--text-secondary);line-height:1.4;margin-top:6px;display:block}
.no-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.no-card{border:1px solid var(--border);border-radius:7px;padding:12px}.no-card h3{margin-bottom:10px}.no-summary{margin:0}.no-summary>div{display:flex;align-items:center;justify-content:space-between;min-height:31px;border-bottom:1px solid var(--border);gap:10px}.no-summary dt{font-size:12px;color:var(--text-secondary)}.no-summary dd{margin:0;font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px}.new-order-modal .no-summary input{width:88px;min-height:27px;padding:4px 8px;text-align:right}.no-summary .no-total-row{margin:5px -5px;padding:5px;border:0;border-radius:4px;background:var(--surface-selected);color:var(--deep-green)}.no-total-row dt{color:var(--deep-green);font-weight:750}.no-total-row dd{font-size:18px}.no-summary .no-balance{border:0;margin-top:4px}.no-adjustments{margin-top:8px;color:var(--text-secondary);font-size:10px}.no-adjustments summary{cursor:pointer}.no-adjustments>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.no-payment>label{display:block;margin-top:13px}.no-payment label input,.no-payment label textarea{margin-top:6px}.no-payment .no-payment-method{display:flex;align-items:center;justify-content:space-between;gap:12px}.no-payment-method select{width:58%}.no-payment textarea{min-height:80px}.no-tag-preview{display:flex;gap:4px;flex-wrap:wrap}.no-tag-preview>span{font-size:11px;color:#087454;background:#e9f7f0;border-radius:5px;padding:3px 7px;margin-top:5px}.no-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.new-order-modal .no-footer button{min-height:36px;padding:8px 16px}.new-order-modal [data-error]:empty{display:none}
@media(max-width:600px){#modal.new-order-modal{max-width:calc(100vw - 16px)}.new-order-modal .dialogbody{padding:0 12px 12px}.no-bottom,.no-customer-fields{grid-template-columns:1fr}.no-search-row{gap:8px}.no-customer-row{grid-template-columns:32px 1fr 64px;gap:8px;padding:9px 0}.no-customer-row .no-avatar{width:30px;height:30px;grid-row:1/3}.no-customer-identity{grid-column:2}.no-order-count{grid-column:2;grid-row:2}.no-customer-ratio{grid-column:2;grid-row:3}.no-customer-row>button{grid-column:3;grid-row:1/3}.new-order-modal .no-tabs button{min-width:0;flex:1;padding:12px}.no-search-row>button{font-size:11px;padding:6px}.no-selected-customer{align-items:flex-start}}
/* Single-page New Order customer picker. */
.no-customer-section{padding-top:8px}.no-customer-picker{position:relative;margin-bottom:12px}.no-customer-picker>.no-search{display:block}.no-customer-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:5;background:#fff;border:1px solid var(--border);border-radius:7px;box-shadow:0 10px 25px #001A1226;padding:5px}.no-customer-dropdown .no-customer-results{border:0;box-shadow:none;max-height:245px}.new-order-modal .no-customer-dropdown>[data-no-new]{width:100%;justify-content:flex-start;display:flex;color:var(--primary-dark);background:var(--surface-selected);margin-top:4px}.no-customer-section .no-selected-customer{margin-bottom:12px}.no-customer-section .no-selected-customer>div:not(.no-customer-actions){min-width:0}.no-customer-section .no-selected-customer small{display:block;overflow-wrap:anywhere}.no-customer-section .no-customer-actions{flex:0;display:flex;gap:6px}.no-customer-section [data-no-customer-form]{border:1px solid var(--border);border-radius:7px;padding:12px}.no-customer-actions .danger{color:#c62843;border-color:#f1cdd5;background:#fff}
@media(max-width:600px){.no-customer-section .no-selected-customer{flex-wrap:wrap}.no-customer-section .no-customer-actions{margin-left:50px}.no-customer-dropdown .no-customer-ratio{grid-row:3}.no-customer-dropdown .no-customer-results{max-height:300px}}

/* Keep the customer action visible beside the search, matching modal controls. */
.new-order-modal .no-customer-picker{display:flex;align-items:center;gap:12px}.new-order-modal .no-customer-picker>.no-search{min-width:0;flex:1}.new-order-modal .no-add-customer{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;min-height:34px}
@media(max-width:600px){.new-order-modal .no-customer-picker{gap:8px}.new-order-modal .no-add-customer{padding:7px 9px;font-size:11px}}
.order-multi-field{min-width:0;font-size:14px;font-weight:600}.order-multi-field>span{display:block;margin-bottom:7px}.order-multi-select{position:relative}.order-multi-select>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:11px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);font-weight:500;min-height:42px}.order-multi-select>summary::-webkit-details-marker{display:none}.order-multi-select [data-multi-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-multi-select[open]>summary{border-color:var(--primary-dark)}.order-multi-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:6;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-dialog);border-radius:8px;padding:7px;max-height:240px;overflow:auto}.order-multi-options label{display:flex;gap:9px;align-items:center;padding:8px;margin:0;border-radius:5px;cursor:pointer;font-size:13px;overflow-wrap:anywhere}.order-multi-options label:hover,.order-multi-options label:has(input:checked){background:var(--surface-selected)}.order-multi-options input{flex:0 0 17px}.order-multi-options .text{width:100%;justify-content:flex-start;color:var(--deep-green)}
/* Order confirmation is independent of lifecycle and fulfillment status. */
.order-confirmation{display:flex;align-items:center;justify-content:center;width:126px;min-width:126px;max-width:126px;height:32px;margin-inline:auto}.confirmation-initial{display:flex;align-items:center;gap:7px}.order-confirmation button{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none;font-weight:650;white-space:nowrap}.order-confirmation svg,.confirmation-dropdown svg{width:17px;height:17px;flex-shrink:0}.order-confirmation .confirmation-icon{width:32px;height:32px;padding:7px;border-radius:7px}.order-confirmation .confirmation-pill{width:126px;min-width:126px;max-width:126px;height:32px;padding:5px 8px;border-radius:9px;font-size:12px;gap:5px}.confirmation-pill>span:not(.confirmation-chevron){flex:1;text-align:center}.order-confirmation .confirmation-pill svg{width:15px;height:15px}.order-confirmation .confirmation-call{background:#e9f3ff;border:1px solid #bad8ff;color:#1268d7}.order-confirmation .confirmation-whatsapp{background:#e6fbed;border:1px solid #b4efc8;color:#087d2c}.order-confirmation .confirmation-rejected{background:#fff0f2;border:1px solid #ffc1c9;color:#d9203e}.order-confirmation .confirmation-call:hover{background:#d8eaff;border-color:#83b9ff}.order-confirmation .confirmation-whatsapp:hover{background:#d1f5de;border-color:#72d995}.order-confirmation .confirmation-rejected:hover{background:#ffe0e5;border-color:#ff8fa1}.confirmation-chevron{margin-left:0;width:10px;flex:0 0 10px;font-size:14px}.confirmation-dropdown{position:fixed;z-index:60;min-width:0;max-width:calc(100vw - 16px);padding:5px;background:#fff;border:1px solid #e3e8ef;border-radius:9px;box-shadow:0 8px 24px #15283f24}.confirmation-dropdown button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:12px;padding:8px 5px;border:0;border-radius:5px;background:#fff;color:#172337}.confirmation-dropdown button:hover,.confirmation-dropdown button:focus-visible{background:#f0f5fa}.confirmation-option-call svg{color:#1268d7}.confirmation-option-whatsapp svg{color:#087d2c}.confirmation-option-rejected svg{color:#d9203e}

.confirmation-dropdown button{white-space:normal;text-align:left;line-height:1.35}.confirmation-dropdown button span{min-width:0;overflow-wrap:break-word}
/* Center column headings without changing the established row layouts. */
#order-table table>thead>tr>th{text-align:center}
/* Keep city text compact; copying still uses the complete city value. */
#order-table .shipping-city>.copy-field{min-width:0;flex:1}
#order-table .shipping-city .shipping-city-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#order-table .shipping-city .copy-value{flex-shrink:0}

/* Group dismissal stays inside the existing compact Duplicate badge. */
.ci-badge .duplicate-dismiss{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;border:0;border-radius:50%;background:#ffffff20;color:#fff;font:700 14px/1 Arial,sans-serif;box-shadow:none;cursor:pointer}
.ci-badge button.duplicate-dismiss:hover:not(:disabled),.ci-badge button.duplicate-dismiss:focus-visible{background:#4b2099;color:#fff;border-color:transparent}
.ci-badge .duplicate-dismiss:focus-visible{outline:2px solid #fff;outline-offset:1px}
.ci-badge .duplicate-dismiss:disabled{cursor:wait;opacity:.7}
/* Shared notifications live above native dialogs and all page overlays. */
#toast{inset:20px 20px auto auto;left:auto;bottom:auto;transform:none;margin:0;width:max-content;max-width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;overflow-wrap:anywhere;white-space:normal;border:1px solid #9ebcad;background:#153e32;color:#fff;z-index:2147483647;pointer-events:none;font-weight:600;line-height:1.5}
#toast::backdrop{background:transparent;pointer-events:none}
#toast[data-type=success]{background:#14583d;border-color:#60a985}
#toast[data-type=error]{background:#8e2638;border-color:#d28b98}
#toast[data-type=warning]{background:#694715;border-color:#c6a165}
#toast[data-type=info]{background:#153e32;border-color:#9ebcad}

#manual-tracking-inline{margin:0 0 14px;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
#manual-tracking-inline[hidden]{display:none}
#manual-tracking-inline form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) auto;gap:10px;align-items:end}
#manual-tracking-inline label{margin:0;font-size:12px}#manual-tracking-inline input,#manual-tracking-inline select{margin-top:5px;padding:9px;font-size:13px}
#manual-tracking-inline form>div{display:flex;gap:7px}#manual-tracking-inline form>small,#manual-tracking-inline .error{grid-column:1/-1;margin:0;font-size:12px}
.os-manual-tracking-note{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0}.os-manual-tracking-note small{width:100%;color:var(--text-secondary)}
@media(max-width:700px){#manual-tracking-inline form{grid-template-columns:1fr}#manual-tracking-inline form>div{justify-content:flex-end}}
/* Compact active-parcel journey; independent from the order audit timeline. */
#modal.parcel-tracking-modal{width:520px}.parcel-tracking-modal .dialogbody{padding:20px 24px}.parcel-tracking-header{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--border)}.parcel-tracking-brand{display:flex;gap:12px;align-items:center}.parcel-tracking-brand img{width:48px;height:38px;object-fit:contain}.parcel-tracking-brand>div{display:flex;flex-direction:column;gap:5px}.parcel-tracking-brand strong{font-size:16px}.parcel-current-status{padding:5px 9px;background:var(--surface-selected);color:var(--deep-green);border:1px solid var(--border);border-radius:7px;font-size:13px;font-weight:700}.parcel-tracking-header small,.parcel-tracking-note,.parcel-tracking-empty{font-size:12px;color:var(--text-secondary)}.parcel-tracking-note{margin-top:12px}.parcel-refresh-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;font-size:12px}.parcel-refresh-row .error{color:var(--danger);margin:0}.parcel-journey{list-style:none;margin:8px 0 0 7px;padding:0}.parcel-journey li{position:relative;display:flex;flex-direction:column;gap:5px;padding:0 0 22px 20px;border-left:2px solid var(--border);font-size:13px;overflow-wrap:anywhere}.parcel-journey li:last-child{border-left-color:transparent;padding-bottom:0}.parcel-journey li:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#9caea7;left:-6px;top:4px;box-shadow:0 0 0 3px var(--surface)}.parcel-journey li.is-current:before{background:var(--green);box-shadow:0 0 0 4px var(--surface-selected)}.parcel-journey li.is-current>strong{color:var(--deep-green);font-size:15px}.parcel-latest-label{font-size:10px;font-weight:750;color:var(--green);letter-spacing:.5px}.parcel-journey time,.parcel-journey li>span:not(.parcel-latest-label){font-size:12px;color:var(--text-secondary)}

.order-summary-modal .os-timeline>div.is-current:before{box-shadow:0 0 0 3px #11985d24}
.order-summary-modal .os-timeline>div.is-current>strong{color:#087648;font-weight:750}

/* Orders-only vertical spacing: retain control hit areas and table density. */
.content:has(>.order-workspace){padding-top:14px;padding-inline:12px}
.order-workspace .orders-title{margin-bottom:8px;gap:8px}
.order-workspace .orders-primary-actions{align-items:center;row-gap:8px}
.order-workspace .orders-demo{margin-bottom:8px}
.order-workspace .order-actionbar{padding-top:8px;padding-bottom:8px}
.order-workspace .orders-card>.filterbar{padding-top:8px;padding-bottom:8px}

/* Trim only surplus vertical whitespace in the Orders panel. */
.order-workspace .order-tabs-strip{padding-top:6px;padding-bottom:6px}
.order-workspace #order-table th{padding-top:10px;padding-bottom:10px}
.order-workspace #order-table td{padding-top:12px;padding-bottom:12px}
/* Global navigation stays visible; Orders uses one row scrollport below its controls. */
.main>.topbar{position:sticky;top:0;z-index:20;flex-shrink:0}
.main:has(>.content>.order-workspace){height:100dvh;display:flex;flex-direction:column}
.content:has(>.order-workspace){flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:12px}
.order-workspace{flex:1;min-height:0;display:flex;flex-direction:column}
.order-workspace>.orders-title,.order-workspace>.notice,.order-workspace>.orders-demo{flex-shrink:0}
.order-workspace>.orders-card{flex:1;min-height:0;display:flex;flex-direction:column}
.orders-card>.order-tabs-strip,.orders-card>.order-actionbar,.orders-card>.filterbar{flex-shrink:0;position:relative;z-index:4;background:var(--surface)}
.orders-card>.order-tabs-strip{z-index:5}
.order-workspace #order-table{flex:1;min-height:0;display:flex;flex-direction:column}
.order-workspace #order-table>.tablewrap{flex:1;min-height:0;overflow:auto;isolation:isolate}
.order-workspace #order-table>.tablefoot{flex-shrink:0}
.order-workspace #order-table thead th{position:sticky;top:0;z-index:2;background:var(--surface)}
.order-workspace #order-table thead th.order-selection{z-index:3;background:var(--surface-muted)}

.fulfillment-rule{border:0;border-bottom:1px solid var(--border);padding:0 0 18px;margin:0 0 22px;min-width:0}.fulfillment-rule legend{font-weight:650;margin-bottom:12px}.fulfillment-rule p{margin-top:8px}.fulfillment-rule input[type=number]{max-width:220px}
.order-workspace #order-table tr.order-address-warning>td{background:#fff5f5}.order-workspace #order-table tr.order-address-warning:hover>td{background:#ffeded}
.address-warning-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:14px;height:14px;border:1px solid #c14242;border-radius:50%;color:#b42323;font:700 10px/1 Arial}

/* Fulfillment switches and field alignment; scan identifier checkboxes stay multi-select. */
.fulfillment-rule legend{width:100%}.fulfillment-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px;margin:0;cursor:pointer}
:is(#fulfillment-config-form,#print-hub-config-form) input[role=switch]{appearance:none;flex:none;width:40px;height:23px;padding:0;margin:0;border-radius:20px;background:var(--surface-muted);border:1px solid var(--border-strong);position:relative;cursor:pointer;transition:background .18s,border-color .18s}
:is(#fulfillment-config-form,#print-hub-config-form) input[role=switch]:before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:var(--text-secondary);transition:transform .18s}
:is(#fulfillment-config-form,#print-hub-config-form) input[role=switch]:checked{background:var(--primary);border-color:var(--primary-dark)}:is(#fulfillment-config-form,#print-hub-config-form) input[role=switch]:checked:before{transform:translateX(17px);background:var(--dark-background)}
:is(#fulfillment-config-form,#print-hub-config-form) input[role=switch]:focus-visible{outline:2px solid var(--primary-dark);outline-offset:3px}
.fulfillment-fields{align-items:start}.fulfillment-fields>label,.fulfillment-address-field{display:flex;flex-direction:column;gap:8px;margin:0}.fulfillment-rule input[type=number],.fulfillment-rule select{max-width:none;height:42px;margin:0}.fulfillment-address-field{max-width:calc((100% - 20px)/2)}
.address-warning-icon{position:relative;width:16px;height:16px;border:0;border-radius:0;color:#ff2444;filter:drop-shadow(0 0 2px #ff244440)}.address-warning-icon>svg{width:16px;height:16px;display:block}.address-warning-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);width:max-content;max-width:260px;padding:7px 9px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);font:500 12px/1.4 Arial;white-space:normal;z-index:8}.address-warning-icon:hover .address-warning-tooltip,.address-warning-icon:focus .address-warning-tooltip{display:block}
@media(max-width:760px){.fulfillment-address-field{max-width:none}}
@media(prefers-reduced-motion:reduce){:is(#fulfillment-config-form,#print-hub-config-form) input[role=switch],:is(#fulfillment-config-form,#print-hub-config-form) input[role=switch]:before{transition:none}}

.fulfillment-badges{display:grid;gap:12px}.fulfillment-badges h3{margin:0}.fulfillment-badges .fulfillment-address-field{max-width:100%}

.os-scoped-history{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}

.ci-badge button.blacklist-dismiss:hover:not(:disabled),.ci-badge button.blacklist-dismiss:focus-visible{background:#881337;color:#fff}

/* Page-only order selection and compact sticky pagination controls. */
.order-selection-summary{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;background:var(--surface-muted);border-bottom:1px solid var(--border);font-size:12px;font-weight:600}
.order-selection-summary[hidden]{display:none}
.order-workspace .orders-page-size{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin:0;white-space:nowrap;font-size:12px}
.order-workspace .orders-page-size select{width:auto;min-width:58px;height:28px;padding:2px 20px 2px 6px;font-size:12px}
.order-workspace .tablefoot{align-items:center;gap:4px 10px;flex-wrap:wrap;padding:4px 10px;font-size:12px;line-height:18px;background:var(--surface)}
.order-workspace .tablefoot>.row{align-items:center;flex-wrap:wrap;gap:4px 6px}
.order-workspace .tablefoot button.small{min-height:28px;padding:3px 8px;font-size:12px;line-height:20px}
.order-workspace .tablefoot>.row>span{white-space:nowrap}
/* Footer remains a nonshrinking sibling of the scroll viewport, never an overlay. */
.order-workspace #order-table>.tablewrap{scrollbar-width:thin}
.order-workspace #order-table>.tablewrap::-webkit-scrollbar{width:10px;height:10px}

/* Selected-order load-sheet review: local print selection only. */
.sheet-review-summary{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;font-size:14px}.sheet-review-summary strong{color:var(--primary-dark)}.sheet-exclusions{font-size:13px;padding-left:20px;margin:12px 0}.sheet-review-totals{font-size:13px;margin:12px 0;color:var(--text-secondary)}.sheet-review-groups{max-height:48vh;overflow:auto}.sheet-review-groups>details{border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.sheet-review-groups summary{cursor:pointer;padding:12px;font-weight:650}.sheet-review-groups summary span{float:right;font-size:12px;font-weight:500}.sheet-review-table{overflow:auto}.sheet-review-table table{width:100%;font-size:12px}.sheet-review-table td,.sheet-review-table th{padding:8px;text-align:left}.sheet-review-table button{white-space:nowrap}
/* Status tab hover belongs to the full card, not its inner label button. */
.order-tabs .order-tab-card{cursor:pointer}
.order-tabs .order-tab-card:not(.active):hover{background:var(--surface-hover);border-color:var(--border-strong)}
.order-tabs .order-tab-card>button:hover,.order-tabs .order-tab-card>a:hover{background:transparent;color:inherit}
#toast{top:auto;right:auto;bottom:16px;left:16px}
#toast.show{display:flex;align-items:center;gap:10px}
#toast .toast-icon{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#toast[data-type=success]{box-shadow:0 4px 18px #14583d30,0 0 0 1px #60a98530}
#toast[data-type=error]{box-shadow:0 4px 18px #8e263830,0 0 0 1px #d28b9830}
/* Canonical two-state glass notification. */
#toast[data-type]{--toast-accent:#13ec8b;--toast-glow:#00e98355;background:linear-gradient(115deg,#082c24e8,#242b32eb 75%);border:1px solid #7da89a;box-shadow:inset 0 1px 9px #ffffff28,0 0 18px var(--toast-glow);border-radius:22px;padding:24px 40px 25px 20px;width:440px;color:#f5f7f8;backdrop-filter:blur(18px);overflow:hidden;pointer-events:auto;font-size:14px;line-height:1.4}
#toast[data-type=error]{--toast-accent:#ff465b;--toast-glow:#ff193d66;background:linear-gradient(115deg,#42151ee8,#272a32eb 75%);border-color:#cb8992}
#toast.show{display:flex;gap:18px;align-items:center}
#toast .toast-icon-circle{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 20%,#37eb99,#009958 80%);border:1px solid #62f5b8;box-shadow:0 0 0 10px #00e98312,0 0 20px var(--toast-glow)}
#toast[data-type=error] .toast-icon-circle{background:radial-gradient(circle at 35% 20%,#ff5261,#a00019 80%);border-color:#ff9aa4;box-shadow:0 0 20px var(--toast-glow)}
#toast .toast-icon{width:27px;height:27px;stroke:#fff;stroke-width:2.8}
#toast .toast-copy{min-width:0;flex:1;text-align:left}
#toast .toast-copy strong{display:block;font-size:16px;font-weight:700;color:#f5f7f8;margin-bottom:5px}
#toast .toast-description{font-size:13px;font-weight:500;color:#b9c4d0;line-height:1.45}
#toast .toast-close{position:absolute;right:12px;top:10px;border:0;background:transparent;padding:2px 5px;color:#a9b3c2;font-size:22px;line-height:1;border-radius:5px}
#toast .toast-close:hover{background:#ffffff14;color:white}
#toast .toast-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff13}
#toast .toast-progress span{display:block;width:100%;height:100%;transform-origin:left;background:var(--toast-accent);box-shadow:0 0 9px var(--toast-accent);border-radius:3px}

.sync-run-entry{padding:14px 18px;border-bottom:1px solid var(--border);min-width:0}.sync-run-counts{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.sync-run-counts>div{display:flex;gap:5px;align-items:center;font-size:11px}.sync-run-counts dt{opacity:.8}.sync-run-counts dd{margin:0;font-weight:700}.sync-run-download{display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;color:inherit}.sync-run-download:hover{background:#00b96922}.toast-copy .sync-run-counts{color:inherit}.toast-copy .sync-run-download{color:inherit}

.sync-run-provider{width:19px;height:19px;object-fit:contain;vertical-align:middle;margin-right:7px;border-radius:3px;background:#fff}

.sync-run-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;max-width:320px}.sync-run-counts>div{justify-content:space-between;min-width:0}.sync-run-counts dd{font-variant-numeric:tabular-nums}

/* Keep mapping controls inside their booking destination cell. */
.booking-grid td.booking-city-cell{min-width:240px;width:240px;max-width:none;white-space:normal;overflow-wrap:anywhere}.booking-city-cell select{display:block;width:210px;max-width:100%;font-size:13px;padding:8px;margin:6px 0}.booking-city-cell button{display:flex;max-width:100%;font-size:12px;padding:6px 9px;white-space:normal}
/* Reference shipping editor: compact white modal, two-column form and soft permanent-address panel. */
dialog.shipping-editor{width:650px;max-width:calc(100vw - 28px);border-radius:10px;background:#fff;color:#172b3a}dialog.shipping-editor .dialoghead{padding:24px 26px 0;border-bottom:0;align-items:flex-start}dialog.shipping-editor .dialoghead h2{font-size:18px;letter-spacing:-.3px}dialog.shipping-editor .dialoghead button{padding:0;color:#718096}dialog.shipping-editor .dialogbody{padding:0 26px 22px}.shipping-editor-subtitle{font-size:12px;color:#718096;margin:5px 0 26px}.shipping-editor fieldset{border:0;padding:0;margin:0;min-width:0}.shipping-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.shipping-editor-grid label{font-size:12px;margin:0;color:#263747}.shipping-editor-grid b{color:#df3845}.shipping-editor-grid input,.shipping-editor-grid select{margin-top:7px;height:40px;border:1px solid #e1e7ed;border-radius:6px;font-size:13px;padding:8px 11px;background:#fff;color:#233445}.shipping-phone{display:flex;align-items:center;border:1px solid #e1e7ed;border-radius:6px;margin-top:7px;height:40px}.shipping-phone>span:first-child{padding:0 11px;border-right:1px solid #e1e7ed;font-size:13px;color:#566577}.shipping-phone input{border:0;margin:0;min-width:0;height:36px;box-shadow:none}.shipping-phone.invalid{border-color:#e34650;box-shadow:0 0 0 1px #e3465020}.phone-warning{display:none;color:#e22e40;padding-right:8px;font-weight:800}.invalid .phone-warning{display:block}#shipping-phone-error{display:block;margin-top:5px;color:#d72f41;font-size:11px;line-height:1.4}#shipping-phone-error[hidden]{display:none}.shipping-city-picker{position:relative}#shipping-city-options{position:absolute;top:100%;left:0;right:0;z-index:4;max-height:180px;overflow:auto;background:#fff;border:1px solid #dce6e0;border-radius:6px;box-shadow:0 6px 20px #13382618}#shipping-city-options button{display:block;width:100%;text-align:left;border:0;border-radius:0;font-size:13px;padding:9px 11px}#shipping-city-options p{padding:10px;font-size:12px}.shipping-permanent{display:flex;align-items:center;gap:12px;margin:26px 0 0;padding:17px;background:#f0fcf5;border:1px solid #e1f5e8;border-radius:7px}.shipping-bookmark{color:#00a75b;font-size:24px}.shipping-permanent strong{font-size:12px}.shipping-permanent small{display:block;color:#708478;font-size:11px;font-weight:400;margin-top:4px}.shipping-permanent input{appearance:none;flex:0 0 38px;width:38px;height:22px;border-radius:20px;border:0;background:#b7c6be;cursor:pointer;position:relative;margin:0;transition:background .18s}.shipping-permanent input:before{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:white;transition:transform .18s}.shipping-permanent input:checked{background:#00a75b}.shipping-permanent input:checked:before{transform:translateX(16px)}.shipping-editor .dialogfoot{margin-top:18px;padding-top:16px;border-top:1px solid #e9edf0;gap:8px}.shipping-editor .dialogfoot button{font-size:12px;padding:10px 18px;border-radius:6px}.shipping-editor .dialogfoot .primary{background:#00a355;border-color:#00a355;color:white}.shipping-editor-error:not(:empty){margin-top:12px}@media(max-width:500px){.shipping-editor-grid{grid-template-columns:1fr;gap:13px}.shipping-editor .dialogbody{padding-inline:18px}.shipping-editor .dialoghead{padding-inline:18px}}
.unresolved-city{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;color:#dc3545;font:inherit;text-align:left;cursor:pointer}.unresolved-city:hover{color:#b71c2d;background:transparent;text-decoration:underline}.shipping-warning-triangle{width:14px;height:14px;flex:none;vertical-align:middle}.invalid-order-phone{color:#dc3545}#shipping-city-search[aria-invalid="true"]{border-color:#e34650;color:#d72f41}#shipping-city-error{font-size:11px;line-height:1.4;margin-top:5px}
/* Orders identity text stays on one line without altering tags, phones or copy targets. */
.customer-identity-block button.customer-summary-link{white-space:nowrap;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;max-width:18ch;min-width:0}
.shipping-city .copy-field{flex-wrap:nowrap;align-items:center}.shipping-city .shipping-city-preview{display:block;white-space:nowrap;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;max-width:18ch;min-width:0}.shipping-city .unresolved-city{flex-wrap:nowrap;white-space:nowrap;min-width:0;max-width:calc(18ch + 18px)}.shipping-city .shipping-warning-triangle{flex:0 0 14px}
.customer-cell-controls{position:relative;padding-right:48px}.customer-chat-actions{position:absolute;right:-4px;top:0;display:flex;gap:0}.customer-chat-actions button{border:0;background:transparent;padding:3px;width:24px;height:24px;border-radius:5px;font-size:20px;line-height:1;color:#168447}.customer-chat-actions button:hover{background:#e7f8ee}.customer-chat-actions svg,.quick-chat-popover svg,.quick-chat-phone svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.quick-chat-popover{position:fixed;z-index:12000;width:340px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:14px;border:1px solid #c8ead9;border-radius:14px;background:#fff;box-shadow:0 12px 36px #123a2724;color:#17352b}.quick-chat-direct{display:flex;align-items:center;gap:10px;width:100%;padding:14px 10px;border:1px solid #38bb79;background:#f5fdf8;border-radius:10px;text-align:left;font-size:13px;color:#075c31}.quick-chat-direct>span:last-child{margin-left:auto;font-size:24px}.quick-chat-divider{display:flex;align-items:center;justify-content:space-between;margin:14px 0 10px;font-size:12px;color:#7a8290}.quick-chat-divider button{border:0;background:transparent;color:#098144;padding:4px}.quick-chat-list{max-height:260px;overflow:auto;margin-top:8px}.quick-chat-template{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid #e7ece9;border-radius:0;padding:12px 5px;background:#fff;font-size:14px}.quick-chat-template:hover{background:#f1faf5}.quick-chat-template>span:nth-child(2){flex:1;overflow-wrap:anywhere}.quick-chat-template svg,.quick-chat-message{color:#008d4b}.quick-chat-pages{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.quick-chat-pages button{font-size:11px;padding:4px 6px}.quick-chat-actions{position:relative}.quick-chat-actions summary{list-style:none;cursor:pointer;padding:3px 8px;display:inline-block;font-size:22px;border-radius:5px}.quick-chat-actions summary:hover{background:#edf8f1}.quick-chat-actions[open]>div{display:flex;gap:4px}.quick-chat-actions button{font-size:12px;padding:4px 7px}.quick-chat-editor-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:24px}.quick-chat-editor-grid label{display:block;margin-bottom:14px}.quick-chat-editor-grid input,.quick-chat-editor-grid select,.quick-chat-editor-grid textarea{display:block;width:100%;margin-top:6px}.quick-chat-phone{background:#e8eee7;border:6px solid #243c33;border-radius:25px;overflow:hidden;align-self:start;min-height:360px}.quick-chat-phone header{background:#075e54;color:white;padding:16px;display:flex;gap:8px;align-items:center}.quick-chat-phone>small{display:block;text-align:center;margin:12px;color:#65746a}.quick-chat-phone [data-q-preview]{white-space:pre-wrap;overflow-wrap:anywhere;background:#dcf8c6;margin:12px;padding:12px;border-radius:10px;font-size:13px;min-height:45px;max-height:380px;overflow:auto}@media(max-width:650px){.quick-chat-editor-grid{grid-template-columns:1fr}.quick-chat-phone{min-height:200px}}

.customer-chat-actions svg.bi-whatsapp,.quick-chat-popover svg.bi-whatsapp,.quick-chat-phone svg.bi-whatsapp{fill:currentColor;stroke:none}
/* Customer actions and history share a compact two-line rail. */
.customer-cell-controls{display:flex;align-items:center;gap:5px;padding-right:0}
td .customer-cell-controls .customer-identity-block{width:auto;min-width:175px;flex:1;gap:2px}
.customer-action-stack{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 100px;width:100px;align-self:flex-start}
.customer-action-stack .customer-chat-actions{position:static;justify-content:center}
.customer-action-badges{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.customer-action-badges .customer-repeat-group{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap}
.customer-action-badges .ci-badge,.customer-action-badges .customer-repeat-count{box-sizing:border-box;height:24px;min-height:24px;margin:0;align-items:center;line-height:1;white-space:nowrap}
.customer-action-badges .customer-repeat-count{width:auto;min-width:24px;padding:0 7px;font:700 10px/1 Arial,Helvetica,sans-serif}
.customer-orders-popover{position:fixed;z-index:1200;width:230px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:10px;border:1px solid #dce9e3;border-radius:12px;background:#fff;box-shadow:0 10px 32px #163f2526;color:#173b30}
.customer-orders-popover>strong{display:block;padding:3px 6px 9px;font-size:13px}
.customer-orders-popover>button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;border-radius:5px;padding:7px 6px;font-size:12px;text-align:left}
.customer-orders-popover>button:hover,.customer-orders-popover>button:focus-visible{background:#eaf8f0;color:#008846}
.customer-orders-popover>button.customer-orders-total{border-top:1px solid #e2ebe7;border-radius:0;margin-top:4px;font-weight:650}
/* Manual sync selection is temporary; Live Sync is a separate integration control. */
.manual-sync-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.booking-city-cell [data-city-search]{display:block;width:210px;max-width:100%;margin-top:6px;padding:8px;font-size:13px}
.manual-sync-group{padding:12px;border:1px solid var(--line,#dbe7e3);border-radius:12px;min-width:0}
.manual-sync-group h3{font-size:14px;margin:0 0 8px}
.manual-sync-picker summary{cursor:pointer;padding:8px 10px;border:1px solid var(--line,#dbe7e3);border-radius:8px;font-size:13px}
.manual-sync-options{max-height:180px;overflow:auto;padding-top:5px;display:grid;gap:3px}
.manual-sync-options button{text-align:left;font-size:13px;padding:7px 9px;border:0}
.manual-sync-options button[aria-pressed=true]{background:#e6f8ee;color:#007744;box-shadow:inset 3px 0 #00a85a}
.manual-sync-selected{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.manual-sync-chip{display:inline-flex;align-items:center;gap:5px;background:#e6f8ee;color:#006b3c;border-radius:6px;padding:3px 7px;font-size:12px}
.manual-sync-chip button{padding:0 3px;border:0;background:transparent;color:inherit;font-size:16px;min-height:20px}
.integration-live-sync{display:flex;align-items:center;gap:10px;font-size:12px;margin:8px 0}
.integration-live-sync [role=switch]{padding:3px 10px;min-width:44px;border-radius:12px;font-size:11px}
.integration-live-sync [aria-checked=true]{background:#e6f8ee;color:#007744;border-color:#a3dfbf}
@media(max-width:600px){.manual-sync-groups{grid-template-columns:1fr}}

.booking-destination-picker{margin:6px 0;width:210px;max-width:100%}.booking-destination-picker summary{cursor:pointer;padding:8px;border:1px solid #dbe7e3;border-radius:7px;font-size:13px;list-style:none}.booking-destination-menu{border:1px solid #dbe7e3;border-radius:8px;background:white;padding:6px;box-shadow:0 6px 18px #002c2014}.booking-destination-menu [data-city-search]{width:100%;margin:0 0 5px}.booking-destination-menu [data-destination-options]{max-height:180px;overflow:auto}.booking-destination-menu button{width:100%;text-align:left;border:0;background:transparent;padding:7px}.booking-destination-menu button:hover{background:#e6f8ee}
/* Reference-led authentication surface; existing OneOrder logo retained. */
.auth-experience{position:relative;isolation:isolate;overflow:hidden;max-width:1380px;min-height:calc(100vh - 48px);margin:24px auto;padding:26px 34px 32px;border:1px solid #e1e5e4;border-radius:16px;background:radial-gradient(ellipse at 0% 60%,#e8eeeb88,transparent 43%),radial-gradient(ellipse at 100% 75%,#e8eeeb88,transparent 42%),#fff;box-shadow:0 12px 40px #19342d0b;color:#17251f}.auth-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.auth-header .brand{font-size:21px;color:#101915}.auth-header .brand img{width:38px;height:38px;object-fit:contain}.auth-header>button{background:white;border:1px solid #d5dada;padding:8px 22px;font-size:12px}.auth-header-note{font-size:12px;color:#737b77}.auth-heading{text-align:center;margin:46px auto 28px;position:relative;z-index:1}.auth-heading h1{font:400 clamp(34px,4vw,48px)/1.15 Georgia,serif;letter-spacing:-1.5px;margin:0 0 12px;color:#101613}.auth-heading p{color:#727874;font-size:14px;line-height:1.5;margin:0}.auth-reference-form{position:relative;z-index:1;width:360px;max-width:100%;margin:0 auto;padding:28px 30px;background:#ffffffed;border:1px solid #e4e8e5;border-radius:15px;box-shadow:0 12px 35px #233c3010}.auth-field{display:block;font-size:12px;font-weight:600;margin-bottom:17px}.auth-field em{color:#ce3939;font-style:normal}.auth-field input{display:block;width:100%;height:41px;border:1px solid #dce1de;border-radius:8px;background:#fff;margin-top:7px;padding:10px 12px;font-size:12px;font-weight:400}.auth-field input:focus{outline:2px solid #b6d4c6;outline-offset:1px}.auth-reference-form>.primary{width:100%;background:#19352b;border-color:#142b23;border-radius:9px;height:44px;margin:7px 0 20px;justify-content:center}.auth-reference-form footer{border-top:1px solid #dce1de;padding-top:19px;text-align:center;font-size:12px;color:#636c67}.auth-reference-form footer .text{font-size:12px;font-weight:600;color:#184e39;text-decoration:underline;padding:0}.auth-password-help{font-size:11px;color:#717b75;margin:-9px 0 16px}.auth-decoration{position:absolute;z-index:0;pointer-events:none;width:210px;color:#375c4c;opacity:.65;top:36%}.auth-decoration-left{left:max(3%,calc(50% - 475px));transform:rotate(-7deg)}.auth-decoration div{padding:22px;background:#f8fcfa;border:5px solid #fff;border-radius:16px;box-shadow:0 15px 30px #24433510;margin-bottom:15px}.auth-decoration svg{width:23px;height:23px}.auth-decoration small,.auth-decoration strong{display:block;margin-top:10px}.auth-decoration small{font-size:12px}.auth-decoration-right{right:max(3%,calc(50% - 475px));transform:rotate(9deg)}.auth-decoration-right img{width:28px;height:28px}.auth-decoration-right p{padding:12px 0;border-bottom:1px solid #dce8e1;font-size:12px}.auth-decoration-right i{display:inline-block;float:right;width:12px;height:12px;border-radius:50%;background:#a4cbb7}.auth-decoration-right>span{font:italic 17px/1.6 Georgia,serif}.auth-benefits{display:flex;justify-content:center;max-width:700px;margin:40px auto 0;gap:0}.auth-benefits>div{flex:1;text-align:center;padding:0 18px;border-right:1px solid #e5e9e6}.auth-benefits>div:last-child{border:0}.auth-benefits svg{width:22px;height:22px;margin-bottom:8px}.auth-benefits strong,.auth-benefits small{display:block;font-size:12px}.auth-benefits small{font-weight:400;color:#808780;margin-top:6px}.auth-signup .auth-benefits{display:none}.auth-signin .auth-heading{margin:80px auto 45px}.auth-signin .auth-reference-form{padding-top:36px;padding-bottom:36px}@media(max-width:850px){.auth-decoration{display:none}.auth-experience{margin:12px;min-height:calc(100vh - 24px);padding:22px}.auth-header-note{display:none}}@media(max-width:480px){.auth-experience{margin:0;border:0;border-radius:0;padding:20px 16px;min-height:100vh}.auth-reference-form{padding:24px 20px}.auth-heading,.auth-signin .auth-heading{margin:36px auto 24px}.auth-benefits{flex-wrap:wrap;gap:20px}.auth-benefits>div{flex:0 0 42%;border:0}.auth-header .brand{font-size:18px}}
.auth-reference-form>.primary{color:#fff}.auth-reference-form>.primary:hover{background:#254c3c;color:#fff}
/* Authentication reference composition. Artwork is the supplied reference, clipped
   to decorative areas only; all form text and controls are live accessible HTML. */
.auth-experience{max-width:1000px;min-height:888px;margin:40px auto;padding:20px 32px 48px;border-radius:13px;background:radial-gradient(ellipse at 50% 90%,#edf0ef66,transparent 60%),#fff;color:#111919;box-shadow:0 15px 45px #25352e0b}
.auth-header{height:38px;position:relative;z-index:2}.auth-header .brand{font-size:19px;letter-spacing:-.6px;gap:5px}.auth-header .brand img{width:27px;height:27px}.auth-header nav{display:flex;gap:28px;margin-left:auto;margin-right:30px}.auth-header nav a{color:#393c42;font-size:10px}.auth-header>button{font-size:10px;font-weight:500;padding:7px 20px;border-radius:5px;min-width:70px;height:31px}
.auth-heading{margin:46px auto 32px;z-index:1}.auth-heading h1{font:400 44px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-1.8px;color:#060b09;margin-bottom:8px}.auth-heading p{font-size:14px;line-height:1.45;color:#72747d}
.auth-reference-form{width:340px;padding:26px 33px 28px;border-radius:15px;background:#fffffff5;border-color:#e7e8eb;box-shadow:0 16px 28px #24342b06}.auth-field{margin-bottom:19px;font-size:11px;line-height:1.4;color:#151e1d;font-weight:600}.auth-field em{margin-left:2px}.auth-input{position:relative;display:block;margin-top:5px}.auth-input>svg{position:absolute;left:13px;top:11px;width:17px;height:17px;color:#657078;pointer-events:none}.auth-field input{margin:0;height:39px;padding:9px 38px 9px 46px;font-size:10px;border:1px solid #dfe2e6;border-radius:8px;box-shadow:0 1px 2px #161f1804;color:#17251f;background:#fff}.auth-field input::placeholder{color:#8a8e96;opacity:1}.auth-eye{position:absolute;right:9px;top:9px;padding:0;width:20px;height:20px;border:0;background:transparent;color:#78818c}.auth-eye svg{width:15px;height:15px}.auth-eye:hover{background:transparent;color:#213a30}.auth-reference-form>.primary{height:43px;margin:4px 0 25px;font-size:14px;font-weight:500;background:linear-gradient(115deg,#13251f,#20382e 50%,#14271f);border:1px solid #0a1e14;border-radius:10px;box-shadow:inset 0 1px 3px #ffffff24,0 1px 4px #122b1922;color:white}.auth-reference-form footer{padding-top:19px;font-size:10px;color:#4c5258;border-color:#dce0e4;white-space:nowrap}.auth-reference-form footer .text{font-size:11px;color:#173d31;font-weight:600}.auth-reference-form .error:empty{display:none}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:21px 0 24px;gap:8px}.auth-options label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;white-space:nowrap;margin:0}.auth-options input{margin:0;width:16px;height:16px}.auth-forgot{background:none;border:0;padding:0;font-size:11px;font-weight:500;text-decoration:underline;color:#183e34}.auth-recovery{font-size:11px;color:#647068;margin-bottom:12px}.auth-signin .auth-heading{margin:87px auto 51px}.auth-signin .auth-reference-form{width:332px;padding:39px 30px 40px}.auth-signin .auth-field{margin-bottom:20px}.auth-signin .auth-input input{height:42px}.auth-signin .auth-reference-form>.primary{margin:4px 0 28px}.auth-benefits{position:relative;z-index:1;width:100%;max-width:628px;margin:59px auto 0}.auth-benefits>div{padding:0 14px}.auth-benefits svg{width:23px;height:23px;margin-bottom:10px;color:#171e1b}.auth-benefits strong{font-size:12px;font-weight:500;color:#151817}.auth-benefits small{font-size:11px;line-height:1.3;color:#85858b;margin-top:6px}
.auth-reference-art{position:absolute;pointer-events:none;background-image:url('/assets/auth/reference.png');background-repeat:no-repeat;background-size:1448px 1086px;z-index:0}.auth-signup .auth-reference-art-left{left:0;top:270px;width:171px;height:558px;background-position:-38px -382px}.auth-signup .auth-reference-art-right{right:0;top:140px;width:171px;height:690px;background-position:-549px -252px}.auth-signin .auth-reference-art-left{left:0;top:150px;width:161px;height:545px;background-position:-751px -262px}.auth-signin .auth-reference-art-right{right:0;top:232px;width:168px;height:413px;background-position:-1243px -344px}.auth-reference-art-brand,.auth-box-brand{position:absolute;display:flex;align-items:center;font-size:10px;font-weight:650;color:#17231e;gap:3px;background:#fafbf9;padding:3px 5px}.auth-reference-art-brand img,.auth-box-brand img{width:16px;height:16px;object-fit:contain}.auth-signup .auth-reference-art-brand{left:41px;top:140px;transform:rotate(6deg)}.auth-box-brand{left:49px;top:598px;transform:rotate(14deg);background:#d9cbbb}.auth-signin .auth-reference-art-brand{left:13px;top:79px;transform:rotate(-13deg)}
@media(min-width:1200px){.auth-reference-art{transform:scale(1.24)}.auth-reference-art-left{transform-origin:left center}.auth-reference-art-right{transform-origin:right center}}
@media(max-width:760px){.auth-experience{margin:20px 12px;padding:20px 26px 42px}.auth-header nav{gap:17px;margin-right:10px}.auth-reference-art{opacity:.8}.auth-reference-form{z-index:1}.auth-heading h1{font-size:41px}}
@media(max-width:620px){.auth-reference-art{display:none}.auth-header nav{display:none}.auth-experience{min-height:100vh;margin:0;border-radius:0;border:0;padding:22px 20px 35px}.auth-heading,.auth-signin .auth-heading{margin:45px auto 31px}.auth-heading h1{font-size:37px;letter-spacing:-1.5px}.auth-heading p{font-size:13px}.auth-reference-form,.auth-signin .auth-reference-form{width:340px;max-width:100%;padding:27px 25px}.auth-benefits{margin-top:40px;gap:25px 0}.auth-benefits>div{flex:0 0 50%;border-right:1px solid #e5e9e6}.auth-benefits>div:nth-child(even){border:0}}

/* Match each reference panel's original proportions rather than stretching it. */
.auth-experience{max-width:684px;margin:60px auto;min-height:888px;padding-bottom:48px}.auth-signin{max-width:664px}.auth-header nav{gap:28px;margin-right:30px}.auth-field{margin-bottom:16px}.auth-reference-art{transform:none!important}.auth-reference-art-left{mask-image:linear-gradient(to right,#000 94%,transparent)}.auth-reference-art-right{mask-image:linear-gradient(to left,#000 94%,transparent)}.auth-box-brand{top:610px;left:47px;min-width:83px;min-height:29px;background:#d4c3ac}.auth-header>button{background:#fff;border-color:#d5d7dc;color:#151a18}.auth-signin .auth-field{margin-bottom:20px}
@media(max-width:760px){.auth-experience{margin:20px auto;width:calc(100% - 24px)}.auth-header nav{gap:18px;margin-right:15px}}
@media(max-width:620px){.auth-experience{margin:0;width:100%;min-height:100vh}.auth-field{margin-bottom:19px}}
.auth-reference-art-left{mask-image:linear-gradient(to right,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 18px,#000 calc(100% - 12px),transparent);mask-composite:intersect}.auth-reference-art-right{mask-image:linear-gradient(to left,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 18px,#000 calc(100% - 12px),transparent);mask-composite:intersect}.auth-box-brand{left:42px;min-width:94px}
/* Full-viewport auth: compact vertical rhythm, with natural scrolling only on
   short/mobile viewports so zoom and validation messages never clip controls. */
.auth-experience.auth-signup,.auth-experience.auth-signin{width:100%;max-width:none;min-height:100svh;margin:0;border:0;border-radius:0;box-shadow:none;padding:20px 32px 24px;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.auth-experience .auth-header{width:100%;flex:none}
.auth-experience .auth-heading{flex:none;margin:clamp(16px,3vh,40px) auto 20px}
.auth-experience .auth-reference-form{flex:none}
.auth-signup .auth-reference-form{padding:20px 33px}
.auth-signup .auth-field{margin-bottom:10px}
.auth-signup .auth-reference-form>.primary{margin:4px 0 15px}
.auth-signup .auth-reference-form footer{padding-top:13px}
.auth-signin .auth-heading{margin-top:clamp(24px,7vh,90px);margin-bottom:26px}
.auth-signin .auth-benefits{margin:28px auto 0}
.auth-experience .auth-reference-art-left{left:max(0px,calc(50% - 480px));top:50%;transform:translateY(-50%)!important}
.auth-experience .auth-reference-art-right{right:max(0px,calc(50% - 480px));top:50%;transform:translateY(-50%)!important}
@media(min-width:621px) and (min-height:850px){.auth-experience .auth-heading{margin-top:auto}.auth-signup .auth-reference-form{margin-bottom:auto}.auth-signin .auth-benefits{margin-bottom:auto}}
@media(min-width:621px) and (max-height:740px){.auth-experience{padding-top:12px!important;padding-bottom:14px!important}.auth-experience .auth-heading{margin:12px auto 14px}.auth-heading h1{font-size:38px}.auth-signup .auth-reference-form{padding:15px 30px}.auth-signup .auth-field{margin-bottom:7px}.auth-signup .auth-field input{height:36px}.auth-signup .auth-input>svg{top:9px}.auth-signup .auth-eye{top:8px}.auth-signup .auth-reference-form>.primary{margin:3px 0 10px;height:40px}.auth-signup .auth-reference-form footer{padding-top:10px}.auth-signin .auth-reference-form{padding:25px 30px}.auth-signin .auth-benefits{margin-top:20px}}
@media(max-width:620px){.auth-experience.auth-signup,.auth-experience.auth-signin{padding:16px 16px 24px}.auth-experience .auth-heading{margin:25px auto 20px}.auth-heading h1{font-size:35px}.auth-signup .auth-reference-form{padding:20px 24px}.auth-experience .auth-reference-form footer{white-space:normal}.auth-signin .auth-reference-form{padding:25px 24px}}
.auth-signup.auth-experience .auth-heading{margin-top:16px;margin-bottom:16px}
@media(min-width:621px) and (min-height:850px){.auth-signup.auth-experience .auth-heading{margin-top:auto}}
@media(min-width:621px) and (max-height:849px){.auth-signin.auth-experience .auth-heading{margin-top:24px}.auth-signin .auth-benefits{margin-top:20px}}