#commercial-order-modal{box-sizing:border-box;width:min(960px,95vw);max-height:92dvh;overflow:auto;padding:22px;border:1px solid #dfc5d2;border-radius:18px;background:#fff;color:#432b39;font-family:inherit}#commercial-order-modal::backdrop{background:#29162188}#commercial-order-modal .cm-head{display:flex;justify-content:space-between;align-items:start;gap:12px}#commercial-order-modal h2{font-size:22px;margin:5px 0}#commercial-order-modal p{font-size:12px;line-height:1.6}#commercial-order-modal .cm-section{margin:12px 0;border:1px solid #eadce3;border-radius:12px;padding:12px}#commercial-order-modal summary{cursor:pointer;min-height:36px;font-weight:600;font-size:14px}#commercial-order-modal .cm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#commercial-order-modal label{display:grid;gap:6px;font-size:12px;min-width:0}#commercial-order-modal .form-control{width:100%;min-width:0;box-sizing:border-box;min-height:44px;background:#fff!important;color:#432b39!important;border:1px solid #dac5cf!important;border-radius:9px!important}#commercial-order-modal .cm-line{border-top:1px solid #eee1e7;padding:14px 0}#commercial-order-modal .cm-line-name{margin-bottom:12px;overflow-wrap:anywhere}#commercial-order-modal small{display:block;font-size:11px;line-height:1.6;color:#856574}#commercial-order-modal .cm-actions,#commercial-order-modal .cm-add{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}#commercial-order-modal .cm-add input{flex:1;min-width:150px}#commercial-order-modal .cm-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #e7c8d8;border-radius:12px;background:#fcf2f7}#commercial-order-modal .cm-summary>div{display:grid;gap:5px;font-size:12px}#commercial-order-modal .cm-summary strong{font-size:16px;color:#7c2e4b}#commercial-order-modal [hidden]{display:none!important}#commercial-order-modal .admin-btn:disabled{opacity:.5;cursor:not-allowed}#cm-status{color:#7c2e4b}.commercial-filter-grid{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px}.commercial-filter-grid label{display:flex;gap:8px;align-items:center;font-size:12px}.commercial-filter-grid select{width:auto!important;min-width:150px}.commercial-order-balance{display:block;font-size:11px;color:#7c2e4b;margin-top:5px}@media(max-width:600px){#commercial-order-modal{width:calc(100vw - 16px);padding:14px;max-height:94dvh}#commercial-order-modal .cm-grid{grid-template-columns:1fr}#commercial-order-modal .cm-head .admin-btn{width:auto!important}#commercial-order-modal .cm-actions{display:grid;grid-template-columns:1fr}#commercial-order-modal .cm-line .admin-btn{margin-top:10px}.commercial-filter-grid{display:grid;grid-template-columns:1fr}.commercial-filter-grid label{display:grid}.commercial-filter-grid select{width:100%!important}}

#commercial-order-modal{position:fixed;inset:0;margin:auto}#commercial-order-modal .cm-head{position:sticky;top:-22px;z-index:2;background:#fff;padding:10px 0;border-bottom:1px solid #eee1e7}#commercial-order-modal .cm-head p{margin-bottom:6px}@media(max-width:600px){#commercial-order-modal .cm-head{top:-14px}}

/* Guided, quiet workspace for commercial decisions. */
#commercial-order-modal{width:min(1120px,96vw);padding:24px;border:1px solid #dedee5;border-radius:18px;color:#27272d;box-shadow:0 24px 80px #0002;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#commercial-order-modal::backdrop{background:#1d1d1f55}
#commercial-order-modal .cm-head{top:-24px;padding:8px 0 16px;border-color:#e9e9ef}
#commercial-order-modal .cm-head h2{font-size:23px;letter-spacing:-.025em}
#commercial-order-modal .cm-head small{color:#8b8b94;letter-spacing:.07em;font-size:10px}
#commercial-order-modal .cm-head p{color:#86868d}
#commercial-order-modal .cm-intro{font-size:13px;color:#7c7c85;margin:12px 0 18px}
#commercial-order-modal .cm-step-nav{display:flex;gap:6px;padding:4px;background:#f3f3f6;border:1px solid #e9e9ee;border-radius:12px;margin-bottom:20px}
#commercial-order-modal .cm-step-nav button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#777780;font-size:12px;font-weight:500;cursor:pointer}
#commercial-order-modal .cm-step-nav button[aria-selected=true]{background:#fff;color:#87334f;border-color:#e3dce1;box-shadow:0 1px 3px #00000006}
#commercial-order-modal .cm-step-nav button span{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;font-size:10px;background:#e7e7ed;color:#777780}
#commercial-order-modal .cm-step-nav button[aria-selected=true] span{background:#f1e3eb;color:#87334f}
#commercial-order-modal .cm-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
#commercial-order-modal .cm-step-panels{min-width:0}
#commercial-order-modal .cm-section{padding:0;margin:0;border:0;background:#fff;min-width:0}
#commercial-order-modal .cm-section>summary{font-size:16px;font-weight:600;list-style:none;cursor:default;padding:4px 0 12px;pointer-events:none}
#commercial-order-modal .cm-section>summary::-webkit-details-marker{display:none}
#commercial-order-modal .cm-grid{gap:14px}
#commercial-order-modal label{color:#71717b;font-weight:500;font-size:12px}
#commercial-order-modal .cm-line{padding:16px 0;border-color:#eeeef2}
#commercial-order-modal .cm-line-name strong{font-size:14px;font-weight:600;color:#33333b}
#commercial-order-modal .cm-line-name small{color:#8c8c95}
#commercial-order-modal .cm-line .cm-grid{grid-template-columns:minmax(72px,.6fr) minmax(0,1.3fr) minmax(80px,.8fr)}
#commercial-order-modal .cm-remove{font-size:11px!important;min-height:32px!important;padding:6px 10px!important;margin-top:12px!important;color:#9b556c!important}
#commercial-order-modal .cm-overview{background:#fafafc;border:1px solid #e7e7ed;border-radius:13px;padding:16px;position:sticky;top:74px;min-width:0}
#commercial-order-modal .cm-overview-head{display:grid;gap:6px;padding-bottom:14px;border-bottom:1px solid #e8e8ed}
#commercial-order-modal .cm-overview-head strong{font-size:14px;font-weight:600}
#cm-edit-state{font-size:10px;color:#81818a}
#cm-edit-state[data-dirty=true]{color:#a26b35}
#commercial-order-modal .cm-summary{padding:14px 0;background:transparent;border:0;gap:12px;grid-template-columns:1fr 1fr}
#commercial-order-modal .cm-summary div{font-size:10px;color:#85858e;gap:4px}
#commercial-order-modal .cm-summary strong{font-size:14px;letter-spacing:-.015em;color:#3c3c44}
#commercial-order-modal .cm-summary div:nth-child(3),#commercial-order-modal .cm-summary div:nth-child(7){grid-column:1/-1;border-top:1px solid #e8e8ee;padding-top:12px}
#commercial-order-modal .cm-summary div:nth-child(3) strong,#commercial-order-modal .cm-summary div:nth-child(7) strong{font-size:22px;color:#29292f;letter-spacing:-.035em}
#commercial-order-modal .cm-actions{display:grid;gap:8px;margin:12px 0 0}
#commercial-order-modal #cm-status{font-size:11px;line-height:1.6;color:#83727b}
#commercial-order-modal .cm-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:14px;border-top:1px solid #eeeef2}
.orders-workspace-overview{padding:0 18px 18px}
.orders-workspace-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.orders-workspace-metrics>div{border:1px solid #e5e5ec;background:#fafafc;border-radius:11px;padding:16px;display:grid;gap:8px;min-width:0}
.orders-workspace-metrics span{font-size:11px;color:#82828a}
.orders-workspace-metrics strong{font-size:25px;font-weight:600;letter-spacing:-.04em;line-height:1.15;color:#303038;overflow-wrap:anywhere}
.orders-quick-views{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;padding-bottom:4px}
.orders-quick-views button{border:1px solid #e4e4eb;background:#fff;color:#73737c;border-radius:8px;min-height:40px;white-space:nowrap;padding:8px 12px;font-size:12px;cursor:pointer;flex:0 0 auto}
.orders-quick-views button[aria-pressed=true]{background:#f4ebf0;color:#87334f;border-color:#dfcbd6}
@media(max-width:760px){
 #commercial-order-modal{width:calc(100vw - 16px);max-height:94dvh;padding:16px;border-radius:16px}
 #commercial-order-modal .cm-head{top:-16px}
 #commercial-order-modal .cm-head h2{font-size:20px}
 #commercial-order-modal .cm-workspace{grid-template-columns:minmax(0,1fr);gap:20px}
 #commercial-order-modal .cm-step-nav{gap:3px;padding:3px;margin-bottom:16px}
 #commercial-order-modal .cm-step-nav button{flex-direction:column;gap:5px;font-size:10px;padding:8px 4px;line-height:1.35}
 #commercial-order-modal .cm-grid{grid-template-columns:minmax(0,1fr)}
 #commercial-order-modal .cm-line .cm-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 #commercial-order-modal .cm-overview{position:static;padding:14px}
 #commercial-order-modal .cm-step-actions .admin-btn{width:auto!important;flex:1}
 .orders-workspace-overview{padding:0 12px 12px}
 .orders-workspace-metrics{gap:7px}
 .orders-workspace-metrics>div{padding:12px 9px;gap:7px}
 .orders-workspace-metrics strong{font-size:18px}
 .orders-workspace-metrics span{font-size:10px;line-height:1.4}
}