@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&family=IBM+Plex+Sans+Condensed:wght@500;600&display=swap";:root,[data-theme=light]{--bg:#f3f0e8;--bg-elevated:#fffcf5;--bg-muted:#e8e3d6;--text:#1c2420;--text-muted:#5a655e;--border:#c5c0b0;--accent:#1e5a3c;--accent-hover:#16472f;--accent-soft:#d7ebe0;--danger:#9b2c2c;--danger-soft:#f5d6d6;--warn:#8a5a10;--warn-soft:#f5e6c8;--ok:#1e5a3c;--ok-soft:#d7ebe0;--shadow:0 1px 2px #1c242014;--font:"Source Sans 3", "Segoe UI", sans-serif;--font-display:"IBM Plex Sans Condensed", "Source Sans 3", sans-serif;--radius:6px;--max:1200px}[data-theme=dark]{--bg:#121816;--bg-elevated:#1a221e;--bg-muted:#24302a;--text:#e8ebe7;--text-muted:#9aa89f;--border:#334038;--accent:#6fbf92;--accent-hover:#8ad4ab;--accent-soft:#1e3d2e;--danger:#f07178;--danger-soft:#3a1f24;--warn:#e0b35a;--warn-soft:#3a3018;--ok:#6fbf92;--ok-soft:#1e3d2e;--shadow:0 1px 3px #00000059}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(ellipse at top left, #1e5a3c14, transparent 45%), linear-gradient(180deg, var(--bg), var(--bg-muted));background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}a{color:var(--accent)}a:hover{color:var(--accent-hover)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .5rem;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);caret-color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0}.site-header-inner{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin:0 auto;padding:.75rem 1rem;display:flex}.brand{color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#fff;width:2.4rem;height:2.4rem;font-family:var(--font-display);letter-spacing:.04em;border-radius:.55rem;place-items:center;font-size:.95rem;font-weight:700;display:grid}[data-theme=dark] .brand-mark{color:#0e1612}.brand-text{flex-direction:column;gap:.05rem;display:flex}.brand-title{font-family:var(--font-display);color:var(--accent);font-size:1.45rem;font-weight:600}.brand-sub{color:var(--text-muted);font-size:.8rem}.page-heading{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;display:flex}.nav-links{flex-wrap:wrap;gap:.35rem;display:flex}.nav-links a{color:var(--text);border:1px solid #0000;border-radius:999px;padding:.35rem .7rem;text-decoration:none}.nav-links a.active,.nav-links a:hover{background:var(--accent-soft);border-color:var(--border);color:var(--text)}.header-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.field-inline{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.35rem;padding:.25rem .5rem;display:flex}.field-inline label,.field-inline>span{color:var(--text-muted);font-size:.8rem}.field-inline input,.field-inline select{background:0 0;border:none;width:4rem;padding:.2rem}.field-inline select{width:auto;min-width:5.5rem}.num-stepper{align-items:center;gap:.15rem;display:inline-flex}.num-stepper input[type=number]{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;width:2.5rem}.num-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-grid .num-stepper{width:100%;display:flex}.form-grid .num-stepper input[type=number]{flex:1;width:auto;min-width:0}.chip{background:var(--accent-soft);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.danger{background:var(--danger-soft);color:var(--danger)}.main{max-width:var(--max);flex:1;width:100%;margin:0 auto;padding:1.25rem 1rem 3rem}.banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--warn-soft);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem}.panel h2{font-size:1.1rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.toolbar input[type=search],.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .55rem}.toolbar input[type=search]{flex:1;min-width:12rem}.btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius);justify-content:center;align-items:center;gap:.35rem;padding:.4rem .75rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=dark] .btn-primary{color:#0e1612}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn-danger-quiet{color:var(--text-muted);opacity:.75;background:0 0;border-color:#0000}.btn-danger-quiet:hover:not(:disabled){background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--danger);opacity:1}.btn-edit{background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 45%, var(--border));color:var(--ok)}.btn-edit:hover:not(:disabled){background:color-mix(in srgb, var(--ok-soft) 70%, var(--ok));border-color:var(--ok)}.btn-ghost{background:0 0}.btn-sm{padding:.25rem .5rem;font-size:.85rem}.btn-xs{padding:.15rem .35rem;font-size:.75rem}.btn-icon{width:2.35rem;height:2.35rem;padding:0;position:relative}.btn-icon.btn-sm{width:1.9rem;height:1.9rem}.btn-icon.btn-xs{width:1.55rem;height:1.55rem}.btn-icon-glyph{place-items:center;line-height:0;display:grid}.btn-icon[data-tooltip]:hover:after,.btn-icon[data-tooltip]:focus-visible:after{content:attr(data-tooltip);white-space:nowrap;background:var(--text);color:var(--bg);pointer-events:none;z-index:30;box-shadow:var(--shadow);border-radius:4px;padding:.25rem .45rem;font-size:.75rem;font-weight:600;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%)}.collapsible-toggle{text-align:left;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;padding:0;display:flex}.collapsible-toggle-main{align-items:center;gap:.45rem;display:inline-flex}.collapsible-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.collapsible-body{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.85rem}.collapsible-panel{padding:.75rem 1rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem .6rem}table.data th{background:var(--bg-muted);font-family:var(--font-display);white-space:nowrap;font-weight:600;position:sticky;top:0}table.data th button{font:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-weight:600;display:inline-flex}table.data tr.understocked{background:color-mix(in srgb, var(--warn-soft) 55%, transparent)}table.data tr.expired{background:color-mix(in srgb, var(--danger-soft) 60%, transparent)}table.data tr:hover{background:color-mix(in srgb, var(--accent-soft) 40%, transparent)}.badge{background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .4rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.priority-high{background:var(--danger-soft);color:var(--danger);text-transform:capitalize}.badge.priority-medium{background:var(--warn-soft);color:var(--warn);text-transform:capitalize}.badge.priority-low{background:var(--bg-muted);color:var(--text-muted);text-transform:capitalize}.confirm-modal{max-width:420px}.confirm-modal p{color:var(--text);margin:.5rem 0 0}.layout-split{gap:1rem;display:grid}@media (width>=960px){.layout-split{grid-template-columns:1fr 280px;align-items:start}}.form-grid{gap:.75rem;display:grid}@media (width>=640px){.form-grid.two{grid-template-columns:1fr 1fr}}.form-grid label{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.form-grid .check{color:var(--text);flex-direction:row;align-items:center;gap:.5rem}.modal-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);width:min(560px,100%);max-height:90vh;box-shadow:var(--shadow);padding:1.1rem;overflow:auto}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.prose{max-width:720px}.prose h2{margin-top:1.75rem;font-size:1.35rem}.prose h3{margin-top:1.25rem;font-size:1.1rem}.prose p,.prose ul{color:var(--text)}.prose ul{padding-left:1.2rem}.prose .toc{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0 1.5rem;padding:.85rem 1rem}.prose .toc ol{margin:.4rem 0 0;padding-left:1.2rem}.disclaimer{color:var(--text-muted);border-left:3px solid var(--accent);margin:1rem 0;padding-left:.75rem;font-size:.9rem}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:1rem 0 2rem;display:grid}.topic-card{color:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem;text-decoration:none;display:block}.topic-card:hover{border-color:var(--accent)}.topic-card h3{color:var(--accent);margin-bottom:.35rem;font-size:1rem}.topic-card p{color:var(--text-muted);margin:0;font-size:.9rem}.side-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.side-list li{background:var(--bg-muted);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.side-list input,.side-list textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:.35rem .5rem}.muted{color:var(--text-muted);font-size:.85rem}.row-actions{flex-wrap:wrap;gap:.35rem;display:flex}.banner-info{background:var(--accent-soft)}.stock-stepper{align-items:center;gap:.25rem;display:inline-flex}.stock-stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:1.75rem}.settings-fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 .75rem;padding:.65rem .75rem .75rem}.settings-fieldset legend{padding:0 .25rem;font-size:.9rem;font-weight:600}.settings-fieldset .check{align-items:center;gap:.45rem;margin-bottom:.35rem;display:flex}.settings-fieldset label:not(.check){color:var(--text-muted);flex-direction:column;gap:.25rem;margin-top:.35rem;font-size:.85rem;display:flex}.settings-fieldset input[type=number]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);max-width:6rem;padding:.35rem .5rem}.mode-links .btn{text-decoration:none}.mode-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.mode-list-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.mode-list-item.is-done{opacity:.65}.mode-list-item.understocked{border-color:color-mix(in srgb, var(--warn) 45%, var(--border))}.pack-check{flex:1;align-items:flex-start;gap:.65rem;display:flex}.item-cards{gap:.75rem;display:none}.item-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:.85rem}.item-card.understocked{border-color:color-mix(in srgb, var(--warn) 45%, var(--border))}.item-card.expired{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.item-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.item-card-head h3{margin:0;font-size:1.05rem}.topic-card-highlight{outline:2px solid var(--accent)}.print-only{display:none}.desktop-only{display:block}.mobile-only{display:none}@media (width<=767px){.desktop-only{display:none!important}.mobile-only,.item-cards.mobile-only{display:grid}.nav-links a{padding:.3rem .55rem;font-size:.9rem}}@media (width>=768px){.mobile-only{display:none!important}.desktop-only{display:block}}@media print{body{color:#000;background:#fff}.site-header,.toolbar,.no-print,.banner,.side-panel,.stock-stepper,.mobile-only{display:none!important}.print-only{display:inline!important}.desktop-only{display:block!important}.main{max-width:none;padding:0}.panel{box-shadow:none;border:none;padding:0}table.data th{position:static}.prose{max-width:none}.mode-list-item .row-actions{display:none!important}}
