/* One shared main-screen header. No page-specific geometry or glyph measurement. */
.app-header{
 --header-title-size:clamp(22px,6.8vw,27px);
 --header-logo-width:64px;
 display:grid;grid-template-columns:minmax(0,1fr) auto;
 grid-template-rows:36px minmax(44px,auto);align-items:center;gap:0 4px;
 margin:0;padding:env(safe-area-inset-top) 0 0;
 height:auto;min-height:0;position:static;background:var(--appearance-bg,var(--bg));
}
.brand-logo{grid-column:1;grid-row:1;align-self:end;justify-self:start;
 width:var(--header-logo-width);line-height:0;margin:0;margin-inline-start:1em;
 font-size:var(--header-title-size);margin-block-end:5px}
.brand-logo img{display:block;width:100%;height:auto;max-height:12px;object-fit:contain;object-position:left center;filter:none}
.brand-logo .logo-night{display:none}
html[data-theme=night] .brand-logo .logo-day{display:none}
html[data-theme=night] .brand-logo .logo-night{display:block}
.header-heading{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:4px;min-width:0;min-height:44px}
.app-header h1{flex:1;min-width:0;margin:0;
 font-family:inherit;font-size:var(--header-title-size);font-weight:700;
 line-height:1.1;letter-spacing:-.025em;font-variant-caps:small-caps;
 text-transform:none;overflow-wrap:normal;color:#252923}
html[data-theme=night] .app-header h1{color:#f3eee7}
.header-controls{grid-column:2;grid-row:1;align-self:end;display:flex;gap:2px;align-items:center;justify-content:flex-end;margin:0}
.header-controls button{position:static;width:44px;min-width:44px;height:44px;min-height:44px;
 display:grid;place-items:center;margin:0;padding:10px;border:0;border-radius:8px;
 background:transparent;box-shadow:none;font:inherit;color:var(--skin-icon,var(--text))}
.header-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* The only contextual slot: existing stock management, attached to its catalogue. */
.app-header .stock-place-actions{display:flex;flex:none;align-self:stretch;
 align-items:center;gap:0;margin:0;background:linear-gradient(transparent 50%,#eee2cb 50%);color:#594b33}
.app-header .stock-place-actions[hidden]{display:none}
.stock-place-actions button{width:44px;min-width:44px;min-height:44px;padding:0;margin:0;
 border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:26px;font-weight:400;display:flex;align-items:flex-end;justify-content:center;line-height:22px}
html[data-theme=night] .stock-place-actions{background:linear-gradient(transparent 50%,#383328 50%);color:#d7c7a7}

/* MD-TEST A04: fridge-only optical alignment; NS and 44px touch areas unchanged. */
.app-shell:has([data-screen=stock].active #stockList[data-view=fridge]) .app-header{grid-template-rows:44px minmax(44px,auto)}
.app-shell:has([data-screen=stock].active #stockList[data-view=fridge]) .brand-logo{align-self:start;margin-block-start:7px;margin-block-end:0}