.warehouse-section,.warehouse-editor,.warehouse-history{border:1px solid var(--border,#777);border-radius:12px;padding:20px;margin-block:16px;background:var(--surface,#fff);color:var(--text,#171717)}
.warehouse-section nav,.warehouse-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-block:14px}.warehouse-status{padding:12px;border-left:3px solid #3988ee}.warehouse-status p[role=alert]{color:#b83f18}.warehouse-section nav [aria-pressed=true]{outline:2px solid #3988ee}
.warehouse-table-scroll{overflow:auto;max-width:100%;margin-top:16px}.warehouse-table-scroll table{border-collapse:collapse;width:100%;min-width:780px}.warehouse-table-scroll th,.warehouse-table-scroll td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border,#777);padding:12px;overflow-wrap:anywhere}.warehouse-table-scroll caption{text-align:left;padding-block:12px}.warehouse-table-scroll td:last-child{min-width:180px}.warehouse-table-scroll button{margin:3px}
.warehouse-section form,.warehouse-editor form,.warehouse-editor[data-wh-reversal]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.warehouse-section label,.warehouse-editor label{display:flex;flex-direction:column;gap:6px}.warehouse-section input,.warehouse-section select,.warehouse-section textarea,.warehouse-editor input,.warehouse-editor select,.warehouse-editor textarea{width:100%;padding:10px;border:1px solid var(--border,#777);border-radius:6px;font:inherit;color:inherit;background:var(--surface,#fff)}.warehouse-tools label{display:flex;align-items:center;gap:7px}
:root[data-theme=dark] .warehouse-section,:root[data-theme=dark] .warehouse-editor,:root[data-theme=dark] .warehouse-history{background:#000;color:#fff;border-color:#464646}:root[data-theme=dark] .warehouse-section input,:root[data-theme=dark] .warehouse-section select,:root[data-theme=dark] .warehouse-section textarea,:root[data-theme=dark] .warehouse-editor input,:root[data-theme=dark] .warehouse-editor select,:root[data-theme=dark] .warehouse-editor textarea{background:#080808;color:#fff;border-color:#666}:root[data-theme=dark] .warehouse-status p[role=alert]{color:#ffaf94}
@media(max-width:640px){.warehouse-section,.warehouse-editor,.warehouse-history{padding:12px}.warehouse-section form,.warehouse-editor form,.warehouse-editor[data-wh-reversal]{grid-template-columns:1fr}.warehouse-section nav button{flex:1 1 150px}.warehouse-tools{align-items:stretch;flex-direction:column}}
@media print{.warehouse-section,.warehouse-editor,.warehouse-history{background:#fff!important;color:#111!important}.warehouse-section button,.warehouse-editor,.warehouse-tools{display:none!important}}