:root{--octave-font-display:"Outfit", system-ui, sans-serif;--octave-font-text:"Instrument Sans", -apple-system, "Segoe UI", sans-serif;--octave-ink:#12171e;--octave-surface:#f4f1ea;--octave-brand-amber:#ff9f1c;--octave-panel:#0d1218;--octave-error:#e5484d;--octave-success:#30a46c;--octave-info:#3b82f6;--octave-logo-clearspace:.5em;--octave-logo-min-cap:24px;--octave-symbol-min:16px;--color-bg:#f7f8fa;--color-panel:#fff;--color-panel-2:#eef1f5;--color-border:#7f8a9c;--color-text:#16202e;--color-muted:#55607a;--color-accent:#0f7a3d;--color-accent-ink:#fff;--color-info:#0b5f8a;--color-info-ink:#fff;--color-danger-bg:#fdeceb;--color-danger-ink:#8f1d10;--color-ok-bg:#e9f6ee;--color-ok-ink:#0b5132;--color-warn-bg:#fdf3d7;--color-warn-ink:#6b4300;--color-warn-border:#e0c07a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--touch-min:56px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#0f172a;--color-panel:#1e293b;--color-panel-2:#334155;--color-border:#64748b;--color-text:#f1f5f9;--color-muted:#a8b4c6;--color-accent:#34d399;--color-accent-ink:#052e16;--color-info:#7dd3fc;--color-info-ink:#082f49;--color-danger-bg:#7f1d1d;--color-danger-ink:#fecaca;--color-ok-bg:#14532d;--color-ok-ink:#bbf7d0;--color-warn-bg:#2b2008;--color-warn-ink:#ffc94d;--color-warn-border:#6b5424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0f172a;--color-panel:#1e293b;--color-panel-2:#334155;--color-border:#64748b;--color-text:#f1f5f9;--color-muted:#a8b4c6;--color-accent:#34d399;--color-accent-ink:#052e16;--color-info:#7dd3fc;--color-info-ink:#082f49;--color-danger-bg:#7f1d1d;--color-danger-ink:#fecaca;--color-ok-bg:#14532d;--color-ok-ink:#bbf7d0;--color-warn-bg:#2b2008;--color-warn-ink:#ffc94d;--color-warn-border:#6b5424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
*{box-sizing:border-box}html,body{background:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;margin:0}.ui-screen{max-width:1100px;padding:var(--space-4);min-height:100%;margin:0 auto}.ui-appbar{margin:var(--space-1) 0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:1.25rem;font-weight:700;display:flex}.ui-appbar-titel{font:inherit;letter-spacing:inherit;color:inherit;margin:0}.ui-muted{color:var(--color-muted);font-size:.85rem}.ui-h{margin:0 0 var(--space-3);font-size:1.05rem;font-weight:700}.ui-stack{gap:var(--space-4);flex-direction:column;display:flex}.ui-panel{background:var(--color-panel);border-radius:var(--radius-lg);padding:var(--space-4)}.ui-cols{gap:var(--space-4);grid-template-columns:1fr;display:grid}.ui-cols>*{min-width:0}@media (min-width:720px){.ui-cols{grid-template-columns:1.1fr .9fr;align-items:start}}.ui-row{justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--color-panel-2);padding:10px 0;display:flex}.ui-row:last-child{border-bottom:none}.ui-grand{font-size:1.6rem;font-weight:800}.ui-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:480px){.ui-grid{grid-template-columns:repeat(3,1fr)}}.ui-btn{font:inherit;color:var(--color-text);background:var(--color-panel-2);border-radius:var(--radius-md);padding:var(--space-4);min-height:var(--touch-min);cursor:pointer;touch-action:manipulation;border:none}.ui-btn:active{transform:scale(.98)}.ui-btn--primary{background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.ui-btn--info{background:var(--color-info);color:var(--color-info-ink);font-weight:700}.ui-btn--block{width:100%}.ui-btn--stacked{white-space:pre-line;font-weight:600;line-height:1.35}.ui-btn:disabled{opacity:.4;cursor:not-allowed}.ui-input{font:inherit;color:var(--color-text);background:var(--color-panel-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:52px;padding:14px}.ui-field{margin-bottom:var(--space-3)}.ui-field label{color:var(--color-muted);margin-bottom:var(--space-1);font-size:.8rem;display:block}:root[data-theme-wechsel] *,:root[data-theme-wechsel] :before,:root[data-theme-wechsel] :after{transition:none!important}.ui-banner{border-radius:var(--radius-sm);margin-bottom:var(--space-3);padding:10px 14px}.ui-banner--error{background:var(--color-danger-bg);color:var(--color-danger-ink)}.ui-banner--warn{background:var(--color-warn-bg);color:var(--color-warn-ink);border:1px solid var(--color-warn-border);border-left:4px solid var(--color-warn-ink)}.ui-banner--ok{background:var(--color-ok-bg);color:var(--color-ok-ink);text-align:center;padding:var(--space-4);font-size:1.1rem}.ui-login{max-width:380px;margin:10vh auto 0}.ui-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.ui-footer-inhalt{min-width:0}.ui-theme-toggle{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-text);font:inherit;cursor:pointer;font-size:.8125rem;display:inline-flex}.ui-theme-toggle:hover{background:var(--color-panel-2)}.ui-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.pos-arbeitsflaeche{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;display:grid}@media (max-width:899px){.pos-arbeitsflaeche{grid-template-columns:1fr}}.pos-kacheln{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.pos-kachel{justify-content:space-between;gap:var(--space-2);min-height:calc(var(--touch-min) + 24px);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;flex-direction:column;display:flex}.pos-kachel:hover:not(:disabled){background:var(--color-panel-2)}.pos-kachel:disabled{opacity:.5;cursor:not-allowed}.pos-kachel-name{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600}.pos-kachel-preis{font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:700}.pos-kachel--aktion{background:var(--color-panel-2);border-style:dashed}.pos-warenkorb{top:var(--space-3);gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);flex-direction:column;display:flex;position:sticky}.pos-warenkorb-kopf{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.pos-warenkorb-kopf h2{margin:0;font-size:1rem;font-weight:700}.pos-warenkorb-anzahl{color:var(--color-muted);font-size:.8125rem}.pos-positionen{gap:var(--space-2);flex-direction:column;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pos-position{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.pos-position:last-child{border-bottom:none}.pos-position-name{overflow-wrap:anywhere;flex:auto;min-width:0}.pos-position-menge{align-items:center;gap:var(--space-2);flex:none;display:flex}.pos-position-anzahl{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch}.pos-position-preis{font-variant-numeric:tabular-nums;flex:none;font-weight:600}.pos-summe{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-top:var(--space-2);border-top:2px solid var(--color-border);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:750;display:flex}.pos-kassenlade,.pos-einzelstueck,.pos-ruecknahme{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.pos-kassenlade-titel{margin:0 0 var(--space-2);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem;font-weight:700}