.warehouse-ui { min-width:0; display:grid; gap:14px; color:#253b56; }
.warehouse-card,.warehouse-toolbar,.warehouse-kpi { min-width:0; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:var(--shadow); }
.warehouse-card { overflow:hidden; }.warehouse-card > header { min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; border-bottom:1px solid var(--line-soft); }
.warehouse-card h2 { margin:0; color:#172a43; font-size:15px; font-weight:800; }.warehouse-card-actions { display:flex; gap:8px; }
.warehouse-ui .button { min-height:38px; padding:0 14px; font-size:11px; white-space:nowrap; }.warehouse-ui .button svg { width:16px; height:16px; }.warehouse-ui .button-primary { background:#0878e8; color:#fff; }
.warehouse-form-layout { display:grid; grid-template-columns:300px minmax(0,1fr); gap:14px; align-items:start; }.warehouse-main-column { display:grid; gap:14px; }
.warehouse-form { display:grid; gap:12px; padding:14px; }.warehouse-field { display:grid; gap:6px; }.warehouse-field > span { color:#52647c; font-size:10.5px; font-weight:700; }.warehouse-field > span b { color:#ef4451; }
.warehouse-field input,.warehouse-field select,.warehouse-field textarea { width:100%; min-height:38px; padding:0 11px; border:1px solid var(--line); border-radius:6px; background:#fff; color:#344a63; font:inherit; font-size:11px; }.warehouse-field textarea { min-height:66px; padding-top:10px; resize:none; }.warehouse-field input:disabled { background:#f5f7f9; color:#64748b; }
.warehouse-date { position:relative; }.warehouse-date input[data-date-picker] { padding-right:38px; }.warehouse-date svg { position:absolute; right:11px; bottom:10px; width:16px; height:16px; color:#607994; pointer-events:none; }
.warehouse-table-wrap { min-width:0; overflow-x:auto; }.warehouse-table { width:100%; border-collapse:collapse; table-layout:fixed; }.warehouse-table th,.warehouse-table td { height:45px; padding:7px 10px; border-bottom:1px solid var(--line-soft); overflow:hidden; color:#354960; font-size:10.5px; text-align:left; text-overflow:ellipsis; white-space:nowrap; }.warehouse-table th { height:37px; background:#fafbfd; color:#66788e; font-size:9.5px; font-weight:700; }.warehouse-table td.is-number,.warehouse-table th.is-number { text-align:right; }.warehouse-table td.is-center,.warehouse-table th.is-center { text-align:center; }.warehouse-table tfoot td { height:52px; background:#fbfcfe; font-weight:800; }
.warehouse-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px; }.warehouse-summary article { min-height:82px; display:grid; align-content:center; gap:8px; padding:14px; border-radius:7px; background:#f7f9fb; }.warehouse-summary small { color:#61738a; font-size:10px; font-weight:700; }.warehouse-summary strong { color:#142945; font-size:18px; font-weight:800; }
.warehouse-action-bar { display:flex; justify-content:flex-end; gap:10px; padding:14px 16px; border-top:1px solid var(--line-soft); background:#fff; }
.warehouse-warning { margin:14px 14px 0; padding:12px 14px; border:1px solid #f2d393; border-radius:7px; background:#fff8e8; color:#9a6815; font-size:11px; font-weight:700; }.warehouse-warning svg { width:16px; height:16px; margin-right:8px; vertical-align:middle; }
.warehouse-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }.warehouse-kpi { min-height:92px; display:grid; grid-template-columns:48px 1fr; align-items:center; gap:13px; padding:14px 18px; }.warehouse-kpi > span { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#e7f1fe; color:#1479e8; }.warehouse-kpi > span svg { width:23px; height:23px; }.warehouse-kpi small,.warehouse-kpi strong { display:block; }.warehouse-kpi small { color:#52647c; font-size:10.5px; font-weight:700; }.warehouse-kpi strong { margin-top:5px; color:#172a45; font-size:24px; }.warehouse-kpi.is-green > span { background:#e5f8ed;color:#17ad57; }.warehouse-kpi.is-amber > span { background:#fff3df;color:#f59e0b; }.warehouse-kpi.is-red > span { background:#fdebed;color:#ed4451; }.warehouse-kpi.is-neutral > span { background:#edf3f8;color:#66788e; }
.warehouse-toolbar { min-height:62px; display:flex; align-items:center; gap:10px; padding:10px 12px; }.warehouse-toolbar .warehouse-search { position:relative; flex:1 1 290px; }.warehouse-search input { width:100%; height:40px; padding:0 12px 0 40px; border:1px solid var(--line); }.warehouse-search svg { position:absolute; top:11px; left:12px; width:18px;height:18px;color:#607994; }.warehouse-toolbar select,.warehouse-toolbar input { height:40px; min-width:132px; padding:0 31px 0 11px; border:1px solid var(--line); background:#fff; color:#40536b; font-size:10.5px; }.warehouse-toolbar-spacer { flex:1; }
.warehouse-status { display:inline-flex; min-height:22px; align-items:center; justify-content:center; padding:2px 8px; border-radius:5px; font-size:9.5px; font-weight:700; }.warehouse-status.is-safe,.warehouse-movement.is-in { background:#e5f8ed;color:#16a757; }.warehouse-status.is-low,.warehouse-movement.is-out { background:#fff2df;color:#e88706; }.warehouse-status.is-out { background:#fdebed;color:#ed4451; }.warehouse-status.is-neutral,.warehouse-movement.is-adjust { background:#edf3f8;color:#60738b; }
.warehouse-movement { display:inline-flex; min-height:21px; align-items:center; padding:2px 7px; border-radius:5px; font-size:9px; font-weight:700; }
.warehouse-pagination { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 14px; color:#52647c; font-size:10.5px; }.warehouse-pages { display:flex; align-items:center; gap:7px; }.warehouse-pages button { min-width:32px;height:32px;border:1px solid #dce5ee;border-radius:6px;background:#fff;color:#40536b; }.warehouse-pages button.active { border-color:#0878e8;background:#0878e8;color:#fff; }
.warehouse-history-toolbar .warehouse-date-filter { position:relative; }.warehouse-history-toolbar .warehouse-date-filter input { width:126px; padding-right:34px; }.warehouse-history-toolbar .warehouse-date-filter svg { position:absolute;right:10px;top:12px;width:15px;height:15px;color:#607994;pointer-events:none; }.warehouse-history-table { min-width:1420px; }.warehouse-stock-table { min-width:900px; }.warehouse-receipt-table { min-width:900px; }.warehouse-issue-table { min-width:800px; }
@media(max-width:1180px){.warehouse-form-layout{grid-template-columns:1fr}.warehouse-kpis{grid-template-columns:repeat(3,1fr)}.warehouse-toolbar{flex-wrap:wrap}.warehouse-toolbar-spacer{display:none}.warehouse-summary{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.warehouse-kpis{grid-template-columns:1fr 1fr}.warehouse-summary{grid-template-columns:1fr}.warehouse-action-bar{flex-wrap:wrap}.warehouse-action-bar .button{flex:1}.warehouse-pagination{align-items:flex-start;flex-direction:column}.warehouse-pages{max-width:100%;overflow-x:auto}}
.warehouse-message { margin:0 14px 12px; padding:10px 12px; border-radius:6px; background:#fdebed; color:#b42332; font-size:11px; }.warehouse-message.is-success{background:#e5f8ed;color:#138a47}.warehouse-field-error{min-height:14px;color:#d93444;font-size:10px}.warehouse-ui button:disabled{opacity:.55;cursor:not-allowed}
.warehouse-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px}.warehouse-modal-backdrop{position:absolute;inset:0;background:rgba(12,31,52,.42)}.warehouse-modal-box{position:relative;width:min(720px,100%);max-height:min(760px,90vh);overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 24px 70px rgba(16,38,62,.25)}.warehouse-modal-box>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line-soft)}.warehouse-modal-box>header h2{margin:0;font-size:16px}.warehouse-modal-box>header button{width:32px;height:32px;border:0;background:transparent;font-size:22px}.warehouse-modal-body{display:grid;gap:12px;padding:16px}.warehouse-picker-list{display:grid;gap:7px}.warehouse-picker-list button{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#344a63;text-align:left}.warehouse-picker-list button:hover{border-color:#90bee9;background:#f5faff}.warehouse-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px;border-top:1px solid var(--line-soft)}
.warehouse-picker-search{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d6dde7;border-radius:8px}.warehouse-picker-empty{text-align:center;padding:24px 8px;color:#64748b}.material-create-modal .warehouse-modal-box{max-width:760px}.material-create-grid{grid-template-columns:1fr 1fr}.material-create-wide{grid-column:1/-1}@media(max-width:720px){.material-create-grid{grid-template-columns:1fr}.material-create-wide{grid-column:auto}}

/* Warehouse final readability pass: one laptop-friendly type scale across transactional tabs. */
.app-shell:has(.warehouse-ui) .page-heading p{font-size:14px;line-height:1.45}.warehouse-card h2{font-size:16px}.warehouse-ui .button,.warehouse-modal .button{font-size:12.5px}.warehouse-field>span{font-size:12px}.warehouse-field input,.warehouse-field select,.warehouse-field textarea{min-height:40px;font-size:12.5px;line-height:1.4}.warehouse-table th,.warehouse-table td{font-size:12px;line-height:1.35}.warehouse-table th{font-size:11.5px}.warehouse-status,.warehouse-movement{font-size:11px}.warehouse-summary small{font-size:11.5px}.warehouse-summary strong{font-size:20px}.warehouse-kpi small{font-size:12px}.warehouse-kpi strong{font-size:26px}.warehouse-toolbar select,.warehouse-toolbar input{font-size:12px}.warehouse-pagination,.warehouse-message{font-size:12px}.warehouse-modal-box>header h2{font-size:17px}.warehouse-picker-list button{font-size:12px}.warehouse-receipt-table tbody tr{cursor:pointer}.warehouse-receipt-table tbody tr.is-selected td{background:#f0f7ff}.warehouse-receipt-table td:nth-child(5),.warehouse-receipt-table td:nth-child(6){padding:6px 8px}.warehouse-receipt-table td:nth-child(5) input,.warehouse-receipt-table td:nth-child(6) input{display:block;width:100%;height:36px;box-sizing:border-box;margin:0;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#344a63;font:inherit;font-size:12px;line-height:34px;text-align:right}.warehouse-receipt-table td:nth-child(5) input:focus,.warehouse-receipt-table td:nth-child(6) input:focus{border-color:#58a2e8;outline:2px solid rgba(8,120,232,.12);outline-offset:0}