.warehouse-workspace{max-width:1540px;margin:0 auto;color:#163c4a;font-size:14px;--wh-line:#dbe5e9;--wh-muted:#607a88;--wh-teal:#007d8e}.warehouse-workspace [hidden]{display:none!important}.warehouse-workspace button{cursor:pointer}.wh-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 20px}.wh-eyebrow{color:#527785;font-size:11px;font-weight:700;letter-spacing:.13em}.wh-heading h2{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:5px 0 6px;color:#123c4b}.wh-heading p{margin:0;color:var(--wh-muted);font-size:14px}.wh-actions{display:flex;gap:7px;flex-wrap:wrap}.wh-filter-card,.wh-main-card,.wh-stat,.wh-catalog{background:#fff;border:1px solid var(--wh-line);border-radius:9px;box-shadow:0 1px 3px #123c4b06}.wh-filter-card{padding:15px 16px 11px}.wh-filter-top{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.wh-filter-top>label{display:grid;gap:5px;min-width:0;color:#486574;font-size:12px}.wh-filter-top :is(input,select){height:37px;padding:7px 9px;border:1px solid #becfd6;border-radius:5px;background:#fff;color:#163c4a;font:inherit;font-size:14px;box-sizing:border-box;min-width:0;max-width:100%}.wh-filter-top input[type=date]{width:155px}.wh-filter-top select{width:155px}.wh-filter-top select#warehousePlate{width:170px}.wh-filter-top .wh-search{flex:1;min-width:200px}.wh-search input{width:100%}.wh-date-shortcuts{display:flex;gap:3px;align-items:center;padding-bottom:1px}.wh-date-shortcuts button{height:35px;padding:7px 10px;background:#f3f7f8;color:#3e6170;border:1px solid #d9e4e8;font:inherit;font-size:13px}.wh-date-shortcuts button:first-child{border-radius:5px 0 0 5px}.wh-date-shortcuts button:last-child{border-radius:0 5px 5px 0}.wh-date-shortcuts button[aria-pressed=true]{background:#dff2f3;border-color:#7dbfc8;color:#00697a;font-weight:700}.wh-filter-bottom{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f3;color:#5b7684;font-size:12px}.wh-filter-bottom [data-wh-date-label]{text-transform:capitalize;font-weight:600;color:#355563}.wh-mode{padding:3px 7px;background:#edf5f7;border-radius:4px;font-size:11px}.wh-filter-bottom [data-wh-reading]{margin-left:auto}.wh-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.wh-stat{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;box-sizing:border-box}.wh-stat span{font-size:13px;color:#4d6b79}.wh-stat strong{font-size:27px;font-weight:750;line-height:1;color:#1b5062}.wh-stat-pending{border-left:4px solid #008d9d}.wh-stat-pending strong{color:#007d8e}.wh-main-card{overflow:hidden}.wh-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 16px;border-bottom:1px solid var(--wh-line)}.wh-tabs{display:flex;gap:20px}.wh-tabs button{padding:15px 0 12px;color:#607b88;font:inherit;font-size:14px;border:0;border-bottom:3px solid transparent;background:none}.wh-tabs button[aria-selected=true]{border-color:#00899a;color:#00697a;font-weight:700}.wh-section-heading>span{font-size:12px;color:#66818e}.wh-table-scroll{overflow:auto;max-height:min(64vh,680px)}.wh-orders-table,.wh-materials-table{width:100%;min-width:940px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.4}.wh-col-work{width:205px}.wh-col-unit{width:145px}.wh-col-material{width:250px}.wh-col-qty{width:82px}.wh-col-pending{width:95px}.wh-col-action{width:115px}.wh-orders-table th,.wh-materials-table th{position:sticky;top:0;z-index:3;background:#eaf1f4;color:#355a69;font-size:12px;font-weight:700;padding:11px 13px;text-align:left;border-bottom:1px solid #cadbe2;white-space:nowrap}.wh-orders-table td,.wh-materials-table td{padding:13px;border-bottom:1px solid #e5ecef;vertical-align:top;overflow-wrap:anywhere;user-select:text}.wh-order-group:nth-of-type(even){background:#f8fbfc}.wh-order-group+tbody tr:first-child td{border-top:2px solid #d7e4e9}.wh-work strong,.wh-material strong,.wh-materials-table strong{display:block;color:#183e4c;font-weight:650}.wh-orders-table small,.wh-materials-table small{display:block;color:#6c8490;font-size:11px;line-height:1.45;margin-top:4px}.wh-sap{display:block;font-size:12px;color:#007688;margin-top:4px;font-weight:600}.wh-work small{margin-top:5px}.wh-unit>strong{display:inline-block;font-size:17px;font-weight:750;letter-spacing:.03em;color:#006e82;padding:2px 6px;background:#e6f2f4;border:1px solid #d0e6ea;border-radius:4px;white-space:nowrap}.wh-unit .wh-unassigned{font-size:13px;letter-spacing:0;color:#7b6b4a;background:#faf5e8;border-color:#ede0c5}.wh-number{text-align:right!important;font-variant-numeric:tabular-nums}.wh-dispatched{color:#5f7d89}.wh-pending{background:#f2fafb;color:#006f81}.wh-pending>strong{font-size:21px;font-weight:750;line-height:1.15}.wh-pending small{color:#45838e}.wh-complete{background:#f3f8f5;color:#5b7d6b}.wh-complete small{color:#779586}.wh-row-actions{padding-left:10px!important;padding-right:10px!important}.wh-row-actions .btn{display:block;width:100%;margin:0 0 6px;min-height:29px;padding:4px 6px;font-size:12px}.wh-text-button{border:0;background:none;padding:3px 0;font:inherit;font-size:12px;color:#08748b;text-decoration:underline;text-underline-offset:3px}.wh-materials-table{min-width:650px}.wh-materials-table th:first-child{width:42%}.wh-catalog{margin-top:16px;box-shadow:none}.wh-catalog>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:13px 16px;font-size:12px;color:#54717f;list-style:none}.wh-catalog>summary>span:first-child:before{content:'▸';margin-right:8px;color:#76909b}.wh-catalog[open]>summary>span:first-child:before{content:'▾'}.wh-catalog>summary>span:last-child{padding:2px 7px;background:#eef4f6;border-radius:4px;color:#6b838e;font-size:11px}.wh-catalog[open]>summary{border-bottom:1px solid #e5ecef}.wh-catalog [data-wh-catalog-content]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:16px}.wh-catalog [data-wh-catalog-content]>div{padding:7px 0;font-size:13px}.wh-catalog small{display:block;color:#75909b;font-size:11px;margin-top:4px}.wh-empty,.wh-loading{padding:34px 20px 38px;text-align:center}.wh-empty-symbol{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#eef5f7;border-radius:10px;color:#88a3b0;font-size:28px;margin-bottom:10px}.wh-empty h3{font-size:17px;color:#355764;margin:0 0 7px}.wh-empty p{margin:0;color:#78909c;font-size:13px}.wh-empty>div:last-child{display:flex;gap:8px;justify-content:center;margin-top:17px}.wh-error{border-top:3px solid #cf7a66}.wh-loading{color:#65818e;padding:60px 20px}.wh-detail-dialog{width:min(1000px,calc(100vw - 40px));max-height:88vh;padding:0;border:1px solid #bbced7;border-radius:10px;color:#163c4a;background:#fff;box-shadow:0 18px 80px #102f4050}.wh-detail-dialog::backdrop{background:#0c2b3b85}.wh-detail-heading{position:sticky;top:0;z-index:4;display:flex;align-items:start;justify-content:space-between;gap:20px;padding:19px 22px;background:#fff;border-bottom:1px solid #d7e4e9}.wh-detail-heading small{font-size:12px;color:#08748b;font-weight:600}.wh-detail-heading h3{margin:5px 0;font-size:20px;color:#173c4b}.wh-detail-heading p{margin:0;color:#637e8c;font-size:13px}.wh-detail-content{padding:15px 6px;border:0!important;box-shadow:none!important}.wh-detail-content .warehouse-supply-table{width:100%;border-collapse:collapse;font-size:13px}.wh-detail-content .warehouse-supply-table :is(th,td){padding:10px 12px;text-align:right;border-bottom:1px solid #e0e9ee}.wh-detail-content .warehouse-supply-table :is(th,td):first-child{text-align:left}.wh-detail-content .warehouse-supply-table th{background:#eef4f6;color:#486b7b}.wh-detail-content small{display:block;margin-top:4px;font-size:11px;color:#678390}.wh-detail-content .warehouse-secondary{padding:0 16px 10px}.wh-detail-content .warehouse-delivery-history article{border-top:1px solid #dae5ea;padding:12px 0}.wh-detail-content .warehouse-delivery-history article header{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#4b6978}.wh-detail-content .warehouse-delivery-history article p{font-size:13px}.wh-detail-content details>summary{cursor:pointer;font-size:13px}.wh-detail-content .warehouse-preparation input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #bfd0d8;padding:7px}.wh-detail-content .warehouse-delivery-form{margin-top:14px!important}
@media(min-width:1600px){.wh-orders-table{min-width:1080px}.wh-col-work{width:245px}.wh-col-unit{width:190px}.wh-col-material{width:330px}}
@media(max-width:1100px){.wh-heading h2{font-size:24px}.wh-filter-top{gap:10px}.wh-filter-top .wh-search{flex-basis:calc(100% - 320px);order:0}.wh-filter-top select#warehousePlate{width:155px}.wh-stat{padding:13px;min-height:58px}.wh-stat span{font-size:12px}.wh-stat strong{font-size:25px}.wh-col-work{width:190px}.wh-col-unit{width:135px}.wh-col-material{width:235px}.wh-orders-table th,.wh-orders-table td{padding:11px}.wh-heading{margin-bottom:14px}}
@media(max-width:640px){.wh-heading{align-items:start;flex-direction:column;gap:12px}.wh-actions{width:100%}.wh-filter-top>label{flex:1;min-width:140px}.wh-filter-top .wh-search{flex-basis:100%;order:1}.wh-filter-top .wh-date-shortcuts{flex:1}.wh-filter-top input[type=date],.wh-filter-top select,.wh-filter-top select#warehousePlate{width:100%}.wh-filter-top #warehouseRefresh{align-self:end}.wh-filter-bottom{flex-wrap:wrap}.wh-filter-bottom [data-wh-reading]{margin-left:0}.wh-stats{gap:7px}.wh-stat{padding:11px 9px;display:grid;gap:8px;align-items:start}.wh-stat span{font-size:11px}.wh-section-heading{padding:0 12px;gap:8px;align-items:start}.wh-section-heading>span{display:none}.wh-tabs{gap:17px}.wh-tabs button{font-size:12px}.wh-table-scroll{max-height:65vh}.wh-detail-dialog{width:calc(100vw - 20px);max-height:92vh}.wh-detail-content{overflow:auto}.wh-detail-content .warehouse-supply-table{min-width:550px}}
@media(min-width:641px) and (max-width:1100px){.wh-orders-table{min-width:760px;font-size:13px}.wh-col-work{width:165px}.wh-col-unit{width:105px}.wh-col-material{width:185px}.wh-col-qty{width:70px}.wh-col-pending{width:85px}.wh-col-action{width:80px}.wh-orders-table th{font-size:11px}.wh-orders-table td,.wh-orders-table th{padding:10px 8px}.wh-unit>strong{font-size:15px}.wh-row-actions{padding:8px!important}.wh-pending>strong{font-size:20px}.wh-filter-card{padding:12px 13px 9px}.wh-filter-top :is(input,select){height:33px;font-size:13px}.wh-filter-top>label{font-size:11px;gap:4px}.wh-date-shortcuts button{height:32px;padding:6px 8px}.wh-filter-bottom{margin-top:9px;padding-top:8px}.wh-stat{min-height:54px}.wh-tabs button{padding:12px 0 10px}}
