/* Hauptlager — Privatentnahme (Michael 26.10.2026, app/modules/inventory: hlPrivSheetHtml, ?p=hl&priv=1). Finales Design (docs/design-final.md):
   Panels in Tonstufe, Getränke als große Chips (Kachel --surface-2, gewählt = Navy-Rand + Menge − / +), ein Hauptknopf unten (am Handy schwebend).
   Orange nur für „Bestand laut App zu niedrig", Grün nur für „Gespeichert ✓ (geprüft)". */
.d2 .hp-cjhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.d2 .hp-cjhead>h1{margin-right:auto}
html.d2 .hp-open{min-height:44px;display:inline-flex;align-items:center}
.d2 .hp-head .d2-meta{text-decoration:none;font-weight:600}
.d2 .hp-head .d2-find a{font-weight:700}
.d2 .hp-sec{margin:0 0 16px}
.d2 .hp-sec>h2{font-size:1.02rem;margin:0 0 12px}
.d2 .hp-supply>summary{cursor:pointer;font-weight:700;min-height:32px;list-style:none}
.d2 .hp-supply>summary::-webkit-details-marker{display:none}
.d2 .hp-supply[open]>summary{margin-bottom:12px}
.d2 .hp-search{width:100%;min-height:44px;margin:0 0 12px}
.d2 .hp-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
@media(max-width:699.98px){.d2 .hp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.d2 .hp-chip{background:var(--surface-2);border-radius:var(--r-tile);display:flex;flex-direction:column;gap:8px;padding:6px;box-shadow:inset 0 0 0 2px transparent;min-width:0}
.d2 .hp-chip.on{box-shadow:inset 0 0 0 2px var(--navy-bg)}
.d2.dk .hp-chip.on{box-shadow:inset 0 0 0 2px var(--primary)}
.d2 .hp-chip[hidden]{display:none}
html.d2 .hp-pick{font:inherit;color:var(--ink);background:none;border:0;padding:6px;margin:0;min-height:56px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;
 border-radius:8px;width:100%;min-width:0}
.d2 .hp-pick:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.d2 .hp-img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:var(--surface);flex:0 0 auto}
.d2 .hp-txt{min-width:0;display:flex;flex-direction:column}
.d2 .hp-txt b{font-size:15px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.d2 .hp-txt small{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.d2 .hp-chip .hl-step{display:none;align-self:stretch;justify-content:space-between;background:var(--surface);border-color:var(--line-2)}
.d2 .hp-chip.on .hl-step{display:inline-flex}
.d2 .hp-chip .hl-step input{flex:1 1 auto;min-width:0;width:auto}
.d2 .hp-chip .hl-step button{width:44px;height:44px;color:var(--ink)}
.d2 .hp-low{font-size:12.5px;font-weight:700;color:var(--s-warn);padding:0 6px 4px}
.d2 .hp-bar{position:sticky;bottom:0;padding:12px 0;background:linear-gradient(to top,var(--bg) 70%,transparent);z-index:2}
html.d2 .hp-go{width:100%;min-height:52px;font-size:16px;font-weight:800;justify-content:center}
.d2 .hp-go[disabled]{opacity:.5;cursor:default}
@media(min-width:700px){html.d2 .hp-go{width:auto;min-width:260px}}
@media(max-width:699.98px){.d2 .hp-bar{bottom:calc(64px + env(safe-area-inset-bottom,0px))}}
.d2 .hp-done{margin:0 0 16px}
.d2 .hp-done-l1{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:15px}
.d2 .hp-done-l2,.d2 .hp-note{font-size:13px;color:var(--muted);margin:6px 0 0}
.d2 .hp-warn{font-size:13.5px;font-weight:700;color:var(--s-warn);margin:8px 0 0}
.d2 .hp-undo{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:12px 0 0}
html.d2 .hp-undo .btn{min-height:44px}
.d2 .hp-foot{font-size:13px;margin:8px 0 0;overflow-wrap:anywhere}
.d2 .hp-months{margin:0 0 16px}
.d2 .hp-months>h2{font-size:1.02rem;margin:0 0 6px}