:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#18263d;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{background:#10253d;color:#dce6f2;padding:28px 17px}.brand{font-weight:850;font-size:22px;letter-spacing:-.8px;color:white;margin:0 12px 37px}.brand span{color:#49c9aa}.nav{display:block;border-radius:11px;padding:13px 15px;margin:6px 0;color:#bacbdf}.nav:hover,.nav.active{background:#203d5a;color:white}.sidefoot{font-size:12px;color:#91a8c0;margin:42px 13px}.main{padding:30px 42px;max-width:1480px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.muted{color:#718096}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#22a989;font-weight:800}h1{font-size:30px;letter-spacing:-1px;margin:6px 0}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 17px}p{line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:24px 0}.card,.panel{background:#fff;border:1px solid #e4eaf1;border-radius:16px;box-shadow:0 5px 25px #1d35530a}.card{padding:22px}.card b{font-size:29px;display:block;margin-top:14px}.card small{color:#7b8799}.panel{padding:24px;margin:20px 0;overflow:auto}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.btn{background:#166a69;color:white;border:0;border-radius:10px;padding:11px 18px;font-weight:700}.btn:hover{background:#0e5555}.btn.secondary{background:#edf4f5;color:#145f60}.btn.danger{background:#fff1f1;color:#a12736}.btn:disabled{opacity:.5;cursor:not-allowed}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#8190a0}td,th{padding:15px 10px;border-bottom:1px solid #edf0f5}td{font-size:14px}.pill{display:inline-block;border-radius:99px;background:#e9f4ef;color:#187353;padding:6px 11px;font-size:12px;font-weight:700}.pill.Pending{background:#fff2db;color:#a66c15}.pill.Rejected,.pill.Suspended{background:#ffeded;color:#b0414c}.pill.Draft{background:#eef1f6;color:#64748b}.field{display:grid;gap:7px;margin:13px 0}.field label{font-size:13px;font-weight:700;color:#44556b}input,textarea{width:100%;border:1px solid #dce4ed;border-radius:9px;padding:12px 13px;background:#fff;outline-color:#36bda0}textarea{min-height:110px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.authpage{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.authhero{background:linear-gradient(145deg,#0b233c,#125f63);padding:12vh 10%;color:white;display:flex;flex-direction:column;justify-content:center}.authhero h1{font-size:54px;line-height:1.08;max-width:530px}.authhero p{color:#c5dce0;max-width:440px}.authform{display:flex;justify-content:center;align-items:center;padding:30px}.authform .panel{width:min(450px,100%);padding:38px}.alert{padding:13px 16px;background:#fff1ed;color:#9b3e26;border-radius:10px;margin:12px 0}.steps{display:flex;gap:5px;margin:22px 0}.step{height:6px;flex:1;border-radius:9px;background:#e3eaf0}.step.done{background:#20b28c}.banner{background:linear-gradient(115deg,#16485a,#197d77);border-radius:18px;padding:30px;color:white}.banner p{color:#d5ece9}.empty{padding:35px;color:#8491a0;text-align:center}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{padding:12px}.brand{margin:8px}.nav{display:inline-block}.sidefoot{display:none}.main{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}.authpage{grid-template-columns:1fr}.authhero{padding:35px}.authhero h1{font-size:35px}.formgrid{grid-template-columns:1fr}}@media(max-width:540px){.cards{grid-template-columns:1fr 1fr}.card{padding:15px}.card b{font-size:24px}.top{align-items:start;flex-direction:column}}

select{width:100%;border:1px solid #dce4ed;border-radius:9px;padding:12px 13px;background:white;color:#18263d}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #24c9aa;outline-offset:2px}.card{transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 9px 28px #1d355315}.pill.Inactive{background:#eef1f6;color:#64748b}#editor{scroll-margin-top:24px}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
.quote-summary{background:#f5faf9;border:1px solid #dceee8;border-radius:12px;padding:18px;margin:20px 0}.quote-summary .row{margin:8px 0}.timeline{border-left:2px solid #dceee8;margin:12px 0 24px 9px;padding-left:23px}.timeline-item{position:relative;margin:18px 0}.timeline-item:before{content:'';position:absolute;left:-30px;top:4px;width:11px;height:11px;border-radius:50%;background:#22a989;border:3px solid white;box-shadow:0 0 0 1px #22a989}.timeline-item p{margin:5px 0;font-size:13px;color:#617083}.pill.Submitted{background:#e8f3ff;color:#2563a0}.pill.Confirmed,.pill.Processing{background:#fff2db;color:#a66c15}.pill.Shipped,.pill.Completed{background:#e9f4ef;color:#187353}.pill.Cancelled{background:#ffeded;color:#b0414c}

:root{--accent:#166a69}.btn:not(.secondary):not(.danger){background:var(--accent)}.btn:not(.secondary):not(.danger):hover{filter:brightness(.88)}.eyebrow{color:var(--accent)}

/* Iteration 12: operational queues and customer 360° workspace */
.workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:16px}.workspace-intro h2{margin:8px 0}.workspace-intro p{margin:0}.queue-bar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.queue-chip{border:1px solid #dce5ec;border-radius:12px;background:white;color:#46576c;display:flex;align-items:center;gap:16px;padding:11px 15px;font-weight:650}.queue-chip b{border-radius:8px;background:#edf2f5;padding:3px 8px}.queue-chip.selected{background:#e8f6f3;border-color:#2da992;color:#125e54}.queue-chip.selected b{background:#d2ebe5}.table-foot{padding:15px 10px 0;font-size:12px}.btn.ghost{background:transparent;color:#466077;border:1px solid #dce5ec}.review-tools{padding:4px 0 20px}.review-tools input{max-width:440px}.profile-panel{scroll-margin-top:18px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.profile-stats>div{border:1px solid #e4eaf1;background:#f8fafc;border-radius:12px;padding:16px}.profile-stats small{display:block;color:#7b8799}.profile-stats b{display:block;font-size:26px;margin-top:9px}.profile-stats .stat-label{font-size:15px}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.profile-columns h3{font-size:16px;margin:24px 0 12px}.profile-entry{border-bottom:1px solid #e8eef3;padding:11px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.profile-entry small{display:block;margin-top:5px}.profile-entry .pill{white-space:nowrap}.profile-panel .timeline{max-height:420px;overflow-y:auto}tr[hidden]{display:none}@media(max-width:900px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-columns{grid-template-columns:1fr}}@media(max-width:540px){.profile-stats{grid-template-columns:1fr 1fr}.workspace-intro .row{width:100%}}

/* Iteration 13: operational configuration workspace */
#rule-form .formgrid{margin-block:18px}#rule-form input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent,#3559d5)}.queue-bar{margin-block:16px}#editor .panel{margin-top:16px}

/* Iteration 15 */
.order-line{border:1px solid var(--border,#dce3ef);border-radius:12px;padding:14px;margin:9px 0;background:rgba(248,250,253,.8)}
.order-line .field{margin-bottom:4px}

/* Iteration 21: layout and contrast refinements */
.shell{align-items:stretch;align-content:start}
.main{margin:0 auto;align-self:start;min-height:100vh;display:block}
.main>.panel:first-of-type{margin-top:0}
.btn:not(.secondary):not(.danger):not(.ghost),button.btn:not(.secondary):not(.danger):not(.ghost){color:#fff!important}
.btn:hover:not(.secondary):not(.danger):not(.ghost),.btn:focus-visible:not(.secondary):not(.danger):not(.ghost){color:#fff!important}
.btn.secondary{color:#145f60!important}
.btn.danger{color:#a12736!important}
.document-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.document-list{list-style:none;padding:0;margin:12px 0}
.document-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eaf1;padding:12px 0}
.document-list a{color:#155e75;font-weight:650;text-decoration:underline}

/* Iteration 22: workspace navigation, order stepper, contrast, responsive tabs */
.main{align-self:start;align-content:start;min-width:0}
.sidebar{align-self:stretch}.nav-group{margin-bottom:12px}.nav-heading{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800;color:#8daac0;padding:13px 15px 4px}.nav-group .nav{margin:2px 0;padding:10px 15px;font-size:14px}
.workspace-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #dce5ed;margin:18px 0 0;padding:0 2px;scrollbar-width:thin}
.workspace-tab{flex-shrink:0;border:0;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:#4b6075;padding:13px 18px;font-weight:700}
.workspace-tab:hover{background:#edf4f5}.workspace-tab.active,.workspace-tab[aria-selected="true"]{color:#0e6661;border-bottom-color:var(--accent,#166a69);background:#f0f8f6}
.checkout-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 25px}
.step-link{border:1px solid #dce5ed;background:#f8fafc;border-radius:12px;padding:11px 8px;color:#546679;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700}
.step-link.active{background:#eaf8f4;border-color:#158277;color:#105f58}.step-number{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e0e9ed;color:#34485a}.step-link.active .step-number{background:var(--accent,#166a69);color:white}
.checkout-step{min-height:140px}.checkout-controls{border-top:1px solid #e4eaf1;padding-top:18px;margin-top:20px}
.checkout-step[hidden],.order-detail-pane[hidden],#order-history[hidden],#quote-result[hidden],.checkout-controls button[hidden]{display:none!important}
button.btn:not(.secondary):not(.danger):not(.ghost),a.btn:not(.secondary):not(.danger):not(.ghost){color:#fff!important;-webkit-text-fill-color:#fff}
button.btn:not(.secondary):not(.danger):not(.ghost) *,a.btn:not(.secondary):not(.danger):not(.ghost) *{color:inherit!important}
.btn.secondary,.btn.ghost{ -webkit-text-fill-color:currentColor}
.order-detail-pane>.panel{margin-top:16px}
@media(max-width:900px){.nav-heading{display:none}.nav-group{display:inline}.checkout-stepper{gap:4px}.step-link{font-size:12px;padding:9px 5px;gap:4px}.step-number{width:20px;height:20px}}
@media(max-width:540px){.checkout-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}.step-link{flex-direction:column;font-size:10px}.workspace-tab{font-size:13px;padding:11px 13px}.checkout-controls{gap:10px}}


/* Iteration 23: clear hierarchy, real contrast, compact order editing */
:root{--nav-divider:#25425a;--focus-ring:#39bfa5}
.shell{min-height:100vh;align-items:stretch}
.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;min-height:0;padding:22px 14px 14px;overflow:hidden}
.sidebar .brand{flex:none;margin:5px 10px 19px}
.nav-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#496078 transparent;padding-right:4px}
.sidebar .sidefoot{flex:none;margin:0;padding:13px 11px 3px;border-top:1px solid var(--nav-divider);background:#10253d;line-height:1.6}
.nav-group{margin:0 0 5px}
.nav-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:transparent;color:#a8bfd4;text-align:left;text-transform:uppercase;letter-spacing:1.05px;font-size:11px;font-weight:800;padding:13px 13px;border-radius:9px}
.nav-toggle:hover,.nav-toggle[data-current-group=true]{color:#fff;background:#193650}
.nav-chevron{font-size:19px;line-height:12px;transition:transform .15s ease;transform:rotate(-90deg)}
.nav-group.expanded .nav-chevron{transform:rotate(0)}
.nav-children[hidden]{display:none!important}
.nav-children{padding:2px 0 7px 8px}
.nav-children .nav{padding:9px 13px;margin:1px 0;font-size:13px}
.nav-toggle:focus-visible,.nav:focus-visible,.btn:focus-visible,.step-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
/* Explicit remove action: tenant accent must never paint this control blue. */
button.btn.order-item-remove,button.btn.order-item-remove:hover,button.btn.order-item-remove:focus-visible{background:#fff6f5!important;color:#a32b28!important;-webkit-text-fill-color:#a32b28!important;border:1px solid #e7b4af!important;box-shadow:none!important}
button.btn.order-item-remove:hover{background:#ffe9e7!important;border-color:#c95950!important}
.order-line{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:15px 16px;margin:9px 0}
.order-line>.formgrid{flex:1 1 390px;grid-template-columns:minmax(0,2.5fr) minmax(110px,.7fr);gap:12px}
.order-line .field{margin:0}
.order-line>.btn{flex:0 0 auto;margin-bottom:2px}
.order-line select,.order-line input{max-width:100%}
.checkout-stepper{gap:10px;margin-bottom:20px}
.step-link{padding:13px 9px;min-height:56px}
.checkout-controls{position:sticky;bottom:0;z-index:10;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);padding:15px 5px;margin-top:22px;border-top:1px solid #dbe4ea;box-shadow:0 -8px 20px rgba(16,37,61,.055);display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(125px,1fr);align-items:center;gap:12px}
.checkout-controls #checkout-next{justify-self:end}
.checkout-controls #checkout-back{justify-self:start}
.checkout-progress{color:#5d7183;font-size:12px;font-weight:700;text-align:center}
.checkout-step{min-height:190px}
@media(max-width:900px){.sidebar{position:relative;height:auto;max-height:none;overflow:visible}.sidebar .nav-scroll{overflow:visible}.sidebar .sidefoot{display:block}.nav-group{display:block}.nav-toggle{min-height:40px}.nav-children{display:flex;gap:5px;flex-wrap:wrap}.nav-children .nav{display:inline-block}.main{padding:20px}}
@media(max-width:650px){.order-line>.formgrid{flex-basis:100%;grid-template-columns:minmax(0,1fr) 110px}.order-line>.btn{margin-left:auto}.checkout-progress{font-size:11px}.checkout-controls{grid-template-columns:1fr 1fr}.checkout-progress{grid-column:1/-1;grid-row:1}.checkout-controls #checkout-back{grid-column:1;grid-row:2}.checkout-controls #checkout-next{grid-column:2;grid-row:2}.checkout-controls .btn{padding:11px 12px}}
@media(max-width:430px){.order-line>.formgrid{grid-template-columns:1fr}.step-link{min-height:58px}}

/* Iteration 24: rate selection remains distinct from the payment flow. */
.shipping-rate-panel{margin-top:18px}
.shipping-rate-actions{align-items:center;gap:12px;flex-wrap:wrap}
.shipping-rate-title{font-size:12px;font-weight:800;margin:12px 0;color:#385467}
.shipping-rate-choices{display:grid;gap:9px;margin:12px 0}
.shipping-rate-choice{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#f7fafc;border:1px solid #d9e4e9;border-radius:12px;cursor:pointer}
.shipping-rate-choice:has(input:checked){background:#eaf7f4;border-color:#159a84}
.shipping-rate-choice span{display:grid;gap:3px;flex:1}
.shipping-rate-choice small{display:block}
.shipping-rate-choice b{white-space:nowrap}
.shipping-rate-choice input{width:18px;height:18px;accent-color:#168e7b}
/* Iteration 25: richer product catalog and manual marketplace fulfillment */
.product-card-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.product-card>img,.product-image-placeholder{display:block;width:100%;height:170px;object-fit:contain;background:#f2f6f8;border-radius:12px;margin-bottom:14px}
.product-image-placeholder{display:grid;place-items:center;color:#8a98a5;font-size:12px}
.product-card h2{font-size:18px;margin:10px 0}.product-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.product-tag{border:1px solid #d8e8e9;border-radius:50px;background:#eff8f7;color:#1f6463;padding:3px 8px;font-size:11px}
.product-meta-full{grid-column:1/-1}.product-editor-image{max-width:200px;max-height:120px;display:block;margin-top:12px;object-fit:contain}
.inventory-negative{color:#b42318;font-weight:800}.table-scroll{overflow-x:auto}

/* Iteration 29 staging transfer workspace */
.transfer-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:#f3f6fb;padding:14px;border-radius:12px;color:#172b49}