.page-inventory{padding-bottom:var(--spacing-12)}.inv-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--state-warning-bg);border:1px solid var(--state-warning-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5)}.inv-banner-text{margin:0;font-size:var(--text-sm);color:var(--state-warning-text)}.inv-banner-dismiss{flex-shrink:0;min-height:44px;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--state-warning-border);border-radius:var(--radius-md);color:var(--state-warning-text);font-size:var(--text-sm);cursor:pointer}.inv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.inv-add-toggle{display:inline-flex;align-items:center;gap:var(--spacing-2)}.inv-add-toggle svg{width:14px;height:14px}.inv-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-2);flex:1 1 240px;min-width:0}.inv-search-wrap{flex:1 1 160px;min-width:0}.inv-search{width:100%;padding:var(--spacing-2-5) var(--spacing-3);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);min-height:44px}.inv-search:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px oklch(52% .14 215 / .2)}.inv-filter-select{padding:var(--spacing-2-5) var(--spacing-2);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);min-height:44px;cursor:pointer}.inv-filter-select:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px oklch(52% .14 215 / .2)}.inv-count{width:100%;margin:0;font-size:var(--text-xs);color:var(--text-muted)}.inv-form-panel{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.inv-form-title{font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--spacing-5)}.inv-form-grid{display:grid;gap:var(--spacing-5);grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.inv-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.inv-form-notes{margin-top:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-1-5)}.inv-textarea{width:100%;padding:var(--spacing-2-5) var(--spacing-3);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);font-family:inherit;resize:vertical}.inv-textarea:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px oklch(52% .14 215 / .2)}.inv-form-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-5)}.inv-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.inv-card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.inv-card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.inv-card-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;overflow-wrap:anywhere}.inv-card-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5)}.inv-state-in-stock{background:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-100)}.inv-state-low-stock,.inv-state-expiring-soon{background:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-100)}.inv-state-out-of-stock,.inv-state-expired{background:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-100)}[data-theme=dark] .inv-state-in-stock{background:var(--state-success-bg);color:var(--state-success-text);border-color:var(--state-success-border)}[data-theme=dark] .inv-state-low-stock,[data-theme=dark] .inv-state-expiring-soon{background:var(--state-warning-bg);color:var(--state-warning-text);border-color:var(--state-warning-border)}[data-theme=dark] .inv-state-out-of-stock,[data-theme=dark] .inv-state-expired{background:var(--state-error-bg);color:var(--state-error-text);border-color:var(--state-error-border)}.inv-card-meta{display:grid;gap:var(--spacing-2) var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0}.inv-meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.inv-card-meta dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted)}.inv-card-meta dd{margin:0;font-size:var(--text-sm);color:var(--text-secondary);overflow-wrap:anywhere}.inv-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--border-subtle)}.inv-adjust{display:flex;align-items:center;gap:var(--spacing-1-5);flex-wrap:wrap}.inv-adjust-label{font-size:var(--text-xs);color:var(--text-muted)}.inv-adjust-input{width:80px;padding:var(--spacing-2) var(--spacing-2);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary);min-height:44px}.inv-adjust-input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px oklch(52% .14 215 / .2)}.inv-adjust-btn,.inv-action-btn{min-height:44px;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.inv-adjust-btn:hover,.inv-action-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover)}.inv-adjust-btn:focus-visible,.inv-action-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.inv-remove-btn--confirm{color:var(--state-error-text);border-color:var(--state-error-border);background:var(--state-error-bg)}.inv-empty{text-align:center;padding:var(--spacing-10) var(--spacing-4);border:1px dashed var(--border-default);border-radius:var(--radius-2xl)}.inv-empty-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-2)}.inv-empty-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0 auto;max-width:46ch}
