.inventory-page { margin:0; background:#f4f5f6; color:#202427; font:16px/1.5 system-ui,sans-serif; }
.inventory-page *,.studio-panel * { box-sizing:border-box; }
.inventory-header { padding:28px 5%; border-bottom:1px solid #d4d8db; display:flex; justify-content:space-between; align-items:center; gap:24px; background:#fff; }
.inventory-header h1 { margin:4px 0; font-size:28px; font-weight:600; }.eyebrow {font-size:12px;color:#616b70;}
.inventory-page main { padding:28px 5%; }.inventory-actions {display:flex;gap:16px;align-items:end;flex-wrap:wrap;}
.inventory-page label,.studio-panel label {display:grid;gap:6px;font-size:14px;}
.inventory-page input,.inventory-page select,.inventory-page button,.inventory-page a {font:inherit;}
.inventory-page input,.inventory-page select {min-height:44px;border:1px solid #aab1b6;border-radius:4px;padding:8px 10px;background:#fff;color:#202427;min-width:0;width:100%;}
.inventory-page button {min-height:44px;border:1px solid #aab1b6;border-radius:4px;padding:8px 14px;background:white;color:#202427;cursor:pointer;}
.inventory-page button.primary {background:#174e45;color:white;border-color:#174e45;}.inventory-page a {color:#175b64;text-decoration:none;}
.inventory-page button:focus-visible,.inventory-page a:focus-visible {outline:3px solid #267f99;outline-offset:3px;}
.table-scroll {overflow:auto;background:#fff;border-top:1px solid #d4d8db;}.inventory-page table {border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;}
.inventory-page th {font-size:13px;font-weight:600;color:#616b70;background:#edf0f2;}.inventory-page th,.inventory-page td {padding:16px 14px;border-bottom:1px solid #e1e5e8;}
.inventory-page td small {display:block;font-size:13px;color:#6a7278;}.inventory-page td a {margin-left:14px;}
.status-badge {font-size:13px; padding:4px 8px;background:#eceff1;border-radius:4px;}.status-badge[data-status=Available] {color:#17633f;background:#dff3e9;}.status-badge[data-status=Reserved] {color:#705400;background:#fff2c4;}
.inventory-page dialog {width:min(620px,calc(100% - 24px));border:1px solid #9da7ad;border-radius:8px;padding:24px;max-height:90dvh;overflow:auto;color:#202427;}.inventory-page dialog::backdrop {background:#0007;}
.inventory-page dialog header {display:flex;align-items:center;justify-content:space-between;}.inventory-page h2 {font-size:22px;margin:0 0 20px;}.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
#unitError {color:#a12020;}.inventory-page button:disabled {opacity:.5;cursor:wait;}
.studio-panel {position:fixed;z-index:28;top:80px;left:16px;width:340px;max-height:calc(100dvh - 100px);overflow:auto;color:#f6f6f6;background:#232526;border:1px solid #555;border-radius:4px;padding:18px;font:14px/1.5 system-ui,sans-serif;}
.studio-panel header {display:flex;justify-content:space-between;align-items:center;gap:10px;}.studio-panel h2 {font-size:20px;margin:0;}.studio-panel h3 {font-size:16px;margin:20px 0 12px;}.studio-panel p {color:#c8ced1;}.studio-panel label {margin:12px 0;}
.studio-panel input:not([type=checkbox]),.studio-panel select {width:100%;min-width:0;font:inherit;padding:8px;border:1px solid #697078;border-radius:3px;background:#303537;color:white;min-height:40px;}
.studio-panel input[type=range] {padding:0;accent-color:#ddd;}.studio-panel input[type=checkbox] {width:20px;height:20px;accent-color:#85cfba;}
.studio-panel .studio-tabs {display:flex;margin:16px 0;border-bottom:1px solid #555;gap:4px;}.studio-tabs button {flex:1;border-radius:0;}.studio-tabs button[aria-selected=true] {border-bottom:2px solid white;background:#41484a;}
.studio-panel .studio-row {display:flex;gap:8px;align-items:center;}.studio-row > * {flex:1;min-width:0;}.studio-panel .btn {min-height:42px;white-space:normal;}
.studio-panel .check-row {display:flex;align-items:center;gap:10px;}.studio-panel .full {width:100%;}.studio-panel .studio-note {font-size:12px;color:#bfc5c8;}.studio-panel [role=status] {min-height:22px;color:#bcf1d4;}
.studio-panel fieldset {border:0;padding:0;margin:0;}.studio-panel fieldset:disabled {opacity:.5;}.studio-panel .dirty {color:#ffd78b;}
.studio-panel .icon-close {width:40px;padding:0;font-size:24px;}.studio-open {position:fixed;top:16px;left:170px;z-index:24;}
.studio-panel #renderPanel label:not(.check-row) {grid-template-columns:1fr auto;gap:4px;}.studio-panel #renderPanel label input,.studio-panel #renderPanel label select {grid-column:1 / -1;}.studio-panel #renderPanel input[type=range] {min-height:24px;}.studio-panel output {color:#c8ced1;font-variant-numeric:tabular-nums;}
@media(max-width:600px) {.inventory-header {padding:20px;align-items:flex-start;flex-direction:column;gap:8px;}.inventory-page main {padding:20px;}.inventory-header h1 {font-size:24px;}.form-grid {grid-template-columns:1fr;}.inventory-actions>* {flex:1 1 140px;}.studio-panel {top:74px;left:12px;width:calc(100% - 24px);max-height:calc(100dvh - 144px);}.studio-open {top:auto;bottom:12px;left:12px;max-width:132px;}.studio-open .btn {font-size:14px;} }