/* /Components/Kasse/CartPanel.razor.rz.scp.css */
/* Warenkorb belegt die volle Hoehe neben dem Katalog: Positionen scrollen,
   Total und Abschluss-Knopf bleiben unten immer sichtbar (iPad Mini). */
.kasse-cart[b-f8q1v2s397] { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 1rem; overflow: hidden; }
.cart-header[b-f8q1v2s397] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; }
.kasse-cart h2[b-f8q1v2s397] { margin: 0; font-size: 1.15rem; }
.header-actions[b-f8q1v2s397] { display: flex; gap: 0.4rem; }
.park-btn[b-f8q1v2s397] { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border-radius: 12px; background: var(--cream); color: var(--text); }
.park-btn:disabled[b-f8q1v2s397] { opacity: 0.35; cursor: not-allowed; }
/* Belegter Parkplatz: kraeftiges Blau wie ein Parkschild, mit Anzahl der Positionen */
.park-btn.occupied[b-f8q1v2s397] { background: #1d5fa8; color: white; }
.park-badge[b-f8q1v2s397] { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--luna-600); color: white; font-size: 0.75rem; font-weight: 700; line-height: 20px; text-align: center; }
.trash-btn[b-f8q1v2s397] { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border-radius: 12px; background: var(--cream); color: #a3231a; }
.trash-btn:disabled[b-f8q1v2s397] { opacity: 0.35; cursor: not-allowed; }
.trash-btn:active:not(:disabled)[b-f8q1v2s397] { background: #f6d9d5; }
.cart-scroll[b-f8q1v2s397] { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.cart-footer[b-f8q1v2s397] { flex: 0 0 auto; border-top: 1px solid var(--hairline); padding-top: 0.6rem; margin-top: 0.5rem; }

.cart-list[b-f8q1v2s397] { list-style: none; padding: 0; margin: 0 0 0.75rem; }
.cart-line[b-f8q1v2s397] { padding: 0.45rem 0; border-bottom: 1px solid var(--hairline); }
/* Name antippen = Optionen der Position (Rabatt, Entfernen) */
.cart-line-head[b-f8q1v2s397] { display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-height: 44px; padding: 0.25rem 0.4rem; margin: 0 -0.4rem 0.2rem; text-align: left; background: transparent; border-radius: 8px; }
.cart-line-head:active[b-f8q1v2s397] { background: var(--cream); }
.cart-line-name[b-f8q1v2s397] { font-size: 0.92rem; line-height: 1.2; font-weight: 600; }
.cart-line-note[b-f8q1v2s397] { font-size: 0.78rem; color: var(--muted); font-weight: 400; }
.cart-line-discount[b-f8q1v2s397] { font-size: 0.78rem; color: var(--luna-700); }
.was[b-f8q1v2s397] { color: var(--muted); font-weight: 400; font-size: 0.8rem; margin-right: 0.3rem; }
.cart-line-controls[b-f8q1v2s397] { display: flex; align-items: center; gap: 0.5rem; }
.qty-btn[b-f8q1v2s397] { min-width: 44px; min-height: 44px; padding: 0; background: var(--cream); font-size: 1.3rem; }
.qty[b-f8q1v2s397] { min-width: 1.5rem; text-align: center; font-weight: 600; }
.cart-line-price[b-f8q1v2s397] { margin-left: auto; font-weight: 600; }

.buyer-info label[b-f8q1v2s397], .cart-scroll > label[b-f8q1v2s397] { display: block; margin-top: 0.5rem; font-size: 0.8rem; font-weight: 600; }
.buyer-info-hint[b-f8q1v2s397] { font-size: 0.8rem; color: var(--sage-dark); }

.payment-methods[b-f8q1v2s397] { display: flex; gap: 0.5rem; margin: 0.75rem 0; }
.payment-btn[b-f8q1v2s397] { flex: 1; min-height: 48px; background: var(--cream); }
.payment-btn.active[b-f8q1v2s397] { background: var(--luna-600); color: white; }
.change-hint[b-f8q1v2s397] { font-weight: 600; color: var(--sage-dark); }
.card-hint[b-f8q1v2s397] { font-size: 0.85rem; color: var(--muted); }

.cart-total[b-f8q1v2s397] { display: flex; justify-content: space-between; font-size: 1.3rem; font-weight: 700; color: var(--luna-600); margin-bottom: 0.5rem; }
.checkout-btn[b-f8q1v2s397] { width: 100%; min-height: 52px; }
.close-session-btn[b-f8q1v2s397] { width: 100%; margin-top: 0.5rem; background: var(--cream); }

.discount-btn[b-f8q1v2s397] { width: 100%; min-height: 48px; background: var(--cream); margin-bottom: 0.5rem; }
.cart-discount-applied[b-f8q1v2s397] { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.4rem 0.7rem; margin-bottom: 0.5rem; border-radius: 10px; background: var(--luna-50); color: var(--luna-700); font-size: 0.9rem; font-weight: 600; }
.link-btn[b-f8q1v2s397] { background: transparent; color: var(--luna-700); text-decoration: underline; padding: 0 0.5rem; }
.cart-subtotal[b-f8q1v2s397] { display: flex; justify-content: space-between; color: var(--muted); font-size: 0.9rem; }

.buyer-row[b-f8q1v2s397] { display: flex; gap: 0.5rem; }
.buyer-row > div[b-f8q1v2s397] { flex: 1; min-width: 0; }
.buyer-row > .narrow[b-f8q1v2s397] { flex: 0 0 4.5rem; }
.buyer-info select[b-f8q1v2s397] { width: 100%; }

.customer-chip[b-f8q1v2s397] { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.4rem 0.7rem; margin: 0.3rem 0; border-radius: 10px; background: #e7f0e8; color: #2f5d36; font-size: 0.9rem; }
.customer-results[b-f8q1v2s397] { list-style: none; margin: 0.3rem 0; padding: 0; border: 1px solid var(--hairline); border-radius: 10px; overflow: hidden; background: white; }
.customer-results li + li[b-f8q1v2s397] { border-top: 1px solid var(--hairline); }
.customer-result[b-f8q1v2s397] { display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-height: 48px; padding: 0.4rem 0.7rem; text-align: left; background: white; border-radius: 0; }
.customer-result:active[b-f8q1v2s397] { background: var(--cream); }
.cr-name[b-f8q1v2s397] { font-weight: 600; }
.cr-meta[b-f8q1v2s397] { font-size: 0.8rem; color: var(--muted); }

.cart-reservation[b-f8q1v2s397] {
    display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;
    background: #e8eee9; color: #3f4f42; border-radius: 10px; padding: 0.35rem 0.7rem; margin-bottom: 0.4rem; font-size: 0.88rem;
}
/* /Components/Kasse/CashTenderDialog.razor.rz.scp.css */
.tender-modal[b-ryfxpx6ab5] { max-width: 440px; }
.tender-modal h2[b-ryfxpx6ab5] { margin: 0 0 0.5rem; font-size: 1.2rem; }

.tender-sums[b-ryfxpx6ab5] { padding: 0.5rem 0.75rem; border: 1px solid var(--hairline); border-radius: 12px; background: var(--cream); }
.tender-sums .row[b-ryfxpx6ab5] { display: flex; justify-content: space-between; align-items: baseline; padding: 0.15rem 0; }
.tender-sums .row.change[b-ryfxpx6ab5] { border-top: 1px solid var(--hairline); margin-top: 0.25rem; padding-top: 0.4rem; font-size: 1.25rem; }
.tender-sums .row.change.ok strong[b-ryfxpx6ab5] { color: #2f7a3a; }
.tender-sums .row.change.off strong[b-ryfxpx6ab5] { color: #a3231a; }
.tender-detail[b-ryfxpx6ab5] { color: var(--muted); font-size: 0.85rem; min-height: 1.2em; }

.tender-grid[b-ryfxpx6ab5] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin-top: 0.75rem; }
.tender-btn[b-ryfxpx6ab5] { min-height: 64px; font-size: 1.5rem; font-weight: 700; background: var(--cream); color: var(--text); border: 1px solid var(--hairline); border-radius: 14px; padding: 0; }
.tender-btn:active[b-ryfxpx6ab5] { background: var(--luna-100); }
.tender-btn:disabled[b-ryfxpx6ab5] { opacity: 0.5; }
.tender-btn.exact[b-ryfxpx6ab5] { grid-column: 1 / -1; min-height: 56px; font-size: 1.15rem; background: var(--luna-50); color: var(--luna-700); }

.tender-free[b-ryfxpx6ab5] { margin-top: 0.75rem; }
.tender-free span[b-ryfxpx6ab5] { display: block; margin-bottom: 0.3rem; font-weight: 600; font-size: 0.85rem; }

.tender-confirm[b-ryfxpx6ab5] { width: 100%; min-height: 56px; margin-top: 0.6rem; font-size: 1.05rem; }
/* /Components/Kasse/CloseSessionDialog.razor.rz.scp.css */
.handover-note[b-bto6luvbrq] { color: var(--muted); font-size: 0.85rem; margin-top: 0.5rem; }
.close-modal[b-bto6luvbrq] { max-width: 460px; }
.helper-toggle[b-bto6luvbrq] { width: 100%; margin-top: 0.75rem; background: var(--cream); }
/* Zaehlhilfe: eigene, kompakte Ansicht - Noten links, Muenzen rechts, damit alles ohne Scrollen auf das iPad Mini passt */
.close-modal.wide[b-bto6luvbrq] { max-width: 680px; }
.close-modal h2[b-bto6luvbrq] { margin: 0 0 0.5rem; font-size: 1.2rem; }
.mini-check[b-bto6luvbrq] { display: flex; justify-content: space-between; gap: 0.5rem; flex-wrap: wrap; padding: 0.4rem 0.7rem; border: 1px solid var(--hairline); border-radius: 12px; background: var(--cream); font-size: 0.85rem; }
.mini-check span[b-bto6luvbrq] { white-space: nowrap; }
.mini-check strong[b-bto6luvbrq] { margin-left: 0.25rem; }
.mini-check .diff.ok strong[b-bto6luvbrq] { color: #2f7a3a; }
.mini-check .diff.off strong[b-bto6luvbrq] { color: #a3231a; }
.count-grid[b-bto6luvbrq] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; margin-top: 0.6rem; align-items: start; }
.count-col[b-bto6luvbrq] { min-width: 0; }
.col-title[b-bto6luvbrq] { font-weight: 700; font-size: 0.8rem; color: var(--luna-700); padding: 0 0 0.2rem; border-bottom: 1px solid var(--hairline); }
.count-row[b-bto6luvbrq] { display: grid; grid-template-columns: 3.6rem 4.6rem 1fr; align-items: center; gap: 0.4rem; padding: 0.15rem 0; border-bottom: 1px solid var(--hairline); }
.count-row .den[b-bto6luvbrq] { font-weight: 600; }
.count-row .amt[b-bto6luvbrq] { text-align: right; font-size: 0.85rem; white-space: nowrap; color: var(--muted); }
.count-row[b-bto6luvbrq]  .count-input { min-height: 38px; padding: 0.2rem 0.4rem; text-align: center; font-size: 1.05rem; font-weight: 600; }

@media (max-width: 560px) { .count-grid[b-bto6luvbrq] { grid-template-columns: 1fr; } }
@media (max-height: 700px) {
    .close-modal h2[b-bto6luvbrq] { margin-bottom: 0.3rem; }
    .count-row[b-bto6luvbrq]  .count-input { min-height: 34px; }
    .count-row[b-bto6luvbrq] { padding: 0.08rem 0; }
}

/* Erwartet / Gezaehlt / Differenz */
.cash-check[b-bto6luvbrq] { margin-top: 0.75rem; padding: 0.5rem 0.75rem; border: 1px solid var(--hairline); border-radius: 12px; background: var(--cream); }
.cash-check .row[b-bto6luvbrq] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; padding: 0.2rem 0; }
.cash-check .row.total[b-bto6luvbrq] { border-top: 1px solid var(--hairline); margin-top: 0.2rem; padding-top: 0.4rem; }
.cash-check .row.diff[b-bto6luvbrq] { border-top: 1px solid var(--hairline); margin-top: 0.2rem; padding-top: 0.4rem; font-size: 1.05rem; }
.cash-check .row.diff.ok strong[b-bto6luvbrq] { color: #2f7a3a; }
.cash-check .row.diff.off strong[b-bto6luvbrq] { color: #a3231a; }
.confirm-hint[b-bto6luvbrq] { color: var(--muted); font-size: 0.9rem; margin: 0 0 0.25rem; }

/* Knoepfe bleiben sichtbar, auch wenn die Zaehlhilfe den Dialog verlaengert */
.close-modal .modal-actions[b-bto6luvbrq] { position: sticky; bottom: -1px; margin-top: 0.75rem; padding-top: 0.5rem; background: white; }
/* /Components/Kasse/DiscountDialog.razor.rz.scp.css */
.discount-modal[b-1ru6r94etg] { max-width: 440px; }
.discount-modal h2[b-1ru6r94etg] { margin: 0 0 0.25rem; font-size: 1.2rem; }
.discount-base[b-1ru6r94etg] { margin: 0 0 0.75rem; color: var(--muted); font-size: 0.9rem; }
.discount-modal label[b-1ru6r94etg] { display: block; margin: 0.8rem 0 0.3rem; font-weight: 600; font-size: 0.85rem; }

/* Umschalter Prozent / Fixbetrag, nur 1 Stk. / alle */
.seg[b-1ru6r94etg] { display: flex; gap: 0.4rem; }
.seg-btn[b-1ru6r94etg] { flex: 1; min-height: 48px; background: var(--cream); font-weight: 600; }
.seg-btn.active[b-1ru6r94etg] { background: var(--luna-600); color: white; }

/* Schnellwahl-Knoepfe (Prozentsaetze, Gruende) */
.chips[b-1ru6r94etg] { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.6rem; }
.chip[b-1ru6r94etg] { min-height: 48px; padding: 0.3rem 0.9rem; border-radius: 24px; background: var(--cream); border: 1px solid var(--hairline); font-weight: 600; }
.chip.active[b-1ru6r94etg] { background: var(--luna-600); color: white; border-color: var(--luna-600); }

.discount-preview[b-1ru6r94etg] { display: flex; justify-content: space-between; align-items: baseline; margin-top: 1rem; padding: 0.7rem 0.9rem; border-radius: 12px; background: var(--luna-50); color: var(--luna-700); }
.discount-preview.muted[b-1ru6r94etg] { background: var(--cream); color: var(--muted); }
/* /Components/Kasse/FreeAmountDialog.razor.rz.scp.css */
h2[b-sluilal38u] { margin: 0 0 0.25rem; font-size: 1.2rem; }
.free-hint[b-sluilal38u] { margin: 0 0 0.5rem; color: var(--muted); font-size: 0.9rem; }
label[b-sluilal38u] { display: block; margin: 0.8rem 0 0.3rem; font-weight: 600; font-size: 0.85rem; }
input[b-sluilal38u] { font-size: 1.3rem; }
.free-total[b-sluilal38u] { display: flex; justify-content: space-between; align-items: baseline; margin-top: 1rem; padding: 0.7rem 0.9rem; border-radius: 12px; background: var(--luna-50); color: var(--luna-700); }
/* /Components/Kasse/ItemOptionsDialog.razor.rz.scp.css */
h2[b-4i93epingk] { margin: 0 0 0.25rem; font-size: 1.2rem; }
.item-info[b-4i93epingk] { margin: 0 0 1rem; color: var(--muted); }
.item-discount[b-4i93epingk] { color: var(--luna-700); font-weight: 600; }
.option-list[b-4i93epingk] { display: flex; flex-direction: column; gap: 0.5rem; }
.option-list .btn[b-4i93epingk] { min-height: 52px; background: var(--cream); }
.option-list .btn-primary[b-4i93epingk] { background: var(--luna-600); }
.option-list .danger[b-4i93epingk] { color: #a3231a; }

.info-box[b-4i93epingk] { margin: 0 0 1rem; padding: 0.7rem 0.9rem; border-radius: 10px; background: var(--cream); font-size: 0.9rem; max-height: 40vh; overflow-y: auto; }
.info-box p[b-4i93epingk] { margin: 0 0 0.3rem; }
.info-box p:last-child[b-4i93epingk] { margin-bottom: 0; }
.info-box .muted[b-4i93epingk] { color: var(--muted); }
/* /Components/Kasse/NumberField.razor.rz.scp.css */
.num-field[b-aruxemu26u] { display: block; width: 100%; min-height: var(--tap-target); text-align: left; background: white; color: var(--text);
    border: 1px solid var(--hairline); border-radius: 10px; padding: 0.5rem 0.75rem; font-size: 1rem; }
.num-field .placeholder[b-aruxemu26u] { color: #b5a794; }
.num-field:disabled[b-aruxemu26u] { opacity: 0.5; }
.num-field:focus-visible[b-aruxemu26u] { outline: 2px solid var(--luna-500); outline-offset: 1px; }

.pad-backdrop[b-aruxemu26u] { position: fixed; inset: 0; z-index: 300; display: flex; padding: 0.75rem; background: rgba(58, 44, 29, 0.45);
    overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.pad[b-aruxemu26u] { width: 100%; max-width: 340px; margin: auto; background: white; border-radius: 18px; padding: 1rem; box-shadow: 0 8px 30px rgba(58, 44, 29, 0.3); }
.pad-title[b-aruxemu26u] { font-weight: 700; font-size: 0.95rem; margin-bottom: 0.5rem; }
.pad-display[b-aruxemu26u] { display: flex; align-items: baseline; justify-content: flex-end; gap: 0.5rem; min-height: 56px; padding: 0.4rem 0.8rem; margin-bottom: 0.6rem;
    background: var(--cream); border: 1px solid var(--hairline); border-radius: 12px; overflow: hidden; }
.pad-display.is-empty .pad-value[b-aruxemu26u] { color: #b5a794; }
.pad-value[b-aruxemu26u] { font-size: 2rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.pad-unit[b-aruxemu26u] { color: var(--muted); font-size: 1rem; }
.pad-quick[b-aruxemu26u] { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.6rem; }
.pad-keys[b-aruxemu26u] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.pad-key[b-aruxemu26u] { min-height: 62px; font-size: 1.6rem; font-weight: 600; background: var(--cream); color: var(--text); border: 1px solid var(--hairline); border-radius: 14px; padding: 0; }
.pad-key:active[b-aruxemu26u] { background: var(--luna-100); }
.pad-key.muted[b-aruxemu26u] { color: var(--luna-700); }
.pad-key.quick[b-aruxemu26u] { min-height: 44px; font-size: 1rem; flex: 1 1 auto; padding: 0 0.6rem; }
.pad-actions[b-aruxemu26u] { display: flex; gap: 0.5rem; margin-top: 0.75rem; }
.pad-actions .btn[b-aruxemu26u] { flex: 1; min-height: 52px; }

/* Niedrige Bildschirme (iPad Mini im Querformat): Ziffernblock kompakter, damit alle Ziffern ohne Scrollen sichtbar sind */
@media (max-height: 760px) {
    .pad[b-aruxemu26u] { padding: 0.7rem; }
    .pad-title[b-aruxemu26u] { margin-bottom: 0.3rem; font-size: 0.85rem; }
    .pad-display[b-aruxemu26u] { min-height: 44px; margin-bottom: 0.4rem; padding: 0.2rem 0.7rem; }
    .pad-value[b-aruxemu26u] { font-size: 1.6rem; }
    .pad-keys[b-aruxemu26u] { gap: 0.4rem; }
    .pad-key[b-aruxemu26u] { min-height: 52px; font-size: 1.4rem; }
    .pad-key.quick[b-aruxemu26u] { min-height: 38px; font-size: 0.95rem; }
    .pad-quick[b-aruxemu26u] { margin-bottom: 0.4rem; }
    .pad-actions[b-aruxemu26u] { margin-top: 0.5rem; }
    .pad-actions .btn[b-aruxemu26u] { min-height: 46px; }
}
@media (max-height: 620px) {
    .pad-key[b-aruxemu26u] { min-height: 44px; font-size: 1.25rem; }
    .pad-display[b-aruxemu26u] { min-height: 38px; }
    .pad-value[b-aruxemu26u] { font-size: 1.4rem; }
}
/* /Components/Kasse/OpenSessionCard.razor.rz.scp.css */
.open-session-card[b-37x4qbyyq7] { width: 100%; max-width: 420px; margin: 0 auto; }
.open-session-card label[b-37x4qbyyq7] { display: block; margin-top: 0.75rem; font-weight: 600; font-size: 0.85rem; }
/* /Components/Kasse/ParkedCartDialog.razor.rz.scp.css */
h2[b-4xvty8sy3q] { margin: 0 0 0.5rem; font-size: 1.2rem; }
p[b-4xvty8sy3q] { margin: 0 0 1rem; color: var(--muted); }
.option-list[b-4xvty8sy3q] { display: flex; flex-direction: column; gap: 0.5rem; }
.option-list .btn[b-4xvty8sy3q] { min-height: 52px; background: var(--cream); }
.option-list .danger[b-4xvty8sy3q] { background: #a3231a; color: white; }
/* /Components/Kasse/ProductGrid.razor.rz.scp.css */
/* Kopfzeile mit Suche und Reitern bleibt beim Scrollen der Kacheln sichtbar. */
.catalog-bar[b-gc6muz189n] { position: sticky; top: 0; z-index: 2; background: var(--cream); padding-bottom: 0.6rem; }

.toolbar[b-gc6muz189n] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.search-input[b-gc6muz189n] { flex: 1; min-width: 0; }
.freshness[b-gc6muz189n] { font-size: 0.8rem; color: var(--muted); white-space: nowrap; }
.freshness.stale[b-gc6muz189n] { color: var(--tan); font-weight: 600; }
.freshness.error[b-gc6muz189n] { color: #a3231a; font-weight: 600; }

/* Reiter: umbrechen bei Bedarf in mehrere Zeilen (kein Scrollen), 48px hoch.
   Farblich klar von den weissen Produktkacheln abgesetzt (Salbei-Gruen, aktiv Terracotta). */
.group-tabs[b-gc6muz189n] { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.group-tab[b-gc6muz189n] { flex: 0 1 auto; min-height: 44px; padding: 0.3rem 0.7rem; font-size: 0.92rem; border-radius: 10px; background: #5f6f5a; color: white; white-space: nowrap; font-weight: 600; box-shadow: none; }
.group-tab:active[b-gc6muz189n] { filter: brightness(0.92); }
.group-tab.active[b-gc6muz189n] { background: var(--luna-600); color: white; box-shadow: inset 0 -3px 0 var(--luna-900); }
.tab-count[b-gc6muz189n] { margin-left: 0.25rem; font-size: 0.75rem; font-weight: 500; opacity: 0.8; }

/* Alle Kacheln exakt gleich gross: gleiche Breite, quadratisches Foto oben, Textbereich fester Hoehe. */
.product-grid[b-gc6muz189n] { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 0.6rem; }
.product-tile[b-gc6muz189n] { display: flex; flex-direction: column; align-items: stretch; text-align: left; width: 100%; height: 100%; background: white; border-radius: 14px; padding: 0; box-shadow: 0 1px 3px rgba(58, 44, 29, 0.08); overflow: hidden; -webkit-user-select: none; user-select: none; touch-action: manipulation; }
.product-tile:active[b-gc6muz189n] { transform: scale(0.98); }
/* ausverkauft (laut Bexio): blass, aber weiterhin verkaufbar */
.product-tile.sold-out[b-gc6muz189n] { opacity: 0.55; }
.product-photo[b-gc6muz189n] { display: block; aspect-ratio: 1 / 1; width: 100%; background: white; border-bottom: 1px solid var(--hairline); }
.product-photo img[b-gc6muz189n] { display: block; width: 100%; height: 100%; object-fit: contain; }
.photo-placeholder[b-gc6muz189n] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: var(--luna-50); color: var(--luna-100); font-weight: 800; letter-spacing: 0.1em; font-size: 1.1rem; }
.product-name[b-gc6muz189n] { font-weight: 600; line-height: 1.2; height: 2.4em; margin: 0.45rem 0.6rem 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.product-price[b-gc6muz189n] { color: var(--luna-600); font-weight: 700; margin: 0.15rem 0.6rem 0; }
.product-price.promo[b-gc6muz189n] { white-space: nowrap; }
.product-price.promo s[b-gc6muz189n] { color: var(--muted); font-weight: 400; font-size: 0.85em; margin-right: 0.2rem; }
.product-stock[b-gc6muz189n] { font-size: 0.7rem; color: var(--sage-dark); margin: 0 0.6rem 0.5rem; min-height: 1em; }
.product-stock.out[b-gc6muz189n] { color: #a3231a; font-style: italic; }
.grid-empty[b-gc6muz189n] { grid-column: 1 / -1; }

/* Kachel mit freiem Betrag: gestrichelt, damit sie sich von Bexio-Artikeln abhebt */
.product-tile.free-tile[b-gc6muz189n] { border: 2px dashed var(--luna-500); background: var(--luna-50); }
.free-mark[b-gc6muz189n] { font-size: 1.6rem; letter-spacing: 0.05em; color: var(--luna-500); background: var(--luna-50); }

/* Auswahl der Varianten einer Familie (z.B. Kinder / Erwachsene) */
.variant-list[b-gc6muz189n] { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.75rem; }
.variant-btn[b-gc6muz189n] { display: flex; justify-content: space-between; align-items: center; min-height: 60px; font-size: 1.1rem; background: var(--cream); border: 1px solid var(--hairline); }
.variant-btn strong[b-gc6muz189n] { color: var(--luna-600); }

/* Laedeli: eigene Keramik aus dem Webshop */
.laedeli-tab[b-gc6muz189n] { font-weight: 600; }
.laedeli-bar[b-gc6muz189n] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; justify-content: space-between; margin: 0.25rem 0 0.75rem; }
.laedeli-hint[b-gc6muz189n] { font-size: 0.85rem; color: var(--muted, #6b6259); }
.laedeli-connect[b-gc6muz189n] { width: 100%; background: var(--surface-2, #f7f1ea); border-radius: 12px; padding: 0.75rem 1rem; }
.laedeli-connect p[b-gc6muz189n] { margin: 0 0 0.5rem; font-size: 0.9rem; }
.laedeli-connect-row[b-gc6muz189n] { display: flex; gap: 0.5rem; }
.laedeli-connect-row input[b-gc6muz189n] { flex: 1; min-width: 0; font-family: monospace; }
.laedeli-error[b-gc6muz189n] { width: 100%; margin: 0; color: #a3341c; font-size: 0.85rem; }
/* /Components/Kasse/ReceiptCard.razor.rz.scp.css */
.receipt-card[b-mvxv7wm6u2] { width: 100%; max-width: 420px; margin: 0 auto; }
.receipt-table[b-mvxv7wm6u2] { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.receipt-table td[b-mvxv7wm6u2] { padding: 0.3rem 0; border-bottom: 1px solid var(--hairline); }
/* kleines Produktfoto vor dem Artikelnamen */
.item-cell[b-mvxv7wm6u2] { display: flex; align-items: center; gap: 0.6rem; }
.receipt-thumb[b-mvxv7wm6u2] { flex: 0 0 auto; width: 40px; height: 40px; object-fit: contain; background: white; border: 1px solid var(--hairline); border-radius: 6px; }
.receipt-thumb.empty[b-mvxv7wm6u2] { background: var(--luna-50); }
.receipt-table td.num[b-mvxv7wm6u2] { text-align: right; }
.receipt-table .subtotal-row td[b-mvxv7wm6u2] { color: var(--muted); font-size: 0.9rem; }
.receipt-table .discount-row td[b-mvxv7wm6u2] { color: var(--luna-700); font-size: 0.85rem; font-style: italic; }
.receipt-total[b-mvxv7wm6u2] { font-size: 1.3rem; font-weight: 700; color: var(--luna-600); }
.receipt-meta[b-mvxv7wm6u2] { color: var(--muted); font-size: 0.85rem; }
.pdf-link[b-mvxv7wm6u2] { display: inline-block; text-align: center; margin-top: 0.75rem; width: 100%; background: var(--cream); text-decoration: none; color: var(--text); }

.item-note[b-mvxv7wm6u2] { color: var(--muted); font-style: italic; }
/* /Components/Kasse/SessionSalesList.razor.rz.scp.css */
.session-sales[b-fappxi5ee5] { margin-top: 1rem; }
.session-sales h2[b-fappxi5ee5] { margin-top: 0; font-size: 1.1rem; }
.table-scroll[b-fappxi5ee5] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.session-sales-table td[b-fappxi5ee5] { white-space: nowrap; }
.session-sales-table[b-fappxi5ee5] { width: 100%; border-collapse: collapse; }
.session-sales-table td[b-fappxi5ee5] { padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--hairline); font-size: 0.9rem; }
.session-sales-table td.num[b-fappxi5ee5] { text-align: right; font-weight: 600; }
.storno-row td[b-fappxi5ee5] { color: #a3231a; }
.void-btn[b-fappxi5ee5] { background: var(--cream); font-size: 0.8rem; padding: 0.3rem 0.6rem; min-height: 44px; }
.storno-label[b-fappxi5ee5] { font-size: 0.8rem; color: var(--muted); font-style: italic; }
/* /Components/Kasse/WeightDialog.razor.rz.scp.css */
h2[b-6i9jelr0rl] { margin: 0 0 0.25rem; font-size: 1.2rem; }
.weight-price[b-6i9jelr0rl] { margin: 0 0 0.75rem; color: var(--muted); font-size: 0.9rem; }
label[b-6i9jelr0rl] { display: block; margin: 0.6rem 0 0.4rem; font-weight: 600; font-size: 0.85rem; }

/* Menge mit grossen Pfeil-Tasten; Tippen auf die Zahl oeffnet den Ziffernblock */
.stepper[b-6i9jelr0rl] { display: flex; align-items: stretch; gap: 0.5rem; }
.step-btn[b-6i9jelr0rl] { flex: 0 0 64px; min-height: 64px; font-size: 1.8rem; font-weight: 700; background: var(--cream); }
.step-btn:disabled[b-6i9jelr0rl] { opacity: 0.35; }
.stepper[b-6i9jelr0rl]  .num-field { flex: 1; min-width: 0; text-align: center; font-size: 1.8rem; font-weight: 700; min-height: 64px; }

.weight-total[b-6i9jelr0rl] { display: flex; justify-content: space-between; align-items: baseline; margin-top: 1rem; padding: 0.7rem 0.9rem; border-radius: 12px; background: var(--luna-50); color: var(--luna-700); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-95arzkrelj] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-95arzkrelj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-j5i1n5qnm1],
.components-reconnect-repeated-attempt-visible[b-j5i1n5qnm1],
.components-reconnect-failed-visible[b-j5i1n5qnm1],
.components-pause-visible[b-j5i1n5qnm1],
.components-resume-failed-visible[b-j5i1n5qnm1],
.components-rejoining-animation[b-j5i1n5qnm1] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-j5i1n5qnm1],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-j5i1n5qnm1],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-j5i1n5qnm1],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-j5i1n5qnm1],
#components-reconnect-modal.components-reconnect-retrying[b-j5i1n5qnm1],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-j5i1n5qnm1],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-j5i1n5qnm1],
#components-reconnect-modal.components-reconnect-failed[b-j5i1n5qnm1],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-j5i1n5qnm1] {
    display: block;
}


#components-reconnect-modal[b-j5i1n5qnm1] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-j5i1n5qnm1 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-j5i1n5qnm1 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-j5i1n5qnm1 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-j5i1n5qnm1]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-j5i1n5qnm1 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-j5i1n5qnm1 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-j5i1n5qnm1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-j5i1n5qnm1 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-j5i1n5qnm1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-j5i1n5qnm1] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-j5i1n5qnm1] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-j5i1n5qnm1] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-j5i1n5qnm1] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-j5i1n5qnm1] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-j5i1n5qnm1] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-j5i1n5qnm1 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-j5i1n5qnm1] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-j5i1n5qnm1 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Abschluesse.razor.rz.scp.css */
.abschluesse-card[b-uebxhn2bwo] { width: 100%; max-width: 960px; margin: 0 auto; }
h1[b-uebxhn2bwo] { margin: 0 0 0.5rem; font-size: 1.4rem; }
.hint[b-uebxhn2bwo] { color: var(--muted); font-size: 0.9rem; }
.table-scroll[b-uebxhn2bwo] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.abschluss-table[b-uebxhn2bwo] { width: 100%; border-collapse: collapse; }
.abschluss-table th[b-uebxhn2bwo] { text-align: left; font-size: 0.8rem; color: var(--muted); padding: 0.4rem 0.5rem; border-bottom: 2px solid var(--hairline); }
.abschluss-table td[b-uebxhn2bwo] { padding: 0.5rem; border-bottom: 1px solid var(--hairline); font-size: 0.9rem; vertical-align: middle; white-space: nowrap; }
.abschluss-table .num[b-uebxhn2bwo] { text-align: right; }
.abschluss-table .diff[b-uebxhn2bwo] { color: #a3231a; font-weight: 600; }
.small[b-uebxhn2bwo] { min-height: 40px; padding: 0.3rem 0.8rem; font-size: 0.85rem; background: var(--cream); text-decoration: none; color: var(--text); display: inline-flex; align-items: center; }
.mail-error[b-uebxhn2bwo] { white-space: normal; max-width: 220px; font-size: 0.75rem; }
/* /Components/Pages/Aktionen.razor.rz.scp.css */
.aktionen-card[b-8o7357po5y] { width: 100%; max-width: 860px; margin: 0 auto; }
h1[b-8o7357po5y] { margin: 0 0 0.5rem; font-size: 1.4rem; }
h2[b-8o7357po5y] { font-size: 1.05rem; margin: 1.4rem 0 0.5rem; color: var(--luna-700); }
.hint[b-8o7357po5y] { color: var(--muted); font-size: 0.9rem; }
.form[b-8o7357po5y] { display: flex; flex-direction: column; gap: 0.7rem; max-width: 520px; }
.form label[b-8o7357po5y] { display: block; font-weight: 600; font-size: 0.85rem; }
.form label > *[b-8o7357po5y] { margin-top: 0.25rem; font-weight: 400; }
.dates[b-8o7357po5y] { display: flex; gap: 0.75rem; }
.dates label[b-8o7357po5y] { flex: 1; }
.table-scroll[b-8o7357po5y] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.aktionen-table[b-8o7357po5y] { width: 100%; border-collapse: collapse; }
.aktionen-table th[b-8o7357po5y] { text-align: left; font-size: 0.8rem; color: var(--muted); padding: 0.4rem 0.5rem; border-bottom: 2px solid var(--hairline); }
.aktionen-table td[b-8o7357po5y] { padding: 0.5rem; border-bottom: 1px solid var(--hairline); font-size: 0.9rem; vertical-align: middle; white-space: nowrap; }
.aktionen-table .num[b-8o7357po5y] { text-align: right; }
.aktionen-table tr.expired td[b-8o7357po5y] { color: var(--muted); }
.sku[b-8o7357po5y] { color: var(--muted); font-size: 0.75rem; margin-left: 0.3rem; }
.status[b-8o7357po5y] { font-size: 0.8rem; font-weight: 700; padding: 0.15rem 0.6rem; border-radius: 12px; background: var(--cream); }
.status.aktiv[b-8o7357po5y] { background: #e3f3e6; color: #2f7a3a; }
.status.geplant[b-8o7357po5y] { background: var(--luna-50); color: var(--luna-700); }
.small[b-8o7357po5y] { min-height: 40px; padding: 0.3rem 0.8rem; font-size: 0.85rem; }
.danger[b-8o7357po5y] { background: #fbeceb; color: #a3231a; }
/* /Components/Pages/BarChart.razor.rz.scp.css */
.chart-wrap[b-ui1tx9z1jb]  .chart { width: 100%; height: auto; display: block; }
.chart-wrap[b-ui1tx9z1jb]  .chart-empty { color: var(--muted); font-size: 0.9rem; margin: 0.5rem 0; }
.chart-wrap[b-ui1tx9z1jb]  .chart-bar { fill: var(--luna-600); }
.chart-wrap[b-ui1tx9z1jb]  .chart-axis { stroke: var(--hairline); stroke-width: 1; }
.chart-wrap[b-ui1tx9z1jb]  .chart-label { fill: var(--text); font-size: 13px; }
.chart-wrap[b-ui1tx9z1jb]  .chart-label.small { font-size: 11px; fill: var(--muted); }
.chart-wrap[b-ui1tx9z1jb]  .chart-value { fill: var(--muted); font-size: 12px; }
.chart-wrap[b-ui1tx9z1jb]  .chart-value.small { font-size: 10px; }
/* /Components/Pages/Fotos.razor.rz.scp.css */
.fotos-card[b-9f2mr02ias] { width: 100%; max-width: 720px; margin: 0 auto; }
.upload-btn[b-9f2mr02ias] { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; overflow: hidden; }
.upload-btn[b-9f2mr02ias]  .file-input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.table-scroll[b-9f2mr02ias] { overflow-x: auto; }
.results-table[b-9f2mr02ias] { width: 100%; border-collapse: collapse; }
.results-table td[b-9f2mr02ias] { padding: 0.35rem 0.5rem; border-bottom: 1px solid var(--hairline); font-size: 0.9rem; white-space: nowrap; }
h2[b-9f2mr02ias] { font-size: 1.05rem; margin-top: 1.25rem; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* Zwei Spalten, in Hoch- und Querformat des iPad Mini (744 / 1133 px): links Katalog
   (scrollt fuer sich), rechts Warenkorb in fester Breite. */
.kasse-layout[b-gpv2gqg9mt] { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 0.75rem; flex: 1 1 auto; min-height: 0; }
.kasse-catalog[b-gpv2gqg9mt] { min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding-right: 2px; }

@media (max-width: 820px) {
    .kasse-layout[b-gpv2gqg9mt] { grid-template-columns: minmax(0, 1fr) 280px; gap: 0.6rem; }
}

/* Schmale Handys: untereinander statt nebeneinander. */
@media (max-width: 560px) {
    .kasse-layout[b-gpv2gqg9mt] { grid-template-columns: minmax(0, 1fr); flex: none; }
    .kasse-catalog[b-gpv2gqg9mt] { overflow: visible; }
}

.handover-banner[b-gpv2gqg9mt] { display: block; flex: 0 0 auto; margin-bottom: 0.6rem; padding: 0.6rem 0.9rem; border-radius: 10px; background: #fff3cd; color: #7a5a00; font-weight: 600; text-decoration: none; }

.reservation-banner[b-gpv2gqg9mt] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem;
    background: #e8eee9; border-radius: 12px; padding: 0.45rem 0.7rem; margin-bottom: 0.6rem;
}
.reservation-banner-title[b-gpv2gqg9mt] { font-weight: 700; color: #3f4f42; font-size: 0.9rem; }
.reservation-chip[b-gpv2gqg9mt] { background: white; border: 1px solid #c9d3cb; color: var(--text); font-size: 0.88rem; min-height: 40px; padding: 0.3rem 0.8rem; }
.reservation-banner-link[b-gpv2gqg9mt] { margin-left: auto; color: #3f4f42; font-size: 0.85rem; }
/* /Components/Pages/Lager.razor.rz.scp.css */
.lager-card[b-ewnglv754b] { width: 100%; max-width: 1100px; margin: 0 auto; }
h1[b-ewnglv754b] { margin: 0 0 0.5rem; font-size: 1.4rem; }
.hint[b-ewnglv754b] { color: var(--muted); font-size: 0.88rem; }
.tiles[b-ewnglv754b] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.6rem; margin: 0.8rem 0; }
.tile[b-ewnglv754b] { background: var(--cream); border: 1px solid var(--hairline); border-radius: 12px; padding: 0.6rem 0.8rem; display: flex; flex-direction: column; font-size: 0.82rem; color: var(--muted); }
.tile .big[b-ewnglv754b] { font-size: 1.5rem; font-weight: 700; color: var(--text); }
.tile.warn[b-ewnglv754b] { background: #fbe3d2; border-color: #eab896; }
.tile.warn .big[b-ewnglv754b] { color: #c85103; }
.tile.soon[b-ewnglv754b] { background: #fdf5d3; border-color: #f0dd8a; }
.tile.soon .big[b-ewnglv754b] { color: #8a6d00; }
.tile.ok .big[b-ewnglv754b] { color: #2f7a3a; }
.filters[b-ewnglv754b] { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 0.6rem; flex-wrap: wrap; }
.filters .btn[b-ewnglv754b] { background: white; border: 1px solid var(--hairline); color: var(--text); }
.filters .btn.on[b-ewnglv754b] { background: var(--luna-600); color: white; border-color: var(--luna-600); }
.filters input[b-ewnglv754b] { flex: 1; min-width: 160px; }
.table-scroll[b-ewnglv754b] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.lager-table[b-ewnglv754b] { width: 100%; border-collapse: collapse; }
.lager-table th[b-ewnglv754b] { text-align: left; font-size: 0.78rem; color: var(--muted); padding: 0.4rem 0.45rem; border-bottom: 2px solid var(--hairline); vertical-align: bottom; }
.lager-table td[b-ewnglv754b] { padding: 0.4rem 0.45rem; border-bottom: 1px solid var(--hairline); font-size: 0.9rem; vertical-align: middle; }
.lager-table td:first-child[b-ewnglv754b] { min-width: 11rem; }
.lager-table .num[b-ewnglv754b] { text-align: right; white-space: nowrap; }
.lager-table .strong[b-ewnglv754b] { font-weight: 700; }
tr.short td.strong[b-ewnglv754b], tr.out td.strong[b-ewnglv754b] { color: #a3231a; }
tr.reorder td.strong[b-ewnglv754b] { color: #c85103; }
tr.soon td.strong[b-ewnglv754b] { color: #8a6d00; }
.sku[b-ewnglv754b] { color: var(--muted); font-size: 0.75rem; margin-left: 0.3rem; }
.min[b-ewnglv754b] { width: 4.2rem; text-align: right; min-height: 38px; padding: 0.2rem 0.4rem; }
.min.default[b-ewnglv754b] { color: var(--muted); }
.status[b-ewnglv754b] { font-size: 0.78rem; font-weight: 700; padding: 0.15rem 0.6rem; border-radius: 12px; background: #e3f3e6; color: #2f7a3a; white-space: nowrap; }
.status.reorder[b-ewnglv754b] { background: #c85103; color: white; }
.status.soon[b-ewnglv754b] { background: #fbe9a6; color: #6b5300; }
.status.out[b-ewnglv754b], .status.short[b-ewnglv754b] { background: #fbeceb; color: #a3231a; }
@media (max-width: 700px) { .tiles[b-ewnglv754b] { grid-template-columns: repeat(2, 1fr); } }

.lager-table th.sortable[b-ewnglv754b] { cursor: pointer; user-select: none; -webkit-user-select: none; }
.lager-table th.sortable:hover[b-ewnglv754b] { color: var(--luna-700); }
.lager-table th.sorted[b-ewnglv754b] { color: var(--luna-700); }
.lager-table th .arrow[b-ewnglv754b] { font-size: 0.7rem; }
/* /Components/Pages/Reservationen.razor.rz.scp.css */
.res-card[b-k4869mnn0b] { width: 100%; max-width: 860px; margin: 0 auto; }
.res-head[b-k4869mnn0b] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
h1[b-k4869mnn0b] { margin: 0; font-size: 1.4rem; }
h2[b-k4869mnn0b] { font-size: 1.05rem; margin: 1.4rem 0 0.5rem; color: var(--luna-700); }
h3[b-k4869mnn0b] { font-size: 0.95rem; margin: 1rem 0 0.4rem; }
.hint[b-k4869mnn0b] { color: var(--muted); font-size: 0.88rem; }
.editor[b-k4869mnn0b] { background: var(--cream); border: 1px solid var(--hairline); border-radius: 14px; padding: 0.8rem 1rem 1rem; display: flex; flex-direction: column; gap: 0.6rem; }
.editor h2[b-k4869mnn0b] { margin-top: 0.2rem; }
.editor label[b-k4869mnn0b], .pay .label[b-k4869mnn0b] { display: block; font-weight: 600; font-size: 0.85rem; }
.editor label > input[b-k4869mnn0b] { margin-top: 0.25rem; font-weight: 400; width: 100%; }
.editor input[b-k4869mnn0b] { width: 100%; }
.row2[b-k4869mnn0b] { display: flex; gap: 0.75rem; }
.row2 label[b-k4869mnn0b] { flex: 1; }
.seg[b-k4869mnn0b] { display: flex; gap: 0.4rem; margin: 0.3rem 0; }
.seg .btn[b-k4869mnn0b] { flex: 1; background: white; border: 1px solid var(--hairline); color: var(--text); }
.seg .btn.on[b-k4869mnn0b] { background: var(--luna-600); color: white; border-color: var(--luna-600); }
.hits[b-k4869mnn0b] { list-style: none; margin: 0; padding: 0.3rem; background: white; border: 1px solid var(--hairline); border-radius: 10px; }
.hit[b-k4869mnn0b] { width: 100%; text-align: left; background: none; border: 0; padding: 0.5rem 0.6rem; border-radius: 8px; min-height: var(--tap-target); font: inherit; color: var(--text); cursor: pointer; }
.hit:hover[b-k4869mnn0b] { background: var(--luna-50); }
.lines[b-k4869mnn0b] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.3rem; }
.lines li[b-k4869mnn0b] { display: flex; align-items: center; gap: 0.5rem; background: white; border: 1px solid var(--hairline); border-radius: 10px; padding: 0.35rem 0.6rem; }
.grow[b-k4869mnn0b] { flex: 1; min-width: 0; }
.qty-btn[b-k4869mnn0b] { width: var(--tap-target); height: var(--tap-target); border-radius: 10px; border: 1px solid var(--hairline); background: var(--cream); font-size: 1.2rem; color: var(--text); }
.qty[b-k4869mnn0b] { min-width: 2rem; text-align: center; font-weight: 700; }
.warn[b-k4869mnn0b] { color: #a3231a; font-size: 0.8rem; margin-top: 0.15rem; }
.actions[b-k4869mnn0b] { display: flex; gap: 0.5rem; justify-content: flex-end; }
.muted[b-k4869mnn0b] { color: var(--muted); }
.small[b-k4869mnn0b] { font-size: 0.82rem; }
.btn.small[b-k4869mnn0b] { min-height: 40px; padding: 0.3rem 0.8rem; font-size: 0.85rem; }
.danger[b-k4869mnn0b] { background: #fbeceb; color: #a3231a; }

[b-k4869mnn0b] .rcard { border: 1px solid var(--hairline); border-radius: 14px; padding: 0.7rem 0.9rem; margin-bottom: 0.6rem; background: white; }
[b-k4869mnn0b] .rcard.late { border-color: #e7b9a2; }
[b-k4869mnn0b] .rcard.done { opacity: 0.7; }
[b-k4869mnn0b] .rcard-top { display: flex; gap: 0.8rem; align-items: flex-start; }
[b-k4869mnn0b] .rdate { display: flex; flex-direction: column; align-items: center; min-width: 3.4rem; padding: 0.3rem; border-radius: 10px; background: var(--luna-50); color: var(--luna-700); }
[b-k4869mnn0b] .rdate .dow { font-size: 0.72rem; text-transform: uppercase; }
[b-k4869mnn0b] .rdate .day { font-weight: 700; }
[b-k4869mnn0b] .rname { margin: 0; font-weight: 700; }
[b-k4869mnn0b] .occ { font-weight: 400; color: var(--muted); font-size: 0.85rem; margin-left: 0.3rem; }
[b-k4869mnn0b] .rmeta { margin: 0.25rem 0 0; display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; font-size: 0.8rem; }
[b-k4869mnn0b] .rnote { margin: 0.3rem 0 0; font-size: 0.85rem; }
[b-k4869mnn0b] .pill { padding: 0.1rem 0.55rem; border-radius: 12px; background: var(--cream); font-weight: 600; }
[b-k4869mnn0b] .pill.paid { background: #e3f3e6; color: #2f7a3a; }
[b-k4869mnn0b] .pill.open { background: #fdf0d9; color: #8a5a07; }
[b-k4869mnn0b] .pill.late { background: #fbeceb; color: #a3231a; }
[b-k4869mnn0b] .pill.today { background: var(--luna-600); color: white; }
[b-k4869mnn0b] .ritems { list-style: none; margin: 0.5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.3rem 1rem; font-size: 0.9rem; }
[b-k4869mnn0b] .ractions { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.6rem; justify-content: flex-end; }
/* /Components/Pages/Sortiment.razor.rz.scp.css */
.sortiment-card[b-ot7zzeg6nj] { width: 100%; max-width: 640px; margin: 0 auto; }
h1[b-ot7zzeg6nj] { margin: 0 0 0.5rem; font-size: 1.4rem; }
.hint[b-ot7zzeg6nj] { color: var(--muted); font-size: 0.9rem; }
.pdf-btn[b-ot7zzeg6nj] { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; margin-top: 0.75rem; text-decoration: none; }
/* /Components/Pages/Statistik.razor.rz.scp.css */
.stats-card[b-ao6h7lew0i] { width: 100%; max-width: 1000px; margin: 0 auto; }
.head[b-ao6h7lew0i] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
h1[b-ao6h7lew0i] { margin: 0; font-size: 1.4rem; }
h2[b-ao6h7lew0i] { font-size: 1.05rem; margin: 1.3rem 0 0.4rem; color: var(--luna-700); }
.pdf-btn[b-ao6h7lew0i] { display: inline-flex; align-items: center; background: var(--cream); text-decoration: none; color: var(--text); }
.filters[b-ao6h7lew0i] { margin: 0.8rem 0; padding: 0.7rem; border-radius: 12px; background: var(--cream); }
.presets[b-ao6h7lew0i] { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.6rem; }
.chip[b-ao6h7lew0i] { min-height: 44px; padding: 0.3rem 0.9rem; border-radius: 22px; background: white; border: 1px solid var(--hairline); font-weight: 600; }
.top-head[b-ao6h7lew0i] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; margin: 2.2rem 0 0.6rem; }
.top-head h2[b-ao6h7lew0i] { margin: 0; }
/* kleiner Umschalter (zwei zusammenhaengende Felder) statt grosser Knoepfe */
.top-sort[b-ao6h7lew0i] { display: inline-flex; border: 1px solid var(--hairline); border-radius: 16px; overflow: hidden; background: white; }
.top-sort .chip[b-ao6h7lew0i] { min-height: 30px; min-width: 0; padding: 0.1rem 0.85rem; border: none; border-radius: 0; font-size: 0.8rem; font-weight: 600; background: transparent; color: var(--muted); }
.top-sort .chip.active[b-ao6h7lew0i] { background: var(--luna-600); color: white; }
.chip.active[b-ao6h7lew0i] { background: var(--luna-600); color: white; border-color: var(--luna-600); }
.filter-row[b-ao6h7lew0i] { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.filter-row label[b-ao6h7lew0i] { display: flex; flex-direction: column; font-size: 0.78rem; font-weight: 600; gap: 0.2rem; flex: 1 1 150px; min-width: 130px; }
.kpis[b-ao6h7lew0i] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 0.6rem; margin: 0.8rem 0; }
.kpi[b-ao6h7lew0i] { background: var(--cream); border-radius: 12px; padding: 0.7rem 0.8rem; display: flex; flex-direction: column; }
.kpi span[b-ao6h7lew0i] { font-size: 0.75rem; color: var(--muted); }
.kpi strong[b-ao6h7lew0i] { font-size: 1.2rem; }
.two-col[b-ao6h7lew0i] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 760px) { .two-col[b-ao6h7lew0i] { grid-template-columns: 1fr; } }
.hint[b-ao6h7lew0i] { color: var(--muted); font-size: 0.85rem; }
.table-scroll[b-ao6h7lew0i] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.stats-table[b-ao6h7lew0i] { width: 100%; border-collapse: collapse; }
.stats-table th[b-ao6h7lew0i] { text-align: left; font-size: 0.8rem; color: var(--muted); padding: 0.4rem 0.5rem; border-bottom: 2px solid var(--hairline); }
.stats-table td[b-ao6h7lew0i] { padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--hairline); font-size: 0.9rem; }
.stats-table .num[b-ao6h7lew0i] { text-align: right; white-space: nowrap; }
.stats-table .muted[b-ao6h7lew0i] { color: var(--muted); }
.stats-table .total-row td[b-ao6h7lew0i] { font-weight: 700; border-top: 2px solid var(--hairline); }
/* /Components/Pages/Uebergabe.razor.rz.scp.css */
.uebergabe-card[b-bpy3jjqoxu] { width: 100%; max-width: 900px; margin: 0 auto; }
.head[b-bpy3jjqoxu] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
h1[b-bpy3jjqoxu] { margin: 0; font-size: 1.4rem; }
.hint[b-bpy3jjqoxu] { color: var(--muted); font-size: 0.9rem; }
.table-scroll[b-bpy3jjqoxu] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.handover-table[b-bpy3jjqoxu] { width: 100%; border-collapse: collapse; }
.handover-table th[b-bpy3jjqoxu] { text-align: left; font-size: 0.8rem; color: var(--muted); padding: 0.4rem 0.5rem; border-bottom: 2px solid var(--hairline); }
.handover-table td[b-bpy3jjqoxu] { padding: 0.5rem; border-bottom: 1px solid var(--hairline); font-size: 0.9rem; vertical-align: top; }
.handover-table .num[b-bpy3jjqoxu] { text-align: right; white-space: nowrap; }
.nrs[b-bpy3jjqoxu] { font-size: 0.8rem; color: var(--muted); white-space: nowrap; }
.pending[b-bpy3jjqoxu] { color: #7a5a00; font-weight: 600; }