/* Actual employee screens share the approved balanced preview's layout. */
.orders-view{font-weight:400}
.orders-view .page-heading{margin-bottom:16px}
.orders-view .page-heading .eyebrow,.orders-view .page-heading p{display:none}
.orders-view .new-order-button{background:#ffb91f;border-color:#e7a51a;color:#493815}
.orders-view .new-order-button:hover{background:#f6b01b}
.orders-view>.tabs{border:0;gap:8px;margin:0 0 16px}
.orders-view>.tabs button{border:1px solid #d1dfed;border-radius:6px;background:#fff;padding:9px 14px;font-size:13px;color:#58738d}
.orders-view>.tabs button.active{background:#e8eff7;border-color:#a9c1d7;color:#284c69}
.orders-view>.tabs button.active:nth-child(n){background:#e8eff7;border-color:#a9c1d7;color:#284c69;box-shadow:none}
.orders-view>.tabs button>span{background:transparent;color:inherit;font-size:12px;padding:0}
.orders-view .order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.orders-view .order-summary .stat{padding:14px 16px;min-height:76px;box-shadow:none}
.orders-view .order-summary .stat strong{font-size:23px;font-weight:400;line-height:1.3}
.orders-view .order-summary .stat>div>span{font-size:12px}
.orders-view .order-summary .stat>div{display:grid;gap:5px}
.orders-view .order-summary .tile-icon{padding:8px}
.orders-view .order-summary .tile-icon svg{width:18px;height:18px}
.orders-view .status-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;gap:6px;padding:7px;box-sizing:border-box;margin-bottom:16px}
.orders-view .status-tabs button{justify-content:space-between;min-width:0;min-height:38px;padding:7px 11px;font-size:12px;font-weight:400;background:#f8fafc;border-color:#e0e8f1;color:#526d84}
.orders-view .status-tabs button b{font-size:12px;font-weight:400;padding:2px 6px;background:#fff}
.orders-view .status-tabs button.active{border-color:#96b1c9;background:#e8f0f8;color:#305c80}
.orders-view .status-tabs button[data-tone=green].active{background:#edf6f0;border-color:#acd0bc;color:#356c52}
.orders-view .status-tabs button[data-tone=red].active{background:#f9eef0;border-color:#d6b0b8;color:#9a4e58}
.orders-view .status-tabs button[data-tone=amber].active,.orders-view .status-tabs button[data-tone=orange].active{background:#faf4e6;border-color:#d9c694;color:#856326}
.orders-view .status-tabs button[data-tone=purple].active{background:#f2edf7;border-color:#c4b4d6;color:#735d8a}
.orders-view .order-list-panel{box-shadow:none;overflow:hidden}
.orders-view .order-list-panel .panel-heading{padding:12px 16px;min-height:44px}
.orders-view .order-list-panel .panel-heading h2{font-size:14px;font-weight:600;margin:0}
.orders-view .order-list-panel .panel-heading>span{font-size:12px;color:#688196}
.orders-view .order-list-panel table{min-width:960px;width:100%;table-layout:auto}
.orders-view .order-list-panel thead th{font-size:12px;font-weight:400;padding:11px 12px;background:#eaf1f9!important;border:0;border-bottom:1px solid #c7d8e9;white-space:nowrap}
.orders-view .order-list-panel thead th+th{border-right:1px solid #d9e4f0}
.orders-view .order-list-panel tbody td{padding:12px;line-height:1.65;border:0;border-bottom:1px solid #dce7f1;background:transparent;font-size:13px;font-weight:400}
.orders-view .order-list-panel tbody tr:nth-child(even){background:#f7fafd}
.orders-view .order-list-panel tbody tr:hover{background:#edf4fa}
.orders-view .order-list-panel tbody tr.selected{background:#edf3fa}
.orders-view .order-list-panel .main-text{font-size:14px;display:block;font-weight:400;color:#233e53}
.orders-view .order-list-panel .code{font-size:13px;font-weight:400;color:#456993}
.orders-view .order-list-panel .sub-text{font-size:11px!important;font-weight:400;color:#6a8094!important;margin-top:3px}
.orders-view .order-list-panel .order-contents-cell{min-width:210px;max-width:340px;white-space:normal}
.orders-view .order-list-panel .product-lines>div{display:flex;align-items:baseline;gap:6px;justify-content:flex-start;flex-wrap:wrap;font-size:13px;line-height:1.7}
.orders-view .order-list-panel .product-lines>div>span:first-child{font-weight:400;min-width:0;overflow-wrap:anywhere}
.orders-view .order-list-panel .quantity-badge{font-size:11px;font-weight:400;padding:1px 5px;line-height:1.6;border:0;border-radius:3px;background:#fff2d6;color:#856326}
.orders-view .order-list-panel .order-status-cell .tag{border:0;border-radius:18px;font-size:12px;padding:3px 10px;font-weight:400;white-space:nowrap}
.orders-view .order-list-panel .order-money-cell .money{font-size:13px;font-weight:400;color:#315b7b}
.orders-view .order-list-panel .order-appointment-cell{font-size:12px;color:#5c7993;max-width:165px;white-space:normal}
.orders-view .order-list-panel .quick-actions-cell{position:static;background:transparent!important;min-width:118px;box-shadow:none}
.orders-view .order-list-panel th:last-child{position:static;box-shadow:none}
.orders-view .order-list-panel .quick-actions{gap:5px;flex-wrap:nowrap}
.orders-view .order-list-panel .quick-actions .icon-action{width:31px;height:31px;border-radius:6px}
.orders-view .order-list-panel .quick-actions .eye-action{background:#edf3fa;border-color:#d1e0ef;color:#456993}
.orders-view .order-list-panel .quick-actions .print-action{background:#edf6f0;border-color:#cde4d7;color:#356c52}
.orders-view .order-list-panel .quick-actions .appointment-action{background:#faf4e6;border-color:#e8dcc1;color:#856326}
.orders-view .order-list-panel .row-number,.orders-view .order-list-panel .check-cell{width:30px;padding-inline:8px;text-align:center}
.orders-view .order-list-panel .table-footer{border-top:0;padding:12px 16px}

/* Independent classes prevent earlier modal CSS from changing this arrangement. */
.shipment-modal.wide{width:960px}
.shipment-modal{font-weight:400}
.shipment-modal .modal-body{padding:18px 22px}
.shipment-modal .detail-toolbar{align-items:center;border:0;margin-bottom:10px;padding-bottom:4px}
.shipment-modal .detail-toolbar .detail-actions{gap:8px}
.shipment-modal .detail-toolbar .btn{min-height:36px;font-size:13px;font-weight:400;padding:7px 12px}
.shipment-modal .modal-body>.tabs{margin-bottom:16px;gap:8px}
.shipment-modal .modal-body>.tabs button{font-size:13px;padding:8px 12px;border-bottom-width:2px}
.shipment-modal .shipment-details{font-size:14px;color:#28485f}
.shipment-progress{list-style:none;padding:12px 14px;margin:0 0 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#f8fafd;border:1px solid #e0e9f2;border-radius:7px}
.shipment-progress li{display:flex;align-items:center;gap:8px;font-size:12px;color:#8193a3;justify-content:center}
.shipment-progress li b{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;background:#e9eef4;border-radius:50%;font-size:12px;font-weight:400;flex-shrink:0}
.shipment-progress li.current{color:#355f82}
.shipment-progress li.current b{background:#dce8f4;color:#355f82}
.shipment-progress li.done{color:#557d6a}
.shipment-progress li.done b{background:#edf5f0;color:#557d6a}
.shipment-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.shipment-main-column,.shipment-side-column{display:grid;gap:14px;min-width:0}
.shipment-block{border:1px solid #ccdeed;border-radius:8px;background:#fff;overflow:hidden;min-width:0}
.shipment-block h3{display:flex;align-items:center;gap:8px;margin:0;padding:11px 14px;background:#edf3fa;border-bottom:1px solid #d5e3ef;font-size:15px;font-weight:400;line-height:1.5;color:#315c80}
.shipment-block h3 svg{width:18px;height:18px;flex-shrink:0;color:#537ca2}
.shipment-block-body{padding:14px 15px;display:grid;gap:11px}
.shipment-block.route h3{background:#eaf3f1;color:#326b63}
.shipment-block.route h3 svg{color:#467f75}
.shipment-block.contents h3{background:#f1edf6;color:#6e5c83}
.shipment-block.contents h3 svg{color:#7d6593}
.shipment-block.amounts h3,.shipment-block.appointment h3{background:#faf4e6;color:#856326}
.shipment-block.amounts h3 svg,.shipment-block.appointment h3 svg{color:#946f2e}
.shipment-block.information h3{background:#f1f4f8;color:#60758a}
.shipment-block.information h3 svg{color:#78658d}
.shipment-facts-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.shipment-fact{padding:9px 11px;background:#f8fafd;border:1px solid #e1e9f3;border-radius:6px;display:grid;gap:5px;min-width:0}
.shipment-fact small,.shipment-route small,.shipment-driver small{font-size:12px;font-weight:400;color:#6a8094;line-height:1.5;display:block}
.shipment-fact>span{font-size:14px;font-weight:400;line-height:1.65;overflow-wrap:anywhere;color:#28485f}
.shipment-fact>span[dir=ltr]{text-align:right;font-variant-numeric:tabular-nums}
.shipment-contents>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:1px 0 9px;border-bottom:1px solid #e6edf4;line-height:1.7}
.shipment-contents>div:last-child{border:0;padding-bottom:1px}
.shipment-contents>div>span:first-child{min-width:0;overflow-wrap:anywhere;font-size:14px}
.shipment-contents .tag{font-size:11px;padding:1px 5px;border:0;border-radius:3px;white-space:nowrap}
.shipment-content-text{font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.shipment-route{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e0e8f1;border-radius:6px;background:#f3f7fb}
.shipment-route>div:last-child{text-align:left}
.shipment-route>div>span{font-size:14px;display:block;margin-top:4px;line-height:1.6;overflow-wrap:anywhere}
.shipment-route>span{color:#59798e}
.shipment-driver{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 1px}
.shipment-amount{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0;font-size:13px;line-height:1.7}
.shipment-amount .money{font-weight:400;font-size:14px;color:#315b7b}
.shipment-amount-total{padding:12px 11px;margin-top:4px;background:#e9f5ed;border:1px solid #c5dfd1;border-radius:6px;color:#356c52}
.shipment-amount-total strong{font-size:14px;font-weight:600}
.shipment-amount-total .money{font-size:16px;font-weight:600;color:#356c52}

/* Both product and expanded warehouse rows use identical tracks and spacing. */
.product-stock-head,.product-stock-warehouse{display:grid;grid-template-columns:minmax(180px,1.7fr) repeat(4,minmax(65px,.45fr)) 210px;gap:14px;align-items:center;padding:17px 18px}
.product-stock-warehouses{padding:0;background:#f8fafd}
.product-stock-warehouse{border-bottom:1px solid #e0e9f2;padding-block:13px}
.product-stock-warehouse:last-child{border:0}
.product-stock-warehouse .product-stock-name{min-width:0}
.product-stock-warehouse .product-stock-name strong{font-size:14px;font-weight:400}
.product-stock-warehouse .product-stock-name small{display:block;margin-top:4px}
.product-stock-warehouse .product-stock-value b{font-size:16px;font-weight:400}
.product-stock-warehouse .product-stock-value small{font-size:11px;margin-bottom:4px}
.product-stock-actions{justify-content:flex-start;align-items:center;gap:5px}
.product-stock-actions .expanded{transform:rotate(180deg)}
.warehouse-row-icon{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;color:#628e86;background:#eef5f3;border-radius:7px}
@media(max-width:1150px){
 .product-stock-head,.product-stock-warehouse{grid-template-columns:minmax(170px,1.4fr) repeat(4,minmax(50px,.4fr))}
 .product-stock-head>.product-stock-actions,.product-stock-warehouse>.product-stock-actions{grid-column:1/-1}
 .orders-view .status-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:740px){
 .orders-view .order-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .orders-view .order-summary .stat{padding:12px;min-height:70px}
 .orders-view .order-summary .stat strong{font-size:21px}
 .orders-view .status-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .orders-view>.tabs{overflow:auto;margin-bottom:13px}
 .orders-view>.tabs button{font-size:12px;padding:9px 12px;white-space:nowrap}
 .shipment-modal .modal-body{padding:14px 12px}
 .shipment-detail-grid{grid-template-columns:1fr;gap:14px}
 .shipment-progress{gap:6px;padding:10px 6px}
 .shipment-progress li{flex-direction:column;gap:4px;font-size:11px;text-align:center}
 .shipment-block h3{font-size:14px}
 .product-stock-head,.product-stock-warehouse{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}
 .product-stock-head>.product-stock-name,.product-stock-warehouse>.product-stock-name{grid-column:1/-1}
 .product-stock-head>.product-stock-actions,.product-stock-warehouse>.product-stock-actions{grid-column:1/-1}
}
@media(max-width:420px){.topbar .test-pill{display:none}.shipment-facts-pair{grid-template-columns:1fr}.shipment-driver{flex-wrap:wrap}.shipment-amount-total{gap:8px;padding:10px 8px}.shipment-amount-total strong{font-size:13px}.shipment-amount-total .money{font-size:15px}}