/* Version notice (version-notice.js): bar "Neue Version verfügbar" + button "Neu laden".
 * Colours only from the skin variables that exist in every theme and palette (partsynq-skin/skin.css, palette.css):
 * --psk-surface / --psk-fg / --psk-fg-muted for the bar, --psk-primary / --psk-primary-fg for the button.
 * Empty (nothing to say) the element has no size; it stays in the page so that a screen reader hears the text when it comes. */
:root{--mg-version-h:44px}
#mg-version-notice{position:fixed;z-index:235;margin:0;padding:0;box-sizing:border-box}
#mg-version-notice.is-pending{display:flex;align-items:center;gap:12px;height:var(--mg-version-h);overflow:hidden;white-space:nowrap;
 border:1px solid var(--psk-fg-muted,#3a3f49);background:var(--psk-surface,#ffffff);color:var(--psk-fg,#12161c);
 font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:0}
#mg-version-notice span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#mg-version-notice button{flex:none;min-height:32px;margin:0;padding:0 14px;border:1px solid var(--psk-fg-muted,#3a3f49);border-radius:8px;background:var(--psk-primary,#1a1f29);color:var(--psk-primary-fg,#fcfcfc);
 font:inherit;font-weight:700;line-height:1;cursor:pointer;box-shadow:none;text-transform:none;width:auto}
#mg-version-notice button:focus-visible{outline:3px solid var(--psk-fg,#12161c);outline-offset:2px}
/* Phone layout: strip under the fixed header. version-notice.js adds its height to --seller-bar-top and keeps the old value
 * in --mg-version-top; the header keeps its height, pages and panels start below the strip. */
html.mg-version-top #seller-mobile-header{height:var(--mg-version-top)}
html.mg-version-top #mg-version-notice.is-pending{top:var(--mg-version-top);left:0;right:0;justify-content:space-between;padding:0 14px;border-width:0 0 1px}
/* Every other layout: lower left edge, above page chrome that lies there (--mg-version-lift, measured by version-notice.js). */
html.mg-version-bottom #mg-version-notice.is-pending{z-index:290;left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom) + var(--mg-version-lift,0px));
 max-width:calc(100vw - 32px);padding:0 6px 0 16px;border-radius:12px;box-shadow:0 4px 18px #0000002e}
/* Empty block at the end of the page, as high as the bar and its distance from the lower edge: the last line of the page
 * can be scrolled clear of the bar (also where the page ends behind a fixed tab bar of its own). */
#mg-version-space{height:calc(var(--mg-version-h) + 32px + var(--mg-version-lift,0px));margin:0;padding:0;border:0;pointer-events:none}
@media print{#mg-version-notice,#mg-version-space{display:none!important}}