.flow-search{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:13px;font-weight:600}.flow-search input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:12px;background:white;padding:12px 14px;font:inherit;font-weight:400;font-size:16px}
.field-queue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.field-queue button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 12px;background:#fff;border:1px solid var(--border);border-radius:14px;color:var(--ink);text-align:left;min-height:108px}.field-queue strong{font-size:25px}.field-queue span{font-size:13px}.field-queue svg{width:16px;height:16px;align-self:flex-end}
.flow-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 16px;margin-bottom:8px;scrollbar-width:thin}.flow-tabs button{flex-shrink:0;border:1px solid var(--border);border-radius:24px;min-height:46px;padding:10px 15px;background:white;font:inherit;font-size:14px;color:var(--ink)}.flow-tabs button[aria-pressed=true]{background:#23445c;color:white;border-color:#23445c}
.recent-order{border-top:1px solid var(--border);padding:18px 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.recent-order>span{font-size:13px}.receipt-row{padding:12px 0;border-top:1px solid var(--border)}.order-timeline{list-style:none;padding:0;margin:20px 0}.order-timeline li{border-left:2px solid #b2c2ce;padding:0 0 20px 16px;margin-left:5px;display:flex;flex-direction:column;gap:6px;font-size:14px}.order-timeline li:last-child{padding-bottom:4px}.order-timeline span{color:#656e74;font-size:12px}.draft-banner,.pending-notice,.connection-banner{padding:16px;background:#fff3d9;border:1px solid #e5d9b6;border-radius:12px;font-size:14px;line-height:1.6;margin:16px 0}.draft-banner p{margin:0 0 12px}.product-choice[hidden],.connection-banner[hidden]{display:none}
@media(max-width:400px){.field-queue{gap:6px}.field-queue button{padding:13px 10px}.field-queue span{font-size:12px}}

@media(max-width:850px){
 .shell[data-role=salesperson][data-view=Overview] .page-head .actions{display:none}
 .shell[data-role=salesperson][data-view=Overview] .page-head{margin-bottom:16px}
 .shell[data-role=salesperson] .field-hero{padding:16px}
 .shell[data-role=salesperson] .field-hero>p,.shell[data-role=salesperson] .field-hero>.eyebrow{display:none}
 .shell[data-role=salesperson] .field-hero h2{font-size:22px;margin:0 0 14px}
 .shell[data-role=salesperson] .field-hero .actions .btn{padding:10px 12px;min-height:48px}
 .field-queue button{min-height:86px;gap:6px}.field-queue button svg{display:none}
 .field-queue{margin:16px 0}.flow-search{margin:16px 0}
}