#inventory-view{padding-top:24px}
.inv-toolbar,.inv-filters,.inv-tabs,.inv-actions,.inv-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inv-toolbar{justify-content:space-between;margin-bottom:24px}.inv-toolbar p{font-size:13px;color:var(--muted)}.inv-tabs{gap:0;border-bottom:1px solid var(--line);margin-bottom:20px}#workspace .inv-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 18px;background:transparent;color:var(--muted)}#workspace .inv-tabs button[aria-pressed=true]{color:var(--plum);border-bottom-color:var(--plum);font-weight:600}.inv-filters{align-items:end;margin-bottom:20px}.inv-filters label{display:grid;gap:7px;font-size:12px;flex:1;min-width:150px}.inv-filters input,.inv-filters select,.inv-form input,.inv-form select,.inv-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit}.inv-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.inv-table th{padding:12px 14px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line)}.inv-table td{padding:20px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.inv-table td:first-child{width:32%;overflow-wrap:anywhere}.inv-table td:first-child small{display:block;margin-top:6px;color:var(--muted)}.inv-table td b{font-size:18px;font-variant-numeric:tabular-nums}.inv-table td b small{font-size:12px;font-weight:400}.inv-alert{display:block;width:fit-content;margin-top:7px;font-size:11px;color:#795321;background:#fff4d9;padding:3px 7px;border-radius:4px}.inv-actions{gap:6px}.inv-actions button{padding:7px 10px;min-height:36px;font-size:12px}.inv-empty{padding:60px 24px;text-align:center;border-top:1px solid var(--line)}.inv-empty h2{font-size:26px;margin-bottom:14px}.inv-empty p{max-width:52ch;margin:auto;line-height:1.7;color:var(--muted)}.inv-history{list-style:none;padding:0}.inv-history li{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.inv-history span,.inv-history div small{display:block;margin-top:7px}.inv-history small{color:var(--muted);line-height:1.7;font-size:12px}.inv-history p{margin-top:8px;overflow-wrap:anywhere}.inv-history>li>small{text-align:right;flex-shrink:0}.inv-form{display:grid;gap:16px;margin-top:20px}.inv-form label{display:grid;gap:7px;font-size:13px}.inv-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inv-form-actions{justify-content:flex-end}.inv-dialog{width:min(560px,calc(100vw - 28px));max-height:90svh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.inv-dialog::backdrop{background:#24082f66}.inv-dialog h2{font-size:28px}.inv-dialog>p{margin-top:12px;line-height:1.6}.inv-status{min-height:24px;margin:12px 0;font-size:13px;line-height:1.6}.inv-error{color:#8c2929;min-height:20px;font-size:13px}.inv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#inventory-view button:focus-visible,.inv-dialog button:focus-visible{outline:2px solid var(--plum);outline-offset:3px}#inventory-view input:focus-visible,.inv-dialog input:focus-visible{outline:2px solid var(--plum);outline-offset:2px}#inventory-view [hidden],.inv-dialog [hidden]{display:none!important}
@media(max-width:760px){.inv-toolbar{gap:14px}.inv-table thead{display:none}.inv-table,.inv-table tbody{display:block}.inv-table tr{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;border-bottom:1px solid var(--line);gap:12px}.inv-table td{display:block;border:0;padding:0}.inv-table td:first-child{grid-column:1/-1;width:100%}.inv-table td:last-child{grid-column:1/-1}.inv-table td:nth-child(3)::before{content:attr(data-quantity-label);display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.inv-actions button{min-height:44px;padding:9px 12px}#workspace .inv-tabs button{flex:1;padding:12px 8px}.inv-history li{display:block}.inv-history>li>small{display:block;text-align:left;margin-top:10px}.inv-form-pair{grid-template-columns:1fr}.inv-dialog{padding:22px}.inv-empty{padding:40px 12px}}
