#materialsSignedIn { display: flex; flex-direction: column; gap: 18px; }
#materialsSignedIn > .card:nth-child(2) { order: 1; }
#materialsSignedIn > .card:nth-child(1) { order: 2; }

.inventoryPageHeader h2 { display: flex; align-items: center; gap: 15px !important; }
.inventoryHeaderActions { flex-wrap: wrap; justify-content: flex-end; }

.inventoryTrackToggle { position: relative; min-width: 190px; }
.inventoryTrackToggle input { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.inventoryToggleVisual { width: 46px; height: 26px; flex: 0 0 46px; position: relative; border: 1px solid var(--line); border-radius: 999px; background: var(--surface-input); box-shadow: inset 0 2px 5px rgba(0,0,0,.22); transition: .2s ease; }
.inventoryToggleVisual i { position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--muted); box-shadow: 0 2px 5px rgba(0,0,0,.28); transition: .2s ease; }
.inventoryTrackToggle input:checked + .inventoryToggleVisual { border-color: var(--accent); background: color-mix(in srgb,var(--accent) 38%,var(--surface-input)); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--accent2) 20%,transparent),0 0 14px color-mix(in srgb,var(--accent) 22%,transparent); }
.inventoryTrackToggle input:checked + .inventoryToggleVisual i { left: 24px; background: var(--accent2); }
.inventoryTrackToggle input:focus-visible + .inventoryToggleVisual { outline: 3px solid color-mix(in srgb,var(--accent) 35%,transparent); outline-offset: 3px; }

.inventoryAddForm { margin: 20px 0; padding: 20px; border: 1px solid color-mix(in srgb,var(--accent) 42%,var(--line)); border-radius: 18px; background: linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,var(--accent) 6%),var(--panel)); box-shadow: 0 18px 42px rgba(0,0,0,.15); }
.inventoryAddForm.hidden { display: none; }
.inventoryFormHeading { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 14px; margin-bottom: 16px; border-bottom: 1px solid var(--line); }
.inventoryFormHeading > div { display: grid; gap: 4px; }
.inventoryFormHeading strong { font-size: 1.05rem; }
.inventoryFormHeading span { color: var(--muted); font-size: .84rem; }
.inventoryFormClose { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-input); color: var(--text); font-size: 1.25rem; cursor: pointer; }
.inventoryFormGrid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.inventoryFormGrid > div { min-width: 0; }
.inventoryFormGrid input,.inventoryFormGrid select { width: 100%; min-height: 48px; }
.inventoryFormGrid input[type="color"] { padding: 5px; }
.inventoryFormActions { display: flex; gap: 10px; margin-top: 18px; }

.inventoryPage.expanded { position: fixed; inset: 18px; z-index: 1000; margin: 0 !important; max-width: none; overflow: auto; box-shadow: 0 30px 100px rgba(0,0,0,.55); }
body.inventory-expanded { overflow: hidden; }
.inventoryPage.expanded .inventoryTable { min-width: 1200px; }

@media(max-width:900px){.inventoryFormGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.inventoryFormGrid{grid-template-columns:1fr}.inventoryFormActions{display:grid}.inventoryPage.expanded{inset:6px}.inventoryHeaderActions{width:100%}.inventoryHeaderActions .btn{flex:1 1 140px}}