:root{color-scheme:dark;--bg:#091626;--panel:#102136;--line:#2c425b;--text:#edf4fb;--muted:#aac0d5;--gold:#ffcc65}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:10px;background:#172b42;color:var(--text)}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){border-color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{background:var(--gold);color:#122135;font-weight:650}a{color:var(--gold);text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:225px;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--line);padding:32px 22px;background:#081422}.brand{font-size:28px;font-weight:800;color:white}.brand small{display:block;font-size:10px;letter-spacing:1px;color:var(--gold)}nav a{display:block;padding:14px 10px;margin:8px 0;border-radius:8px}nav{margin:30px 0}.active{background:#203851}.side-note{color:var(--muted);font-size:12px;margin-top:50px}.workspace{margin-left:225px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 32px}main{max-width:1600px;margin:auto;padding:30px}.panel,.item-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:22px}.login{max-width:600px;margin:30px auto}h1{font-size:32px;margin:8px 0}h2{font-size:18px}p,small{color:var(--muted)}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:2px}.page-head{display:flex;gap:25px;justify-content:space-between;align-items:center}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.summary>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.summary strong{display:block;font-size:30px;color:var(--gold)}.summary small{display:block}.savebar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);border-radius:12px;margin:20px 0}.savebar>div{display:flex;gap:10px}.inventory-layout{display:grid;grid-template-columns:235px 1fr;gap:20px}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;color:var(--muted);font-size:12px;margin:12px 0}input,select,textarea{display:block;width:100%;margin-top:5px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item-card h2{color:white;margin:0}.item-card .small{overflow-wrap:anywhere}.small{font-size:12px}#rooms{margin:0}#rooms button{width:100%;text-align:left;margin-bottom:6px}#catalog{max-height:290px;overflow:auto;overscroll-behavior:contain;margin:12px 0}#catalog button{width:100%;text-align:left;font-size:12px;margin-bottom:6px}#notice{padding:16px;border-left:3px solid var(--gold);background:#132940}#notice:empty{display:none}[hidden]{display:none!important}@media(max-width:1000px){aside{width:180px;padding:25px 12px}.workspace{margin-left:180px}.inventory-layout{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#rooms{display:flex;overflow:auto;gap:8px}#rooms button{width:auto;white-space:nowrap}#catalog{max-height:150px}}@media(max-width:600px){aside{position:static;width:auto;padding:14px 20px}aside nav{margin:8px 0;display:flex;gap:8px;overflow:auto}aside nav a{white-space:nowrap;padding:7px;font-size:12px}.side-note{display:none}.workspace{margin-left:0}header{padding:12px 20px}main{padding:20px 14px}.page-head,.savebar{display:block}.summary{gap:6px}.summary>div{padding:12px 8px}.summary strong{font-size:23px}.summary small{font-size:11px}.inventory-grid{grid-template-columns:1fr}.savebar>div{margin-top:12px;flex-wrap:wrap}h1{font-size:28px}}

fieldset{min-width:0;border:1px solid var(--line);border-radius:10px;margin:18px 0;padding:12px}legend{color:var(--gold)}

.basic-buttons{display:flex;flex-wrap:wrap;gap:7px;max-height:260px;overflow-y:auto;overscroll-behavior:contain}.basic-buttons button{font-size:13px;text-align:left}.basic-items h3{margin-bottom:5px}.basic-items p{font-size:12px}


/* Visual shared item catalog */
.inventory-layout{grid-template-columns:minmax(360px,1fr) minmax(320px,1fr)}
#catalog{max-height:900px;overflow:auto}
.catalog-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.catalog-tile{min-width:0;background:#10243d;color:#edf4fb;border:1px solid #b9934d;border-radius:12px;overflow:hidden;padding:0 12px 12px}
.catalog-tile img{width:calc(100% + 24px);margin:0 -12px;aspect-ratio:1;object-fit:cover;display:block}
.catalog-tile h3{font-size:15px;color:#fff;margin:12px 0 6px;overflow-wrap:anywhere}
.catalog-tile p{font-size:12px;color:#c4d0df;margin:6px 0;overflow-wrap:anywhere}
.catalog-tile summary{color:#ffcc65;cursor:pointer;padding:10px 0}
.catalog-tile details{font-size:12px;margin-bottom:8px}
.catalog-image-pending{aspect-ratio:1;display:grid;place-items:center;color:#a9b9cc;font-size:12px;background:#10243d}
.inventory-photo{max-width:100%;max-height:240px;object-fit:contain;border-radius:10px}
@media(max-width:1100px){.inventory-layout{grid-template-columns:1fr}#catalog{max-height:650px}}
@media(max-width:440px){.catalog-tiles{grid-template-columns:1fr}}

#workspace .inventory-layout{display:block}
#workspace #catalog{max-height:none;overflow:visible}
#workspace .catalog-tiles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.inventory-tabs{display:flex;gap:10px;margin:18px 0}
.inventory-tabs button[aria-pressed="true"]{background:var(--gold);color:#102136;font-weight:700}
#inventory-panel #rooms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
#inventory-panel #rooms button{width:auto}