@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Pages/AdminOverview.razor.rz.scp.css */
.adminOverviewShell[b-a16g4ol8la] {
    min-height: calc(100vh - 3.75rem);
    padding: 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 28%),
        linear-gradient(180deg, #eff6ff 0%, #f8fafc 46%, #e2e8f0 100%);
}

.adminOverviewHero[b-a16g4ol8la] {
    max-width: 1100px;
    margin: 0 auto 1.25rem;
    padding: 1.5rem;
    border-radius: 24px;
    color: #e2e8f0;
    background: linear-gradient(135deg, #0f172a 0%, #1d4e89 62%, #0f766e 100%);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}

.adminOverviewEyebrow[b-a16g4ol8la] {
    margin-bottom: 0.65rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.78);
}

.adminOverviewHero h1[b-a16g4ol8la] {
    margin: 0 0 0.75rem;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    color: #fff;
}

.adminOverviewHero p[b-a16g4ol8la] {
    max-width: 48rem;
    margin: 0;
    font-size: 1rem;
    line-height: 1.65;
}

.adminOverviewMeta[b-a16g4ol8la] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
    margin-top: 1.3rem;
}

.adminOverviewMetaItem[b-a16g4ol8la] {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.22);
}

.adminOverviewMetaLabel[b-a16g4ol8la] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.72);
}

.adminOverviewMetaValue[b-a16g4ol8la] {
    display: block;
    word-break: break-word;
    color: #fff;
    font-weight: 600;
}

.adminOverviewGrid[b-a16g4ol8la] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    max-width: 1100px;
    margin: 0 auto;
}

.adminOverviewCard[b-a16g4ol8la] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-height: 260px;
    padding: 1.4rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
}

.adminOverviewCard--planned[b-a16g4ol8la] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.96)),
        repeating-linear-gradient(-45deg, rgba(148, 163, 184, 0.08), rgba(148, 163, 184, 0.08) 10px, transparent 10px, transparent 20px);
}

.adminOverviewCardIcon[b-a16g4ol8la] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border-radius: 16px;
    font-size: 1.05rem;
    color: #0f172a;
    background: linear-gradient(135deg, #7dd3fc 0%, #bfdbfe 100%);
}

.adminOverviewCardTitle[b-a16g4ol8la] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
}

.adminOverviewCard p[b-a16g4ol8la] {
    margin: 0;
    color: #334155;
    line-height: 1.55;
}

.adminOverviewFooter[b-a16g4ol8la] {
    margin-top: auto;
    padding-top: 0.45rem;
    display: flex;
    align-items: center;
}

.adminOverviewPrimaryLink[b-a16g4ol8la] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border-radius: 16px;
    text-decoration: none;
    font-weight: 600;
}

.adminOverviewFooter[b-a16g4ol8la]  a.adminOverviewLink,
.adminOverviewActionBtn[b-a16g4ol8la] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border: none;
    border-radius: 16px;
    color: #14532d;
    text-decoration: none;
    font-weight: 600;
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    box-shadow: 0 10px 24px rgba(34, 197, 94, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.adminOverviewFooter[b-a16g4ol8la]  a.adminOverviewLink:hover,
.adminOverviewFooter[b-a16g4ol8la]  a.adminOverviewLink.active,
.adminOverviewActionBtn:hover[b-a16g4ol8la] {
    color: #14532d;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(34, 197, 94, 0.24);
}

.adminOverviewFooter[b-a16g4ol8la]  a.adminOverviewLink::after,
.adminOverviewActionBtn[b-a16g4ol8la]::after {
    content: ">";
    font-size: 1rem;
    flex-shrink: 0;
}

.adminOverviewActions[b-a16g4ol8la] {
    margin-top: 1rem;
}

.adminOverviewActions[b-a16g4ol8la]  a.adminOverviewPrimaryLink {
    width: fit-content;
    color: #0f172a;
    background: #f8fafc;
}

.adminOverviewBadge[b-a16g4ol8la] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #0f172a;
    background: #fde68a;
}

.adminOverviewBadge.is-success[b-a16g4ol8la] {
    color: #14532d;
    background: #bbf7d0;
}

.adminOverviewBadge.is-warning[b-a16g4ol8la] {
    color: #7c2d12;
    background: #fed7aa;
}

.adminOverviewBadge.is-danger[b-a16g4ol8la] {
    color: #7f1d1d;
    background: #fecaca;
}

.adminLicenseSummary[b-a16g4ol8la] {
    display: grid;
    gap: 0.6rem;
}

.adminLicenseSummary > div[b-a16g4ol8la],
.adminLicenseHeroMeta > div[b-a16g4ol8la] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.adminLicenseSummary span[b-a16g4ol8la],
.adminLicenseHeroMeta span[b-a16g4ol8la],
.adminLicenseMetric span[b-a16g4ol8la] {
    color: #64748b;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.adminLicenseSummary strong[b-a16g4ol8la],
.adminLicenseHeroMeta strong[b-a16g4ol8la],
.adminLicenseMetric strong[b-a16g4ol8la] {
    color: #0f172a;
    font-size: 1rem;
}

.adminLicenseDialog[b-a16g4ol8la] {
    width: min(1180px, calc(100vw - 2rem));
}

.adminLicenseHero[b-a16g4ol8la] {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 22px;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 42%, #dcfce7 100%);
}

.adminLicenseHeroMeta[b-a16g4ol8la] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.adminLicenseSection[b-a16g4ol8la] {
    margin-top: 1rem;
}

.adminLicenseGrid[b-a16g4ol8la] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.adminLicenseGrid--detail[b-a16g4ol8la] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.adminLicenseMetric[b-a16g4ol8la] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
    border-radius: 16px;
}

.adminLicenseMetric.is-success[b-a16g4ol8la] {
    background: rgba(220, 252, 231, 0.96);
}

.adminLicenseMetric.is-danger[b-a16g4ol8la] {
    background: rgba(254, 226, 226, 0.96);
}

.adminUpgradeGrid[b-a16g4ol8la] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.adminUpgradeCard[b-a16g4ol8la] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
}

.adminUpgradeCard.is-basic-main[b-a16g4ol8la] {
    grid-column: 1;
    grid-row: 1;
}

.adminUpgradeCard.is-professional-main[b-a16g4ol8la] {
    grid-column: 2;
    grid-row: 1;
}

.adminUpgradeCard.is-enterprise[b-a16g4ol8la] {
    grid-column: 3;
    grid-row: 1;
}

.adminUpgradeCard.is-basic-sub[b-a16g4ol8la] {
    grid-column: 1;
    grid-row: 2;
}

.adminUpgradeCard.is-professional-sub[b-a16g4ol8la] {
    grid-column: 2;
    grid-row: 2;
}

.adminUpgradeCard p[b-a16g4ol8la] {
    margin: 0;
}

.adminUpgradeTitle[b-a16g4ol8la] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}

.adminUpgradePrice[b-a16g4ol8la] {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.1;
    min-height: 1.6rem;
    color: #0f172a;
}

.adminUpgradePrice.is-empty[b-a16g4ol8la] {
    visibility: hidden;
}

.adminUpgradeBadge[b-a16g4ol8la] {
    align-self: flex-start;
}

.adminUpgradeFeatureList[b-a16g4ol8la] {
    margin: 0;
    padding-left: 1.1rem;
    color: #334155;
}

.adminUpgradeFeatureList li + li[b-a16g4ol8la] {
    margin-top: 0.3rem;
}

.adminUpgradeCardSpacer[b-a16g4ol8la] {
    margin-top: auto;
}

.adminUpgradeActionBtn[b-a16g4ol8la] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    min-height: 2.85rem;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 16px;
    color: #082f49;
    font-weight: 700;
    text-decoration: none;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 52%, #dcfce7 100%);
    box-shadow: 0 10px 24px rgba(59, 130, 246, 0.16);
}

.adminUpgradeActionBtn--link[b-a16g4ol8la] {
    width: 100%;
}

.adminUpgradeActionBtn--paypal[b-a16g4ol8la] {
    color: #ffffff;
    background: linear-gradient(135deg, #0070e0 0%, #003087 100%);
    box-shadow: 0 12px 28px rgba(0, 112, 224, 0.28);
}

.adminUpgradeActionBtn--contact[b-a16g4ol8la] {
    color: #713f12;
    background: linear-gradient(135deg, #fde68a 0%, #facc15 100%);
    box-shadow: 0 12px 28px rgba(234, 179, 8, 0.24);
}

.adminUpgradePayPalLogo[b-a16g4ol8la] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    font-size: 1.1rem;
    font-style: italic;
    font-weight: 900;
    background: #ffffff;
    overflow: hidden;
}

.adminUpgradePayPalLogo img[b-a16g4ol8la] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adminUpgradeContactMail[b-a16g4ol8la] {
    margin-top: 0.1rem;
    color: #0f172a;
    font-weight: 700;
    word-break: break-word;
}

.adminFeedbackOverlay[b-a16g4ol8la] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.46);
    backdrop-filter: blur(6px);
    z-index: var(--z-popup-backdrop, 20000);
}

.adminFeedbackDialog[b-a16g4ol8la] {
    position: fixed;
    top: calc(var(--app-topbar-height, 3.75rem) + 1rem);
    left: 50%;
    transform: translateX(-50%);
    width: min(1120px, calc(100vw - 2rem));
    max-height: calc(100dvh - var(--app-topbar-height, 3.75rem) - 2rem);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.35rem 1rem 1.35rem 1.35rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.8) transparent;
    z-index: var(--z-popup-surface, 20010);
}

.adminFeedbackDialog[b-a16g4ol8la]::-webkit-scrollbar {
    width: 10px;
}

.adminFeedbackDialog[b-a16g4ol8la]::-webkit-scrollbar-track {
    margin: 0.8rem 0;
    background: transparent;
}

.adminFeedbackDialog[b-a16g4ol8la]::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(100, 116, 139, 0.78);
    background-clip: padding-box;
}

.adminFeedbackDialog[b-a16g4ol8la]::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.adminFeedbackDialogHeader[b-a16g4ol8la] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.adminFeedbackDialogHeader h2[b-a16g4ol8la] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.25rem, 2.4vw, 1.7rem);
}

.adminFeedbackEyebrow[b-a16g4ol8la] {
    margin-bottom: 0.35rem;
    color: #0f766e;
}

.adminFeedbackHint[b-a16g4ol8la] {
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.94rem;
}

.adminFeedbackClose[b-a16g4ol8la] {
    width: 2.8rem;
    height: 2.8rem;
    border: none;
    border-radius: 999px;
    background: #e2e8f0;
    color: #0f172a;
    font-size: 1.4rem;
}

.adminFeedbackGrid[b-a16g4ol8la] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 1rem;
}

.adminFeedbackPanel[b-a16g4ol8la] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1.2rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(241, 245, 249, 0.96));
}

.adminFeedbackPanelTitle[b-a16g4ol8la] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}

.adminFeedbackField[b-a16g4ol8la] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.adminFeedbackField label[b-a16g4ol8la],
.adminFeedbackResponseLabel[b-a16g4ol8la] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #334155;
}

.adminFeedbackInput[b-a16g4ol8la],
.adminFeedbackTextarea[b-a16g4ol8la] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    background: #fff;
    color: #0f172a;
    padding: 0.8rem 0.9rem;
    box-sizing: border-box;
}

.adminFeedbackTextarea[b-a16g4ol8la] {
    min-height: 140px;
    resize: vertical;
}

.adminFeedbackTextarea--compact[b-a16g4ol8la] {
    min-height: 96px;
}

.adminFeedbackActionRow[b-a16g4ol8la],
.adminFeedbackEntryFooter[b-a16g4ol8la] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.adminFeedbackPrimaryBtn[b-a16g4ol8la],
.adminFeedbackSecondaryBtn[b-a16g4ol8la] {
    border: none;
    border-radius: 14px;
    min-height: 2.8rem;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.adminFeedbackPrimaryBtn[b-a16g4ol8la] {
    color: #14532d;
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    box-shadow: 0 10px 24px rgba(34, 197, 94, 0.18);
}

.adminFeedbackSecondaryBtn[b-a16g4ol8la] {
    color: #0f172a;
    background: #e2e8f0;
}

.adminFeedbackSecondaryBtn.is-resolve[b-a16g4ol8la] {
    color: #14532d;
    background: #dcfce7;
}

.adminFeedbackEmpty[b-a16g4ol8la] {
    padding: 1rem;
    border-radius: 16px;
    background: rgba(226, 232, 240, 0.72);
    color: #475569;
}

.adminFeedbackList[b-a16g4ol8la] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.adminFeedbackEntry[b-a16g4ol8la] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
}

.adminFeedbackToggle[b-a16g4ol8la] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    text-align: left;
    color: inherit;
}

.adminFeedbackToggle[b-a16g4ol8la]::after {
    content: ">";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: linear-gradient(180deg, #ffffff 0%, #e2e8f0 100%);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1;
    flex-shrink: 0;
    transform: rotate(0deg);
    transition: transform 0.18s ease;
}

.adminFeedbackToggle.is-open[b-a16g4ol8la]::after {
    transform: rotate(90deg);
}

.adminFeedbackEntryHead[b-a16g4ol8la] {
    min-width: 0;
}

.adminFeedbackEntryTitle[b-a16g4ol8la] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.adminFeedbackEntryMeta[b-a16g4ol8la] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.adminFeedbackTag[b-a16g4ol8la] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #0f172a;
    background: #dbeafe;
}

.adminFeedbackTag.is-open[b-a16g4ol8la] {
    color: #7c2d12;
    background: #fed7aa;
}

.adminFeedbackTag.is-progress[b-a16g4ol8la] {
    color: #1d4ed8;
    background: #bfdbfe;
}

.adminFeedbackTag.is-done[b-a16g4ol8la] {
    color: #14532d;
    background: #bbf7d0;
}

.adminFeedbackTag.is-closed[b-a16g4ol8la] {
    color: #475569;
    background: #e2e8f0;
}

.adminFeedbackTag.is-waiting[b-a16g4ol8la] {
    color: #854d0e;
    background: #fde68a;
}

.adminFeedbackTag.is-userdone[b-a16g4ol8la] {
    color: #166534;
    background: #bbf7d0;
}

.adminFeedbackMetaText[b-a16g4ol8la] {
    color: #64748b;
    font-size: 0.86rem;
}

.adminFeedbackDescription[b-a16g4ol8la],
.adminFeedbackResponseText[b-a16g4ol8la] {
    color: #334155;
    line-height: 1.6;
    white-space: pre-wrap;
}

.adminFeedbackResponse[b-a16g4ol8la] {
    padding: 0.9rem 1rem;
    border-radius: 16px;
    background: rgba(226, 232, 240, 0.48);
}

@media (max-width: 640px) {
    .adminOverviewShell[b-a16g4ol8la] {
        padding: 1rem;
    }

    .adminOverviewHero[b-a16g4ol8la],
    .adminOverviewCard[b-a16g4ol8la] {
        padding: 1.15rem;
        border-radius: 18px;
    }

    .adminFeedbackDialog[b-a16g4ol8la] {
        top: calc(var(--app-topbar-height, 3.75rem) + 0.75rem);
        width: calc(100vw - 1rem);
        max-height: calc(100dvh - var(--app-topbar-height, 3.75rem) - 1rem);
        padding: 1rem;
        border-radius: 20px;
    }

    .adminFeedbackGrid[b-a16g4ol8la] {
        grid-template-columns: 1fr;
    }

    .adminLicenseHeroMeta[b-a16g4ol8la],
    .adminLicenseGrid[b-a16g4ol8la],
    .adminLicenseGrid--detail[b-a16g4ol8la],
    .adminUpgradeGrid[b-a16g4ol8la] {
        grid-template-columns: 1fr;
    }

    .adminUpgradeCard.is-basic-main[b-a16g4ol8la],
    .adminUpgradeCard.is-professional-main[b-a16g4ol8la],
    .adminUpgradeCard.is-enterprise[b-a16g4ol8la],
    .adminUpgradeCard.is-basic-sub[b-a16g4ol8la],
    .adminUpgradeCard.is-professional-sub[b-a16g4ol8la] {
        grid-column: auto;
        grid-row: auto;
    }
}
/* /Pages/AGB.razor.rz.scp.css */
.legal-page[b-11gkrfhiwn] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 38%),
        radial-gradient(circle at 90% 85%, rgba(255, 196, 72, 0.20), transparent 45%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 55%, #1f2937 100%);
    color: #f8fafc;
}

.legal-card[b-11gkrfhiwn] {
    width: min(760px, 96vw);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.9rem;
    padding: clamp(1.2rem, 2vw, 2rem);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
}

.legal-card h1[b-11gkrfhiwn] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    font-weight: 800;
}

.legal-card p[b-11gkrfhiwn] {
    margin: 0;
    line-height: 1.6;
    color: #dbeafe;
}

.legal-actions[b-11gkrfhiwn] {
    margin-top: 0.4rem;
}

.legal-btn[b-11gkrfhiwn] {
    border: 0;
    border-radius: 12px;
    padding: 0.72rem 1.05rem;
    font-weight: 800;
    cursor: pointer;
    background: #f59e0b;
    color: #111827;
}
/* /Pages/ArticleConfig/ArticleGroupsTab.razor.rz.scp.css */
.articleGroupsTab[b-hqs8l66nrr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.articleGroupsTab_Header[b-hqs8l66nrr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.articleGroupsTab_HeaderActionsRow[b-hqs8l66nrr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.articleGroupsTab_LicenseStatus[b-hqs8l66nrr] {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.articleGroupsTab_LicenseStatus.is-limit-available[b-hqs8l66nrr] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.articleGroupsTab_LicenseStatus.is-limit-reached[b-hqs8l66nrr] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.articleGroupsTab_Title[b-hqs8l66nrr] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
}

.articleGroupsTab_Subtitle[b-hqs8l66nrr] {
    color: #64748b;
    font-size: 0.95rem;
}

.articleGroupsTab_AddBtn[b-hqs8l66nrr],
.articleGroupsTab_PrimaryBtn[b-hqs8l66nrr],
.articleGroupsTab_SecondaryBtn[b-hqs8l66nrr],
.articleGroupsTab_DangerBtn[b-hqs8l66nrr] {
    border: 0;
    border-radius: 12px;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.articleGroupsTab_AddBtn[b-hqs8l66nrr],
.articleGroupsTab_PrimaryBtn[b-hqs8l66nrr] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: #fff;
}

.articleGroupsTab_SecondaryBtn[b-hqs8l66nrr] {
    background: #e2e8f0;
    color: #334155;
}

.articleGroupsTab_DangerBtn[b-hqs8l66nrr] {
    background: #dc2626;
    color: #fff;
}

.articleGroupsTab_AddBtn[b-hqs8l66nrr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.articleGroupsTab_List[b-hqs8l66nrr] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.articleGroupsTab_GridHeader[b-hqs8l66nrr],
.articleGroupsTab_Row[b-hqs8l66nrr] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(220px, 1.15fr) minmax(240px, 1fr) 90px 110px 92px;
    gap: 0.75rem;
    align-items: center;
}

.articleGroupsTab_GridHeader[b-hqs8l66nrr] {
    padding: 0.15rem 0.95rem 0.45rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3ea;
}

.articleGroupsTab_HeaderActions[b-hqs8l66nrr] {
    text-align: center;
}

.articleGroupsTab_GridHeader > div:nth-child(4)[b-hqs8l66nrr] {
    text-align: center;
}

.articleGroupsTab_Row[b-hqs8l66nrr] {
    padding: 0.68rem 0.95rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.articleGroupsTab_Row:hover[b-hqs8l66nrr] {
    border-color: #cbd5e1;
    background: #fcfdff;
}

.articleGroupsTab_Main[b-hqs8l66nrr] {
    min-width: 0;
    padding-right: 0.35rem;
}

.articleGroupsTab_Name[b-hqs8l66nrr] {
    font-size: 0.96rem;
    font-weight: 650;
    color: #0f172a;
}

.articleGroupsTab_Column[b-hqs8l66nrr] {
    min-width: 0;
    padding-left: 0.85rem;
    border-left: 1px solid #e2e8f0;
}

.articleGroupsTab_CellLabel[b-hqs8l66nrr] {
    display: none;
    margin-bottom: 0.18rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.articleGroupsTab_CellValue[b-hqs8l66nrr],
.articleGroupsTab_NumberRanges[b-hqs8l66nrr] {
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.35;
}

.articleGroupsTab_NumberRanges[b-hqs8l66nrr] {
    min-width: 0;
}

.articleGroupsTab_NumberRangeBadges[b-hqs8l66nrr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.articleGroupsTab_NumberRangeBadge[b-hqs8l66nrr] {
    display: inline-flex;
    align-items: center;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f4c81;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.2;
}

.articleGroupsTab_NumberRangeBadge.is-empty[b-hqs8l66nrr] {
    background: #e5e7eb;
    color: #475569;
}

.articleGroupsTab_SortOrder[b-hqs8l66nrr] {
    text-align: center;
}

.articleGroupsTab_SortOrder .articleGroupsTab_CellValue[b-hqs8l66nrr] {
    font-variant-numeric: tabular-nums;
}

.articleGroupsTab_Row > .articleGroupsTab_Column:nth-child(4)[b-hqs8l66nrr] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.articleGroupsTab_Status[b-hqs8l66nrr] {
    display: inline-flex;
    justify-self: center;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.articleGroupsTab_Status.is-active[b-hqs8l66nrr] {
    background: #dcfce7;
    color: #166534;
}

.articleGroupsTab_Status.is-inactive[b-hqs8l66nrr] {
    background: #fee2e2;
    color: #b91c1c;
}

.articleGroupsTab_Actions[b-hqs8l66nrr] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    padding-left: 0.85rem;
    border-left: 1px solid #e2e8f0;
}

.articleGroupsTab_IconBtn[b-hqs8l66nrr] {
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
}

.articleGroupsTab_IconBtn.is-danger[b-hqs8l66nrr] {
    background: #fee2e2;
    color: #b91c1c;
}

.articleGroupsTab_Overlay[b-hqs8l66nrr] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
}

.articleGroupsTab_Dialog[b-hqs8l66nrr],
.articleGroupsTab_ConfirmDialog[b-hqs8l66nrr] {
    width: min(760px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
}

.articleGroupsTab_ConfirmDialog[b-hqs8l66nrr] {
    width: min(420px, 100%);
    padding: 1.25rem;
}

.articleGroupsTab_DialogHeader[b-hqs8l66nrr] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
}

.articleGroupsTab_DialogHeader h3[b-hqs8l66nrr] {
    margin: 0;
    font-size: 1.25rem;
}

.articleGroupsTab_DialogEyebrow[b-hqs8l66nrr] {
    margin-bottom: 0.3rem;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(253, 224, 71, 0.9);
    font-weight: 800;
}

.articleGroupsTab_CloseBtn[b-hqs8l66nrr] {
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.3rem;
}

.articleGroupsTab_Form[b-hqs8l66nrr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.25rem;
}

.articleGroupsTab_Field[b-hqs8l66nrr] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.articleGroupsTab_Field label[b-hqs8l66nrr] {
    font-weight: 700;
    color: #475569;
}

.articleGroupsTab_Field-full[b-hqs8l66nrr] {
    grid-column: 1 / -1;
}

.articleGroupsTab_FieldHeader[b-hqs8l66nrr] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.articleGroupsTab_InfoTrigger[b-hqs8l66nrr] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.articleGroupsTab_Input[b-hqs8l66nrr] {
    width: 100%;
    min-height: 46px;
    padding: 0.75rem 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
}

.articleGroupsTab_Field-checkbox[b-hqs8l66nrr] {
    justify-content: end;
}

.articleGroupsTab_CheckboxLabel[b-hqs8l66nrr] {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 3rem;
    padding: 0.82rem 0.98rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.articleGroupsTab_Checkbox[b-hqs8l66nrr] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #2563eb;
}

.articleGroupsTab_NumberRangeCheckbox[b-hqs8l66nrr] {
    width: 1.35rem;
    height: 1.35rem;
    margin: 0;
    accent-color: #2563eb;
    flex: 0 0 auto;
    transform: scale(1.1);
    transform-origin: center;
}

.articleGroupsTab_InfoIcon[b-hqs8l66nrr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.78rem;
    cursor: help;
}

.articleGroupsTab_InfoTooltip[b-hqs8l66nrr] {
    position: absolute;
    top: 50%;
    left: calc(100% + 0.65rem);
    z-index: 5;
    width: 18rem;
    max-width: min(18rem, 70vw);
    padding: 0.7rem 0.85rem;
    border-radius: 14px;
    background: #0f172a;
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: left;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%) translateX(-4px);
    transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease;
    pointer-events: none;
    white-space: normal;
}

.articleGroupsTab_InfoTrigger:hover .articleGroupsTab_InfoTooltip[b-hqs8l66nrr],
.articleGroupsTab_InfoTrigger:focus-visible .articleGroupsTab_InfoTooltip[b-hqs8l66nrr],
.articleGroupsTab_InfoTrigger:focus-within .articleGroupsTab_InfoTooltip[b-hqs8l66nrr] {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

.articleGroupsTab_NumberRangePicker[b-hqs8l66nrr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    padding: 0.8rem;
    border: 1px solid #dbe3ea;
    border-radius: 16px;
    background: #fff;
}

.articleGroupsTab_NumberRangeOption[b-hqs8l66nrr] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #334155;
}

.articleGroupsTab_Validation[b-hqs8l66nrr] {
    padding: 0 1.25rem;
    color: #b91c1c;
}

.articleGroupsTab_DialogFooter[b-hqs8l66nrr] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1.25rem 1.25rem;
}

@media (max-width: 1100px) {
    .articleGroupsTab_Header[b-hqs8l66nrr] {
        flex-direction: column;
        align-items: flex-end;
    }

    .articleGroupsTab_GridHeader[b-hqs8l66nrr] {
        display: none;
    }

    .articleGroupsTab_Row[b-hqs8l66nrr] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.65rem;
        align-items: start;
    }

    .articleGroupsTab_Main[b-hqs8l66nrr] {
        grid-column: 1 / 2;
        min-width: 0;
    }

    .articleGroupsTab_Column[b-hqs8l66nrr] {
        grid-column: 1 / -1;
        padding-left: 0;
        border-left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        min-width: 0;
    }

    .articleGroupsTab_CellLabel[b-hqs8l66nrr] {
        display: block;
        margin-bottom: 0;
        flex: 0 0 auto;
    }

    .articleGroupsTab_NumberRanges[b-hqs8l66nrr] {
        font-size: 0.9rem;
    }

    .articleGroupsTab_NumberRanges.articleGroupsTab_Column[b-hqs8l66nrr] {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        gap: 0.75rem;
        flex-wrap: wrap;
    }

    .articleGroupsTab_NumberRanges .articleGroupsTab_NumberRangeBadges[b-hqs8l66nrr] {
        justify-content: flex-end;
        flex: 1 1 auto;
        min-width: 0;
    }

    .articleGroupsTab_SortOrder[b-hqs8l66nrr] {
        text-align: left;
    }

    .articleGroupsTab_SortOrder .articleGroupsTab_CellValue[b-hqs8l66nrr] {
        margin-left: auto;
    }

    .articleGroupsTab_CellValue[b-hqs8l66nrr],
    .articleGroupsTab_Status[b-hqs8l66nrr] {
        text-align: right;
    }

    .articleGroupsTab_Row > .articleGroupsTab_Column:nth-child(3)[b-hqs8l66nrr],
    .articleGroupsTab_Row > .articleGroupsTab_Column:nth-child(4)[b-hqs8l66nrr] {
        flex-direction: row;
    }

    .articleGroupsTab_Row > .articleGroupsTab_Column:nth-child(4)[b-hqs8l66nrr] {
        align-items: center;
    }

    .articleGroupsTab_Actions[b-hqs8l66nrr] {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        align-self: start;
        padding-left: 0;
        border-left: 0;
    }

    .articleGroupsTab_Form[b-hqs8l66nrr] {
        grid-template-columns: 1fr;
    }

    .articleGroupsTab_NumberRangePicker[b-hqs8l66nrr] {
        grid-template-columns: 1fr;
    }

    .articleGroupsTab_DialogFooter[b-hqs8l66nrr] {
        flex-direction: column-reverse;
    }

    .articleGroupsTab_DialogFooter button[b-hqs8l66nrr] {
        width: 100%;
    }
}
/* /Pages/ArticleConfig/FiltersTab.razor.rz.scp.css */
.filtersTab[b-f68m682xsl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.filtersTab_Header[b-f68m682xsl] {
    display: flex;
    justify-content: flex-end;
}

.filtersTab_HeaderActionsRow[b-f68m682xsl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filtersTab_LicenseStatus[b-f68m682xsl] {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.filtersTab_LicenseStatus.is-limit-available[b-f68m682xsl] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.filtersTab_LicenseStatus.is-limit-reached[b-f68m682xsl] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.filtersTab_AddBtn[b-f68m682xsl],
.filtersTab_PrimaryBtn[b-f68m682xsl],
.filtersTab_SecondaryBtn[b-f68m682xsl],
.filtersTab_DangerBtn[b-f68m682xsl] {
    border: 0;
    border-radius: 12px;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.filtersTab_AddBtn[b-f68m682xsl],
.filtersTab_PrimaryBtn[b-f68m682xsl] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: #fff;
}

.filtersTab_SecondaryBtn[b-f68m682xsl] {
    background: #e2e8f0;
    color: #334155;
}

.filtersTab_DangerBtn[b-f68m682xsl] {
    background: #dc2626;
    color: #fff;
}

.filtersTab_List[b-f68m682xsl] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.filtersTab_GridHeader[b-f68m682xsl],
.filtersTab_Row[b-f68m682xsl] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(200px, 1.05fr) minmax(240px, 1.2fr) 90px 140px 110px 92px;
    gap: 0.75rem;
    align-items: center;
}

.filtersTab_GridHeader[b-f68m682xsl] {
    padding: 0.15rem 0.95rem 0.45rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3ea;
}

.filtersTab_GridHeader > div:nth-child(3)[b-f68m682xsl],
.filtersTab_GridHeader > div:nth-child(4)[b-f68m682xsl],
.filtersTab_GridHeader > div:nth-child(5)[b-f68m682xsl],
.filtersTab_HeaderActions[b-f68m682xsl] {
    text-align: center;
}

.filtersTab_Row[b-f68m682xsl] {
    padding: 0.68rem 0.95rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.filtersTab_Row:hover[b-f68m682xsl] {
    border-color: #cbd5e1;
    background: #fcfdff;
}

.filtersTab_Main[b-f68m682xsl] {
    min-width: 0;
    padding-right: 0.35rem;
}

.filtersTab_Name[b-f68m682xsl] {
    font-size: 0.96rem;
    font-weight: 650;
    color: #0f172a;
}

.filtersTab_Column[b-f68m682xsl] {
    min-width: 0;
    padding-left: 0.85rem;
    border-left: 1px solid #e2e8f0;
}

.filtersTab_CellLabel[b-f68m682xsl] {
    display: none;
    margin-bottom: 0.18rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.filtersTab_BadgeList[b-f68m682xsl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.filtersTab_Badge[b-f68m682xsl] {
    display: inline-flex;
    align-items: center;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f4c81;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.2;
}

.filtersTab_Badge.is-empty[b-f68m682xsl] {
    background: #e5e7eb;
    color: #475569;
}

.filtersTab_ArticleCount[b-f68m682xsl],
.filtersTab_Row > .filtersTab_Column:nth-child(3)[b-f68m682xsl],
.filtersTab_Row > .filtersTab_Column:nth-child(4)[b-f68m682xsl],
.filtersTab_Row > .filtersTab_Column:nth-child(5)[b-f68m682xsl] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.filtersTab_CountValue[b-f68m682xsl] {
    font-variant-numeric: tabular-nums;
    font-size: 0.94rem;
    font-weight: 700;
    color: #0f172a;
}

.filtersTab_Status[b-f68m682xsl] {
    display: inline-flex;
    justify-self: center;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.filtersTab_Status.is-active[b-f68m682xsl] {
    background: #dcfce7;
    color: #166534;
}

.filtersTab_Status.is-inactive[b-f68m682xsl] {
    background: #fee2e2;
    color: #b91c1c;
}

.filtersTab_Status.is-info[b-f68m682xsl] {
    background: #dbeafe;
    color: #1d4ed8;
}

.filtersTab_Status.is-muted[b-f68m682xsl] {
    background: #e5e7eb;
    color: #475569;
}

.filtersTab_Actions[b-f68m682xsl] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    padding-left: 0.85rem;
    border-left: 1px solid #e2e8f0;
}

.filtersTab_IconBtn[b-f68m682xsl] {
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
}

.filtersTab_IconBtn.is-danger[b-f68m682xsl] {
    background: #fee2e2;
    color: #b91c1c;
}

.filtersTab_Overlay[b-f68m682xsl] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
}

.filtersTab_Dialog[b-f68m682xsl],
.filtersTab_ConfirmDialog[b-f68m682xsl] {
    width: min(860px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
}

.filtersTab_Dialog[b-f68m682xsl] {
    height: min(920px, calc(100vh - 2rem));
    display: flex;
    flex-direction: column;
}

.filtersTab_ConfirmDialog[b-f68m682xsl] {
    width: min(420px, 100%);
    padding: 1.25rem;
}

.filtersTab_DialogHeader[b-f68m682xsl] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
}

.filtersTab_DialogHeader h3[b-f68m682xsl] {
    margin: 0;
    font-size: 1.25rem;
}

.filtersTab_DialogEyebrow[b-f68m682xsl] {
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(191, 219, 254, 0.94);
}

.filtersTab_CloseBtn[b-f68m682xsl] {
    width: 2.3rem;
    height: 2.3rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
}

.filtersTab_Form[b-f68m682xsl] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 1.25rem;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.filtersTab_FormTopRow[b-f68m682xsl] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.filtersTab_FormTopRow > .filtersTab_Field-name[b-f68m682xsl] {
    flex: 1 1 auto;
}

.filtersTab_FormTopRow > .filtersTab_Field-active[b-f68m682xsl] {
    flex: 0 0 220px;
}

.filtersTab_Field[b-f68m682xsl] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.filtersTab_Field-compact[b-f68m682xsl] {
    gap: 0.3rem;
}

.filtersTab_Field-articleList[b-f68m682xsl] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.filtersTab_Field label[b-f68m682xsl],
.filtersTab_FieldHeader label[b-f68m682xsl] {
    color: #334155;
    font-size: 0.88rem;
    font-weight: 700;
}

.filtersTab_FieldLabelPlaceholder[b-f68m682xsl] {
    visibility: hidden;
    min-height: 1.15rem;
    margin: 0;
}

.filtersTab_FieldHeader[b-f68m682xsl] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.filtersTab_FieldHeader span[b-f68m682xsl] {
    color: #64748b;
    font-size: 0.82rem;
}

.filtersTab_Input[b-f68m682xsl] {
    width: 100%;
    min-height: 2.9rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    background: #fff;
    color: #0f172a;
}

.filtersTab_SearchInput[b-f68m682xsl] {
    margin-top: 0.15rem;
}

.filtersTab_Field-checkbox[b-f68m682xsl] {
    justify-content: flex-start;
}

.filtersTab_CheckboxLabel[b-f68m682xsl] {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 3rem;
    padding: 0.82rem 0.98rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.filtersTab_Picker[b-f68m682xsl],
.filtersTab_ArticlePicker[b-f68m682xsl] {
    display: grid;
    gap: 0.6rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #dbe3ea;
    border-radius: 18px;
    background: #fff;
}

.filtersTab_Picker[b-f68m682xsl] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.filtersTab_ArticlePicker[b-f68m682xsl] {
    flex: 1;
    min-height: 14rem;
    max-height: none;
    overflow: auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.filtersTab_Dialog[b-f68m682xsl]  form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.filtersTab_PickerOption[b-f68m682xsl],
.filtersTab_ArticleOption[b-f68m682xsl] {
    display: flex;
    align-items: start;
    gap: 0.65rem;
    padding: 0.56rem 0.7rem;
    border-radius: 14px;
    background: #f8fafc;
    color: #1e293b;
}

.filtersTab_PickerCheckbox[b-f68m682xsl] {
    width: 1.35rem;
    height: 1.35rem;
    margin-top: 0.05rem;
    accent-color: #1d4ed8;
    flex: 0 0 auto;
    transform: scale(1.1);
    transform-origin: center;
}

.filtersTab_ArticleCheckbox[b-f68m682xsl] {
    width: 1.35rem;
    height: 1.35rem;
    margin-top: 0.05rem;
    accent-color: #1d4ed8;
    flex: 0 0 auto;
    transform: scale(1.1);
    transform-origin: center;
}

.filtersTab_ArticleText[b-f68m682xsl] {
    line-height: 1.35;
}

.filtersTab_EmptyState[b-f68m682xsl] {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
}

.filtersTab_DialogFooter[b-f68m682xsl] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1.25rem 1.25rem;
}

@media (max-width: 900px) {
    .filtersTab_Dialog[b-f68m682xsl] {
        width: min(720px, 100%);
    }

    .filtersTab_FormTopRow[b-f68m682xsl] {
        flex-direction: column;
        gap: 0.45rem;
    }

    .filtersTab_FormTopRow > .filtersTab_Field-active[b-f68m682xsl] {
        flex: 1 1 auto;
    }
}

@media (max-width: 768px) {
    .filtersTab_GridHeader[b-f68m682xsl] {
        display: none;
    }

    .filtersTab_Row[b-f68m682xsl] {
        grid-template-columns: 1fr auto;
        gap: 0.8rem 0.9rem;
        align-items: start;
    }

    .filtersTab_Main[b-f68m682xsl] {
        grid-column: 1;
    }

    .filtersTab_Actions[b-f68m682xsl] {
        grid-column: 2;
        grid-row: 1;
        border-left: 0;
        padding-left: 0;
    }

    .filtersTab_Column[b-f68m682xsl] {
        grid-column: 1 / -1;
        padding-left: 0;
        border-left: 0;
    }

    .filtersTab_CellLabel[b-f68m682xsl] {
        display: block;
    }

    .filtersTab_ArticleCount[b-f68m682xsl],
    .filtersTab_Row > .filtersTab_Column:nth-child(3)[b-f68m682xsl],
    .filtersTab_Row > .filtersTab_Column:nth-child(4)[b-f68m682xsl],
    .filtersTab_Row > .filtersTab_Column:nth-child(5)[b-f68m682xsl] {
        align-items: stretch;
    }

    .filtersTab_CountValue[b-f68m682xsl],
    .filtersTab_Status[b-f68m682xsl] {
        align-self: flex-start;
    }

    .filtersTab_Picker[b-f68m682xsl],
    .filtersTab_ArticlePicker[b-f68m682xsl] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ArticleConfig/InventoryArticlesTab.razor.rz.scp.css */
.inventoryArticlesTab[b-x7gasxi3bn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.inventoryArticlesTab_Header[b-x7gasxi3bn] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.inventoryArticlesTab_HeaderActionsRow[b-x7gasxi3bn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.inventoryArticlesTab_LicenseStatus[b-x7gasxi3bn] {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.inventoryArticlesTab_LicenseStatus.is-limit-available[b-x7gasxi3bn] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.inventoryArticlesTab_LicenseStatus.is-limit-reached[b-x7gasxi3bn] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.inventoryArticlesTab_SearchWrap[b-x7gasxi3bn] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 0 1 420px;
    width: min(420px, 100%);
    max-width: 100%;
}

.inventoryArticlesTab_SearchLabel[b-x7gasxi3bn] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.inventoryArticlesTab_SearchInput[b-x7gasxi3bn] {
    min-height: 2.85rem;
}

.inventoryArticlesTab_AddBtn[b-x7gasxi3bn],
.inventoryArticlesTab_PrimaryBtn[b-x7gasxi3bn],
.inventoryArticlesTab_SecondaryBtn[b-x7gasxi3bn],
.inventoryArticlesTab_DangerBtn[b-x7gasxi3bn] {
    border: 0;
    border-radius: 12px;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.inventoryArticlesTab_AddBtn[b-x7gasxi3bn],
.inventoryArticlesTab_PrimaryBtn[b-x7gasxi3bn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #0f766e 0%, #0f9d8f 100%);
    color: #fff;
}

.inventoryArticlesTab_SecondaryBtn[b-x7gasxi3bn] {
    background: #e2e8f0;
    color: #334155;
}

.inventoryArticlesTab_DangerBtn[b-x7gasxi3bn] {
    background: #dc2626;
    color: #fff;
}

.inventoryArticlesTab_List[b-x7gasxi3bn] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.inventoryArticlesTab_GridHeader[b-x7gasxi3bn],
.inventoryArticlesTab_Row[b-x7gasxi3bn] {
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.82fr) minmax(0, 0.56fr) minmax(0, 0.86fr) 92px 92px 92px;
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
}

.inventoryArticlesTab_GridHeader[b-x7gasxi3bn] {
    padding: 0.15rem 0.95rem 0.45rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3ea;
}

.inventoryArticlesTab_GridHeader > div:nth-child(3)[b-x7gasxi3bn],
.inventoryArticlesTab_GridHeader > div:nth-child(5)[b-x7gasxi3bn],
.inventoryArticlesTab_GridHeader > div:nth-child(6)[b-x7gasxi3bn],
.inventoryArticlesTab_HeaderActions[b-x7gasxi3bn] {
    text-align: center;
}

.inventoryArticlesTab_Row[b-x7gasxi3bn] {
    padding: 0.72rem 0.95rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.inventoryArticlesTab_Name[b-x7gasxi3bn] {
    font-size: 0.96rem;
    font-weight: 650;
    color: #0f172a;
}

.inventoryArticlesTab_Subline[b-x7gasxi3bn] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.82rem;
}

.inventoryArticlesTab_Column[b-x7gasxi3bn] {
    min-width: 0;
    padding-left: 0.85rem;
    border-left: 1px solid #e2e8f0;
}

.inventoryArticlesTab_Column-center[b-x7gasxi3bn] {
    text-align: center;
}

.inventoryArticlesTab_CellLabel[b-x7gasxi3bn] {
    display: none;
    margin-bottom: 0.18rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.inventoryArticlesTab_CellValue[b-x7gasxi3bn],
.inventoryArticlesTab_UnitStack[b-x7gasxi3bn] {
    color: #334155;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.inventoryArticlesTab_UnitStack[b-x7gasxi3bn] {
    display: flex;
    flex-direction: column;
    gap: 0.14rem;
    font-size: 0.82rem;
}

.inventoryArticlesTab_Status[b-x7gasxi3bn] {
    display: inline-flex;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.inventoryArticlesTab_Status.is-active[b-x7gasxi3bn] {
    background: #dcfce7;
    color: #166534;
}

.inventoryArticlesTab_Status.is-inactive[b-x7gasxi3bn] {
    background: #fee2e2;
    color: #b91c1c;
}

.inventoryArticlesTab_Status.is-muted[b-x7gasxi3bn] {
    background: #e5e7eb;
    color: #475569;
}

.inventoryArticlesTab_Actions[b-x7gasxi3bn] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    padding-left: 0.85rem;
    border-left: 1px solid #e2e8f0;
}

.inventoryArticlesTab_IconBtn[b-x7gasxi3bn],
.inventoryArticlesTab_CloseBtn[b-x7gasxi3bn] {
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 999px;
}

.inventoryArticlesTab_IconBtn[b-x7gasxi3bn] {
    background: #e2e8f0;
    color: #334155;
}

.inventoryArticlesTab_IconBtn.is-danger[b-x7gasxi3bn] {
    background: #fee2e2;
    color: #b91c1c;
}

.inventoryArticlesTab_Overlay[b-x7gasxi3bn] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
}

.inventoryArticlesTab_Dialog[b-x7gasxi3bn],
.inventoryArticlesTab_ConfirmDialog[b-x7gasxi3bn] {
    width: min(860px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
}

.inventoryArticlesTab_ConfirmDialog[b-x7gasxi3bn] {
    width: min(420px, 100%);
    padding: 1.25rem;
}

.inventoryArticlesTab_DeleteImpactCard[b-x7gasxi3bn] {
    margin: 1rem 0 0;
    padding: 0.95rem 1rem;
    border: 1px solid #99f6e4;
    border-radius: 16px;
    background: linear-gradient(180deg, #f0fdfa 0%, #ecfeff 100%);
}

.inventoryArticlesTab_DeleteImpactTitle[b-x7gasxi3bn] {
    margin: 0 0 0.35rem;
    color: #115e59;
    font-weight: 700;
}

.inventoryArticlesTab_DeleteImpactText[b-x7gasxi3bn] {
    margin: 0;
    color: #4b5563;
    font-size: 0.94rem;
}

.inventoryArticlesTab_DeleteImpactCheck[b-x7gasxi3bn] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 0.9rem;
    color: #111827;
    font-weight: 600;
}

.inventoryArticlesTab_DeleteImpactList[b-x7gasxi3bn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.9rem;
}

.inventoryArticlesTab_DeleteImpactBadge[b-x7gasxi3bn] {
    padding: 0.38rem 0.7rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.12);
    color: #115e59;
    font-size: 0.83rem;
    font-weight: 700;
}

.inventoryArticlesTab_DeleteImpactBadge.is-muted[b-x7gasxi3bn] {
    background: rgba(148, 163, 184, 0.18);
    color: #475569;
}

.inventoryArticlesTab_DialogHeader[b-x7gasxi3bn] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #0f172a 0%, #0f766e 100%);
}

.inventoryArticlesTab_DialogHeader h3[b-x7gasxi3bn] {
    margin: 0;
    font-size: 1.25rem;
}

.inventoryArticlesTab_DialogEyebrow[b-x7gasxi3bn] {
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(204, 251, 241, 0.92);
}

.inventoryArticlesTab_CloseBtn[b-x7gasxi3bn] {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
}

.inventoryArticlesTab_Form[b-x7gasxi3bn] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.05rem 1rem;
    padding: 1.25rem;
}

.inventoryArticlesTab_Field[b-x7gasxi3bn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.inventoryArticlesTab_Field-half[b-x7gasxi3bn] {
    grid-column: span 3;
}

.inventoryArticlesTab_Field-third[b-x7gasxi3bn] {
    grid-column: span 2;
}

.inventoryArticlesTab_Field-full[b-x7gasxi3bn] {
    grid-column: 1 / -1;
}

.inventoryArticlesTab_Field label[b-x7gasxi3bn] {
    color: #475569;
    font-size: 0.94rem;
    font-weight: 700;
}

.inventoryArticlesTab_LabelWithInfo[b-x7gasxi3bn] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.inventoryArticlesTab_RequiredMark[b-x7gasxi3bn] {
    color: #dc2626;
}

.inventoryArticlesTab_Field-required .inventoryArticlesTab_Input[b-x7gasxi3bn],
.inventoryArticlesTab_Field-invalid .inventoryArticlesTab_Input[b-x7gasxi3bn] {
    border-width: 2px;
}

.inventoryArticlesTab_Field-invalid .inventoryArticlesTab_Input[b-x7gasxi3bn] {
    border-color: #fca5a5;
    background: linear-gradient(180deg, #fff5f5 0%, #fff 100%);
}

.inventoryArticlesTab_FieldHint[b-x7gasxi3bn] {
    min-height: 1.1rem;
    font-size: 0.8rem;
    line-height: 1.35;
}

.inventoryArticlesTab_FieldHint.is-error[b-x7gasxi3bn] {
    color: #b91c1c;
}

.inventoryArticlesTab_FieldHint-placeholder[b-x7gasxi3bn] {
    visibility: hidden;
}

.inventoryArticlesTab_InfoCard[b-x7gasxi3bn],
.inventoryArticlesTab_Matrix[b-x7gasxi3bn] {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 18px;
    background: #f8fafc;
    color: #475569;
    font-size: 0.86rem;
}

.inventoryArticlesTab_InfoCard strong[b-x7gasxi3bn],
.inventoryArticlesTab_MatrixResult[b-x7gasxi3bn] {
    color: #0f172a;
    font-weight: 700;
}

.inventoryArticlesTab_Input[b-x7gasxi3bn] {
    width: 100%;
    min-height: 3rem;
    padding: 0.82rem 0.98rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    appearance: none;
}

.inventoryArticlesTab_Form[b-x7gasxi3bn]  select.inventoryArticlesTab_Input {
    padding-right: 2.8rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23475569' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.95rem center;
    background-size: 0.9rem;
    cursor: pointer;
}

.inventoryArticlesTab_Input:focus[b-x7gasxi3bn] {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.18);
    background: #fff;
}

.inventoryArticlesTab_Input:disabled[b-x7gasxi3bn] {
    color: #64748b;
    background: #f8fafc;
}

.inventoryArticlesTab_Field-checkbox[b-x7gasxi3bn] {
    justify-content: flex-end;
}

.inventoryArticlesTab_CheckboxLabel[b-x7gasxi3bn] {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 3rem;
    padding: 0.82rem 0.98rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.inventoryArticlesTab_Checkbox[b-x7gasxi3bn] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #0f766e;
}

.inventoryArticlesTab_InfoTrigger[b-x7gasxi3bn] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.inventoryArticlesTab_InfoIcon[b-x7gasxi3bn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: #ccfbf1;
    color: #0f766e;
    font-size: 0.78rem;
    cursor: help;
}

.inventoryArticlesTab_InfoTooltip[b-x7gasxi3bn] {
    position: absolute;
    top: 50%;
    left: calc(100% + 0.65rem);
    z-index: 5;
    width: 18rem;
    max-width: min(18rem, 70vw);
    padding: 0.7rem 0.85rem;
    border-radius: 14px;
    background: #0f172a;
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: left;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%) translateX(-4px);
    transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease;
    pointer-events: none;
    white-space: normal;
}

.inventoryArticlesTab_InfoTrigger:hover .inventoryArticlesTab_InfoTooltip[b-x7gasxi3bn],
.inventoryArticlesTab_InfoTrigger:focus-visible .inventoryArticlesTab_InfoTooltip[b-x7gasxi3bn],
.inventoryArticlesTab_InfoTrigger:focus-within .inventoryArticlesTab_InfoTooltip[b-x7gasxi3bn] {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

.inventoryArticlesTab_DialogFooter[b-x7gasxi3bn] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1.25rem 1.25rem;
}

@media (max-width: 900px) {
    .inventoryArticlesTab_SearchWrap[b-x7gasxi3bn] {
        flex-basis: 100%;
        width: 100%;
    }

    .inventoryArticlesTab_Form[b-x7gasxi3bn] {
        grid-template-columns: 1fr;
    }

    .inventoryArticlesTab_Field-half[b-x7gasxi3bn],
    .inventoryArticlesTab_Field-third[b-x7gasxi3bn] {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1101px) and (max-width: 1320px) {
    .inventoryArticlesTab_GridHeader[b-x7gasxi3bn],
    .inventoryArticlesTab_Row[b-x7gasxi3bn] {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.62fr) 92px 92px 92px;
    }

    .inventoryArticlesTab_GridHeader > div:nth-child(4)[b-x7gasxi3bn],
    .inventoryArticlesTab_Row > .inventoryArticlesTab_Column:nth-child(4)[b-x7gasxi3bn] {
        display: none;
    }
}

@media (max-width: 1100px) {
    .inventoryArticlesTab_GridHeader[b-x7gasxi3bn] {
        display: none;
    }

    .inventoryArticlesTab_Row[b-x7gasxi3bn] {
        grid-template-columns: 1fr auto;
        gap: 0.65rem 0.75rem;
        align-items: start;
    }

    .inventoryArticlesTab_Main[b-x7gasxi3bn] {
        min-width: 0;
    }

    .inventoryArticlesTab_Actions[b-x7gasxi3bn] {
        grid-column: 2;
        grid-row: 1;
        border-left: 0;
        padding-left: 0;
        justify-content: flex-end;
        align-self: start;
    }

    .inventoryArticlesTab_Column[b-x7gasxi3bn] {
        grid-column: 1 / -1;
        padding-left: 0;
        border-left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        min-width: 0;
    }

    .inventoryArticlesTab_CellLabel[b-x7gasxi3bn] {
        display: block;
        margin-bottom: 0;
        flex: 0 0 auto;
    }

    .inventoryArticlesTab_Column-center[b-x7gasxi3bn] {
        text-align: left;
    }

    .inventoryArticlesTab_CellValue[b-x7gasxi3bn],
    .inventoryArticlesTab_Status[b-x7gasxi3bn],
    .inventoryArticlesTab_UnitStack[b-x7gasxi3bn] {
        text-align: right;
        margin-left: auto;
    }

    .inventoryArticlesTab_DialogFooter[b-x7gasxi3bn] {
        flex-direction: column-reverse;
    }

    .inventoryArticlesTab_DialogFooter button[b-x7gasxi3bn] {
        width: 100%;
    }
}
/* /Pages/ArticleConfig/NumberRangesTab.razor.rz.scp.css */
.numberRangesTab[b-f04cgcc5o1] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.numberRangesTab_Header[b-f04cgcc5o1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.numberRangesTab_ReadOnlyHeader[b-f04cgcc5o1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.numberRangesTab_HeaderActionsRow[b-f04cgcc5o1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.numberRangesTab_LicenseStatus[b-f04cgcc5o1] {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.numberRangesTab_LicenseStatus.is-limit-available[b-f04cgcc5o1] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.numberRangesTab_LicenseStatus.is-limit-reached[b-f04cgcc5o1] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.numberRangesTab_AdminHint[b-f04cgcc5o1] {
    max-width: min(38rem, 100%);
    padding: 0.7rem 0.95rem;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.45;
}

.numberRangesTab_AddBtn[b-f04cgcc5o1],
.numberRangesTab_PrimaryBtn[b-f04cgcc5o1],
.numberRangesTab_SecondaryBtn[b-f04cgcc5o1],
.numberRangesTab_DangerBtn[b-f04cgcc5o1] {
    border: 0;
    border-radius: 14px;
    min-height: 2.9rem;
    padding: 0.8rem 1.05rem;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.2;
}

.numberRangesTab_AddBtn[b-f04cgcc5o1],
.numberRangesTab_PrimaryBtn[b-f04cgcc5o1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: #fff;
}

.numberRangesTab_SecondaryBtn[b-f04cgcc5o1] {
    background: #e2e8f0;
    color: #334155;
}

.numberRangesTab_DangerBtn[b-f04cgcc5o1] {
    background: #dc2626;
    color: #fff;
}

.numberRangesTab_List[b-f04cgcc5o1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.numberRangesTab_GridHeader[b-f04cgcc5o1],
.numberRangesTab_Row[b-f04cgcc5o1] {
    display: grid;
    grid-template-columns: minmax(210px, 1.25fr) 120px 160px minmax(140px, 0.9fr) 130px 92px;
    gap: 0.65rem;
    align-items: center;
}

.numberRangesTab_GridHeader[b-f04cgcc5o1] {
    padding: 0.15rem 0.95rem 0.45rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3ea;
}

.numberRangesTab_HeaderActions[b-f04cgcc5o1] {
    text-align: center;
}

.numberRangesTab_Row[b-f04cgcc5o1] {
    padding: 0.62rem 0.8rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.numberRangesTab_Row:hover[b-f04cgcc5o1] {
    border-color: #cbd5e1;
    background: #fcfdff;
}

.numberRangesTab_Main[b-f04cgcc5o1] {
    min-width: 0;
    padding-right: 0.35rem;
}

.numberRangesTab_Name[b-f04cgcc5o1] {
    font-size: 0.92rem;
    font-weight: 650;
    color: #0f172a;
}

.numberRangesTab_Column[b-f04cgcc5o1] {
    min-width: 0;
    padding-left: 0.7rem;
    border-left: 1px solid #e2e8f0;
}

.numberRangesTab_CellLabel[b-f04cgcc5o1] {
    display: none;
    margin-bottom: 0.18rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.numberRangesTab_PrefixValue[b-f04cgcc5o1],
.numberRangesTab_RangeValue[b-f04cgcc5o1],
.numberRangesTab_NextValue[b-f04cgcc5o1] {
    color: #334155;
    font-size: 0.84rem;
    line-height: 1.3;
}

.numberRangesTab_NextValue[b-f04cgcc5o1] {
    font-weight: 700;
    color: #0f4c81;
}

.numberRangesTab_ResetColumn[b-f04cgcc5o1] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.numberRangesTab_Status[b-f04cgcc5o1] {
    display: inline-flex;
    justify-self: center;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.numberRangesTab_Status.is-active[b-f04cgcc5o1] {
    background: #dcfce7;
    color: #166534;
}

.numberRangesTab_Status.is-inactive[b-f04cgcc5o1] {
    background: #e2e8f0;
    color: #475569;
}

.numberRangesTab_Actions[b-f04cgcc5o1] {
    display: flex;
    justify-content: center;
    gap: 0.35rem;
    padding-left: 0.7rem;
    border-left: 1px solid #e2e8f0;
}

.numberRangesTab_IconBtn[b-f04cgcc5o1] {
    width: 1.85rem;
    height: 1.85rem;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
}

.numberRangesTab_IconBtn.is-danger[b-f04cgcc5o1] {
    background: #fee2e2;
    color: #b91c1c;
}

.numberRangesTab_IconBtn.is-monitor[b-f04cgcc5o1] {
    background: #dbeafe;
    color: #1d4ed8;
}

.numberRangesTab_EmptyState[b-f04cgcc5o1] {
    padding: 1.15rem;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
}

.numberRangesTab_Overlay[b-f04cgcc5o1] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
}

.numberRangesTab_Dialog[b-f04cgcc5o1],
.numberRangesTab_ConfirmDialog[b-f04cgcc5o1] {
    width: min(760px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
}

.numberRangesTab_ConfirmDialog[b-f04cgcc5o1] {
    width: min(420px, 100%);
    padding: 1.25rem;
}

.numberRangesTab_DialogHeader[b-f04cgcc5o1] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
}

.numberRangesTab_DialogHeader h3[b-f04cgcc5o1] {
    margin: 0;
    font-size: 1.25rem;
}

.numberRangesTab_DialogEyebrow[b-f04cgcc5o1] {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(191, 219, 254, 0.85);
    margin-bottom: 0.2rem;
}

.numberRangesTab_CloseBtn[b-f04cgcc5o1] {
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
}

.numberRangesTab_Form[b-f04cgcc5o1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.25rem;
}

.numberRangesTab_Field[b-f04cgcc5o1] {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
}

.numberRangesTab_Field label[b-f04cgcc5o1] {
    font-weight: 700;
    color: #475569;
    font-size: 0.95rem;
}

.numberRangesTab_Field-lg[b-f04cgcc5o1],
.numberRangesTab_Field-full[b-f04cgcc5o1] {
    grid-column: 1 / -1;
}

.numberRangesTab_Form[b-f04cgcc5o1]  .numberRangesTab_Input {
    width: 100%;
    min-height: 2.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 0.78rem 0.95rem;
    background: #fff;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.numberRangesTab_Form[b-f04cgcc5o1]  .numberRangesTab_Input:focus {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.18);
}

.numberRangesTab_Form[b-f04cgcc5o1]  .numberRangesTab_Input:disabled {
    color: #64748b;
    background: #f8fafc;
}

.numberRangesTab_CheckboxLabel[b-f04cgcc5o1] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 700;
    color: #334155;
    min-height: 2.9rem;
}

.numberRangesTab_Form[b-f04cgcc5o1]  .numberRangesTab_Checkbox {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #2563eb;
}

.numberRangesTab_TickerCard[b-f04cgcc5o1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
}

.numberRangesTab_TickerTitle[b-f04cgcc5o1] {
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 800;
}

.numberRangesTab_TickerText[b-f04cgcc5o1] {
    margin-top: 0.2rem;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.numberRangesTab_DialogFooter[b-f04cgcc5o1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1.25rem 1.25rem;
}

@media (max-width: 1100px) {
    .numberRangesTab_GridHeader[b-f04cgcc5o1] {
        display: none;
    }

    .numberRangesTab_Row[b-f04cgcc5o1] {
        grid-template-columns: 1fr auto;
        gap: 0.35rem 0.75rem;
        align-items: start;
    }

    .numberRangesTab_Main[b-f04cgcc5o1] {
        min-width: 0;
    }

    .numberRangesTab_Actions[b-f04cgcc5o1] {
        padding-left: 0;
        border-left: 0;
        justify-content: flex-end;
        align-self: start;
    }

    .numberRangesTab_Column[b-f04cgcc5o1] {
        grid-column: 1 / -1;
        padding-left: 0;
        border-left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }

    .numberRangesTab_CellLabel[b-f04cgcc5o1] {
        display: block;
        margin-bottom: 0;
        flex: 0 0 auto;
    }

    .numberRangesTab_ResetColumn[b-f04cgcc5o1] {
        align-items: stretch;
    }

    .numberRangesTab_Status[b-f04cgcc5o1],
    .numberRangesTab_PrefixValue[b-f04cgcc5o1],
    .numberRangesTab_RangeValue[b-f04cgcc5o1],
    .numberRangesTab_NextValue[b-f04cgcc5o1] {
        text-align: right;
    }
}

@media (max-width: 640px) {
    .numberRangesTab_Header[b-f04cgcc5o1] {
        align-items: center;
    }

    .numberRangesTab_Row[b-f04cgcc5o1] {
        padding: 0.55rem 0.65rem;
        border-radius: 12px;
    }

    .numberRangesTab_Form[b-f04cgcc5o1] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .numberRangesTab_TickerCard[b-f04cgcc5o1] {
        flex-direction: column;
        align-items: stretch;
    }

    .numberRangesTab_DialogFooter[b-f04cgcc5o1] {
        flex-direction: column-reverse;
    }

    .numberRangesTab_DialogFooter button[b-f04cgcc5o1] {
        width: 100%;
    }

    .numberRangesTab_Column[b-f04cgcc5o1] {
        gap: 0.5rem;
    }

    .numberRangesTab_CellLabel[b-f04cgcc5o1] {
        font-size: 0.68rem;
    }

    .numberRangesTab_PrefixValue[b-f04cgcc5o1],
    .numberRangesTab_RangeValue[b-f04cgcc5o1],
    .numberRangesTab_NextValue[b-f04cgcc5o1],
    .numberRangesTab_Status[b-f04cgcc5o1] {
        font-size: 0.8rem;
    }

    .numberRangesTab_AddBtn[b-f04cgcc5o1] {
        padding: 0.72rem 0.9rem;
    }
}
/* /Pages/ArticleConfig/SalesArticlesTab.razor.rz.scp.css */
.salesArticlesTab[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.salesArticlesTab_Header[b-2n8efgm2or] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.salesArticlesTab_FilterPanel[b-2n8efgm2or] {
    display: grid;
    grid-template-columns: minmax(220px, 420px) minmax(260px, 1fr);
    align-items: start;
    gap: 0.8rem;
    flex: 1 1 780px;
    width: min(780px, 100%);
    max-width: 100%;
}

.salesArticlesTab_HeaderActionsRow[b-2n8efgm2or] {
    display: grid;
    grid-template-columns: auto auto;
    align-items: start;
    gap: 0.75rem;
    align-self: flex-start;
    justify-content: flex-end;
}

.salesArticlesTab_ActionButtons[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.salesArticlesTab_LicenseStatus[b-2n8efgm2or] {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.salesArticlesTab_LicenseStatus.is-limit-available[b-2n8efgm2or] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.salesArticlesTab_LicenseStatus.is-limit-reached[b-2n8efgm2or] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.salesArticlesTab_ProgressCard[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.85rem 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

.salesArticlesTab_ProgressLabel[b-2n8efgm2or] {
    color: #1d4ed8;
    font-size: 0.86rem;
    font-weight: 700;
}

.salesArticlesTab_ProgressTrack[b-2n8efgm2or] {
    position: relative;
    overflow: hidden;
    height: 0.55rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.14);
}

.salesArticlesTab_ProgressBar[b-2n8efgm2or] {
    position: absolute;
    inset: 0 auto 0 -35%;
    width: 35%;
    border-radius: 999px;
    background: linear-gradient(90deg, #1d4ed8 0%, #60a5fa 100%);
    animation: salesArticlesTab_progress-b-2n8efgm2or 1.2s ease-in-out infinite;
}

.salesArticlesTab_SearchWrap[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-self: flex-start;
    width: 100%;
    min-width: 0;
}

.salesArticlesTab_NumberRangeFilter[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.salesArticlesTab_NumberRangeList[b-2n8efgm2or] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.salesArticlesTab_NumberRangeOption[b-2n8efgm2or] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #dbe3ea;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 0.84rem;
    font-weight: 600;
}

.salesArticlesTab_NumberRangeOption input[b-2n8efgm2or] {
    margin: 0;
    accent-color: #2563eb;
}

.salesArticlesTab_SearchLabel[b-2n8efgm2or] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.salesArticlesTab_SearchInput[b-2n8efgm2or] {
    min-height: 2.85rem;
}

@media (max-width: 1100px) {
    .salesArticlesTab_FilterPanel[b-2n8efgm2or] {
        grid-template-columns: 1fr;
    }

    .salesArticlesTab_HeaderActionsRow[b-2n8efgm2or] {
        width: 100%;
        grid-template-columns: 1fr;
    }
}

.salesArticlesTab_FieldHeaderMain[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.salesArticlesTab_ToggleBtn[b-2n8efgm2or] {
    border: 0;
    border-radius: 999px;
    padding: 0.55rem 0.85rem;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.8rem;
    font-weight: 700;
}

.salesArticlesTab_MappingToolbar[b-2n8efgm2or] {
    margin-top: 0.85rem;
    margin-bottom: 0.75rem;
}

.salesArticlesTab_DepositCard[b-2n8efgm2or] {
    padding: 0.95rem 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 16px;
    background: #f8fafc;
}

.salesArticlesTab_DepositGrid[b-2n8efgm2or] {
    display: grid;
    grid-template-columns: minmax(220px, 1.3fr) minmax(140px, 0.7fr);
    gap: 0.9rem;
    margin-top: 0.95rem;
}

.salesArticlesTab_MappingTable[b-2n8efgm2or] {
    max-height: 24rem;
    overflow: auto;
    padding-right: 0.25rem;
}

.salesArticlesTab_MappingTable[b-2n8efgm2or]::-webkit-scrollbar {
    width: 0.6rem;
}

.salesArticlesTab_MappingTable[b-2n8efgm2or]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd5e1;
}

.salesArticlesTab_MappingTable[b-2n8efgm2or]::-webkit-scrollbar-track {
    background: transparent;
}

.salesArticlesTab_AddBtn[b-2n8efgm2or],
.salesArticlesTab_PrimaryBtn[b-2n8efgm2or],
.salesArticlesTab_SecondaryBtn[b-2n8efgm2or],
.salesArticlesTab_DangerBtn[b-2n8efgm2or] {
    border: 0;
    border-radius: 12px;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.salesArticlesTab_AddBtn[b-2n8efgm2or],
.salesArticlesTab_PrimaryBtn[b-2n8efgm2or] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: #fff;
}

.salesArticlesTab_SecondaryBtn[b-2n8efgm2or] {
    background: #e2e8f0;
    color: #334155;
}

.salesArticlesTab_SecondaryBtn:disabled[b-2n8efgm2or] {
    cursor: wait;
    opacity: 0.8;
}

.salesArticlesTab_DangerBtn[b-2n8efgm2or] {
    background: #dc2626;
    color: #fff;
}

.salesArticlesTab_List[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.salesArticlesTab_GridHeader[b-2n8efgm2or],
.salesArticlesTab_Row[b-2n8efgm2or] {
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 0.52fr) minmax(0, 0.56fr) minmax(0, 0.68fr) minmax(0, 0.95fr) 88px 92px;
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
}

.salesArticlesTab_GridHeader[b-2n8efgm2or] {
    padding: 0.15rem 0.95rem 0.45rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3ea;
}

.salesArticlesTab_GridHeader > div:nth-child(3)[b-2n8efgm2or],
.salesArticlesTab_GridHeader > div:nth-child(4)[b-2n8efgm2or],
.salesArticlesTab_GridHeader > div:nth-child(7)[b-2n8efgm2or],
.salesArticlesTab_HeaderActions[b-2n8efgm2or] {
    text-align: center;
}

.salesArticlesTab_Row[b-2n8efgm2or] {
    padding: 0.72rem 0.95rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.salesArticlesTab_Name[b-2n8efgm2or] {
    font-size: 0.96rem;
    font-weight: 650;
    color: #0f172a;
}

.salesArticlesTab_Subline[b-2n8efgm2or] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.82rem;
}

.salesArticlesTab_Column[b-2n8efgm2or] {
    min-width: 0;
    padding-left: 0.85rem;
    border-left: 1px solid #e2e8f0;
}

.salesArticlesTab_Column-center[b-2n8efgm2or] {
    text-align: center;
}

.salesArticlesTab_CellLabel[b-2n8efgm2or] {
    display: none;
    margin-bottom: 0.18rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.salesArticlesTab_CellValue[b-2n8efgm2or] {
    color: #334155;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.salesArticlesTab_BadgeList[b-2n8efgm2or] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
}

.salesArticlesTab_Badge[b-2n8efgm2or] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f4c81;
    font-size: 0.8rem;
    font-weight: 700;
}

.salesArticlesTab_Badge.is-empty[b-2n8efgm2or] {
    background: #e5e7eb;
    color: #475569;
}

.salesArticlesTab_Status[b-2n8efgm2or] {
    display: inline-flex;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.salesArticlesTab_Status.is-active[b-2n8efgm2or] {
    background: #dcfce7;
    color: #166534;
}

.salesArticlesTab_Status.is-inactive[b-2n8efgm2or] {
    background: #fee2e2;
    color: #b91c1c;
}

.salesArticlesTab_Actions[b-2n8efgm2or] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    padding-left: 0.85rem;
    border-left: 1px solid #e2e8f0;
}

.salesArticlesTab_IconBtn[b-2n8efgm2or],
.salesArticlesTab_CloseBtn[b-2n8efgm2or] {
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 999px;
}

.salesArticlesTab_IconBtn[b-2n8efgm2or] {
    background: #e2e8f0;
    color: #334155;
}

.salesArticlesTab_IconBtn.is-danger[b-2n8efgm2or] {
    background: #fee2e2;
    color: #b91c1c;
}

.salesArticlesTab_Overlay[b-2n8efgm2or] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
}

.salesArticlesTab_Dialog[b-2n8efgm2or],
.salesArticlesTab_ConfirmDialog[b-2n8efgm2or] {
    width: min(980px, 100%);
    max-height: calc(100vh - 2rem);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.35rem;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
}

.salesArticlesTab_Dialog[b-2n8efgm2or]::-webkit-scrollbar,
.salesArticlesTab_ConfirmDialog[b-2n8efgm2or]::-webkit-scrollbar {
    width: 0.72rem;
}

.salesArticlesTab_Dialog[b-2n8efgm2or]::-webkit-scrollbar-thumb,
.salesArticlesTab_ConfirmDialog[b-2n8efgm2or]::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: #cbd5e1;
    background-clip: padding-box;
}

.salesArticlesTab_Dialog[b-2n8efgm2or]::-webkit-scrollbar-track,
.salesArticlesTab_ConfirmDialog[b-2n8efgm2or]::-webkit-scrollbar-track {
    margin: 0.55rem 0;
    border-radius: 999px;
    background: rgba(226, 232, 240, 0.8);
}

.salesArticlesTab_ConfirmDialog[b-2n8efgm2or] {
    width: min(420px, 100%);
    padding: 1.25rem;
}

.salesArticlesTab_DeleteImpactCard[b-2n8efgm2or] {
    margin: 1rem 0 0;
    padding: 0.95rem 1rem;
    border: 1px solid #f5c2c7;
    border-radius: 16px;
    background: linear-gradient(180deg, #fff7f7 0%, #fff1f2 100%);
}

.salesArticlesTab_DeleteImpactTitle[b-2n8efgm2or] {
    margin: 0 0 0.35rem;
    color: #9f1239;
    font-weight: 700;
}

.salesArticlesTab_DeleteImpactText[b-2n8efgm2or] {
    margin: 0;
    color: #4b5563;
    font-size: 0.94rem;
}

.salesArticlesTab_DeleteImpactCheck[b-2n8efgm2or] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 0.9rem;
    color: #111827;
    font-weight: 600;
}

.salesArticlesTab_DeleteImpactList[b-2n8efgm2or] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.9rem;
}

.salesArticlesTab_DeleteImpactBadge[b-2n8efgm2or] {
    padding: 0.38rem 0.7rem;
    border-radius: 999px;
    background: rgba(190, 24, 93, 0.1);
    color: #9f1239;
    font-size: 0.83rem;
    font-weight: 700;
}

.salesArticlesTab_DeleteImpactBadge.is-muted[b-2n8efgm2or] {
    background: rgba(148, 163, 184, 0.18);
    color: #475569;
}

.salesArticlesTab_DialogHeader[b-2n8efgm2or] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
}

.salesArticlesTab_DialogHeader h3[b-2n8efgm2or] {
    margin: 0;
    font-size: 1.25rem;
}

.salesArticlesTab_DialogEyebrow[b-2n8efgm2or] {
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(191, 219, 254, 0.94);
}

.salesArticlesTab_CloseBtn[b-2n8efgm2or] {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
}

.salesArticlesTab_Form[b-2n8efgm2or] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.05rem 1rem;
    padding: 1.25rem;
}

.salesArticlesTab_Field[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.salesArticlesTab_Field-half[b-2n8efgm2or] {
    grid-column: span 3;
}

.salesArticlesTab_Field-third[b-2n8efgm2or] {
    grid-column: span 2;
}

.salesArticlesTab_Field-full[b-2n8efgm2or] {
    grid-column: 1 / -1;
}

.salesArticlesTab_Field label[b-2n8efgm2or],
.salesArticlesTab_FieldHeader label[b-2n8efgm2or] {
    color: #475569;
    font-size: 0.94rem;
    font-weight: 700;
}

.salesArticlesTab_LabelWithInfo[b-2n8efgm2or] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.salesArticlesTab_RequiredMark[b-2n8efgm2or] {
    color: #dc2626;
}

.salesArticlesTab_Field-required .salesArticlesTab_Input[b-2n8efgm2or],
.salesArticlesTab_Field-invalid .salesArticlesTab_Input[b-2n8efgm2or] {
    border-width: 2px;
}

.salesArticlesTab_Field-invalid .salesArticlesTab_Input[b-2n8efgm2or] {
    border-color: #fca5a5;
    background: linear-gradient(180deg, #fff5f5 0%, #fff 100%);
}

.salesArticlesTab_FieldHint[b-2n8efgm2or] {
    min-height: 1.1rem;
    font-size: 0.8rem;
    line-height: 1.35;
}

.salesArticlesTab_FieldHint.is-error[b-2n8efgm2or] {
    color: #b91c1c;
}

.salesArticlesTab_FieldHint-placeholder[b-2n8efgm2or] {
    visibility: hidden;
}

.salesArticlesTab_FieldHeader[b-2n8efgm2or] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.salesArticlesTab_FieldHeader span[b-2n8efgm2or] {
    color: #64748b;
    font-size: 0.82rem;
}

.salesArticlesTab_Form[b-2n8efgm2or]  .salesArticlesTab_Input {
    width: 100%;
    min-height: 3rem;
    padding: 0.82rem 0.98rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    appearance: none;
}

.salesArticlesTab_Form[b-2n8efgm2or]  select.salesArticlesTab_Input {
    padding-right: 2.8rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23475569' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.95rem center;
    background-size: 0.9rem;
    cursor: pointer;
}

.salesArticlesTab_Form[b-2n8efgm2or]  .salesArticlesTab_Input:focus {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.18);
    background: #fff;
}

.salesArticlesTab_Form[b-2n8efgm2or]  .salesArticlesTab_Input:disabled {
    color: #64748b;
    background: #f8fafc;
}

.salesArticlesTab_Field-checkbox[b-2n8efgm2or] {
    justify-content: flex-end;
}

.salesArticlesTab_CheckboxLabel[b-2n8efgm2or] {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 3rem;
    padding: 0.82rem 0.98rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.salesArticlesTab_Checkbox[b-2n8efgm2or] {
;
    accent-color: #2563eb;
    flex: 0 0 auto;
    transform: scale(1.12);
    transform-origin: center;
}

.salesArticlesTab_InfoTrigger[b-2n8efgm2or] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.salesArticlesTab_InfoIcon[b-2n8efgm2or] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.78rem;
    cursor: help;
}

.salesArticlesTab_InfoTooltip[b-2n8efgm2or] {
    position: absolute;
    top: 50%;
    left: calc(100% + 0.65rem);
    z-index: 5;
    width: 18rem;
    max-width: min(18rem, 70vw);
    padding: 0.7rem 0.85rem;
    border-radius: 14px;
    background: #0f172a;
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: left;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%) translateX(-4px);
    transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease;
    pointer-events: none;
    white-space: normal;
}

.salesArticlesTab_InfoTrigger:hover .salesArticlesTab_InfoTooltip[b-2n8efgm2or],
.salesArticlesTab_InfoTrigger:focus-visible .salesArticlesTab_InfoTooltip[b-2n8efgm2or],
.salesArticlesTab_InfoTrigger:focus-within .salesArticlesTab_InfoTooltip[b-2n8efgm2or] {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

.salesArticlesTab_MappingTable[b-2n8efgm2or] {
    display: grid;
    gap: 0.7rem;
}

.salesArticlesTab_MappingRow[b-2n8efgm2or] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: 1rem;
    padding: 0.85rem;
    border: 1px solid #dbe3ea;
    border-radius: 18px;
    background: #fff;
}

.salesArticlesTab_MappingInfo[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    color: #475569;
    font-size: 0.84rem;
}

.salesArticlesTab_MappingInfo strong[b-2n8efgm2or] {
    color: #0f172a;
    font-size: 0.92rem;
}

.salesArticlesTab_MappingInputWrap[b-2n8efgm2or] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.salesArticlesTab_MappingInputWrap label[b-2n8efgm2or] {
    font-size: 0.76rem;
}

.salesArticlesTab_EmptyState[b-2n8efgm2or] {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
}

.salesArticlesTab_DialogFooter[b-2n8efgm2or] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1.25rem 1.25rem;
}

@media (max-width: 900px) {
    .salesArticlesTab_Form[b-2n8efgm2or],
    .salesArticlesTab_MappingRow[b-2n8efgm2or],
    .salesArticlesTab_DepositGrid[b-2n8efgm2or] {
        grid-template-columns: 1fr;
    }

    .salesArticlesTab_SearchWrap[b-2n8efgm2or] {
        flex-basis: 100%;
        width: 100%;
    }

    .salesArticlesTab_HeaderActionsRow[b-2n8efgm2or] {
        width: 100%;
        justify-content: flex-end;
    }

    .salesArticlesTab_Field-half[b-2n8efgm2or],
    .salesArticlesTab_Field-third[b-2n8efgm2or] {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1101px) and (max-width: 1320px) {
    .salesArticlesTab_GridHeader[b-2n8efgm2or],
    .salesArticlesTab_Row[b-2n8efgm2or] {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.58fr) minmax(0, 0.6fr) 92px 92px;
    }

    .salesArticlesTab_GridHeader > div:nth-child(5)[b-2n8efgm2or],
    .salesArticlesTab_GridHeader > div:nth-child(6)[b-2n8efgm2or],
    .salesArticlesTab_Row > .salesArticlesTab_Column:nth-child(5)[b-2n8efgm2or],
    .salesArticlesTab_Row > .salesArticlesTab_Column:nth-child(6)[b-2n8efgm2or] {
        display: none;
    }
}

@keyframes salesArticlesTab_progress-b-2n8efgm2or {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(420%);
    }
}

@media (max-width: 1100px) {
    .salesArticlesTab_GridHeader[b-2n8efgm2or] {
        display: none;
    }

    .salesArticlesTab_Row[b-2n8efgm2or] {
        grid-template-columns: 1fr auto;
        gap: 0.65rem 0.75rem;
        align-items: start;
    }

    .salesArticlesTab_Main[b-2n8efgm2or] {
        min-width: 0;
    }

    .salesArticlesTab_Actions[b-2n8efgm2or] {
        grid-column: 2;
        grid-row: 1;
        border-left: 0;
        padding-left: 0;
        justify-content: flex-end;
        align-self: start;
    }

    .salesArticlesTab_Column[b-2n8efgm2or] {
        grid-column: 1 / -1;
        padding-left: 0;
        border-left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        min-width: 0;
    }

    .salesArticlesTab_CellLabel[b-2n8efgm2or] {
        display: block;
        margin-bottom: 0;
        flex: 0 0 auto;
    }

    .salesArticlesTab_Column-center[b-2n8efgm2or] {
        text-align: left;
    }

    .salesArticlesTab_CellValue[b-2n8efgm2or],
    .salesArticlesTab_Status[b-2n8efgm2or],
    .salesArticlesTab_BadgeList[b-2n8efgm2or] {
        margin-left: auto;
        text-align: right;
        justify-content: flex-end;
        min-width: 0;
    }

    .salesArticlesTab_DialogFooter[b-2n8efgm2or] {
        flex-direction: column-reverse;
    }

    .salesArticlesTab_DialogFooter button[b-2n8efgm2or] {
        width: 100%;
    }

    .salesArticlesTab_FieldHeader[b-2n8efgm2or],
    .salesArticlesTab_Header[b-2n8efgm2or] {
        align-items: stretch;
    }

    .salesArticlesTab_ToggleBtn[b-2n8efgm2or] {
        width: 100%;
    }
}
/* /Pages/ArtikelConfig.razor.rz.scp.css */
.articleConfig_Page[b-cnzdctwexp] {
    padding: 1rem;
    background: linear-gradient(180deg, #f3f5f7 0%, #e8edf1 100%);
    min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
}

.articleConfig_TabArea[b-cnzdctwexp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.articleConfig_TabHeader[b-cnzdctwexp] {
    position: relative;
}

.articleConfig_HeaderCard[b-cnzdctwexp] {
    padding: 1.15rem 1.25rem;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.28), transparent 32%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 68%, #1f2937 100%);
    color: #f8fafc;
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.14);
}

.articleConfig_HeaderEyebrow[b-cnzdctwexp] {
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(253, 224, 71, 0.9);
    margin-bottom: 0.35rem;
}

.articleConfig_HeaderTitle[b-cnzdctwexp] {
    font-size: clamp(1.55rem, 1.2rem + 0.8vw, 2.2rem);
    font-weight: 900;
    line-height: 1.05;
    margin-bottom: 0.45rem;
}

.articleConfig_HeaderText[b-cnzdctwexp] {
    max-width: 54rem;
    line-height: 1.55;
    color: rgba(226, 232, 240, 0.92);
}

.articleConfig_ContentCard[b-cnzdctwexp],
.articleConfig_ArticleGroup_Body[b-cnzdctwexp],
.articleConfig_Article_Body[b-cnzdctwexp],
.articleConfig_PfandKlassen_Body[b-cnzdctwexp],
.articleconfig_Filter_Body[b-cnzdctwexp],
.numberRangesTab[b-cnzdctwexp] {
    padding: 0.9rem;
    border-radius: 24px;
    border: 1px solid #d9dee3;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 38px rgba(68, 63, 54, 0.1);
}

.articleConfig_NoRights[b-cnzdctwexp] {
    margin: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(245, 158, 11, 0.35);
    background: #fffbeb;
    color: #92400e;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 700;
}

.articleConfig_Tabs[b-cnzdctwexp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    padding: 0.35rem 4.15rem 0.35rem 0.35rem;
    border-radius: 22px;
    border: 1px solid #d9dee3;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.articleConfig_Guide[b-cnzdctwexp] {
    position: absolute;
    top: 0.35rem;
    right: 0.55rem;
    z-index: 3;
}

.articleConfig_GuideBtn[b-cnzdctwexp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    border: 0;
    border-radius: 16px;
    background: #fef3c7;
    color: #92400e;
    box-shadow: inset 0 0 0 1px #f59e0b;
}

.articleConfig_GuidePopover[b-cnzdctwexp] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    width: min(320px, calc(100vw - 2rem));
    padding: 0.8rem 0.9rem;
    border: 1px solid #fcd34d;
    border-radius: 14px;
    background: #fffbeb;
    color: #78350f;
    font-size: 0.88rem;
    line-height: 1.45;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.14);
}

.articleConfig_TabBtn[b-cnzdctwexp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 2.9rem;
    margin: 0;
    border: 0;
    border-radius: 16px;
    padding: 0.8rem 1rem;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1;
    color: #334155;
    background: transparent;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.articleConfig_TabBtn .tabs-icon[b-cnzdctwexp] {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    opacity: 0.8;
}

.articleConfig_TabBtn:hover[b-cnzdctwexp] {
    background: rgba(148, 163, 184, 0.12);
    color: #0f172a;
}

.articleConfig_TabBtn.is-active[b-cnzdctwexp] {
    background: #0f172a;
    color: #f8fafc;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
}

[b-cnzdctwexp](.articleConfig_ContentCard .oi-plus),
[b-cnzdctwexp](.articleConfig_ContentCard .oi-pencil),
[b-cnzdctwexp](.articleConfig_ContentCard .oi-trash) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    transition: transform 0.16s ease, filter 0.16s ease, background-color 0.16s ease;
}

[b-cnzdctwexp](.articleConfig_ContentCard .oi-plus:hover),
[b-cnzdctwexp](.articleConfig_ContentCard .oi-pencil:hover),
[b-cnzdctwexp](.articleConfig_ContentCard .oi-trash:hover) {
    background: #cbd5e1;
    transform: translateY(-1px);
}

[b-cnzdctwexp](.articleConfig_ContentCard .oi-plus) {
    background: #dbeafe;
    color: #1d4ed8;
}

[b-cnzdctwexp](.articleConfig_ContentCard .oi-trash) {
    background: #fee2e2;
    color: #b91c1c;
}

@media (max-width: 768px) {
    .articleConfig_Page[b-cnzdctwexp] {
        padding: 0.75rem;
    }

    .articleConfig_HeaderCard[b-cnzdctwexp] {
        padding: 0.95rem 1rem;
        border-radius: 20px;
    }

    .articleConfig_ContentCard[b-cnzdctwexp],
    .articleConfig_ArticleGroup_Body[b-cnzdctwexp],
    .articleConfig_Article_Body[b-cnzdctwexp],
    .articleConfig_PfandKlassen_Body[b-cnzdctwexp],
    .articleconfig_Filter_Body[b-cnzdctwexp],
    .numberRangesTab[b-cnzdctwexp] {
        padding: 0.7rem;
        border-radius: 20px;
    }

    .articleConfig_Tabs[b-cnzdctwexp] {
        padding-right: 3.75rem;
    }

    [b-cnzdctwexp](.articleConfig_ContentCard .oi-plus),
    [b-cnzdctwexp](.articleConfig_ContentCard .oi-pencil),
    [b-cnzdctwexp](.articleConfig_ContentCard .oi-trash) {
        width: 1.8rem;
        height: 1.8rem;
    }
}
/* /Pages/Ausschank_Taschenrechner.razor.rz.scp.css */
.Ausschankrechner_Container[b-baqx2khirh] {
    position: relative;
    height: 100vh; /* Vollständige Höhe des Ansichtsfensters */
}

.Ausschankrechner_Header[b-baqx2khirh] {
    height: 50px; 
    background-color: #f1f1f1; 
    font-size: 36px;
    text-align: center;
    font-weight: bold;
}

.Ausschankrechner_Body[b-baqx2khirh] {
    overflow-y: auto; 
    padding-bottom: 50px; 
    height: calc(100vh - 100px);
    background-color: #ffffff; 
}

.Ausschankrechner_Footer[b-baqx2khirh] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #333;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    border-top: 2px solid white;
    display: inline-flex;
}

.Ausschankrechner_ElementBox[b-baqx2khirh]{
    width: 100%;
    display: inline-flex;

}

.Ausschankrechner_Counter[b-baqx2khirh] {
    justify-content: center;
    text-align: center;
    font-size: 25px;
    width: 10%;
    margin: auto;
    font-weight: bold;
}

.Ausschankrechner_ButtonSection[b-baqx2khirh] {
    padding: 5px;
    width: 80%;

    
}

.Ausschankrechner_button[b-baqx2khirh]{
    width: 100%;
    font-size: 25px;
}

.Ausschankrechner_SummeGlaeser[b-baqx2khirh]{
    width: 20%;
    font-size: 35px;
}

.Ausschankrechner_Endbetrag[b-baqx2khirh] {
    width: 80%;
    font-size: 35px;
}
/* /Pages/BackendDashboard.razor.rz.scp.css */
.backendDashboardShell[b-d36u4ux34s] {
    min-height: calc(100vh - 3.75rem);
    padding: 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 28%),
        linear-gradient(180deg, #eff6ff 0%, #f8fafc 46%, #e2e8f0 100%);
}

.backendDashboardHero[b-d36u4ux34s] {
    max-width: 1180px;
    margin: 0 auto 1.25rem;
    padding: 1.5rem;
    border-radius: 24px;
    color: #e2e8f0;
    background: linear-gradient(135deg, #0f172a 0%, #1d4e89 62%, #0f766e 100%);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}

.backendDashboardEyebrow[b-d36u4ux34s] {
    margin-bottom: 1rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.78);
}

.backendDashboardMeta[b-d36u4ux34s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.backendDashboardMetaItem[b-d36u4ux34s] {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.22);
}

.backendDashboardMetaLabel[b-d36u4ux34s] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.72);
}

.backendDashboardMetaValue[b-d36u4ux34s] {
    display: block;
    word-break: break-word;
    color: #fff;
    font-weight: 600;
}

.backendDashboardSection[b-d36u4ux34s] {
    max-width: 1180px;
    margin: 0 auto 1.5rem;
}

.backendDashboardSection--external[b-d36u4ux34s] {
    padding-top: 0.2rem;
    border-top: 1px solid rgba(148, 163, 184, 0.35);
}

.backendDashboardSectionTitle[b-d36u4ux34s] {
    margin-bottom: 0.45rem;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #334155;
}

.backendDashboardSectionText[b-d36u4ux34s] {
    margin-bottom: 0.65rem;
    color: #64748b;
    line-height: 1.45;
}

.backendDashboardGrid[b-d36u4ux34s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.backendDashboardCard[b-d36u4ux34s] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    min-height: 200px;
    padding: 1.2rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
}

.backendDashboardCard.is-locked[b-d36u4ux34s] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.96)),
        repeating-linear-gradient(-45deg, rgba(148, 163, 184, 0.08), rgba(148, 163, 184, 0.08) 10px, transparent 10px, transparent 20px);
}

.backendDashboardCardIcon[b-d36u4ux34s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border-radius: 16px;
    font-size: 1.05rem;
    color: #0f172a;
    background: linear-gradient(135deg, #7dd3fc 0%, #bfdbfe 100%);
}

.backendDashboardCardIcon.is-external[b-d36u4ux34s] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.backendDashboardCardTitle[b-d36u4ux34s] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
}

.backendDashboardCard p[b-d36u4ux34s] {
    margin: 0;
    color: #334155;
    line-height: 1.45;
}

.backendDashboardFooter[b-d36u4ux34s] {
    margin-top: auto;
    padding-top: 0.45rem;
    display: flex;
    align-items: center;
}

.backendDashboardFooter[b-d36u4ux34s]  a.backendDashboardLink {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border-radius: 16px;
    color: #14532d;
    text-decoration: none;
    font-weight: 600;
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    box-shadow: 0 10px 24px rgba(34, 197, 94, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.backendDashboardFooter[b-d36u4ux34s]  a.backendDashboardLink:hover,
.backendDashboardFooter[b-d36u4ux34s]  a.backendDashboardLink.active {
    color: #14532d;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(34, 197, 94, 0.24);
}

.backendDashboardFooter[b-d36u4ux34s]  a.backendDashboardLink.is-readonly {
    color: #92400e;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    box-shadow: 0 10px 24px rgba(245, 158, 11, 0.2);
}

.backendDashboardFooter[b-d36u4ux34s]  a.backendDashboardLink.is-readonly:hover,
.backendDashboardFooter[b-d36u4ux34s]  a.backendDashboardLink.is-readonly.active {
    color: #92400e;
    box-shadow: 0 14px 28px rgba(245, 158, 11, 0.28);
}

.backendDashboardFooter[b-d36u4ux34s]  a.backendDashboardLink::after {
    content: ">";
    font-size: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.backendDashboardFooter[b-d36u4ux34s]  a.backendDashboardLink {
    position: relative;
    padding-right: 2.4rem;
}

.backendDashboardLinkLabel[b-d36u4ux34s] {
    display: block;
}

.backendDashboardLinkSubText[b-d36u4ux34s] {
    display: block;
    margin-top: 0.08rem;
    font-size: 0.78rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
    opacity: 0.88;
}

.backendDashboardBadge[b-d36u4ux34s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 1rem;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #7f1d1d;
    background: #fecaca;
}

@media (max-width: 640px) {
    .backendDashboardShell[b-d36u4ux34s] {
        padding: 1rem;
    }

    .backendDashboardHero[b-d36u4ux34s],
    .backendDashboardCard[b-d36u4ux34s] {
        padding: 1rem;
        border-radius: 18px;
    }

    .backendDashboardCard[b-d36u4ux34s] {
        min-height: 200px;
    }
}
/* /Pages/CustomerDisplay.razor.rz.scp.css */
.customerDisplay_Page[b-n90ljanh9y] {
    --panel-bg: rgba(10, 23, 32, 0.62);
    --panel-border: rgba(255, 255, 255, 0.14);
    --panel-shadow: 0 22px 48px rgba(4, 10, 17, 0.32);
    --text-soft: rgba(231, 241, 248, 0.74);
    --accent: #f59e0b;
    --accent-strong: #f97316;
    min-height: 100vh;
    min-height: 100dvh;
    height: 100vh;
    height: 100dvh;
    padding: clamp(0.8rem, 1vw, 1.4rem);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: clamp(0.75rem, 1vw, 1.2rem);
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, 0.22), transparent 24%),
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.18), transparent 20%),
        linear-gradient(180deg, #07111a 0%, #102433 52%, #09141d 100%);
    color: #f8fafc;
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
}

.customerDisplay_Header[b-n90ljanh9y],
.customerDisplay_Main[b-n90ljanh9y],
.customerDisplay_SectionTop[b-n90ljanh9y],
.customerDisplay_LinesHeader[b-n90ljanh9y],
.customerDisplay_LineRow[b-n90ljanh9y] {
    display: flex;
}

.customerDisplay_Header[b-n90ljanh9y],
.customerDisplay_Main[b-n90ljanh9y] {
    gap: clamp(0.75rem, 1vw, 1.2rem);
    position: relative;
    z-index: 1;
}

.customerDisplay_Header[b-n90ljanh9y] {
    align-items: stretch;
    justify-content: stretch;
}

.customerDisplay_HeaderCopy[b-n90ljanh9y],
.customerDisplay_TotalCard[b-n90ljanh9y],
.customerDisplay_LinesCard[b-n90ljanh9y],
.customerDisplay_PaymentCard[b-n90ljanh9y],
.customerDisplay_InfoCard[b-n90ljanh9y],
.customerDisplay_StatusPill[b-n90ljanh9y] {
    border: 1px solid var(--panel-border);
    border-radius: 30px;
    background: var(--panel-bg);
    box-shadow: var(--panel-shadow);
    backdrop-filter: blur(10px);
}

.customerDisplay_HeaderCopy[b-n90ljanh9y] {
    width: 100%;
    padding: clamp(1rem, 1.5vw, 1.5rem);
}

.customerDisplay_Eyebrow[b-n90ljanh9y],
.customerDisplay_TotalCard span[b-n90ljanh9y],
.customerDisplay_CardTitle[b-n90ljanh9y],
.customerDisplay_LinesHeader[b-n90ljanh9y] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 800;
}

.customerDisplay_Eyebrow[b-n90ljanh9y],
.customerDisplay_CardTitle[b-n90ljanh9y] {
    color: #fcd34d;
}

.customerDisplay_Eyebrow[b-n90ljanh9y] {
    font-size: 0.78rem;
}

.customerDisplay_HeaderCopy h1[b-n90ljanh9y] {
    margin: 0.35rem 0 0;
    font-size: clamp(2rem, 1.5rem + 2vw, 4rem);
    line-height: 0.98;
}

.customerDisplay_HeaderCopy p[b-n90ljanh9y],
.customerDisplay_LineMain span[b-n90ljanh9y],
.customerDisplay_Empty[b-n90ljanh9y],
.customerDisplay_InfoRow span[b-n90ljanh9y] {
    color: var(--text-soft);
}

.customerDisplay_HeaderCopy p[b-n90ljanh9y] {
    margin: 0.75rem 0 0;
    max-width: 42rem;
    font-size: clamp(0.95rem, 0.85rem + 0.35vw, 1.15rem);
    line-height: 1.4;
}

.customerDisplay_TotalCard strong[b-n90ljanh9y] {
    display: block;
    margin-top: 0.55rem;
    font-size: clamp(1.2rem, 1rem + 0.8vw, 2.4rem);
    line-height: 1.05;
}

.customerDisplay_TotalCard[b-n90ljanh9y] {
    min-width: 0;
    padding: 1rem 1.15rem;
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.94) 0%, rgba(245, 158, 11, 0.94) 100%);
    color: #fff7ed;
}

.customerDisplay_Main[b-n90ljanh9y] {
    min-height: 0;
}

.customerDisplay_LinesCard[b-n90ljanh9y],
.customerDisplay_PaymentCard[b-n90ljanh9y],
.customerDisplay_InfoCard[b-n90ljanh9y] {
    font-size: var(--customer-display-font-size);
}

.customerDisplay_LinesCard[b-n90ljanh9y] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    padding: clamp(0.85rem, 1vw, 1.2rem);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.9rem;
}

.customerDisplay_LinesCard.is-empty[b-n90ljanh9y] {
    background: rgba(10, 23, 32, 0.44);
    backdrop-filter: blur(4px);
}

.customerDisplay_SectionTop[b-n90ljanh9y] {
    align-items: end;
    justify-content: flex-start;
    gap: 1rem;
}

.customerDisplay_CardTitle[b-n90ljanh9y] {
    margin-top: 0;
    font-size: 0.92rem;
}

.customerDisplay_LinesViewport[b-n90ljanh9y] {
    min-height: 0;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: 100%;
}

.customerDisplay_LinesHeader[b-n90ljanh9y] {
    align-items: center;
    gap: 1rem;
    padding: 0 0.15rem 0.8rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.82rem;
}

.customerDisplay_LinesHeader span:nth-child(1)[b-n90ljanh9y],
.customerDisplay_LineMain[b-n90ljanh9y] {
    flex: 1 1 auto;
    min-width: 0;
}

.customerDisplay_LinesHeader span:nth-child(2)[b-n90ljanh9y],
.customerDisplay_LinePrice[b-n90ljanh9y] {
    width: 6.5rem;
    text-align: right;
}

.customerDisplay_LinesHeader span:nth-child(3)[b-n90ljanh9y],
.customerDisplay_LineQuantity[b-n90ljanh9y] {
    width: 4.25rem;
    text-align: center;
}

.customerDisplay_LinesHeader span:nth-child(4)[b-n90ljanh9y],
.customerDisplay_LineTotal[b-n90ljanh9y] {
    width: 7rem;
    text-align: right;
}

.customerDisplay_LinesList[b-n90ljanh9y] {
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.customerDisplay_LinesList[b-n90ljanh9y]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.2rem;
    background: linear-gradient(180deg, rgba(7, 17, 26, 0) 0%, rgba(7, 17, 26, 0.92) 100%);
    pointer-events: none;
}

.customerDisplay_LineRow[b-n90ljanh9y] {
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 0.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.customerDisplay_LineMain strong[b-n90ljanh9y] {
    display: block;
    font-size: 0.36em;
    line-height: 1.15;
    color: #ffffff;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.customerDisplay_LinePrice[b-n90ljanh9y],
.customerDisplay_LineQuantity[b-n90ljanh9y],
.customerDisplay_LineTotal[b-n90ljanh9y] {
    font-size: 0.32em;
    font-weight: 800;
    white-space: nowrap;
}

.customerDisplay_LinePrice[b-n90ljanh9y] {
    color: rgba(248, 250, 252, 0.8);
}

.customerDisplay_LineQuantity[b-n90ljanh9y] {
    font-size: 0.38em;
    color: #fcd34d;
    letter-spacing: 0.02em;
}

.customerDisplay_LineTotal[b-n90ljanh9y] {
    font-size: 0.32em;
    font-weight: 900;
    color: #fde68a;
}

.customerDisplay_Sidebar[b-n90ljanh9y] {
    width: min(22rem, 26vw);
    min-width: 14rem;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: clamp(0.75rem, 1vw, 1.1rem);
}

.customerDisplay_PaymentCard[b-n90ljanh9y] {
    min-height: 0;
    padding: clamp(0.85rem, 1vw, 1.15rem);
    overflow: hidden;
}

.customerDisplay_PaymentList[b-n90ljanh9y] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.customerDisplay_PaymentBadge[b-n90ljanh9y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.5rem;
    padding: 0.8rem 0.9rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.16);
    color: rgba(248, 250, 252, 0.8);
    font-size: 0.3em;
    font-weight: 900;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.customerDisplay_PaymentBadge.is-bar[b-n90ljanh9y] {
    background: linear-gradient(135deg, rgba(250, 204, 21, 0.82) 0%, rgba(245, 158, 11, 0.74) 100%);
    color: #111827;
}

.customerDisplay_PaymentBadge.is-paypal[b-n90ljanh9y] {
    background: linear-gradient(135deg, rgba(0, 48, 135, 0.88) 0%, rgba(0, 102, 255, 0.8) 100%);
}

.customerDisplay_PaymentBadge.is-sumup[b-n90ljanh9y] {
    background: linear-gradient(135deg, rgba(95, 23, 23, 0.92) 0%, rgba(143, 29, 29, 0.82) 100%);
}

.customerDisplay_PaymentBadge.is-costlocation[b-n90ljanh9y] {
    background: linear-gradient(135deg, rgba(71, 85, 105, 0.92) 0%, rgba(100, 116, 139, 0.82) 100%);
}

.customerDisplay_PaymentBadge.is-intern[b-n90ljanh9y] {
    background: linear-gradient(135deg, rgba(17, 24, 39, 0.94) 0%, rgba(55, 65, 81, 0.86) 100%);
}

.customerDisplay_PaymentBadge.is-selected[b-n90ljanh9y] {
    color: #fff;
    transform: translateY(-1px) scale(1.02);
    box-shadow:
        inset 0 0 0 2px rgba(255, 255, 255, 0.36),
        0 0 0 4px rgba(255, 255, 255, 0.16),
        0 14px 26px rgba(15, 23, 42, 0.28);
}

.customerDisplay_Empty[b-n90ljanh9y] {
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 100%;
    flex: 1 1 auto;
    border-radius: 24px;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.02);
    text-align: center;
    font-size: 0.42em;
    line-height: 1.45;
}

.customerDisplay_BackgroundLogo[b-n90ljanh9y] {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url('../html/Logo-FFW-Ellerstadt.png');
    background-size: min(94vw, 1800px) auto;
    background-position: center 58%;
    background-repeat: no-repeat;
    opacity: 0.24;
}

.customerDisplay_QrOverlay[b-n90ljanh9y] {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.2rem, 2vw, 2.4rem);
    pointer-events: none;
    background:
        radial-gradient(circle at top right, rgba(0, 102, 255, 0.14), transparent 26%),
        radial-gradient(circle at top left, rgba(34, 197, 94, 0.1), transparent 22%),
        linear-gradient(180deg, rgba(4, 10, 17, 0.4) 0%, rgba(4, 10, 17, 0.62) 100%);
    animation: customerDisplay_OverlayFadeIn-b-n90ljanh9y 220ms ease-out;
}

.customerDisplay_QrCard[b-n90ljanh9y] {
    width: min(84vw, 1260px);
    min-height: min(82vh, 920px);
    padding: clamp(1.6rem, 2.6vw, 3rem);
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background:
        radial-gradient(circle at top left, rgba(96, 165, 250, 0.18), transparent 28%),
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(15, 28, 48, 0.98) 0%, rgba(11, 23, 39, 0.99) 100%);
    box-shadow:
        0 38px 82px rgba(2, 6, 23, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    justify-items: center;
    align-items: center;
    text-align: center;
    color: #f8fafc;
    animation: customerDisplay_CompletionCardIn-b-n90ljanh9y 320ms cubic-bezier(0.2, 0.9, 0.2, 1);
}

.customerDisplay_QrEyebrow[b-n90ljanh9y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 4.2rem;
    padding: 0.9rem 2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(250, 204, 21, 0.96) 0%, rgba(245, 158, 11, 0.92) 100%);
    box-shadow:
        0 18px 40px rgba(245, 158, 11, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
    font-size: clamp(1rem, 0.9rem + 0.38vw, 1.45rem);
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #111827;
}

.customerDisplay_QrAmount[b-n90ljanh9y] {
    margin-top: 0.65rem;
    font-size: clamp(2.8rem, 2rem + 2.8vw, 5.8rem);
    font-weight: 900;
    line-height: 0.95;
    color: #ffffff;
    text-shadow: 0 12px 30px rgba(15, 23, 42, 0.34);
}

.customerDisplay_QrImageWrap[b-n90ljanh9y] {
    width: min(54vh, 54vw, 620px);
    aspect-ratio: 1 / 1;
    margin: 1rem 0;
    padding: clamp(1rem, 1.6vw, 1.6rem);
    border-radius: 36px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow:
        0 24px 54px rgba(2, 6, 23, 0.28),
        inset 0 0 0 1px rgba(15, 23, 42, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.customerDisplay_QrImage[b-n90ljanh9y] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.customerDisplay_QrReference[b-n90ljanh9y] {
    margin-top: 0.2rem;
    font-size: clamp(0.95rem, 0.88rem + 0.3vw, 1.25rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.84);
}

.customerDisplay_CompletionOverlay[b-n90ljanh9y] {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.2rem, 2vw, 2.4rem);
    pointer-events: none;
    background:
        radial-gradient(circle at top, rgba(34, 197, 94, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(4, 10, 17, 0.34) 0%, rgba(4, 10, 17, 0.54) 100%);
    animation: customerDisplay_OverlayFadeIn-b-n90ljanh9y 220ms ease-out;
}

.customerDisplay_CompletionCard[b-n90ljanh9y] {
    width: min(84vw, 1260px);
    min-height: min(82vh, 900px);
    padding: clamp(1.8rem, 2.6vw, 3.1rem);
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background:
        radial-gradient(circle at top left, rgba(96, 165, 250, 0.18), transparent 28%),
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.16), transparent 24%),
        linear-gradient(180deg, rgba(21, 33, 48, 0.97) 0%, rgba(22, 28, 37, 0.99) 52%, rgba(17, 24, 39, 1) 100%);
    box-shadow:
        0 38px 82px rgba(2, 6, 23, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    text-align: center;
    color: #f8fafc;
    display: grid;
    grid-template-rows: auto 1fr;
    align-items: center;
    overflow: hidden;
    animation: customerDisplay_CompletionCardIn-b-n90ljanh9y 320ms cubic-bezier(0.2, 0.9, 0.2, 1);
}

.customerDisplay_CompletionEyebrow[b-n90ljanh9y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    min-height: 4.5rem;
    padding: 0.95rem 2.2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.96) 0%, rgba(250, 204, 21, 0.92) 100%);
    box-shadow:
        0 18px 40px rgba(245, 158, 11, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.26);
    font-size: clamp(1.05rem, 0.94rem + 0.42vw, 1.5rem);
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #111827;
}

.customerDisplay_CompletionNumber[b-n90ljanh9y] {
    margin-top: -0.25rem;
    font-size: clamp(13rem, 28vw, 34rem);
    font-weight: 900;
    line-height: 0.78;
    letter-spacing: 0.01em;
    color: #ffffff;
    text-shadow:
        0 14px 34px rgba(15, 23, 42, 0.34),
        0 0 36px rgba(191, 219, 254, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 78%;
    padding: 0 0.35rem 0.2rem;
    overflow-wrap: anywhere;
    word-break: break-word;
    background: linear-gradient(135deg, #93c5fd 0%, #ffffff 40%, #86efac 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

@media (max-width: 720px) {
    .customerDisplay_QrCard[b-n90ljanh9y] {
        width: 100%;
        min-height: min(76vh, 740px);
        border-radius: 28px;
    }

    .customerDisplay_QrImageWrap[b-n90ljanh9y] {
        width: min(72vw, 360px);
        border-radius: 24px;
    }

    .customerDisplay_QrAmount[b-n90ljanh9y] {
        font-size: clamp(2.6rem, 10vw, 4.4rem);
    }

    .customerDisplay_CompletionCard[b-n90ljanh9y] {
        width: 100%;
        min-height: min(74vh, 700px);
        border-radius: 28px;
    }

    .customerDisplay_CompletionNumber[b-n90ljanh9y] {
        font-size: clamp(7rem, 24vw, 13rem);
    }
}

@keyframes customerDisplay_OverlayFadeIn-b-n90ljanh9y {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes customerDisplay_CompletionCardIn-b-n90ljanh9y {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1100px) {
    .customerDisplay_Page[b-n90ljanh9y] {
        padding: 0.75rem;
    }

    .customerDisplay_Header[b-n90ljanh9y] {
        flex-direction: column;
    }

    .customerDisplay_HeaderStatus[b-n90ljanh9y] {
        display: block;
    }

    .customerDisplay_Main[b-n90ljanh9y] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .customerDisplay_Sidebar[b-n90ljanh9y] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 720px) {
    .customerDisplay_Page[b-n90ljanh9y] {
        gap: 0.65rem;
        padding: 0.55rem;
    }

    .customerDisplay_HeaderCopy[b-n90ljanh9y],
    .customerDisplay_TotalCard[b-n90ljanh9y],
    .customerDisplay_LinesCard[b-n90ljanh9y],
    .customerDisplay_PaymentCard[b-n90ljanh9y] {
        border-radius: 22px;
    }

    .customerDisplay_HeaderStatus[b-n90ljanh9y],
    .customerDisplay_PaymentList[b-n90ljanh9y] {
        grid-template-columns: 1fr;
    }

    .customerDisplay_SectionTop[b-n90ljanh9y],
    .customerDisplay_LineRow[b-n90ljanh9y] {
        gap: 0.65rem;
    }
}
/* /Pages/Datenschutz.razor.rz.scp.css */
.legal-page[b-2q5bjuft4s] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 38%),
        radial-gradient(circle at 90% 85%, rgba(255, 196, 72, 0.20), transparent 45%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 55%, #1f2937 100%);
    color: #f8fafc;
}

.legal-card[b-2q5bjuft4s] {
    width: min(760px, 96vw);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.9rem;
    padding: clamp(1.2rem, 2vw, 2rem);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
}

.legal-card h1[b-2q5bjuft4s] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    font-weight: 800;
}

.legal-card p[b-2q5bjuft4s] {
    margin: 0;
    line-height: 1.6;
    color: #dbeafe;
}

.legal-actions[b-2q5bjuft4s] {
    margin-top: 0.4rem;
}

.legal-btn[b-2q5bjuft4s] {
    border: 0;
    border-radius: 12px;
    padding: 0.72rem 1.05rem;
    font-weight: 800;
    cursor: pointer;
    background: #f59e0b;
    color: #111827;
}
/* /Pages/Dokumentation/Drucker.razor.rz.scp.css */
.printDocs[b-ie2ekeyo11] {
    --printDocs-ink: #18212f;
    --printDocs-muted: #526071;
    --printDocs-surface: #ffffff;
    --printDocs-line: #dde6ef;
    --printDocs-warm: #f59e0b;
    --printDocs-accent: #0284c7;
    --printDocs-accent-soft: rgba(2, 132, 199, 0.12);
    padding: 1.25rem 1.25rem 2.5rem;
    color: var(--printDocs-ink);
}

.printDocs_hero[b-ie2ekeyo11] {
    margin-bottom: 1.5rem;
    padding: 1.8rem;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.25), transparent 27%),
        radial-gradient(circle at left bottom, rgba(2, 132, 199, 0.22), transparent 30%),
        linear-gradient(145deg, #f8fafc 0%, #eef6ff 45%, #fff9ec 100%);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.09);
}

.printDocs_eyebrow[b-ie2ekeyo11],
.printDocs_sectionEyebrow[b-ie2ekeyo11] {
    margin-bottom: 0.55rem;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--printDocs-accent);
}

.printDocs_hero h1[b-ie2ekeyo11] {
    margin: 0;
    max-width: 16ch;
    font-size: clamp(2.1rem, 4vw, 3.6rem);
    line-height: 0.95;
    letter-spacing: -0.04em;
}

.printDocs_lead[b-ie2ekeyo11] {
    margin: 0.9rem 0 0;
    max-width: 70ch;
    color: #314155;
    font-size: 1.02rem;
}

.printDocs_meta[b-ie2ekeyo11] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.9rem;
    margin-top: 1.35rem;
}

.printDocs_metaItem[b-ie2ekeyo11] {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.66);
    border: 1px solid rgba(221, 230, 239, 0.9);
    backdrop-filter: blur(8px);
}

.printDocs_metaLabel[b-ie2ekeyo11] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--printDocs-muted);
    font-size: 0.82rem;
}

.printDocs_section[b-ie2ekeyo11] {
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border-radius: 24px;
    border: 1px solid var(--printDocs-line);
    background: var(--printDocs-surface);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

.printDocs_backLinkRow[b-ie2ekeyo11] {
    margin-bottom: 1rem;
}

.printDocs_backLink[b-ie2ekeyo11] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 0.95rem;
    border-radius: 999px;
    border: 1px solid var(--printDocs-line);
    background: rgba(255, 255, 255, 0.82);
    color: var(--printDocs-ink);
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.printDocs_backLink:hover[b-ie2ekeyo11] {
    color: var(--printDocs-accent);
    border-color: rgba(2, 132, 199, 0.3);
}

.printDocs_sectionHeader[b-ie2ekeyo11] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.printDocs_section h2[b-ie2ekeyo11] {
    margin: 0 0 0.8rem;
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1.05;
}

.printDocs_section h3[b-ie2ekeyo11] {
    margin: 0 0 0.55rem;
    font-size: 1.03rem;
}

.printDocs_section p[b-ie2ekeyo11],
.printDocs_section li[b-ie2ekeyo11] {
    color: var(--printDocs-muted);
}

.printDocs_downloadGrid[b-ie2ekeyo11],
.printDocs_infoGrid[b-ie2ekeyo11],
.printDocs_versions[b-ie2ekeyo11],
.printDocs_compare[b-ie2ekeyo11],
.printDocs_tips[b-ie2ekeyo11] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.95rem;
}

.printDocs_downloadCard[b-ie2ekeyo11],
.printDocs_infoCard[b-ie2ekeyo11],
.printDocs_versionCard[b-ie2ekeyo11],
.printDocs_compareCard[b-ie2ekeyo11],
.printDocs_tipCard[b-ie2ekeyo11] {
    padding: 1rem;
    border-radius: 20px;
    border: 1px solid var(--printDocs-line);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.printDocs_downloadCard[b-ie2ekeyo11] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-height: 150px;
    text-decoration: none;
    color: var(--printDocs-ink);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.printDocs_downloadCard .oi[b-ie2ekeyo11] {
    width: 2.3rem;
    height: 2.3rem;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #0ea5e9 0%, #f59e0b 100%);
    color: #fff;
    font-size: 1rem;
}

.printDocs_downloadCard:hover[b-ie2ekeyo11] {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
    border-color: rgba(2, 132, 199, 0.35);
}

.printDocs_downloadCard span:last-child[b-ie2ekeyo11] {
    color: var(--printDocs-muted);
}

.printDocs_note[b-ie2ekeyo11] {
    margin-top: 1rem;
    padding: 0.95rem 1rem;
    border-left: 4px solid var(--printDocs-warm);
    border-radius: 14px;
    background: #fff8e7;
    color: #6b4f14;
}

.printDocs_noticeBox[b-ie2ekeyo11] {
    margin-top: 1rem;
    padding: 1rem 1.05rem;
    border-radius: 18px;
    border: 1px solid #f3d4aa;
    background: linear-gradient(180deg, #fffaf0 0%, #fff5df 100%);
}

.printDocs_noticeBox h3[b-ie2ekeyo11] {
    margin-bottom: 0.45rem;
}

.printDocs_noticeBox p[b-ie2ekeyo11] {
    margin: 0;
    color: #6b4f14;
}

.printDocs_noticeBox p + p[b-ie2ekeyo11] {
    margin-top: 0.65rem;
}

.printDocs_steps[b-ie2ekeyo11] {
    display: grid;
    gap: 0.8rem;
}

.printDocs_step[b-ie2ekeyo11] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    border: 1px solid var(--printDocs-line);
    background: #fbfdff;
}

.printDocs_stepNumber[b-ie2ekeyo11] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, #0284c7 0%, #0f172a 100%);
}

.printDocs_step p[b-ie2ekeyo11],
.printDocs_compareCard ul[b-ie2ekeyo11],
.printDocs_checklist[b-ie2ekeyo11] {
    margin: 0;
}

.printDocs_compareCard ul[b-ie2ekeyo11] {
    padding-left: 1.2rem;
}

.printDocs_checklist[b-ie2ekeyo11] {
    padding-left: 1.3rem;
    display: grid;
    gap: 0.45rem;
}

code[b-ie2ekeyo11] {
    padding: 0.12rem 0.34rem;
    border-radius: 8px;
    background: var(--printDocs-accent-soft);
    color: #075985;
}

@media (max-width: 820px) {
    .printDocs_sectionHeader[b-ie2ekeyo11] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .printDocs[b-ie2ekeyo11] {
        padding: 0.75rem 0.75rem 2rem;
    }

    .printDocs_hero[b-ie2ekeyo11],
    .printDocs_section[b-ie2ekeyo11] {
        padding: 1rem;
        border-radius: 20px;
    }

    .printDocs_hero h1[b-ie2ekeyo11] {
        max-width: none;
    }
}
/* /Pages/Impressum.razor.rz.scp.css */
.impressum-page[b-beqoecab32] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 38%),
        radial-gradient(circle at 90% 85%, rgba(255, 196, 72, 0.20), transparent 45%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 55%, #1f2937 100%);
    color: #f8fafc;
}

.impressum-card[b-beqoecab32] {
    width: min(520px, 96vw);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
    padding: clamp(1.2rem, 2vw, 2rem);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
}

.impressum-card h1[b-beqoecab32] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    font-weight: 800;
}

.impressum-card p[b-beqoecab32] {
    margin: 0;
    line-height: 1.55;
    color: #dbeafe;
}

.impressum-actions[b-beqoecab32] {
    margin-top: 0.4rem;
}

.impressum-btn[b-beqoecab32] {
    border: 0;
    border-radius: 12px;
    padding: 0.72rem 1.05rem;
    font-weight: 800;
    cursor: pointer;
    background: #f59e0b;
    color: #111827;
}
/* /Pages/Index.razor.rz.scp.css */
.docsHome[b-2lg5vn3ayr] {
    padding: 2rem;
    color: #1e293b;
}

.docsHome_hero[b-2lg5vn3ayr] {
    max-width: 760px;
    margin-bottom: 1.75rem;
    padding: 1.75rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.18), transparent 34%),
        linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border: 1px solid #dbe4ee;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.docsHome_eyebrow[b-2lg5vn3ayr] {
    margin-bottom: 0.65rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #0369a1;
}

.docsHome_hero h1[b-2lg5vn3ayr] {
    margin: 0 0 0.65rem;
    font-size: clamp(1.8rem, 2.5vw, 2.7rem);
    line-height: 1.05;
}

.docsHome_hero p[b-2lg5vn3ayr] {
    margin: 0;
    max-width: 60ch;
    color: #334155;
}

.docsHome_grid[b-2lg5vn3ayr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.docsHome_card[b-2lg5vn3ayr] {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 20px;
    border: 1px solid #dbe4ee;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.docsHome_cardIcon[b-2lg5vn3ayr] {
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 1.15rem;
    color: #0f172a;
    background: linear-gradient(135deg, #fcd34d 0%, #fb7185 100%);
}

.docsHome_cardBody h2[b-2lg5vn3ayr] {
    margin: 0 0 0.45rem;
    font-size: 1.2rem;
}

.docsHome_cardBody p[b-2lg5vn3ayr] {
    margin: 0 0 0.9rem;
    color: #475569;
}

.docsHome_link[b-2lg5vn3ayr] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    text-decoration: none;
    color: #0f172a;
}

.docsHome_link:hover[b-2lg5vn3ayr] {
    color: #0369a1;
}

@media (max-width: 640px) {
    .docsHome[b-2lg5vn3ayr] {
        padding: 1rem;
    }

    .docsHome_hero[b-2lg5vn3ayr],
    .docsHome_card[b-2lg5vn3ayr] {
        border-radius: 18px;
    }
}
/* /Pages/KostenstellenAbrechnung.razor.rz.scp.css */
.ksset_page[b-3cb9ouyxvh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: linear-gradient(180deg, #f3f5f7 0%, #e8edf1 100%);
    min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
}

.ksset_panel[b-3cb9ouyxvh],
.ksset_tableShell[b-3cb9ouyxvh],
.ksset_info[b-3cb9ouyxvh] {
    border-radius: 24px;
    border: 1px solid #d9dee3;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 40px rgba(68, 63, 54, 0.12);
}

.ksset_panel[b-3cb9ouyxvh] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1.1rem;
}

.ksset_close[b-3cb9ouyxvh] {
    position: absolute;
    top: 0.7rem;
    right: 0.9rem;
    border: none;
    background: transparent;
    color: #475569;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 0.35rem;
    z-index: 2;
}

.ksset_close:hover[b-3cb9ouyxvh] {
    color: #0f172a;
}

.ksset_header[b-3cb9ouyxvh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-right: 2rem;
}

.ksset_eyebrow[b-3cb9ouyxvh] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ksset_header h1[b-3cb9ouyxvh] {
    margin: 0.7rem 0 0;
    color: #0f172a;
    font-size: clamp(1.4rem, 1.1rem + 0.8vw, 2rem);
    font-weight: 900;
    line-height: 1.1;
}

.ksset_summaryHero[b-3cb9ouyxvh] {
    display: flex;
    gap: 0.75rem;
    align-items: stretch;
    flex-wrap: wrap;
}

.ksset_summaryCard[b-3cb9ouyxvh] {
    min-width: 180px;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: linear-gradient(145deg, #f8fafc, #e2e8f0);
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.22);
}

.ksset_summaryCard.amount[b-3cb9ouyxvh] {
    background: linear-gradient(145deg, #ecfdf5, #bbf7d0);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.18);
}

.ksset_summaryCard.danger[b-3cb9ouyxvh] {
    background: linear-gradient(145deg, #fef2f2, #fecaca);
    box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.18);
}

.ksset_summaryLabel[b-3cb9ouyxvh] {
    color: #475569;
    font-size: 0.86rem;
    font-weight: 700;
}

.ksset_summaryValue[b-3cb9ouyxvh] {
    margin-top: 0.2rem;
    color: #0f172a;
    font-size: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);
    font-weight: 900;
    line-height: 1;
}

.ksset_toolbar[b-3cb9ouyxvh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.ksset_field[b-3cb9ouyxvh] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ksset_field label[b-3cb9ouyxvh] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ksset_fieldWide[b-3cb9ouyxvh] {
    grid-column: span 1;
}

.ksset_select[b-3cb9ouyxvh],
.ksset_comment[b-3cb9ouyxvh],
.ksset_qty[b-3cb9ouyxvh] {
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 0.72rem 0.85rem;
    background: #fff;
    color: #0f172a;
    font-size: 0.95rem;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.ksset_select:focus[b-3cb9ouyxvh],
.ksset_comment:focus[b-3cb9ouyxvh],
.ksset_qty:focus[b-3cb9ouyxvh] {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.16);
}

.ksset_controls[b-3cb9ouyxvh] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.ksset_controlsSpacer[b-3cb9ouyxvh] {
    flex: 1 1 auto;
}

.ksset_button[b-3cb9ouyxvh] {
    border: none;
    border-radius: 14px;
    padding: 0.78rem 1.05rem;
    font-size: 0.92rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.ksset_button:hover[b-3cb9ouyxvh] {
    transform: translateY(-1px);
    filter: brightness(1.02);
}

.ksset_button:disabled[b-3cb9ouyxvh] {
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
}

.ksset_button.is-secondary[b-3cb9ouyxvh],
.ksset_button.is-inline[b-3cb9ouyxvh] {
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
    color: #f8fafc;
    box-shadow: 0 10px 20px rgba(51, 65, 85, 0.18);
}

.ksset_button.is-primary[b-3cb9ouyxvh] {
    background: linear-gradient(135deg, #14532d 0%, #15803d 100%);
    color: #f8fafc;
    box-shadow: 0 12px 24px rgba(20, 83, 45, 0.2);
}

.ksset_info[b-3cb9ouyxvh] {
    padding: 1rem 1.2rem;
    color: #334155;
    font-weight: 700;
}

.ksset_tableShell[b-3cb9ouyxvh] {
    overflow: hidden;
}

.ksset_tableWrap[b-3cb9ouyxvh] {
    overflow: auto;
    max-height: 62vh;
}

.ksset_table[b-3cb9ouyxvh] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 860px;
}

.ksset_table th[b-3cb9ouyxvh],
.ksset_table td[b-3cb9ouyxvh] {
    padding: 0.78rem 0.75rem;
    text-align: left;
    border-bottom: 1px solid #dbe3ea;
}

.ksset_table th[b-3cb9ouyxvh] {
    position: sticky;
    top: 0;
    background: #334155;
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    z-index: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.ksset_table th:last-child[b-3cb9ouyxvh] {
    border-right: 0;
}

.ksset_table tbody tr:nth-child(odd) td[b-3cb9ouyxvh] {
    background: #f8fafc;
}

.ksset_table tbody tr:nth-child(even) td[b-3cb9ouyxvh] {
    background: #eef2f7;
}

.ksset_table tbody tr:last-child td[b-3cb9ouyxvh] {
    border-bottom: 0;
}

.ksset_table tbody tr.ksset_rowFull td[b-3cb9ouyxvh] {
    background: #dcfce7;
}

.ksset_table tbody tr.ksset_rowPartial td[b-3cb9ouyxvh] {
    background: #fef3c7;
}

.ksset_table tbody tr.ksset_rowReturn td[b-3cb9ouyxvh] {
    background: #dbeafe;
}

.ksset_cellCentered[b-3cb9ouyxvh] {
    text-align: center !important;
}

.ksset_descriptionCell[b-3cb9ouyxvh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ksset_badge[b-3cb9ouyxvh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.ksset_qty[b-3cb9ouyxvh] {
    width: 92px;
    text-align: center;
    font-weight: 800;
}

.ksset_qtyStepper[b-3cb9ouyxvh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.ksset_qtyBtn[b-3cb9ouyxvh] {
    width: 2.1rem;
    height: 2.1rem;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
    color: #f8fafc;
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(51, 65, 85, 0.18);
}

.ksset_returnToggle[b-3cb9ouyxvh] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #1e40af;
    font-size: 0.92rem;
    font-weight: 800;
    user-select: none;
}

@media (max-width: 900px) {
    .ksset_header[b-3cb9ouyxvh] {
        flex-direction: column;
        padding-right: 0;
    }

    .ksset_toolbar[b-3cb9ouyxvh] {
        grid-template-columns: 1fr;
    }

    .ksset_controlsSpacer[b-3cb9ouyxvh] {
        display: none;
    }
}

@media (max-width: 768px) {
    .ksset_page[b-3cb9ouyxvh] {
        padding: 0.75rem;
    }

    .ksset_panel[b-3cb9ouyxvh] {
        padding: 1rem;
    }

    .ksset_controls[b-3cb9ouyxvh] {
        flex-direction: column;
        align-items: stretch;
    }

    .ksset_button[b-3cb9ouyxvh] {
        width: 100%;
    }

    .ksset_summaryHero[b-3cb9ouyxvh] {
        width: 100%;
    }

    .ksset_summaryCard[b-3cb9ouyxvh] {
        width: 100%;
        min-width: 0;
    }
}
/* /Pages/Landing.razor.rz.scp.css */
.landing-page[b-l0iip8d2sx] {
    position: relative;
    min-height: 100vh;
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 38%),
        radial-gradient(circle at 90% 85%, rgba(255, 196, 72, 0.20), transparent 45%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 55%, #1f2937 100%);
    color: #f8fafc;
}

.landing-overlay[b-l0iip8d2sx] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 2rem 4.5rem 2rem;
}

.landing-content[b-l0iip8d2sx] {
    width: min(920px, 96vw);
    text-align: center;
}

.landing-logo[b-l0iip8d2sx] {
    width: clamp(260px, 34vw, 420px);
    height: auto;
    display: block;
    margin: 0 auto 1.1rem auto;
}

.landing-kicker[b-l0iip8d2sx] {
    margin: 0 0 0.7rem 0;
    color: #fbbf24;
    font-size: clamp(0.95rem, 1.3vw, 1.1rem);
    font-weight: 800;
    letter-spacing: 0.18em;
}

.landing-content h1[b-l0iip8d2sx] {
    margin: 0;
    line-height: 1.14;
    font-size: clamp(2.1rem, 4.6vw, 3.8rem);
    color: #ffffff;
    font-weight: 900;
    background: transparent !important;
}

.landing-copy[b-l0iip8d2sx] {
    margin: 1rem auto 0 auto;
    font-size: clamp(1.02rem, 1.45vw, 1.22rem);
    line-height: 1.6;
    color: #dbeafe;
    max-width: 60ch;
}

.landing-actions[b-l0iip8d2sx] {
    margin-top: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem;
}

.landing-btn[b-l0iip8d2sx] {
    border: 0;
    border-radius: 12px;
    padding: 0.75rem 1.2rem;
    font-weight: 700;
    cursor: pointer;
    min-width: 160px;
}

.landing-btn-primary[b-l0iip8d2sx] {
    background: #f59e0b;
    color: #111827;
}

.landing-btn-secondary[b-l0iip8d2sx] {
    background: transparent;
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.landing-legalLinks[b-l0iip8d2sx] {
    position: absolute;
    right: 1.2rem;
    bottom: 1.1rem;
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.landing-impressum[b-l0iip8d2sx] {
    border: 0;
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    font-weight: 700;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.14);
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

@media (max-width: 900px) {
    .landing-legalLinks[b-l0iip8d2sx] {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        bottom: 0.8rem;
        justify-content: center;
    }
}
/* /Pages/Login.razor.rz.scp.css */
.loginForm_Body[b-3jiuukbuir] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 38%),
        radial-gradient(circle at 90% 85%, rgba(255, 196, 72, 0.20), transparent 45%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 55%, #1f2937 100%);
}

.login_loginForm[b-3jiuukbuir] {
    width: min(520px, 96vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(1.2rem, 2vw, 2rem);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
}

.loginForm_Body .pageTitle[b-3jiuukbuir] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    font-weight: 800;
    letter-spacing: 0.03em;
}

.login_imageDiv[b-3jiuukbuir] {
    display: flex;
    justify-content: center;
    margin-top: 0.6rem;
}

.login_logo[b-3jiuukbuir] {
    display: block;
    width: clamp(170px, 34vw, 300px);
    height: auto;
}

.login_form-group[b-3jiuukbuir] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.7rem;
    margin-top: 1rem;
}

.login_passwordWrap[b-3jiuukbuir] {
    position: relative;
    width: 100%;
}

.login_input_name[b-3jiuukbuir],
.login_input_password[b-3jiuukbuir],
.login_input_ctag[b-3jiuukbuir] {
    width: 100%;
    text-align: left;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.10);
    color: #f8fafc;
    padding: 0.7rem 0.9rem;
    outline: none;
}

.login_input_password[b-3jiuukbuir] {
    padding-right: 3.2rem;
}

.login_input_name[b-3jiuukbuir]::placeholder,
.login_input_password[b-3jiuukbuir]::placeholder,
.login_input_ctag[b-3jiuukbuir]::placeholder {
    color: rgba(219, 234, 254, 0.85);
}

.login_input_name:focus[b-3jiuukbuir],
.login_input_password:focus[b-3jiuukbuir],
.login_input_ctag:focus[b-3jiuukbuir] {
    border-color: #fbbf24;
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2);
}

.login_passwordToggle[b-3jiuukbuir] {
    position: absolute;
    top: 50%;
    right: 0.55rem;
    transform: translateY(-50%);
    width: 2.1rem;
    height: 2.1rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #dbeafe;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.login_passwordToggle:hover[b-3jiuukbuir] {
    background: rgba(255, 255, 255, 0.16);
}

.login_loginButton[b-3jiuukbuir] {
    margin-top: 0.4rem;
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    background: #f59e0b;
    color: #111827;
    border: 0;
    font-weight: 800;
    cursor: pointer;
}

.login_loginButton:hover[b-3jiuukbuir] {
    background: #fbbf24;
}

.login_secondaryButton[b-3jiuukbuir],
.login_linkButton[b-3jiuukbuir] {
    width: 100%;
    padding: 0.72rem 1rem;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
}

.login_secondaryButton[b-3jiuukbuir] {
    background: rgba(59, 130, 246, 0.18);
    border: 1px solid rgba(147, 197, 253, 0.45);
    color: #dbeafe;
}

.login_linkButton[b-3jiuukbuir] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #f8fafc;
}

.login_pendingTitle[b-3jiuukbuir] {
    color: #fbbf24;
    font-size: 1.35rem;
    font-weight: 800;
    text-align: center;
}

.login_pendingText[b-3jiuukbuir] {
    color: rgba(226, 232, 240, 0.92);
    text-align: center;
    line-height: 1.5;
    margin-bottom: 0.3rem;
}
/* /Pages/LogisticsBoard.razor.rz.scp.css */
.logisticsBoard_Page[b-yc5muqevu9] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: linear-gradient(180deg, #f4f8fb 0%, #e8eef4 100%);
    min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
}

.logisticsBoard_HeaderRow[b-yc5muqevu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.logisticsBoard_TabPanel[b-yc5muqevu9] {
    border: 1px solid #d7e0e8;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}
.logisticsBoard_SectionHeader h2[b-yc5muqevu9] {
    margin: 0;
}

.logisticsBoard_Tabs[b-yc5muqevu9] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.logisticsBoard_SoundToggle[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.9rem;
    height: 2.9rem;
    border: 1px solid #d7e0e8;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: #475569;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.logisticsBoard_SoundToggle:not(.is-active)[b-yc5muqevu9] {
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
    border-color: #fda4af;
    color: #b91c1c;
}

.logisticsBoard_SoundToggle:not(.is-active)[b-yc5muqevu9]::after {
    content: "";
    position: absolute;
    width: 1.45rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform: rotate(-42deg);
}

.logisticsBoard_SoundToggle.is-active[b-yc5muqevu9] {
    background: linear-gradient(135deg, #14532d 0%, #16a34a 100%);
    border-color: #16a34a;
    color: #f0fdf4;
}

.logisticsBoard_Tab[b-yc5muqevu9] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid #d7e0e8;
    border-radius: 999px;
    padding: 0.72rem 1rem;
    background: rgba(255, 255, 255, 0.88);
    color: #334155;
    font-weight: 800;
}

.logisticsBoard_Tab.is-active[b-yc5muqevu9] {
    background: linear-gradient(135deg, #dbeafe 0%, #ecfccb 100%);
    color: #0f172a;
    border-color: #bfd4e6;
}

.logisticsBoard_TabCount[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    height: 1.8rem;
    padding: 0 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    font-size: 0.82rem;
}

.logisticsBoard_TabCount.is-complete[b-yc5muqevu9] {
    background: #dbeafe;
    color: #1d4ed8;
}

.logisticsBoard_TabDot[b-yc5muqevu9] {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 999px;
    background: #dc2626;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.92), 0 0 0 6px rgba(220, 38, 38, 0.18);
}

.logisticsBoard_TabPanel[b-yc5muqevu9] {
    padding: 1rem;
}

.logisticsBoard_BoardColumns[b-yc5muqevu9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.logisticsBoard_BoardColumn[b-yc5muqevu9] {
    min-width: 0;
}

.logisticsBoard_SectionHeader[b-yc5muqevu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.logisticsBoard_SectionHeader.is-claimed[b-yc5muqevu9] {
    margin-top: 0;
}

.logisticsBoard_SectionBadge[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-weight: 800;
}

.logisticsBoard_SectionBadge.is-open[b-yc5muqevu9] {
    background: #fee2e2;
    color: #b91c1c;
}

.logisticsBoard_SectionBadge.is-claimed[b-yc5muqevu9] {
    background: #fef3c7;
    color: #92400e;
}

.logisticsBoard_SectionBadge.is-complete[b-yc5muqevu9] {
    background: #dbeafe;
    color: #1d4ed8;
}

.logisticsBoard_RequestList[b-yc5muqevu9] {
    display: grid;
    gap: 0.65rem;
}

.logisticsBoard_RequestCard[b-yc5muqevu9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.9rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #dbe3ea;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff5f5 0%, #fee2e2 100%);
    border-color: #fecaca;
}

.logisticsBoard_RequestCard.is-claimed[b-yc5muqevu9] {
    background: linear-gradient(180deg, #f4fff7 0%, #dcfce7 100%);
    border-color: #bbf7d0;
}

.logisticsBoard_RequestCard.is-history[b-yc5muqevu9] {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    border-color: #cfe0f5;
}

.logisticsBoard_RequestMain[b-yc5muqevu9] {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    min-width: 0;
}

.logisticsBoard_RequestTitleRow[b-yc5muqevu9],
.logisticsBoard_RequestSubline[b-yc5muqevu9] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    align-items: center;
}

.logisticsBoard_RequestTitleRow strong[b-yc5muqevu9] {
    font-size: 1rem;
    color: #0f172a;
}

.logisticsBoard_Quantity[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.62rem;
    border-radius: 999px;
    background: #ecfccb;
    color: #3f6212;
    font-size: 0.82rem;
    font-weight: 800;
}

.logisticsBoard_RequestSubline[b-yc5muqevu9],
.logisticsBoard_MetaLine[b-yc5muqevu9],
.logisticsBoard_Note[b-yc5muqevu9] {
    color: #475569;
    font-size: 0.85rem;
}

.logisticsBoard_RequestCard.is-history .logisticsBoard_RequestTitleRow strong[b-yc5muqevu9] {
    font-size: 1.06rem;
}

.logisticsBoard_RequestCard.is-history .logisticsBoard_RequestSubline[b-yc5muqevu9] {
    color: #334155;
    font-weight: 600;
}

.logisticsBoard_RequestCard.is-history .logisticsBoard_MetaLine[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.34rem 0.7rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f4c81;
    font-weight: 800;
}

.logisticsBoard_TimeRow[b-yc5muqevu9] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.logisticsBoard_TimeBadge[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.01em;
}

.logisticsBoard_TimeBadge.is-open[b-yc5muqevu9] {
    background: #fee2e2;
    color: #991b1b;
}

.logisticsBoard_TimeBadge.is-claimed[b-yc5muqevu9] {
    background: #fef3c7;
    color: #92400e;
}

.logisticsBoard_TimeBadge.is-complete[b-yc5muqevu9] {
    background: #dbeafe;
    color: #1d4ed8;
}

.logisticsBoard_TimeBadge.is-booked[b-yc5muqevu9] {
    background: #dcfce7;
    color: #166534;
}

.logisticsBoard_TimeBadge.is-neutral[b-yc5muqevu9] {
    background: #e5e7eb;
    color: #475569;
}

.logisticsBoard_RequestAside[b-yc5muqevu9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    min-width: 12rem;
}

.logisticsBoard_ActionStack[b-yc5muqevu9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
}

.logisticsBoard_PrimaryBtn[b-yc5muqevu9],
.logisticsBoard_SecondaryBtn[b-yc5muqevu9],
.logisticsBoard_TextBtn[b-yc5muqevu9] {
    border: 0;
    border-radius: 12px;
    padding: 0.68rem 0.9rem;
    font-weight: 700;
}

.logisticsBoard_PrimaryBtn[b-yc5muqevu9] {
    background: linear-gradient(135deg, #15803d 0%, #16a34a 100%);
    color: #fff;
}

.logisticsBoard_SecondaryBtn[b-yc5muqevu9] {
    background: #dcfce7;
    color: #166534;
}

.logisticsBoard_TextBtn[b-yc5muqevu9] {
    background: #e2e8f0;
    color: #334155;
}

.logisticsBoard_Empty[b-yc5muqevu9] {
    padding: 0.95rem 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    color: #64748b;
    background: #f8fafc;
}

.logisticsBoard_InlineInfo[b-yc5muqevu9] {
    margin-bottom: 0.95rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    color: #334155;
}

.logisticsBoard_ProtocolPanel[b-yc5muqevu9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.logisticsBoard_ProtocolGrid[b-yc5muqevu9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.05fr);
    gap: 1rem;
    align-items: stretch;
    min-height: min(68dvh, 52rem);
}

.logisticsBoard_ProtocolSection[b-yc5muqevu9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    border: 1px solid #dbe3ea;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    overflow: hidden;
}

.logisticsBoard_SubHeader[b-yc5muqevu9] {
    margin-bottom: 0;
}

.logisticsBoard_SubHeader--panel[b-yc5muqevu9] {
    padding: 0.95rem 1.05rem;
    background: linear-gradient(135deg, #dbeafe 0%, #dcfce7 100%);
    min-height: 4.4rem;
}

.logisticsBoard_SubHeaderContent[b-yc5muqevu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    min-height: 100%;
}

.logisticsBoard_SubHeader h3[b-yc5muqevu9] {
    margin: 0;
    color: #0f172a;
    font-size: 1.18rem;
    font-weight: 800;
}

.logisticsBoard_SectionBody[b-yc5muqevu9] {
    min-width: 0;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0.8rem;
    overflow-y: auto;
}

.logisticsBoard_ProtocolDivider[b-yc5muqevu9] {
    align-self: stretch;
    width: 1px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(203, 213, 225, 0.2) 0%, rgba(148, 163, 184, 0.95) 14%, rgba(148, 163, 184, 0.95) 86%, rgba(203, 213, 225, 0.2) 100%);
}

.logisticsBoard_HeaderActions[b-yc5muqevu9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.logisticsBoard_InventoryList[b-yc5muqevu9],
.logisticsBoard_HistoryList[b-yc5muqevu9],
.logisticsBoard_MovementList[b-yc5muqevu9] {
    display: grid;
    gap: 0.7rem;
}

.logisticsBoard_InventoryList[b-yc5muqevu9] {
    gap: 0.45rem;
}

.logisticsBoard_InventoryCard[b-yc5muqevu9],
.logisticsBoard_HistoryRow[b-yc5muqevu9],
.logisticsBoard_MovementCard[b-yc5muqevu9] {
    padding: 0.9rem 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.logisticsBoard_InventoryCard[b-yc5muqevu9] {
    padding: 0.3rem 0.5rem;
    border-radius: 14px;
}

.logisticsBoard_InventoryCard .logisticsBoard_RequestTitleRow[b-yc5muqevu9],
.logisticsBoard_InventoryCard .logisticsBoard_RequestSubline[b-yc5muqevu9] {
    gap: 0.45rem;
}

.logisticsBoard_InventoryHeader[b-yc5muqevu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    margin-bottom: 0.08rem;
}

.logisticsBoard_IconBtn[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    flex-shrink: 0;
    border: 1px solid #dbe3ea;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
    color: #1e3a8a;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.logisticsBoard_HistoryMain[b-yc5muqevu9] {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
}

.logisticsBoard_HistoryRow[b-yc5muqevu9] {
    padding: 0.45rem 0.6rem;
    border-radius: 14px;
}

.logisticsBoard_HistoryTopRow[b-yc5muqevu9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.logisticsBoard_HistoryMetaTop[b-yc5muqevu9],
.logisticsBoard_HistoryMetaBottom[b-yc5muqevu9] {
    color: #475569;
    font-size: 0.78rem;
    white-space: nowrap;
}

.logisticsBoard_HistoryMetaTop[b-yc5muqevu9] {
    text-align: right;
    font-weight: 700;
}

.logisticsBoard_HistoryMetaBottom[b-yc5muqevu9] {
    align-self: flex-end;
    text-align: right;
}

.logisticsBoard_HistoryQuantity[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 0.32rem;
    padding: 0.22rem 0.52rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f4c81;
    font-size: 0.84rem;
    font-weight: 700;
}

.logisticsBoard_HistoryQuantity strong[b-yc5muqevu9] {
    color: #0f172a;
    font-weight: 900;
}

.logisticsBoard_MovementCard[b-yc5muqevu9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.9rem;
}

.logisticsBoard_MovementMain[b-yc5muqevu9] {
    min-width: 0;
}

.logisticsBoard_Overlay[b-yc5muqevu9] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
}

.logisticsBoard_Dialog[b-yc5muqevu9] {
    width: min(540px, 100%);
    max-height: min(46rem, calc(100dvh - 2rem));
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
    overflow: hidden;
}

.logisticsBoard_DialogHeader[b-yc5muqevu9] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem 0.9rem;
    background: linear-gradient(135deg, #1f2937 0%, #14532d 100%);
    color: #fff;
}

.logisticsBoard_DialogEyebrow[b-yc5muqevu9] {
    margin-bottom: 0.35rem;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(187, 247, 208, 0.92);
}

.logisticsBoard_DialogHeader h3[b-yc5muqevu9] {
    margin: 0;
}

.logisticsBoard_DialogClose[b-yc5muqevu9] {
    border: 0;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    font-size: 1.35rem;
    line-height: 1;
}

.logisticsBoard_DialogBody[b-yc5muqevu9] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1.1rem;
    overflow-y: auto;
}

.logisticsBoard_DialogSummary[b-yc5muqevu9] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 18px;
    background: #fff;
    color: #475569;
}

.logisticsBoard_DialogSummary strong[b-yc5muqevu9] {
    color: #0f172a;
}

.logisticsBoard_DialogField[b-yc5muqevu9] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.logisticsBoard_DialogField label[b-yc5muqevu9] {
    color: #334155;
    font-size: 0.9rem;
    font-weight: 700;
}

.logisticsBoard_DialogInput[b-yc5muqevu9],
.logisticsBoard_DialogField[b-yc5muqevu9]  input.logisticsBoard_DialogInput {
    width: 100%;
    min-height: 3rem;
    padding: 0.82rem 0.98rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
    box-sizing: border-box;
}

.logisticsBoard_DialogField[b-yc5muqevu9]  input.logisticsBoard_DialogInput:focus,
.logisticsBoard_DialogInput:focus[b-yc5muqevu9] {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.18);
}

.logisticsBoard_DialogTextarea[b-yc5muqevu9] {
    min-height: 6.5rem;
    resize: vertical;
    line-height: 1.45;
}

.logisticsBoard_CheckboxRow[b-yc5muqevu9] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: #334155;
    font-weight: 600;
}

.logisticsBoard_Checkbox[b-yc5muqevu9] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #15803d;
}

.logisticsBoard_DialogFooter[b-yc5muqevu9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1.1rem 1.1rem;
}

@media (max-width: 900px) {
    .logisticsBoard_BoardColumns[b-yc5muqevu9] {
        grid-template-columns: 1fr;
    }

    .logisticsBoard_ProtocolGrid[b-yc5muqevu9] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .logisticsBoard_ProtocolDivider[b-yc5muqevu9] {
        display: none;
    }

    .logisticsBoard_HeaderActions[b-yc5muqevu9] {
        align-items: stretch;
    }

    .logisticsBoard_SubHeaderContent[b-yc5muqevu9] {
        align-items: stretch;
    }

    .logisticsBoard_SubHeader--panel[b-yc5muqevu9] {
        min-height: auto;
    }

    .logisticsBoard_SectionBody[b-yc5muqevu9] {
        padding: 0.7rem;
        overflow-y: visible;
    }

    .logisticsBoard_RequestCard[b-yc5muqevu9] {
        grid-template-columns: 1fr;
    }

    .logisticsBoard_MovementCard[b-yc5muqevu9] {
        grid-template-columns: 1fr;
    }

    .logisticsBoard_RequestAside[b-yc5muqevu9],
    .logisticsBoard_ActionStack[b-yc5muqevu9] {
        align-items: stretch;
        min-width: 0;
    }

    .logisticsBoard_PrimaryBtn[b-yc5muqevu9],
    .logisticsBoard_SecondaryBtn[b-yc5muqevu9],
    .logisticsBoard_TextBtn[b-yc5muqevu9] {
        width: 100%;
    }

    .logisticsBoard_DialogFooter[b-yc5muqevu9] {
        flex-direction: column-reverse;
    }
}

@media (orientation: landscape) and (pointer: coarse) {
    .logisticsBoard_ProtocolGrid[b-yc5muqevu9] {
        grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.05fr);
        min-height: min(70dvh, 42rem);
    }

    .logisticsBoard_ProtocolDivider[b-yc5muqevu9] {
        display: block;
    }

    .logisticsBoard_SectionBody[b-yc5muqevu9] {
        overflow-y: auto;
    }

    .logisticsBoard_Overlay[b-yc5muqevu9] {
        align-items: flex-start;
        padding-top: max(0.75rem, env(safe-area-inset-top));
        padding-bottom: 0.75rem;
    }

    .logisticsBoard_Dialog[b-yc5muqevu9] {
        max-height: calc(100dvh - 1rem);
    }

    .logisticsBoard_DialogTextarea[b-yc5muqevu9] {
        min-height: 4.75rem;
    }
}
/* /Pages/OrderList.razor.rz.scp.css */
.orderListBody[b-8hg9pny7v7] {
    padding: 1rem;
    background: linear-gradient(180deg, #f3f5f7 0%, #e8edf1 100%);
    min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
}

.orderListTableShell[b-8hg9pny7v7] {
    border-radius: 24px;
    border: 1px solid #d9dee3;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 40px rgba(68, 63, 54, 0.12);
    overflow: auto;
}

.tOrderData[b-8hg9pny7v7] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 980px;
}

.tOrderDataHead[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
}

.tOrderDataHead th[b-8hg9pny7v7] {
    padding: 0.78rem 0.75rem;
    color: #f8fafc;
    font-size: 0.88rem;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.tOrderDataHead th:last-child[b-8hg9pny7v7] {
    border-right: 0;
}

.tOrderDataBody .tOrderDataRow:nth-child(odd) td[b-8hg9pny7v7] {
    background: #f8fafc;
}

.tOrderDataBody .tOrderDataRow:nth-child(even) td[b-8hg9pny7v7] {
    background: #eef2f7;
}

.tOrderDataRow td[b-8hg9pny7v7] {
    padding: 0.55rem 0.55rem;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #dbe3ea;
}

.tOrderDataRow:last-child td[b-8hg9pny7v7] {
    border-bottom: 0;
}

.Bestellnummer[b-8hg9pny7v7] {
    width: 1%;
}

.BestellnummerBody[b-8hg9pny7v7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    min-width: 98px;
    padding: 0.15rem 0.1rem;
}

.OpenBestellNummerCounter[b-8hg9pny7v7],
.OrderAge[b-8hg9pny7v7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    min-width: 0;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1;
}

.OrderAge[b-8hg9pny7v7] {
    background: #fef3c7;
    color: #9a6700;
}

.BestellNummerData[b-8hg9pny7v7] {
    width: 100%;
    padding: 0.72rem 0.45rem;
    border-radius: 14px;
    background: linear-gradient(145deg, #ffffff, #e2e8f0);
    color: #0f172a;
    font-size: clamp(1.35rem, 1rem + 0.85vw, 1.95rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.04em;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.26);
}

.tPositionsdaten[b-8hg9pny7v7] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #d4dce5;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.85);
}

.tPositionsdaten th[b-8hg9pny7v7] {
    padding: 0.5rem 0.45rem;
    background: #cbd5e1;
    color: #1e293b;
    font-size: 0.74rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tPositionsdaten td[b-8hg9pny7v7] {
    padding: 0.42rem 0.45rem;
    border-bottom: 1px solid #e2e8f0;
}

.tPositionsdaten tbody tr:last-child td[b-8hg9pny7v7] {
    border-bottom: 0;
}

.orderFreitextRow td[b-8hg9pny7v7] {
    border-bottom: 0;
}

.orderFreitextColumn[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #fde68a 0%, #f59e0b 100%);
    color: #4a2f00;
    font-style: italic;
    white-space: pre-line;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(180, 83, 9, 0.24);
}

.orderTableNumberRow td[b-8hg9pny7v7] {
    border-bottom: 0;
}

.orderCostLocationRow td[b-8hg9pny7v7] {
    border-bottom: 0;
}

.orderCostLocationColumn[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #ecfdf5 0%, #86efac 100%) !important;
    color: #166534;
    font-style: italic;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(22, 101, 52, 0.12);
}

.orderTableNumberColumn[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #1e3a8a 0%, #172554 100%) !important;
    color: #ffffff;
    font-style: italic;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

.pos_btnCell[b-8hg9pny7v7] {
    width: 1%;
    border-right: 1px solid #dbe3ea;
}

.btnPositionDelivered[b-8hg9pny7v7],
.btnPositionUnDelivered[b-8hg9pny7v7] {
    width: 100%;
    min-width: 42px;
    border: none;
    border-radius: 12px;
    padding: 0.38rem;
    color: #fff;
    cursor: pointer;
    transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
}

.btnPositionDelivered[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #14532d 0%, #15803d 100%);
    box-shadow: 0 8px 18px rgba(20, 83, 45, 0.2);
}

.btnPositionUnDelivered[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
    box-shadow: 0 8px 18px rgba(154, 103, 0, 0.2);
}

.pos_quantity_delivered[b-8hg9pny7v7],
.pos_quantity_delivered_bigger[b-8hg9pny7v7],
.pos_quantity_undelivered[b-8hg9pny7v7],
.pos_quantity_undelivered_bigger[b-8hg9pny7v7] {
    width: 1%;
    min-width: 58px;
    font-weight: 900;
    border-right: 1px solid #dbe3ea;
    font-size: 0.95rem;
}

.pos_quantity_delivered[b-8hg9pny7v7],
.pos_quantity_delivered_bigger[b-8hg9pny7v7] {
    background: #dcfce7;
    color: #7c2d12;
}

.pos_quantity_undelivered[b-8hg9pny7v7],
.pos_quantity_undelivered_bigger[b-8hg9pny7v7] {
    background: #fef3c7;
    color: #92400e;
}

.pos_quantity_delivered_bigger[b-8hg9pny7v7],
.pos_quantity_undelivered_bigger[b-8hg9pny7v7] {
    font-size: 1.12rem;
}

.pos_delivered[b-8hg9pny7v7],
.pos_undelivered[b-8hg9pny7v7] {
    text-align: left;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
}

.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_delivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_undelivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_quantity_delivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_quantity_delivered_bigger[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_quantity_undelivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_quantity_undelivered_bigger[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_btnCell[b-8hg9pny7v7] {
    border-bottom: 0;
}

.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_delivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_quantity_delivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_quantity_delivered_bigger[b-8hg9pny7v7] {
    background: #bbf7d0;
}

.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_undelivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_quantity_undelivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_quantity_undelivered_bigger[b-8hg9pny7v7] {
    background: #fde68a;
}

.tPositionsdaten tbody tr:has(+ .tr_orderComment) .pos_btnCell[b-8hg9pny7v7] {
    background: #f8fafc;
}

.pos_delivered[b-8hg9pny7v7] {
    background: #dcfce7;
    color: #7c2d12;
}

.pos_undelivered[b-8hg9pny7v7] {
    background: #fff7ed;
    color: #7c2d12;
}

.tr_orderComment td[b-8hg9pny7v7] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #c2410c;
    white-space: pre-line;
    background: #ffedd5;
    border-bottom: 1px solid #e2e8f0;
}

.tr_orderComment td:last-child[b-8hg9pny7v7] {
    padding-top: 0.15rem;
    padding-bottom: 0.55rem;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
}

.tr_orderComment td:last-child.pos_delivered[b-8hg9pny7v7] {
    background: linear-gradient(180deg, #dcfce7 0%, #bbf7d0 100%);
    color: #7c2d12;
}

.tr_orderComment td:last-child.pos_undelivered[b-8hg9pny7v7] {
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    color: #c2410c;
}

.tPositionsdaten tbody tr:has(.pos_delivered) .pos_btnCell[b-8hg9pny7v7] {
    background: #dcfce7;
}

.tPositionsdaten tbody tr:has(.pos_delivered) td[b-8hg9pny7v7] {
    background: #dcfce7;
}

.tPositionsdaten tbody tr:has(.pos_delivered) .pos_quantity_delivered[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(.pos_delivered) .pos_quantity_delivered_bigger[b-8hg9pny7v7],
.tPositionsdaten tbody tr:has(.pos_delivered) .pos_delivered[b-8hg9pny7v7] {
    background: #dcfce7;
}

.btnAbholbereit[b-8hg9pny7v7],
.btnReady[b-8hg9pny7v7],
.btnFertig[b-8hg9pny7v7] {
    width: min(100%, 180px);
    min-height: 46px;
    border: none;
    border-radius: 16px;
    padding: 0.65rem 0.75rem;
    color: #fff;
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.btnAbholbereit[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
    box-shadow: 0 12px 24px rgba(154, 103, 0, 0.18);
}

.btnReady[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #14532d 0%, #15803d 100%);
    box-shadow: 0 12px 24px rgba(20, 83, 45, 0.18);
}

.btnFertig[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #5f1717 0%, #8f1d1d 100%);
    box-shadow: 0 12px 24px rgba(127, 29, 29, 0.18);
}

.btnAbholbereit:hover[b-8hg9pny7v7],
.btnReady:hover[b-8hg9pny7v7],
.btnFertig:hover[b-8hg9pny7v7],
.btnPositionDelivered:hover[b-8hg9pny7v7],
.btnPositionUnDelivered:hover[b-8hg9pny7v7] {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.orderToolsToggle[b-8hg9pny7v7] {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1050;
    border: 0;
    border-radius: 0 14px 14px 0;
    width: 18px;
    min-height: 84px;
    background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 65%, #fcd34d 100%);
    color: #111827;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
    transition: left 0.22s ease;
}

.orderToolsToggle.open[b-8hg9pny7v7] {
    left: calc(min(340px, 92vw) - 1px);
}

.orderToolsToggle .oi[b-8hg9pny7v7] {
    font-size: 0.78rem;
}

.orderToolsToggle.open .oi[b-8hg9pny7v7] {
    transform: rotate(180deg);
}

.orderToolsBackdrop[b-8hg9pny7v7] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.28);
    z-index: 1040;
}

.orderToolsPanel[b-8hg9pny7v7] {
    position: fixed;
    top: var(--app-topbar-height, 3.75rem);
    left: 0;
    width: min(340px, 92vw);
    height: calc(100dvh - var(--app-topbar-height, 3.75rem));
    background: #f8fafc;
    border-right: 1px solid #cbd5e1;
    transform: translateX(-102%);
    transition: transform 0.22s ease;
    z-index: 1050;
    display: flex;
    flex-direction: column;
}

.orderToolsPanel.open[b-8hg9pny7v7] {
    transform: translateX(0);
}

.orderListLogisticsDock[b-8hg9pny7v7] {
    position: fixed;
    top: 4.5rem;
    left: 0;
    z-index: 1030;
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
}

.orderListLogisticsDockToggle[b-8hg9pny7v7] {
    border: 0;
    border-radius: 0 14px 14px 0;
    width: 18px;
    min-height: 84px;
    background: linear-gradient(135deg, #15803d 0%, #22c55e 58%, #86efac 100%);
    color: #f0fdf4;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
}

.orderListLogisticsDock.is-expanded .orderListLogisticsDockToggle .oi[b-8hg9pny7v7] {
    transform: rotate(180deg);
}

.orderListLogisticsNotifications[b-8hg9pny7v7] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    width: min(280px, calc(100vw - 3rem));
}

.orderListLogisticsCollapsed[b-8hg9pny7v7] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding-top: 0.15rem;
}

.orderListLogisticsCollapsedBar[b-8hg9pny7v7] {
    width: 8px;
    height: 54px;
    border-radius: 0 999px 999px 0;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
}

.orderListLogisticsCollapsedBar.is-open[b-8hg9pny7v7] {
    background: linear-gradient(180deg, #ef4444 0%, #f87171 100%);
}

.orderListLogisticsCollapsedBar.is-claimed[b-8hg9pny7v7] {
    background: linear-gradient(180deg, #22c55e 0%, #4ade80 100%);
}

.orderListLogisticsNotice[b-8hg9pny7v7] {
    position: relative;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(248, 113, 113, 0.28);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(254, 226, 226, 0.98));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
}

.orderListLogisticsNotice.is-claimed[b-8hg9pny7v7] {
    border-color: rgba(34, 197, 94, 0.28);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(220, 252, 231, 0.98));
}

.orderListLogisticsNoticeClose[b-8hg9pny7v7] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 1.65rem;
    height: 1.65rem;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
    font-size: 0.95rem;
    line-height: 1;
}

.orderListLogisticsNoticeEyebrow[b-8hg9pny7v7] {
    margin-bottom: 0.3rem;
    color: #b91c1c;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.orderListLogisticsNotice.is-claimed .orderListLogisticsNoticeEyebrow[b-8hg9pny7v7] {
    color: #15803d;
}

.orderListLogisticsNoticeMeta[b-8hg9pny7v7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-right: 1.8rem;
}

.orderListLogisticsNoticeBadge[b-8hg9pny7v7] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
}

.orderListLogisticsNoticeBadge.is-article[b-8hg9pny7v7] {
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
}

.orderListLogisticsNoticeBadge.is-open[b-8hg9pny7v7] {
    background: #fee2e2;
    color: #991b1b;
}

.orderListLogisticsNoticeBadge.is-claimed[b-8hg9pny7v7] {
    background: #dcfce7;
    color: #166534;
}

.orderToolsHeader[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #0f172a 0%, #1d4e89 70%, #1f2937 100%);
    color: #f8fafc;
    padding: 0.75rem 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 800;
}

.orderToolsClose[b-8hg9pny7v7] {
    border: 0;
    background: transparent;
    color: #f8fafc;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.orderToolsSection[b-8hg9pny7v7] {
    padding: 0.9rem;
    border-bottom: 1px solid #e2e8f0;
}

.orderToolsSectionTitle[b-8hg9pny7v7] {
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 0.45rem;
}

.orderToolsFieldLabel[b-8hg9pny7v7] {
    font-size: 0.9rem;
    color: #475569;
    margin-bottom: 0.35rem;
}

.orderToolsFilterSelect[b-8hg9pny7v7] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    padding: 0.65rem 0.75rem;
    font-weight: 600;
}

.orderToolsActionBtn[b-8hg9pny7v7] {
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 0.8rem 0.9rem;
    background: #f59e0b;
    color: #111827;
    font-weight: 800;
    cursor: pointer;
}

.orderToolsActionBtn + .orderToolsActionBtn[b-8hg9pny7v7] {
    margin-top: 0.55rem;
}

.orderListModalOverlay[b-8hg9pny7v7] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
    overflow-y: auto;
}

.orderListModalCard[b-8hg9pny7v7] {
    width: min(640px, 100%);
    max-height: calc(100dvh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
    overflow: hidden;
}

.orderListModalHeader[b-8hg9pny7v7] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem 0.95rem;
    color: #fff;
    background: linear-gradient(135deg, #1f2937 0%, #14532d 100%);
}

.orderListModalHeader h3[b-8hg9pny7v7] {
    margin: 0;
    font-size: 1.2rem;
}

.orderListModalEyebrow[b-8hg9pny7v7] {
    margin-bottom: 0.35rem;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(187, 247, 208, 0.92);
}

.orderListModalClose[b-8hg9pny7v7] {
    border: 0;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    font-size: 1.35rem;
    line-height: 1;
}

.orderListModalBody[b-8hg9pny7v7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.2rem;
    overflow-y: auto;
}

.orderListModalField[b-8hg9pny7v7] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.orderListModalFieldFull[b-8hg9pny7v7] {
    grid-column: 1 / -1;
}

.orderListModalField label[b-8hg9pny7v7] {
    color: #334155;
    font-size: 0.9rem;
    font-weight: 700;
}

.orderListModalInput[b-8hg9pny7v7],
.orderListModalField[b-8hg9pny7v7]  .orderListModalInput {
    width: 100%;
    min-height: 3rem;
    padding: 0.82rem 0.98rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.orderListModalField[b-8hg9pny7v7]  .orderListModalInput:focus {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.18);
}

.orderListModalTextarea[b-8hg9pny7v7] {
    min-height: 7.5rem;
    resize: vertical;
    line-height: 1.45;
}

.orderListModalField[b-8hg9pny7v7]  .orderListModalQuantityField {
    text-align: left;
}

.orderListModalField[b-8hg9pny7v7]  .orderListModalQuantityField::-webkit-outer-spin-button,
.orderListModalField[b-8hg9pny7v7]  .orderListModalQuantityField::-webkit-inner-spin-button {
    margin: 0;
}

.orderListModalFooter[b-8hg9pny7v7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1.2rem 1.2rem;
    flex-shrink: 0;
}

.orderListModalBtn[b-8hg9pny7v7] {
    border: 0;
    border-radius: 12px;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.orderListModalBtn.is-primary[b-8hg9pny7v7] {
    background: linear-gradient(135deg, #15803d 0%, #16a34a 100%);
    color: #fff;
}

.orderListModalBtn.is-secondary[b-8hg9pny7v7] {
    background: #e2e8f0;
    color: #334155;
}

.orderList_Abholbereit_NoRights[b-8hg9pny7v7] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6rem;
}

.orderList_Abholbereit_NoRights_Image[b-8hg9pny7v7] {
    max-width: 72px;
    width: 100%;
}

.orderListEmptyState[b-8hg9pny7v7] {
    min-height: calc(100vh - 250px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.orderListEmptyStateCard[b-8hg9pny7v7] {
    width: min(680px, 100%);
    padding: 2rem 2.25rem;
    border-radius: 28px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.92));
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.16);
    text-align: center;
}

.orderListEmptyStateEyebrow[b-8hg9pny7v7] {
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #b45309;
    margin-bottom: 0.85rem;
}

.orderListEmptyStateTitle[b-8hg9pny7v7] {
    font-size: clamp(1.8rem, 1.5rem + 0.8vw, 2.5rem);
    font-weight: 900;
    color: #0f172a;
    line-height: 1.05;
    margin-bottom: 0.75rem;
}

.orderListEmptyStateText[b-8hg9pny7v7] {
    max-width: 34rem;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.6;
    color: #475569;
}

@media (max-width: 768px) {
    .orderListBody[b-8hg9pny7v7] {
        padding: 0.75rem;
    }

    .orderListEmptyState[b-8hg9pny7v7] {
        min-height: calc(100dvh - 180px);
        padding: 0.6rem;
    }

    .orderListEmptyStateCard[b-8hg9pny7v7] {
        padding: 1.4rem 1.1rem;
        border-radius: 22px;
    }

    .orderListEmptyStateText[b-8hg9pny7v7] {
        font-size: 0.95rem;
    }

    .orderListLogisticsNotifications[b-8hg9pny7v7] {
        width: min(240px, calc(100vw - 2.5rem));
    }

    .orderListModalBody[b-8hg9pny7v7] {
        grid-template-columns: 1fr;
    }

    .orderListModalFooter[b-8hg9pny7v7] {
        flex-direction: column-reverse;
    }

    .orderListModalFooter .orderListModalBtn[b-8hg9pny7v7] {
        width: 100%;
    }
}

@media (max-width: 1180px) and (orientation: landscape) {
    .orderListModalOverlay[b-8hg9pny7v7] {
        align-items: flex-start;
        padding: 0.65rem;
    }

    .orderListModalCard[b-8hg9pny7v7] {
        max-height: calc(100dvh - 1.3rem);
    }

    .orderListModalBody[b-8hg9pny7v7] {
        gap: 0.85rem;
        padding: 1rem;
    }

    .orderListModalTextarea[b-8hg9pny7v7] {
        min-height: 5.25rem;
    }
}
/* /Pages/OrderListExtern.razor.rz.scp.css */
:root[b-bi0rms6h7n] {
    --order-font-size: 3rem;
    --order-header-height: clamp(5.2rem, 7vh, 6.4rem);
}

.OrderListExtern_Body[b-bi0rms6h7n] {
    min-height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    gap: 1.25rem;
    color: #f8fafc;
    background:
        linear-gradient(180deg, rgba(35, 43, 52, 0.72) 0%, rgba(70, 79, 91, 0.64) 100%),
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.14), transparent 34%),
        radial-gradient(circle at left center, rgba(255, 255, 255, 0.1), transparent 38%),
        #4f5965;
    box-sizing: border-box;
    overflow: hidden;
}

.orderListExtern_pageTitle[b-bi0rms6h7n] {
    position: relative;
    z-index: 1;
    height: calc(var(--order-header-height) + 2px);
    min-height: calc(var(--order-header-height) + 2px);
    max-height: calc(var(--order-header-height) + 2px);
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: linear-gradient(135deg, rgba(58, 67, 78, 0.72), rgba(89, 99, 112, 0.56));
    box-shadow: 0 24px 48px rgba(31, 41, 55, 0.2);
    box-sizing: border-box;
    overflow: hidden;
}

.OrderListExtern_HeaderContent[b-bi0rms6h7n] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    height: var(--order-header-height);
    min-height: var(--order-header-height);
    max-height: var(--order-header-height);
    padding: 0;
}

.OrderListExtern_HeaderContent.is-ticker-active[b-bi0rms6h7n] {
    gap: 0;
}

.OrderListExtern_HeaderCopy[b-bi0rms6h7n] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1;
    max-height: var(--order-header-height);
    min-height: var(--order-header-height);
    height: var(--order-header-height);
    justify-content: center;
    padding: 0.65rem 1.05rem;
    box-sizing: border-box;
}

.OrderListExtern_HeaderCopy.is-ticker-active[b-bi0rms6h7n] {
    position: relative;
    align-self: stretch;
    justify-content: center;
    margin: 0;
    padding: 0.65rem 0;
    overflow: hidden;
    border-radius: 24px 0 0 24px;
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.42), rgba(245, 158, 11, 0.34));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.OrderListExtern_HeaderMain[b-bi0rms6h7n] {
    display: grid;
    grid-template-rows: 1.1rem minmax(0, 1fr);
    align-content: center;
    min-height: 100%;
    height: 100%;
}

.OrderListExtern_HeaderMain.is-ticker-active[b-bi0rms6h7n] {
    grid-template-rows: minmax(0, 1fr);
}

.OrderListExtern_HeaderEyebrow[b-bi0rms6h7n] {
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(191, 219, 254, 0.82);
    align-self: end;
    line-height: 1;
}

.OrderListExtern_HeaderTitle[b-bi0rms6h7n] {
    font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2.35rem);
    font-weight: 800;
    color: #f8fafc;
    line-height: 1.05;
    min-height: 0;
    display: flex;
    align-items: center;
}



.OrderListExtern_TickerShell[b-bi0rms6h7n]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 6%, transparent 92%, rgba(89, 99, 112, 0.76) 100%);
    pointer-events: none;
}

.OrderListExtern_TickerTrack[b-bi0rms6h7n] {
    display: inline-flex;
    white-space: nowrap;
    padding-left: 100%;
    font-size: 2.5rem;
    font-weight: 800;
    text-align: center;
    justify-content: center;
    height: 100%;
    line-height: 1.1;
    color: #fff7ed;
    animation: orderListExternTickerScroll-b-bi0rms6h7n var(--ticker-duration, 10s) linear var(--ticker-runs, 1);
    will-change: transform;
}



.OrderListExtern_FeedbackBtn[b-bi0rms6h7n] {
    display: none;
    margin-top: 0.9rem;
    align-self: flex-start;
    border: 0;
    border-radius: 999px;
    padding: 0.8rem 1rem;
    font-weight: 800;
    color: #7c2d12;
    background: linear-gradient(135deg, rgba(255, 237, 213, 0.98), rgba(254, 215, 170, 0.94));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
}

.OrderListExtern_HeaderActions[b-bi0rms6h7n] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 0.75rem;
    max-height: var(--order-header-height);
    min-height: var(--order-header-height);
    height: var(--order-header-height);
    padding: 0;
}

.OrderListExtern_SoundToggle[b-bi0rms6h7n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    position: relative;
    width: 3.4rem;
    min-width: 3.4rem;
    height: 3.4rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 241, 242, 0.94), rgba(255, 228, 230, 0.9));
    color: #b91c1c;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
}

.OrderListExtern_SoundToggle[b-bi0rms6h7n]::after {
    content: "";
    position: absolute;
    width: 1.55rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform: rotate(-42deg);
}

.OrderListExtern_SoundToggle.is-active[b-bi0rms6h7n] {
    background: linear-gradient(135deg, rgba(21, 128, 61, 0.96), rgba(34, 197, 94, 0.9));
    border-color: rgba(74, 222, 128, 0.44);
    color: #f0fdf4;
}

.OrderListExtern_SoundToggle.is-active[b-bi0rms6h7n]::after {
    display: none;
}

.OrderlistExtern_LinkkarteMobile[b-bi0rms6h7n] {
    display: none;
}

.OrderlistExtern_LinkkarteBtn[b-bi0rms6h7n] {
    border: none;
    font-weight: 700;
    border-radius: 999px;
    padding-inline: 1.1rem;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.25);
}

.OrderListExtern_parallelOrderList[b-bi0rms6h7n] {
    position: relative;
    z-index: 1;
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    min-height: 0;
    overflow: hidden;
}

.OrderListExtern_Column[b-bi0rms6h7n] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 24px 50px rgba(31, 41, 55, 0.22);
}

.OrderListExtern_ColumnHeader[b-bi0rms6h7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    font-size: clamp(1.15rem, 0.95rem + 0.65vw, 1.9rem);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.OrderListExtern_ColumnHeaderProgress[b-bi0rms6h7n] {
    color: #fff7ed;
    background: linear-gradient(135deg, rgba(146, 64, 14, 0.95), rgba(245, 158, 11, 0.88));
}

.OrderListExtern_ColumnHeaderReady[b-bi0rms6h7n] {
    color: #f0fdf4;
    background: linear-gradient(135deg, rgba(21, 128, 61, 0.95), rgba(34, 197, 94, 0.88));
}

.OrderListExtern_ColumnCount[b-bi0rms6h7n] {
    min-width: 2.6em;
    padding: 0.25em 0.7em;
    border-radius: 999px;
    text-align: center;
    font-size: 0.8em;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.OrderListExtern_ColumnBody[b-bi0rms6h7n] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: 0.95rem;
    padding: 1rem;
    overflow: hidden;
}

.OrderListExtern_ColumnBody.is-multi-column[b-bi0rms6h7n] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.OrderListExtern_ColumnBody.is-triple-column[b-bi0rms6h7n] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.OrderListExtern_OrderCard[b-bi0rms6h7n] {
    min-height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.24);
    overflow: hidden;
}

.OrderListExtern_OrderCardProgress[b-bi0rms6h7n] {
    background: linear-gradient(160deg, rgba(255, 251, 235, 0.98), rgba(254, 243, 199, 0.96));
}

.OrderListExtern_OrderCardReady[b-bi0rms6h7n] {
    background: linear-gradient(160deg, rgba(240, 253, 244, 0.98), rgba(187, 247, 208, 0.96));
}

.BestellnummerExtern[b-bi0rms6h7n] {
    width: 100%;
    padding: 0.55rem 0.5rem;
    font-size: var(--order-font-size);
    font-weight: 900;
    text-align: center;
    line-height: 0.95;
    letter-spacing: 0.05em;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}

.OrderListExtern_NoOrders_Body[b-bi0rms6h7n] {
    position: relative;
    z-index: 1;
    flex: 1;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: linear-gradient(145deg, rgba(68, 77, 89, 0.42), rgba(98, 108, 120, 0.28));
    box-shadow: 0 24px 50px rgba(31, 41, 55, 0.24);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    min-height: 0;
}

.OrderListExtern_NoOrders_InfoText[b-bi0rms6h7n] {
    font-size: clamp(2rem, 1.2rem + 2vw, 2.6rem);
    font-weight: 800;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    color: #f8fafc;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
    -webkit-text-stroke: 2px rgba(15, 23, 42, 0.95);
    text-shadow: 0 10px 28px rgba(15, 23, 42, 0.35);
    will-change: transform;
    pointer-events: none;
}

@keyframes orderListExternTickerScroll-b-bi0rms6h7n {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

.OrderListExtern_NoOrdersImage[b-bi0rms6h7n] {
    position: relative;
    z-index: 1;
    max-width: min(92%, 1080px);
    max-height: calc(100% - 1.5rem);
    height: auto;
    width: auto;
    padding: 0.75rem;
    filter: drop-shadow(0 24px 30px rgba(15, 23, 42, 0.26));
}

.OrderListExtern_background-Logo[b-bi0rms6h7n] {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url('../html/Logo-FFW-Ellerstadt.png');
    background-size: min(94vw, 1800px) auto;
    background-position: center 58%;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.orderListExtern_Clock[b-bi0rms6h7n] {
    align-self: stretch;
    min-width: 5em;
    padding: 0 1.2rem;
    border-radius: 0 24px 24px 0;
    border: none;
    background: rgba(255, 255, 255, 0.22);
    color: #f8fafc;
    font-size: clamp(2.8rem, 1.8rem + 1.65vw, 4.6rem);
    font-weight: 800;
    line-height: 1;
    font-family: 'Segoe UI', 'Consolas', monospace;
    font-variant-numeric: tabular-nums;
    display: flex;
    height: 8vh;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

@media (max-width: 1100px) {
    .OrderListExtern_Body[b-bi0rms6h7n] {
        padding: 1rem;
        gap: 1rem;
    }

    .OrderListExtern_parallelOrderList[b-bi0rms6h7n] {
        display: flex;
        flex-direction: column;
        overflow: visible;
    }

    .OrderListExtern_OrderToTake[b-bi0rms6h7n] {
        order: 1;
    }

    .OrderListExtern_OrderInProgress[b-bi0rms6h7n] {
        order: 2;
    }

    .OrderListExtern_ColumnBody[b-bi0rms6h7n] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    }
}

@media (max-width: 800px) {
    .OrderListExtern_HeaderActions[b-bi0rms6h7n] {
        gap: 0.55rem;
    }

    .OrderListExtern_SoundToggle[b-bi0rms6h7n] {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
    }
}

@media (max-width: 799px) {
    .OrderListExtern_FeedbackBtn[b-bi0rms6h7n] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .OrderListExtern_Body[b-bi0rms6h7n] {
        min-height: 100dvh;
        height: auto;
        padding: 0.75rem;
        gap: 0.75rem;
        overflow: auto;
    }

    .orderListExtern_pageTitle[b-bi0rms6h7n] {
        border-radius: 20px;
    }

    .OrderListExtern_HeaderContent[b-bi0rms6h7n] {
        flex-direction: column;
        align-items: stretch;
        padding: 0;
    }

    .OrderListExtern_HeaderActions[b-bi0rms6h7n] {
        justify-content: stretch;
    }

    .OrderlistExtern_LinkkarteMobile[b-bi0rms6h7n] {
        display: flex;
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 0.75rem;
        padding-top: 0;
    }

    .OrderListExtern_parallelOrderList[b-bi0rms6h7n] {
        gap: 0.75rem;
    }

    .OrderlistExtern_LinkkarteBtn[b-bi0rms6h7n] {
        width: 100%;
        min-height: 44px;
    }

    .OrderlistExtern_LinkkarteMobile .OrderlistExtern_LinkkarteBtn[b-bi0rms6h7n] {
        width: 100%;
    }

    .OrderlistExtern_LinkkarteMobile[b-bi0rms6h7n]  .dxbl-btn {
        width: 100%;
        min-height: 52px;
        border: none !important;
        border-radius: 18px !important;
        background: linear-gradient(135deg, #111827 0%, #1f2937 100%) !important;
        color: #f8fafc !important;
        box-shadow: 0 14px 28px rgba(15, 23, 42, 0.28) !important;
    }

    .OrderlistExtern_LinkkarteMobile[b-bi0rms6h7n]  .dxbl-btn:hover,
    .OrderlistExtern_LinkkarteMobile[b-bi0rms6h7n]  .dxbl-btn:focus,
    .OrderlistExtern_LinkkarteMobile[b-bi0rms6h7n]  .dxbl-btn:active {
        background: linear-gradient(135deg, #000000 0%, #111827 100%) !important;
        color: #ffffff !important;
    }

    .OrderlistExtern_LinkkarteMobile[b-bi0rms6h7n]  .dxbl-btn .dxbl-btn-text {
        width: 100%;
        text-align: center;
        font-weight: 800;
        letter-spacing: 0.04em;
    }

    .OrderListExtern_Column[b-bi0rms6h7n] {
        border-radius: 22px;
    }

    .OrderListExtern_ColumnHeader[b-bi0rms6h7n] {
        padding: 0.8rem 0.9rem;
        font-size: 1rem;
    }

    .OrderListExtern_ColumnBody[b-bi0rms6h7n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.7rem;
        padding: 0.75rem;
    }

    .OrderListExtern_OrderCard[b-bi0rms6h7n] {
        min-height: 84px;
        border-radius: 18px;
    }

    .BestellnummerExtern[b-bi0rms6h7n] {
        padding: 0.45rem 0.35rem;
        font-size: min(var(--order-font-size), 2.25rem);
    }

    .OrderListExtern_background-Logo[b-bi0rms6h7n] {
        background-image: none;
    }

    .OrderListExtern_NoOrders_Body[b-bi0rms6h7n] {
        border-radius: 22px;
        padding: 1rem;
        min-height: calc(100dvh - 7rem);
    }

    .OrderListExtern_NoOrders_InfoText[b-bi0rms6h7n] {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        white-space: normal;
        transform: none !important;
    }

    .OrderListExtern_NoOrdersImage[b-bi0rms6h7n] {
        max-width: 100%;
    }

    .orderListExtern_Clock[b-bi0rms6h7n] {
        min-width: auto;
        border-radius: 0 0 20px 20px;
        font-size: clamp(2rem, 1.45rem + 2vw, 3rem);
        min-height: 68px;
    }
}

@media (max-width: 520px) {
    .OrderListExtern_HeaderActions[b-bi0rms6h7n] {
        flex-direction: column;
        align-items: stretch;
    }

    .OrderListExtern_ColumnBody[b-bi0rms6h7n] {
        grid-template-columns: 1fr;
    }

    .OrderListExtern_OrderCard[b-bi0rms6h7n] {
        min-height: 80px;
    }

    .BestellnummerExtern[b-bi0rms6h7n] {
        font-size: min(var(--order-font-size), 2rem);
    }
}
/* /Pages/PageKasse.razor.rz.scp.css */
.kasse_container_main[b-56ucmwy29k] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(360px, 0.95fr);
    gap: 1rem;
    height: calc(100dvh - var(--app-topbar-height, 3.75rem));
    min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
    padding: 0.8rem;
    background: linear-gradient(180deg, #f3f5f7 0%, #e8edf1 100%);
    box-sizing: border-box;
    overflow: hidden;
}

.kasse_container[b-56ucmwy29k],
.kasse_orderContainer[b-56ucmwy29k] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.26), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.1);
    box-sizing: border-box;
}

.kasse_container[b-56ucmwy29k] {
    overflow-y: auto;
    padding-right: 0.45rem;
    scrollbar-gutter: stable;
}

.kasse_orderContainer[b-56ucmwy29k] {
    overflow: hidden;
}

.kasse_printOverlay[b-56ucmwy29k] {
    position: fixed;
    inset: 0;
    z-index: 25000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(71, 85, 105, 0.28);
    backdrop-filter: blur(1.5px);
}

.kasse_printOverlayCard[b-56ucmwy29k] {
    width: min(26rem, calc(100vw - 2rem));
    padding: 1.3rem 1.4rem;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.5);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.96));
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.18);
    text-align: center;
    color: #0f172a;
}

.kasse_printOverlaySpinner[b-56ucmwy29k] {
    width: 2.7rem;
    height: 2.7rem;
    margin: 0 auto 0.85rem;
    border-radius: 50%;
    border: 0.28rem solid rgba(148, 163, 184, 0.35);
    border-top-color: #475569;
    animation: kasse_printOverlaySpin-b-56ucmwy29k 0.8s linear infinite;
}

.kasse_printOverlayTitle[b-56ucmwy29k] {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.kasse_printOverlayText[b-56ucmwy29k] {
    margin-top: 0.32rem;
    font-size: 0.92rem;
    color: #475569;
    font-weight: 600;
}

@keyframes kasse_printOverlaySpin-b-56ucmwy29k {
    to {
        transform: rotate(360deg);
    }
}

.kasse_container.voucher-next-active[b-56ucmwy29k] {
    border-color: rgba(245, 158, 11, 0.5);
    box-shadow:
        0 18px 44px rgba(15, 23, 42, 0.1),
        0 0 0 3px rgba(245, 158, 11, 0.14);
    background:
        radial-gradient(circle at 8% 12%, rgba(251, 191, 36, 0.2), transparent 32%),
        radial-gradient(circle at 88% 86%, rgba(253, 224, 71, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
}

.kasse_orderContainer.update[b-56ucmwy29k] {
    border-color: rgba(185, 28, 28, 0.42);
    box-shadow:
        0 18px 44px rgba(15, 23, 42, 0.1),
        0 0 0 3px rgba(185, 28, 28, 0.12);
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.1), transparent 36%),
        linear-gradient(180deg, rgba(127, 29, 29, 0.2), rgba(239, 68, 68, 0.14));
}

.kasse_container_table[b-56ucmwy29k] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    overflow: hidden;
    border: 1px solid #d8e0e8;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.kasse_container table + table[b-56ucmwy29k] {
    margin-top: 0.75rem;
}

.kasse_kategorieHeader th[b-56ucmwy29k] {
    padding: 0;
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
    color: #f8fafc;
}

.kasse_kategorieHeader tr:nth-child(2)[b-56ucmwy29k] {
    display: none;
}

.kasse_kategorieHeader h4[b-56ucmwy29k] {
    margin: 0;
    padding: 0.68rem 0.82rem;
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.kasse_container td[b-56ucmwy29k] {
    padding: 0.56rem 0.62rem;
    font-size: 0.9rem;
    vertical-align: middle;
    border-bottom: 1px solid #e2e8f0;
    color: #1f2937;
}

.kasse_container tbody tr:last-child td[b-56ucmwy29k] {
    border-bottom: 0;
}

.kasse_container td:nth-child(1)[b-56ucmwy29k] {
    width: 1%;
    white-space: nowrap;
    font-weight: 800;
    color: #475569;
}

.kasse_container td:nth-child(2)[b-56ucmwy29k] {
    overflow-wrap: anywhere;
    word-break: break-word;
    font-weight: 700;
}

.kasse_emptyState[b-56ucmwy29k] {
    min-height: calc(100vh - 250px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.kasse_emptyStateCard[b-56ucmwy29k] {
    width: min(680px, 100%);
    padding: 2rem 2.25rem;
    border-radius: 28px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.92));
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.16);
    text-align: center;
}

.kasse_emptyStateEyebrow[b-56ucmwy29k] {
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #b45309;
    margin-bottom: 0.85rem;
}

.kasse_emptyState h3[b-56ucmwy29k] {
    font-size: clamp(1.8rem, 1.5rem + 0.8vw, 2.5rem);
    font-weight: 900;
    color: #0f172a;
    line-height: 1.05;
    margin: 0 0 0.75rem;
}

.kasse_emptyState p[b-56ucmwy29k] {
    max-width: 38rem;
    margin: 0 auto;
    font-size: 1rem;
    color: #475569;
    line-height: 1.6;
}

.kasse_emptyStateLink[b-56ucmwy29k] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.35rem;
    min-height: 3rem;
    min-width: 16rem;
    padding: 0.8rem 2.6rem 0.8rem 1rem;
    border-radius: 16px;
    color: #14532d;
    text-decoration: none;
    font-weight: 600;
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    box-shadow: 0 12px 24px rgba(34, 197, 94, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.kasse_emptyStateLink[b-56ucmwy29k]::after {
    content: ">";
    font-size: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.kasse_emptyStateLink:hover[b-56ucmwy29k] {
    color: #14532d;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(34, 197, 94, 0.24);
}

.kasse_articleName[b-56ucmwy29k] {
    color: #1f2937;
}

.kasse_articleStock[b-56ucmwy29k] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
}

.kasse_container td:nth-child(3)[b-56ucmwy29k] {
    width: 1%;
    text-align: center;
    white-space: nowrap;
    font-weight: 800;
    color: #0f172a;
    border-left: 1px solid #e2e8f0;
}

.kasse_container tbody tr[b-56ucmwy29k] {
    transition: background-color 0.16s ease, transform 0.16s ease;
}

.kasse_container tbody tr:hover[b-56ucmwy29k] {
    background: #fed7aa;
    cursor: pointer;
}

.kasse_container[b-56ucmwy29k]::-webkit-scrollbar {
    width: 12px;
}

.kasse_container[b-56ucmwy29k]::-webkit-scrollbar-track {
    margin-block: 12px;
    background: transparent;
}

.kasse_container[b-56ucmwy29k]::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.45);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

.kasse_container[b-56ucmwy29k]::-webkit-scrollbar-thumb:hover {
    background: rgba(71, 85, 105, 0.6);
    border: 3px solid transparent;
    background-clip: padding-box;
}

.kasse_item_oos[b-56ucmwy29k] {
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    opacity: 0.55;
}

.kasse_voucherHint[b-56ucmwy29k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.58rem 0.7rem;
    border-radius: 16px;
    border: 1px solid rgba(245, 158, 11, 0.45);
    background: linear-gradient(135deg, #fff7dd 0%, #fde68a 100%);
    color: #7c2d12;
    font-weight: 800;
}

.kasse_voucherHintClose[b-56ucmwy29k] {
    border: 0;
    background: transparent;
    color: #7c2d12;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    border-radius: 8px;
    padding: 0.15rem 0.35rem;
}

.kasse_voucherHintClose:hover[b-56ucmwy29k] {
    background: rgba(124, 45, 18, 0.12);
}

.kasse_orderHeader[b-56ucmwy29k] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0.55rem;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.kasse_orderHeaderLeft[b-56ucmwy29k] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
}

.kasse_orderHeaderMenu[b-56ucmwy29k] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.kasse_lastOrderCard[b-56ucmwy29k] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    margin-left: auto;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
    box-shadow: 0 10px 22px rgba(148, 163, 184, 0.16);
}

.kasse_lastOrderHeader[b-56ucmwy29k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #475569;
}

.kasse_lastOrderHeader strong[b-56ucmwy29k] {
    font-size: 0.92rem;
    color: #0f172a;
    letter-spacing: 0;
}

.kasse_orderHeaderActions[b-56ucmwy29k] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.45rem;
}

.kasse_btn_headerMenu[b-56ucmwy29k],
.kasse_btn_lastOrder[b-56ucmwy29k] {
    min-height: 40px;
    padding: 0.58rem 0.8rem;
    border: none;
    border-radius: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.2;
    transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
}

.kasse_btn_headerMenu[b-56ucmwy29k] {
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
    color: #f8fafc;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
}

.kasse_btn_headerMenuIcon[b-56ucmwy29k] {
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    border-radius: 12px;
}

.kasse_btn_headerMenuIcon .oi[b-56ucmwy29k] {
    font-size: 1rem;
    top: 0;
}

.kasse_btn_headerMenu.active[b-56ucmwy29k] {
    background: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
    color: #111827;
}

.kasse_btn_headerMenuIcon .oi-dollar[b-56ucmwy29k] {
    left: 0.04rem;
}

.kasse_btn_lastOrder[b-56ucmwy29k] {
    min-width: 40px;
    padding: 0;
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
    color: #f8fafc;
    box-shadow: 0 10px 22px rgba(71, 85, 105, 0.16);
}

.kasse_btn_lastOrder .oi[b-56ucmwy29k] {
    font-size: 1rem;
}

.kasse_btn_lastOrder.active[b-56ucmwy29k] {
    background: linear-gradient(135deg, #991b1b 0%, #dc2626 100%);
}

.kasse_btn_headerMenu:hover[b-56ucmwy29k],
.kasse_btn_lastOrder:hover[b-56ucmwy29k],
.kasse_paymentArea button:hover[b-56ucmwy29k] {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

.kasse_orderTitle[b-56ucmwy29k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.1rem 0 0.2rem;
    font-size: 0.98rem;
    font-weight: 800;
    color: #475569;
    flex: 0 0 auto;
}

.kasse_orderTitle span[b-56ucmwy29k] {
    font-size: clamp(1.3rem, 1.08rem + 0.55vw, 1.72rem);
    color: #0f172a;
    font-weight: 900;
}

.kasse_licenseStatus[b-56ucmwy29k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 800;
    border: 1px solid transparent;
    white-space: nowrap;
    margin-left: auto;
}

.kasse_licenseStatus.is-limit-available[b-56ucmwy29k] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.kasse_licenseStatus.is-limit-reached[b-56ucmwy29k] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.kasse_orderLines[b-56ucmwy29k] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    border: 1px solid #d8e0e8;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.92);
}

.kasse_orderTable[b-56ucmwy29k] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.kasse_orderTable th[b-56ucmwy29k],
.kasse_orderTable td[b-56ucmwy29k] {
    padding: 0.46rem 0.5rem;
    font-size: 0.9rem;
    vertical-align: middle;
    border-bottom: 1px solid #e2e8f0;
}

.kasse_orderTable th[b-56ucmwy29k] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #e2e8f0;
    color: #334155;
    text-align: left;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.kasse_orderTable td:nth-child(1)[b-56ucmwy29k],
.kasse_orderTable th:nth-child(1)[b-56ucmwy29k] {
    width: 52px;
    text-align: center;
}

.kasse_orderTable td:nth-child(2)[b-56ucmwy29k],
.kasse_orderTable th:nth-child(2)[b-56ucmwy29k] {
    width: auto;
}

.kasse_orderTable td:nth-child(3)[b-56ucmwy29k],
.kasse_orderTable th:nth-child(3)[b-56ucmwy29k] {
    width: 64px;
    text-align: center;
}

.kasse_orderTable td:nth-child(4)[b-56ucmwy29k],
.kasse_orderTable th:nth-child(4)[b-56ucmwy29k] {
    width: 86px;
    text-align: right;
}

.kasse_orderTable td:nth-child(5)[b-56ucmwy29k],
.kasse_orderTable th:nth-child(5)[b-56ucmwy29k] {
    width: 52px;
    text-align: center;
}

.kasse_orderTable tbody tr:hover td[b-56ucmwy29k] {
    background: #fde68a;
}

.kasse_orderRowVoucher td[b-56ucmwy29k] {
    background: #fffbeb;
}

.kasse_orderTable .oi-pencil-red-container[b-56ucmwy29k] {
    color: #dc2626;
}

.oi-pencil-container[b-56ucmwy29k] {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2e8f0;
    color: #475569;
    cursor: pointer;
    transition: transform 0.16s ease, filter 0.16s ease;
}

.oi-pencil-container:hover[b-56ucmwy29k] {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

.kasse_orderTable .oi-trash[b-56ucmwy29k] {
    color: #b91c1c;
    cursor: pointer;
}

.kasse_voucherBadge[b-56ucmwy29k] {
    margin-left: 0.45rem;
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 800;
    color: #7c2d12;
    background: #fde68a;
    border-radius: 999px;
    padding: 0.15rem 0.5rem;
}

.kasse_orderSummary[b-56ucmwy29k] {
    border: 1px solid #d8e0e8;
    border-radius: 20px;
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
    flex: 0 0 auto;
}

.kasse_orderSummary .kasse_orderTable th[b-56ucmwy29k] {
    position: static;
    background: transparent;
    color: #475569;
    font-size: 0.95rem;
}

.kasse_orderSummary .kasse_orderTable th:nth-child(4)[b-56ucmwy29k] {
    font-size: 1.2rem;
    color: #0f172a;
    font-weight: 900;
}

.kasse_orderSummary .kasse_orderTable th[b-56ucmwy29k],
.kasse_orderSummary .kasse_orderTable td[b-56ucmwy29k] {
    border-bottom: 0;
}

.kasse_orderFooter[b-56ucmwy29k] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    flex: 0 0 auto;
}

.kasse_paymentArea[b-56ucmwy29k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    width: 100%;
}

.kasse_limitNotice[b-56ucmwy29k] {
    padding: 0.78rem 0.95rem;
    border-radius: 18px;
    font-size: 0.9rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.kasse_limitNotice.is-blocked[b-56ucmwy29k] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.kasse_limitNotice.is-tolerance[b-56ucmwy29k] {
    color: #9a6700;
    background: #fef3c7;
    border-color: #fcd34d;
}

.kasse_paymentArea button[b-56ucmwy29k] {
    min-height: 46px;
    padding: 0.68rem 0.8rem;
    font-size: 0.9rem;
    font-weight: 800;
    border: none;
    border-radius: 18px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
    white-space: normal;
    transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
}

.kasse_buttonBarPay[b-56ucmwy29k] {
    background: linear-gradient(135deg, #facc15 0%, #f59e0b 100%);
    color: #111827 !important;
}

.kasse_buttonPayPalPay[b-56ucmwy29k] {
    background: linear-gradient(135deg, #003087 0%, #0066ff 100%);
}

.kasse_buttonSumUpPay[b-56ucmwy29k] {
    background: linear-gradient(135deg, #5f1717 0%, #8f1d1d 100%);
}

.kasse_buttonIsInternOrder[b-56ucmwy29k] {
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
}

.kasse_buttonKostenstelle[b-56ucmwy29k] {
    background: linear-gradient(135deg, #475569 0%, #64748b 100%);
}

.kasse_additionalSettings[b-56ucmwy29k] {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    gap: 0.65rem;
    width: 100%;
}

.kasse_TableNumberSection[b-56ucmwy29k],
.kasse_FreitextSection[b-56ucmwy29k] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    padding: 0.62rem 0.7rem;
    border: 1px solid #d8e0e8;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
}

.kasse_TableNumberLabel[b-56ucmwy29k],
.kasse_FreitextLabel[b-56ucmwy29k] {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.kasse_TableNumberSelect[b-56ucmwy29k],
.kasse_FreitextTextArea[b-56ucmwy29k] {
    width: 100%;
    padding: 0.58rem 0.68rem;
    font-size: 0.92rem;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    background: #fff;
    color: #0f172a;
    box-sizing: border-box;
}

.kasse_FreitextTextArea[b-56ucmwy29k] {
    resize: vertical;
    min-height: 64px;
    scroll-margin-block: 5rem 42dvh;
}

.Kueche_NoRights[b-56ucmwy29k] {
    margin: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(245, 158, 11, 0.35);
    background: #fffbeb;
    color: #92400e;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .kasse_container_main[b-56ucmwy29k] {
        grid-template-columns: 1fr;
        min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
        overflow: auto;
    }

    .kasse_container[b-56ucmwy29k],
    .kasse_orderContainer[b-56ucmwy29k] {
        overflow: visible;
    }

    .kasse_orderLines[b-56ucmwy29k] {
        max-height: 44vh;
    }

    .kasse_additionalSettings[b-56ucmwy29k] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .kasse_container_main[b-56ucmwy29k] {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
        overflow: auto;
    }

    .kasse_container[b-56ucmwy29k],
    .kasse_orderContainer[b-56ucmwy29k] {
        width: 100%;
        min-width: 0;
        overflow: visible;
    }

    .kasse_orderLines[b-56ucmwy29k] {
        max-height: none;
        min-height: 180px;
    }
}

@media (max-width: 700px) {
    .kasse_container_main[b-56ucmwy29k] {
        height: auto;
        min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
        padding: 0.65rem;
        gap: 0.65rem;
    }

    .kasse_container[b-56ucmwy29k],
    .kasse_orderContainer[b-56ucmwy29k] {
        padding: 0.68rem;
        border-radius: 22px;
    }

    .kasse_orderHeaderLeft[b-56ucmwy29k],
    .kasse_lastOrderCard[b-56ucmwy29k],
    .kasse_orderHeaderMenu[b-56ucmwy29k],
    .kasse_orderHeaderActions[b-56ucmwy29k],
    .kasse_paymentArea[b-56ucmwy29k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kasse_orderHeaderLeft[b-56ucmwy29k],
    .kasse_lastOrderCard[b-56ucmwy29k],
    .kasse_orderHeaderMenu[b-56ucmwy29k],
    .kasse_orderHeaderActions[b-56ucmwy29k] {
        display: grid;
        width: 100%;
    }

    .kasse_lastOrderCard[b-56ucmwy29k] {
        margin-left: 0;
    }

    .kasse_btn_lastOrder[b-56ucmwy29k] {
        width: 100%;
    }

    .kasse_paymentArea button[b-56ucmwy29k] {
        min-height: 44px;
        font-size: 0.88rem;
    }

    .kasse_container td[b-56ucmwy29k],
    .kasse_orderTable th[b-56ucmwy29k],
    .kasse_orderTable td[b-56ucmwy29k] {
        padding: 0.52rem 0.45rem;
        font-size: 0.84rem;
    }

    .kasse_orderTitle span[b-56ucmwy29k] {
        font-size: 1.55rem;
    }
}
/* /Pages/Popup_Barzahlung.razor.rz.scp.css */
/* Container and backdrop */
.popup_bar_container[b-70xlp7sl8l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.5);
    z-index: var(--z-popup-backdrop, 20000);
    box-sizing: border-box;
}

    .popup_bar_container.popup_bar_visible[b-70xlp7sl8l] {
        display: flex;
    }
/* Dialog panel */
.popup_bar_dialog[b-70xlp7sl8l] {
    background: linear-gradient(180deg, #fffdf4 0%, #fff6d6 100%);
    border-radius: 18px;
    width: 900px;
    max-width: 90%;
    max-height: min(92dvh, 900px);
    border: 1px solid rgba(148, 116, 20, 0.22);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.26);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* Header */
.popup_bar_header[b-70xlp7sl8l] {
    background: linear-gradient(135deg, #f4d44f 0%, #ddb431 100%);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup_bar_title[b-70xlp7sl8l] {
    margin: 0;
    font-size: 1.65rem;
    color: #3d2f02;
}

.popup_bar_close[b-70xlp7sl8l] {
    background: transparent;
    border: none;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    font-size: 1.75rem;
    cursor: pointer;
    color: #3a3000;
}

.popup_bar_close:hover[b-70xlp7sl8l] {
    background: rgba(61, 47, 2, 0.1);
}
/* Body */
.popup_bar_body[b-70xlp7sl8l] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr);
    gap: 18px;
    padding: 20px;
    overflow-y: auto;
    min-height: 0;
}

.popup_bar_section[b-70xlp7sl8l] {
    background: rgba(255, 252, 236, 0.9);
    padding: 18px;
    border-radius: 16px;
    border: 1px solid rgba(212, 183, 82, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
/* Calculator Section */
.popup_bar_display_card[b-70xlp7sl8l] {
    background: linear-gradient(135deg, #fff9da 0%, #fff2b8 100%);
    border: 1px solid rgba(212, 183, 82, 0.5);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 14px;
}

.popup_bar_display_meta[b-70xlp7sl8l] {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8a6a12;
    margin-bottom: 0.35rem;
}

.popup_bar_calculator .popup_bar_display[b-70xlp7sl8l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup_bar_display_amount[b-70xlp7sl8l] {
    font-size: 2.25rem;
    font-weight: bold;
    color: #3a3000;
}

.popup_bar_btn-undo[b-70xlp7sl8l] {
    padding: 10px 18px;
    font-size: 1rem;
    font-weight: bold;
    background: #8b0000;
    color: #fffdf4;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.popup_bar_btn-undo:hover[b-70xlp7sl8l] {
    background: #6f0000;
}

.popup_bar_denominations[b-70xlp7sl8l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.popup_bar_btn-denom[b-70xlp7sl8l] {
    min-height: 76px;
    padding: 12px 14px;
    font-size: 1rem;
    border: 1px solid #d4b752;
    border-radius: 14px;
    background: linear-gradient(180deg, #fff9db 0%, #f8e6a1 100%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}

.popup_bar_btn-denom:hover[b-70xlp7sl8l] {
    background: linear-gradient(180deg, #fff6cb 0%, #f3dc86 100%);
    border-color: #b18c18;
    box-shadow: 0 10px 20px rgba(177, 140, 24, 0.16);
    transform: translateY(-1px);
}

.popup_bar_btn-denom.is-selected[b-70xlp7sl8l] {
    border-color: #8a6a12;
    box-shadow: 0 0 0 2px rgba(138, 106, 18, 0.16);
}

.popup_bar_btn-exact[b-70xlp7sl8l] {
    background: linear-gradient(180deg, #efe7ff 0%, #d9ccff 100%);
    border-color: #8d7ad7;
    grid-column: span 2;
}

.popup_bar_btn-exact:hover[b-70xlp7sl8l] {
    background: linear-gradient(180deg, #e8ddff 0%, #d0c0ff 100%);
    border-color: #705db7;
}

.popup_bar_denom_value[b-70xlp7sl8l] {
    font-size: 1rem;
    font-weight: 800;
    color: #3a3000;
    line-height: 1.05;
    white-space: nowrap;
}

.popup_bar_denom_count[b-70xlp7sl8l] {
    min-width: 52px;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    background: rgba(58, 48, 0, 0.1);
    color: #3a3000;
    font-size: 0.92rem;
    font-weight: 700;
    text-align: center;
}

.popup_bar_custom_input[b-70xlp7sl8l] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.popup_bar_input[b-70xlp7sl8l] {
    flex: 1;
    padding: 12px 14px;
    font-size: 1rem;
    border: 1px solid #d4b752;
    border-radius: 12px;
    background: #fffef7;
    min-height: 3rem;
}

.popup_bar_btn-submit[b-70xlp7sl8l] {
    padding: 12px 18px;
    font-weight: bold;
    font-size: 1rem;
    background: #d4b752;
    color: #fff;
    border: none;
    border-radius: 12px;
    cursor: pointer;
}

.popup_bar_btn-submit:hover[b-70xlp7sl8l] {
    background: #b89521;
}
/* Summary Section */
.popup_bar_summary[b-70xlp7sl8l] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.popup_bar_summary_header[b-70xlp7sl8l] {
    margin-bottom: 14px;
}

.popup_bar_summary_title[b-70xlp7sl8l] {
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8a6a12;
    margin-bottom: 0.3rem;
}

.popup_bar_order-number[b-70xlp7sl8l] {
    font-size: 1.1rem;
    margin-bottom: 8px;
}

.popup_bar_summary-table[b-70xlp7sl8l] {
    width: 100%;
    border-collapse: collapse;
}

.popup_bar_summary-table td[b-70xlp7sl8l] {
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(58, 48, 0, 0.08);
    font-size: 1.02rem;
}

.popup_bar_value[b-70xlp7sl8l] {
    text-align: right;
    font-weight: bold;
}

.popup_bar_sum_positive[b-70xlp7sl8l] {
    color: #006400;
}

.popup_bar_sum_negative[b-70xlp7sl8l] {
    color: #8b0000;
}
/* Footer */
.popup_bar_footer[b-70xlp7sl8l] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 16px 20px;
    text-align: right;
    background: linear-gradient(135deg, #f2d651 0%, #ddb431 100%);
}

.popup_bar_btn-finish[b-70xlp7sl8l] {
    padding: 12px 22px;
    font-size: 1rem;
    font-weight: bold;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 12px;
    background: #3a3000;
    color: #fff;
    cursor: pointer;
}

.popup_bar_btn-finish:hover[b-70xlp7sl8l] {
    background: #241d00;
}

@media (max-width: 1024px), (max-height: 900px) {
    .popup_bar_body[b-70xlp7sl8l] {
        grid-template-columns: minmax(0, 1.32fr) minmax(220px, 0.68fr);
        gap: 12px;
        padding: 14px;
    }

    .popup_bar_section[b-70xlp7sl8l] {
        padding: 14px;
        border-radius: 14px;
    }

    .popup_bar_display_card[b-70xlp7sl8l] {
        padding: 12px 14px;
        margin-bottom: 10px;
    }

    .popup_bar_display_amount[b-70xlp7sl8l] {
        font-size: 1.85rem;
    }

    .popup_bar_denominations[b-70xlp7sl8l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: 10px;
    }

    .popup_bar_btn-denom[b-70xlp7sl8l] {
        min-height: 62px;
        padding: 10px 10px;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
    }

    .popup_bar_btn-exact[b-70xlp7sl8l] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .popup_bar_denom_value[b-70xlp7sl8l] {
        font-size: 0.9rem;
        line-height: 1;
    }

    .popup_bar_denom_count[b-70xlp7sl8l] {
        min-width: 0;
        padding: 0.25rem 0.45rem;
        font-size: 0.82rem;
    }

    .popup_bar_custom_input[b-70xlp7sl8l] {
        gap: 6px;
    }

    .popup_bar_input[b-70xlp7sl8l],
    .popup_bar_btn-submit[b-70xlp7sl8l] {
        padding: 10px 12px;
        font-size: 0.95rem;
    }

    .popup_bar_summary[b-70xlp7sl8l] {
        justify-content: flex-start;
    }

    .popup_bar_summary_header[b-70xlp7sl8l] {
        margin-bottom: 8px;
    }

    .popup_bar_summary_title[b-70xlp7sl8l] {
        font-size: 0.8rem;
        margin-bottom: 0.2rem;
    }

    .popup_bar_order-number[b-70xlp7sl8l] {
        font-size: 0.98rem;
        margin-bottom: 4px;
    }

    .popup_bar_summary-table td[b-70xlp7sl8l] {
        padding: 0.52rem 0;
        font-size: 0.94rem;
    }
}

@media (max-width: 700px) {
    .popup_bar_container[b-70xlp7sl8l] {
        align-items: flex-start;
        padding: 0.65rem;
    }

    .popup_bar_dialog[b-70xlp7sl8l] {
        width: min(100%, 900px);
        max-width: 100%;
        max-height: calc(100dvh - 1.3rem);
    }

    .popup_bar_body[b-70xlp7sl8l] {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
    }

    .popup_bar_display_amount[b-70xlp7sl8l] {
        font-size: 1.85rem;
    }

    .popup_bar_denominations[b-70xlp7sl8l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .popup_bar_header[b-70xlp7sl8l] {
        position: sticky;
        top: 0;
        z-index: 3;
    }
}

@media (orientation: landscape) and (pointer: coarse) {
    .popup_bar_container[b-70xlp7sl8l] {
        align-items: flex-start;
        padding-top: max(0.75rem, env(safe-area-inset-top));
        padding-bottom: 0.75rem;
    }

    .popup_bar_dialog[b-70xlp7sl8l] {
        max-height: calc(100dvh - 1rem);
    }

    .popup_bar_body[b-70xlp7sl8l] {
        overflow-y: auto;
    }
}
/* /Pages/Popup_ClientSettings.razor.rz.scp.css */

.Username-Info[b-qy9e42qw1a]{
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 5px;
    text-align: center;
 

}

.nr-list[b-qy9e42qw1a] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nr-row[b-qy9e42qw1a] {
    display: flex;
    align-items: center;
}



.NoRights[b-qy9e42qw1a] {
    color: red;
    text-align: center;
    font-size: 1.2em;
    background-color: lightyellow;
    padding: 3px;
    border-bottom: 1px solid orange;
    border-top: 1px solid orange;
    width: 100%;
}
/* /Pages/Popup_Comment.razor.rz.scp.css */
.pos_popup_container[b-bitmbmjnz7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.4);
    z-index: var(--z-popup-backdrop, 20000);
}

    .pos_popup_container.pos_popup_visible[b-bitmbmjnz7] {
        display: flex;
    }
/* Dialog box */
.pos_popup_dialog[b-bitmbmjnz7] {
    background: #ffffff;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    max-height: min(92dvh, 32rem);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* Header with close */
.pos_popup_container[b-bitmbmjnz7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.4);
    z-index: var(--z-popup-backdrop, 20000);
}

    .pos_popup_container.pos_popup_visible[b-bitmbmjnz7] {
        display: flex;
    }
/* Dialog box */
.pos_popup_dialog[b-bitmbmjnz7] {
    background: #ffffff;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* Header with two-line title and close */
.pos_popup_header[b-bitmbmjnz7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    background: #f4f4f4;
}

.pos_popup_header_content[b-bitmbmjnz7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pos_popup_header_title[b-bitmbmjnz7] {
    font-size: 1rem;
    font-weight: 500;
    color: #333;
}

.pos_popup_header_subtitle[b-bitmbmjnz7] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
}

.pos_popup_close[b-bitmbmjnz7] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    color: #666;
    line-height: 1;
    padding: 0;
}
/* Body */
.pos_popup_body[b-bitmbmjnz7] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.pos_popup_input[b-bitmbmjnz7] {
    width: 100%;
    min-height: 80px;
    padding: 8px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
}
/* Footer */
.pos_popup_footer[b-bitmbmjnz7] {
    padding: 12px 16px;
    background: #f4f4f4;
    text-align: right;
    flex-shrink: 0;
}

.pos_popup_btn-finish[b-bitmbmjnz7] {
    padding: 8px 16px;
    font-size: 1rem;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .pos_popup_btn-finish:hover[b-bitmbmjnz7] {
        background: #333;
    }

@media (orientation: landscape) and (pointer: coarse) {
    .pos_popup_container[b-bitmbmjnz7] {
        align-items: flex-start;
        padding-top: max(0.75rem, env(safe-area-inset-top));
        padding-bottom: 0.75rem;
    }

    .pos_popup_dialog[b-bitmbmjnz7] {
        width: min(32rem, 100%);
        max-height: calc(100dvh - 1rem);
    }

    .pos_popup_input[b-bitmbmjnz7] {
        min-height: 6rem;
    }
}
/* /Pages/Popup_Kostenstelle.razor.rz.scp.css */
.popup_kostenstellen_container[b-p4p4hfblvl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    background: rgba(8, 15, 31, 0.56);
    z-index: var(--z-popup-backdrop, 20000);
}

.popup_kostenstellen_container.popup_kostenstellen_visible[b-p4p4hfblvl] {
    display: flex;
}

.popup_kostenstellen_dialog[b-p4p4hfblvl] {
    position: relative;
    width: min(980px, calc(100vw - 1.5rem));
    height: min(860px, calc(100vh - 1.5rem));
    max-height: calc(100vh - 1.5rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 26px;
    border: 1px solid rgba(28, 58, 99, 0.16);
    background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
    box-shadow: 0 34px 80px rgba(15, 23, 42, 0.34);
}

.popup_kostenstellen_header[b-p4p4hfblvl] {
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #0f172a 0%, #1d4e89 68%, #1f2937 100%);
}

.popup_kostenstellen_title[b-p4p4hfblvl] {
    margin: 0;
    font-size: 1.6rem;
    color: #fff;
}

.popup_kostenstellen_close[b-p4p4hfblvl],
.ks_quickCreateClose[b-p4p4hfblvl] {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 1.75rem;
    cursor: pointer;
    color: #fff;
}

.popup_kostenstellen_close:hover[b-p4p4hfblvl],
.ks_quickCreateClose:hover[b-p4p4hfblvl] {
    background: rgba(255, 255, 255, 0.2);
}

.popup_kostenstellen_inner[b-p4p4hfblvl] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1 1 auto;
    min-height: 0;
    padding: 18px;
}

.popup_kostenstellen_grid[b-p4p4hfblvl] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(191, 212, 240, 0.9);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
}

.popup_kostenstellen_footer[b-p4p4hfblvl] {
    padding: 16px 18px 18px;
    display: flex;
    justify-content: flex-end;
    background: transparent;
}

.popup_kostenstellen_btn-finish[b-p4p4hfblvl] {
    min-width: 170px;
    padding: 12px 20px;
    font-size: 1rem;
    border: 0;
    font-weight: 800;
    border-radius: 14px;
    background: linear-gradient(135deg, #0b2d57 0%, #1f5daa 100%);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 18px 36px rgba(31, 93, 170, 0.28);
}

.popup_kostenstellen_btn-finish:disabled[b-p4p4hfblvl] {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}

.popup_kostenstellen_btn-finish:hover:not(:disabled)[b-p4p4hfblvl] {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.ks_topbar[b-p4p4hfblvl] {
    display: flex;
    align-items: end;
    gap: 1rem;
}

.ks_orderinfo[b-p4p4hfblvl] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.ks_orderinfo_label[b-p4p4hfblvl] {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5b6f8a;
}

.ks_orderinfo_amount[b-p4p4hfblvl] {
    font-size: clamp(1.8rem, 3vw, 2.35rem);
    font-weight: 800;
    color: #0d2f5f;
    line-height: 1.1;
}

.ks_searchwrap[b-p4p4hfblvl] {
    flex: 1 1 320px;
    max-width: 420px;
}

.ks_search[b-p4p4hfblvl],
.ks_fieldInput[b-p4p4hfblvl] {
    width: 100%;
    min-height: 48px;
    padding: 0.8rem 0.95rem;
    border-radius: 14px;
    border: 1px solid #c7d6eb;
    background: rgba(255, 255, 255, 0.94);
    color: #0f172a;
}

.ks_search:focus[b-p4p4hfblvl],
.ks_fieldInput:focus[b-p4p4hfblvl] {
    outline: none;
    border-color: #4f8fdd;
    box-shadow: 0 0 0 3px rgba(79, 143, 221, 0.16);
}

.ks_toolbar[b-p4p4hfblvl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ks_quickCreateBtn[b-p4p4hfblvl],
.ks_primaryBtn[b-p4p4hfblvl],
.ks_secondaryBtn[b-p4p4hfblvl] {
    min-height: 44px;
    padding: 0.7rem 1rem;
    border-radius: 14px;
    font-weight: 700;
    border: 0;
    cursor: pointer;
}

.ks_quickCreateBtn[b-p4p4hfblvl],
.ks_secondaryBtn[b-p4p4hfblvl] {
    background: #e8eef8;
    color: #133456;
}

.ks_quickCreateBtn:disabled[b-p4p4hfblvl],
.ks_primaryBtn:disabled[b-p4p4hfblvl],
.ks_secondaryBtn:disabled[b-p4p4hfblvl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.ks_primaryBtn[b-p4p4hfblvl] {
    background: linear-gradient(135deg, #0b2d57 0%, #1f5daa 100%);
    color: #fff;
}

.ks_listHeader[b-p4p4hfblvl],
.ks_row[b-p4p4hfblvl] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) 120px 120px 120px 52px;
    gap: 0.75rem;
    align-items: center;
}

.ks_listHeader[b-p4p4hfblvl] {
    padding: 0.85rem 1rem;
    background: #0f2f5a;
    color: #f8fbff;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ks_headerTitle[b-p4p4hfblvl] {
    text-align: left;
}

.ks_headerValue[b-p4p4hfblvl] {
    text-align: right;
}

.ks_headerAction[b-p4p4hfblvl] {
    min-height: 1px;
}

.ks_listWrap[b-p4p4hfblvl] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.ks_list[b-p4p4hfblvl] {
    display: flex;
    flex-direction: column;
}

.ks_row[b-p4p4hfblvl] {
    width: 100%;
    padding: 0.55rem 1rem;
    border-top: 1px solid rgba(212, 225, 243, 0.92);
}

.ks_row:hover[b-p4p4hfblvl] {
    background: rgba(221, 234, 252, 0.5);
}

.ks_row.is-selected[b-p4p4hfblvl] {
    background: linear-gradient(135deg, rgba(11, 45, 87, 0.08) 0%, rgba(31, 93, 170, 0.12) 100%);
    box-shadow: inset 4px 0 0 #1f5daa;
}

.ks_rowMain[b-p4p4hfblvl] {
    min-width: 0;
}

.ks_rowSelect[b-p4p4hfblvl] {
    grid-column: 1 / 5;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) 120px 120px 120px;
    gap: 0.75rem;
    align-items: center;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.ks_rowTitle[b-p4p4hfblvl] {
    font-size: 1.08rem;
    font-weight: 700;
    color: #0f172a;
    word-break: break-word;
}

.ks_rowValue[b-p4p4hfblvl] {
    text-align: right;
    font-weight: 700;
    font-size: 1.03rem;
    color: #304763;
}

.ks_rowValue--accent[b-p4p4hfblvl] {
    color: #0b4d7d;
}

.ks_rowAction[b-p4p4hfblvl] {
    display: flex;
    justify-content: center;
}

.ks_deleteBtn[b-p4p4hfblvl] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fff1f2;
    color: #b91c1c;
    cursor: pointer;
}

.ks_deleteBtn:hover:not(:disabled)[b-p4p4hfblvl] {
    background: #ffe4e6;
    border-color: #fda4af;
}

.ks_deleteBtn:disabled[b-p4p4hfblvl] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ks_deleteBtn .oi[b-p4p4hfblvl] {
    font-size: 0.8rem;
    top: 0;
}

.ks_emptyState[b-p4p4hfblvl] {
    padding: 1.4rem 1rem;
    color: #5b6f8a;
    text-align: center;
    font-weight: 600;
}

.ks_confirmbar[b-p4p4hfblvl] {
    margin: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    border: 1px solid #d3e2f3;
    background: #f8fbff;
}

.ks_confirm_hint[b-p4p4hfblvl] {
    color: #5b6f8a;
    font-weight: 600;
}

.ks_confirm_ok[b-p4p4hfblvl] {
    color: #0d2f5f;
    font-size: 1rem;
    font-weight: 600;
}

.ks_confirm_sep[b-p4p4hfblvl] {
    margin: 0 0.6rem;
    opacity: 0.5;
}

.ks_quickCreateOverlay[b-p4p4hfblvl] {
    position: absolute;
    inset: 0;
    z-index: var(--z-popup-surface, 20010);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.34);
    backdrop-filter: blur(2px);
}

.ks_quickCreateModal[b-p4p4hfblvl] {
    width: min(520px, 100%);
    border-radius: 22px;
    border: 1px solid rgba(191, 212, 240, 0.92);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.28);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ks_quickCreateHeader[b-p4p4hfblvl] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.ks_quickCreateHeader h3[b-p4p4hfblvl] {
    margin: 0.15rem 0 0;
    font-size: 1.2rem;
    color: #0f172a;
}

.ks_quickCreateEyebrow[b-p4p4hfblvl] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5b6f8a;
}

.ks_quickCreateClose[b-p4p4hfblvl] {
    background: #e8eef8;
    color: #133456;
}

.ks_quickCreateGrid[b-p4p4hfblvl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: end;
}

.ks_field[b-p4p4hfblvl] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.ks_field span[b-p4p4hfblvl] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #304763;
}

.ks_quickCreateActions[b-p4p4hfblvl] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

@media (max-width: 780px) {
    .popup_kostenstellen_dialog[b-p4p4hfblvl] {
        width: calc(100vw - 1rem);
        height: calc(100vh - 1rem);
        max-height: calc(100vh - 1rem);
    }

    .popup_kostenstellen_inner[b-p4p4hfblvl] {
        padding: 14px;
    }

    .ks_topbar[b-p4p4hfblvl],
    .ks_toolbar[b-p4p4hfblvl] {
        flex-wrap: wrap;
    }

    .ks_listHeader[b-p4p4hfblvl],
    .ks_row[b-p4p4hfblvl] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ks_rowSelect[b-p4p4hfblvl] {
        grid-column: auto;
        grid-template-columns: minmax(0, 1fr);
    }

    .ks_listHeader[b-p4p4hfblvl] {
        display: none;
    }

    .ks_row[b-p4p4hfblvl] {
        gap: 0.35rem;
    }

    .ks_rowValue[b-p4p4hfblvl] {
        text-align: left;
    }

    .ks_rowAction[b-p4p4hfblvl],
    .ks_headerAction[b-p4p4hfblvl] {
        justify-content: flex-start;
        text-align: left;
    }

    .ks_searchwrap[b-p4p4hfblvl] {
        max-width: none;
    }

    .ks_quickCreateActions[b-p4p4hfblvl],
    .popup_kostenstellen_footer[b-p4p4hfblvl] {
        flex-direction: column;
    }

    .ks_quickCreateBtn[b-p4p4hfblvl],
    .ks_primaryBtn[b-p4p4hfblvl],
    .ks_secondaryBtn[b-p4p4hfblvl],
    .popup_kostenstellen_btn-finish[b-p4p4hfblvl] {
        width: 100%;
    }
}
/* /Pages/Popup_OrderHistory.razor.rz.scp.css */
.popup_orderHistory_Container[b-ee1avz6uab] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
}

.popup_OrderHistory_BodyContainer[b-ee1avz6uab] {
    --popup-orderHistory-scroll-gutter: 0.75rem;
    width: min(1240px, 100%);
    max-height: 92vh;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    border: 1px solid #d9dee3;
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
    scrollbar-gutter: stable both-edges;
}

.popup_OrderHistory_BodyContainer[b-ee1avz6uab]::-webkit-scrollbar {
    width: 10px;
}

.popup_OrderHistory_BodyContainer[b-ee1avz6uab]::-webkit-scrollbar-track {
    margin-block: 14px;
    border-radius: 999px;
    background: rgba(203, 213, 225, 0.42);
}

.popup_OrderHistory_BodyContainer[b-ee1avz6uab]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(100, 116, 139, 0.72);
    border: 2px solid transparent;
    background-clip: padding-box;
}

.popup_OrderHistory_BodyContainer[b-ee1avz6uab]::-webkit-scrollbar-thumb:hover {
    background: rgba(71, 85, 105, 0.82);
    border: 2px solid transparent;
    background-clip: padding-box;
}

.popup_OrderHistory_BodyContainer[b-ee1avz6uab]::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.popup_OrderHistory_header[b-ee1avz6uab] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem 0.95rem;
    margin-inline: calc(var(--popup-orderHistory-scroll-gutter) * -1);
    padding-inline: calc(1.2rem + var(--popup-orderHistory-scroll-gutter));
    color: #fff;
    background: linear-gradient(135deg, #1f2937 0%, #14532d 100%);
}

.popup_OrderHistory_eyebrow[b-ee1avz6uab] {
    margin-bottom: 0.35rem;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(187, 247, 208, 0.92);
}

.popup_OrderHistory_title[b-ee1avz6uab] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    color: #f8fafc;
}

.popup_OrderHistory_close[b-ee1avz6uab] {
    border: 0;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.popup_orderHistory_Body[b-ee1avz6uab] {
    padding: 1rem;
}

.popup_orderHistory_empty[b-ee1avz6uab] {
    padding: 2.4rem 1.2rem;
    border-radius: 22px;
    border: 1px dashed #cbd5e1;
    background: rgba(255, 255, 255, 0.82);
    text-align: center;
    color: #64748b;
    font-weight: 700;
}

.popup_historyTableShell[b-ee1avz6uab] {
    border-radius: 24px;
    border: 1px solid #d9dee3;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 40px rgba(68, 63, 54, 0.12);
    overflow: auto;
}

.popup_history_table[b-ee1avz6uab] {
    width: 100%;
    min-width: 980px;
    border-collapse: separate;
    border-spacing: 0;
}

.popup_history_table > thead[b-ee1avz6uab] {
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
}

.popup_history_table > thead th[b-ee1avz6uab] {
    padding: 0.78rem 0.75rem;
    color: #f8fafc;
    font-size: 0.88rem;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.popup_history_table > thead th:last-child[b-ee1avz6uab] {
    border-right: 0;
}

.popup_history_table tbody .popup_history_row:nth-child(odd) td[b-ee1avz6uab] {
    background: #f8fafc;
}

.popup_history_table tbody .popup_history_row:nth-child(even) td[b-ee1avz6uab] {
    background: #eef2f7;
}

.popup_history_table td[b-ee1avz6uab] {
    padding: 0.55rem;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #dbe3ea;
}

.popup_history_table tbody tr:last-child td[b-ee1avz6uab] {
    border-bottom: 0;
}

.popup_history_orderNumber[b-ee1avz6uab] {
    width: 1%;
    min-width: 132px;
    vertical-align: middle !important;
    font-size: clamp(1.45rem, 1.1rem + 0.8vw, 2rem);
    font-weight: 900;
    letter-spacing: 0.04em;
    color: #0f172a;
}

.popup_history_orderNumber[b-ee1avz6uab]::before {
    content: "Bestellnr.";
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #64748b;
}

.popup_history_actionCell[b-ee1avz6uab] {
    vertical-align: middle !important;
}

.popup_history_positions[b-ee1avz6uab] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #d4dce5;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.85);
}

.popup_history_positions th[b-ee1avz6uab] {
    padding: 0.28rem 0.45rem;
    background: linear-gradient(180deg, #e5e7eb 0%, #d1d5db 100%);
    color: #0f172a;
    font-size: 0.69rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 1.1;
    border-bottom: 1px solid #b8c2cf;
}

.popup_history_positions td[b-ee1avz6uab] {
    padding: 0.42rem 0.45rem;
    border-bottom: 1px solid #e2e8f0;
}

.popup_history_positions tbody tr:last-child td[b-ee1avz6uab] {
    border-bottom: 0;
}

.popup_orderFreitextRow td[b-ee1avz6uab] {
    border-bottom: 0;
}

.popup_orderFreitextColumn[b-ee1avz6uab] {
    background: linear-gradient(135deg, #fde68a 0%, #f59e0b 100%) !important;
    color: #4a2f00;
    text-align: left;
    font-style: italic;
    white-space: pre-line;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(180, 83, 9, 0.24);
}

.popup_pos_qty_open[b-ee1avz6uab],
.popup_pos_qty_open_bigger[b-ee1avz6uab],
.popup_pos_qty_delivered[b-ee1avz6uab],
.popup_pos_qty_delivered_bigger[b-ee1avz6uab] {
    width: 1%;
    min-width: 58px;
    font-weight: 900;
    font-size: 0.95rem;
    border-right: 1px solid #dbe3ea;
}

.popup_pos_qty_open[b-ee1avz6uab],
.popup_pos_qty_open_bigger[b-ee1avz6uab] {
    background: #fef3c7;
    color: #92400e;
}

.popup_pos_qty_delivered[b-ee1avz6uab],
.popup_pos_qty_delivered_bigger[b-ee1avz6uab] {
    background: #dcfce7;
    color: #7c2d12;
}

.popup_pos_qty_open_bigger[b-ee1avz6uab],
.popup_pos_qty_delivered_bigger[b-ee1avz6uab] {
    font-size: 1.12rem;
}

.popup_pos_open[b-ee1avz6uab],
.popup_pos_delivered[b-ee1avz6uab] {
    text-align: left;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
}

.popup_pos_open[b-ee1avz6uab] {
    background: #fff7ed;
    color: #7c2d12;
}

.popup_pos_delivered[b-ee1avz6uab] {
    background: #dcfce7;
    color: #7c2d12;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_open[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_delivered[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_qty_open[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_qty_open_bigger[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_qty_delivered[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_qty_delivered_bigger[b-ee1avz6uab] {
    border-bottom: 0;
}

.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_open[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_qty_open[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_qty_open_bigger[b-ee1avz6uab] {
    background: #fde68a;
}

.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_delivered[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_qty_delivered[b-ee1avz6uab],
.popup_history_positions tbody tr:has(+ .popup_tr_orderComment) .popup_pos_qty_delivered_bigger[b-ee1avz6uab] {
    background: #bbf7d0;
}

.popup_tr_orderComment td[b-ee1avz6uab] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #c2410c;
    white-space: pre-line;
    background: #ffedd5;
    border-bottom: 1px solid #e2e8f0;
}

.popup_tr_orderComment td:last-child[b-ee1avz6uab] {
    padding-top: 0.15rem;
    padding-bottom: 0.55rem;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
}

.popup_tr_orderComment td:last-child.popup_pos_delivered[b-ee1avz6uab] {
    background: linear-gradient(180deg, #dcfce7 0%, #bbf7d0 100%);
    color: #7c2d12;
}

.popup_tr_orderComment td:last-child.popup_pos_open[b-ee1avz6uab] {
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    color: #c2410c;
}

.popup_btn_restore[b-ee1avz6uab] {
    width: min(100%, 180px);
    min-height: 46px;
    border: 0;
    border-radius: 16px;
    padding: 0.65rem 0.75rem;
    background: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
    color: #fff;
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.02em;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(154, 103, 0, 0.18);
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.popup_btn_restore:hover[b-ee1avz6uab] {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .popup_orderHistory_Container[b-ee1avz6uab] {
        padding: 0.65rem;
    }

    .popup_OrderHistory_BodyContainer[b-ee1avz6uab] {
        border-radius: 20px;
    }

    .popup_orderHistory_Body[b-ee1avz6uab] {
        padding: 0.75rem;
    }
}
/* /Pages/Popup_PayPalzahlung.razor.rz.scp.css */
.popup_paypal_container[b-z0zv7h8bw4] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(8, 15, 31, 0.6);
    z-index: var(--z-popup-backdrop, 20000);
}

.popup_paypal_container.popup_paypal_visible[b-z0zv7h8bw4] {
    display: flex;
}

.popup_paypal_dialog[b-z0zv7h8bw4] {
    width: min(1120px, 94vw);
    max-height: min(92vh, 900px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    border: 1px solid rgba(0, 48, 135, 0.16);
    box-shadow: 0 28px 60px rgba(4, 18, 49, 0.28);
}

.popup_paypal_header[b-z0zv7h8bw4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 18px 22px;
    background: linear-gradient(135deg, #003087 0%, #0070ba 100%);
}

.popup_paypal_eyebrow[b-z0zv7h8bw4] {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
}

.popup_paypal_title[b-z0zv7h8bw4] {
    margin: 0.15rem 0 0;
    font-size: 1.7rem;
    color: #fff;
}

.popup_paypal_close[b-z0zv7h8bw4] {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.8rem;
    cursor: pointer;
}

.popup_paypal_close:hover[b-z0zv7h8bw4] {
    background: rgba(255, 255, 255, 0.22);
}

.popup_paypal_inner[b-z0zv7h8bw4] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.9fr);
    gap: 16px;
    padding: 16px 18px;
    align-items: start;
    overflow-y: auto;
}

.popup_paypal_mainpanel[b-z0zv7h8bw4],
.popup_paypal_order_card[b-z0zv7h8bw4],
.popup_paypal_controls_card[b-z0zv7h8bw4],
.popup_paypal_qr_card[b-z0zv7h8bw4] {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(0, 48, 135, 0.1);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.popup_paypal_mainpanel[b-z0zv7h8bw4] {
    min-width: 0;
}

.popup_paypal_sidepanel[b-z0zv7h8bw4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.popup_paypal_order_card[b-z0zv7h8bw4],
.popup_paypal_controls_card[b-z0zv7h8bw4],
.popup_paypal_qr_card[b-z0zv7h8bw4] {
    padding: 14px;
}

.popup_paypal_card_label[b-z0zv7h8bw4] {
    margin-bottom: 0.45rem;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5f7caf;
}

.popup_paypal_order-number[b-z0zv7h8bw4] {
    font-size: 1rem;
    color: #183153;
}

.popup_paypal_amount[b-z0zv7h8bw4] {
    margin-top: 0.35rem;
    font-size: 1.95rem;
    font-weight: 800;
    color: #0070ba;
}

.popup_paypal_reference[b-z0zv7h8bw4] {
    margin-top: 0.45rem;
    font-size: 0.92rem;
    color: #36517a;
}

.popup_paypal_status_chip[b-z0zv7h8bw4] {
    margin-top: 0.9rem;
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: #e7eef8;
    color: #39557f;
    font-size: 0.9rem;
    font-weight: 700;
}

.popup_paypal_status_chip.is-active[b-z0zv7h8bw4] {
    background: #daf2ff;
    color: #00578f;
}

.popup_paypal_lastupdated[b-z0zv7h8bw4] {
    margin-top: 0.9rem;
    font-size: 0.92rem;
    color: #4b648f;
}

.popup_paypal_controls[b-z0zv7h8bw4] {
    display: grid;
    gap: 8px;
}

.popup_paypal_refresh-btn[b-z0zv7h8bw4],
.popup_paypal_prepare-btn[b-z0zv7h8bw4],
.popup_paypal_qr-toggle-btn[b-z0zv7h8bw4],
.popup_paypal_finish-btn[b-z0zv7h8bw4] {
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
}

.popup_paypal_refresh-btn[b-z0zv7h8bw4],
.popup_paypal_prepare-btn[b-z0zv7h8bw4],
.popup_paypal_qr-toggle-btn[b-z0zv7h8bw4] {
    width: 100%;
    padding: 10px 12px;
    color: #fff;
}

.popup_paypal_refresh-btn[b-z0zv7h8bw4] {
    background: linear-gradient(135deg, #0070ba 0%, #005c99 100%);
}

.popup_paypal_refresh-btn:hover[b-z0zv7h8bw4] {
    filter: brightness(1.05);
}

.popup_paypal_qr-toggle-btn[b-z0zv7h8bw4] {
    background: linear-gradient(135deg, #1e3a8a 0%, #005ea6 100%);
}

.popup_paypal_qr-toggle-btn:hover[b-z0zv7h8bw4] {
    filter: brightness(1.05);
}

.popup_paypal_prepare-btn[b-z0zv7h8bw4] {
    background: linear-gradient(135deg, #0f766e 0%, #0a5d57 100%);
}

.popup_paypal_prepare-btn:hover[b-z0zv7h8bw4] {
    filter: brightness(1.05);
}

.popup_paypal_qr_card[b-z0zv7h8bw4] {
    text-align: center;
}

.popup_paypal_qr_card-main[b-z0zv7h8bw4] {
    padding: 18px;
    min-height: 100%;
}

.popup_paypal_mode[b-z0zv7h8bw4] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0c2f78;
}

.popup_paypal_hint[b-z0zv7h8bw4] {
    margin-top: 0.5rem;
    font-size: 0.88rem;
    line-height: 1.35;
    color: #587099;
}

.popup_paypal_qr[b-z0zv7h8bw4] {
    display: block;
    width: min(100%, 190px);
    margin: 0.85rem auto 0;
    border-radius: 14px;
    background: #fff;
    padding: 10px;
    border: 1px solid rgba(0, 48, 135, 0.12);
}

.popup_paypal_qr-main[b-z0zv7h8bw4] {
    width: min(100%, 360px);
}

.popup_paypal_qr-placeholder[b-z0zv7h8bw4] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    margin-top: 0.85rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #edf2f9 0%, #dfe8f5 100%);
    color: #577096;
    font-size: 0.96rem;
    font-weight: 600;
}

.popup_paypal_qr-placeholder-main[b-z0zv7h8bw4] {
    min-height: 360px;
}

.popup_paypal_footer[b-z0zv7h8bw4] {
    padding: 16px 20px;
    display: flex;
    justify-content: flex-end;
    background: linear-gradient(135deg, #003087 0%, #005ea6 100%);
}

.popup_paypal_finish-btn[b-z0zv7h8bw4] {
    padding: 12px 22px;
    color: #003087;
    background: #fff;
}

.popup_paypal_finish-btn:hover[b-z0zv7h8bw4] {
    background: #edf4ff;
}

@media (max-width: 860px) {
    .popup_paypal_inner[b-z0zv7h8bw4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Popup_SumUp.razor.rz.scp.css */
.popup_sumup_container[b-1r0nj0x6mm] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(24, 11, 12, 0.58);
    z-index: var(--z-popup-backdrop, 20000);
}

.popup_sumup_container.popup_sumup_visible[b-1r0nj0x6mm] {
    display: flex;
}

.popup_sumup_dialog[b-1r0nj0x6mm] {
    position: relative;
    width: min(1120px, 94vw);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
    border: 1px solid rgba(47, 99, 148, 0.12);
    box-shadow: 0 28px 60px rgba(31, 7, 7, 0.3);
}

.popup_sumup_busyOverlay[b-1r0nj0x6mm] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(32, 50, 76, 0.28);
    backdrop-filter: blur(4px);
}

.popup_sumup_busyCard[b-1r0nj0x6mm] {
    width: min(360px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
    padding: 1.35rem 1.25rem;
    border-radius: 20px;
    border: 1px solid rgba(47, 99, 148, 0.16);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 38px rgba(31, 7, 7, 0.18);
    text-align: center;
}

.popup_sumup_busySpinner[b-1r0nj0x6mm] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    border: 4px solid rgba(37, 99, 235, 0.18);
    border-top-color: #2563eb;
    animation: popup-sumup-spin-b-1r0nj0x6mm 0.8s linear infinite;
}

.popup_sumup_busyTitle[b-1r0nj0x6mm] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #15314d;
}

.popup_sumup_busyText[b-1r0nj0x6mm] {
    font-size: 0.92rem;
    line-height: 1.45;
    color: #556579;
}

.popup_sumup_header[b-1r0nj0x6mm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 18px 22px;
    background: linear-gradient(135deg, #6b0f1a 0%, #c62828 100%);
}

.popup_sumup_eyebrow[b-1r0nj0x6mm] {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.76);
}

.popup_sumup_title[b-1r0nj0x6mm] {
    margin: 0.15rem 0 0;
    font-size: 1.7rem;
    color: #fff;
}

.popup_sumup_close[b-1r0nj0x6mm] {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.8rem;
    cursor: pointer;
}

.popup_sumup_close:hover[b-1r0nj0x6mm] {
    background: rgba(255, 255, 255, 0.22);
}

.popup_sumup_inner[b-1r0nj0x6mm] {
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.55fr);
    gap: 18px;
    padding: 20px;
    overflow: auto;
}

.popup_sumup_sidepanel[b-1r0nj0x6mm],
.popup_sumup_grid_card[b-1r0nj0x6mm] {
    min-width: 0;
}

.popup_sumup_sidepanel[b-1r0nj0x6mm] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.popup_sumup_order_card[b-1r0nj0x6mm],
.popup_sumup_controls_card[b-1r0nj0x6mm],
.popup_sumup_grid_card[b-1r0nj0x6mm] {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(47, 99, 148, 0.1);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.popup_sumup_order_card[b-1r0nj0x6mm],
.popup_sumup_controls_card[b-1r0nj0x6mm] {
    padding: 16px;
}

.popup_sumup_card_label[b-1r0nj0x6mm] {
    margin-bottom: 0.45rem;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6a7a8f;
}

.popup_sumup_orderinfo_number[b-1r0nj0x6mm] {
    font-size: 1rem;
    color: #21384f;
}

.popup_sumup_orderinfo_amount[b-1r0nj0x6mm] {
    margin-top: 0.45rem;
    font-size: 2.2rem;
    font-weight: 800;
    color: #123b66;
}

.popup_sumup_tipHint[b-1r0nj0x6mm] {
    margin-top: 0.45rem;
    font-size: 0.92rem;
    font-weight: 600;
    color: #2f6b3f;
}

.popup_sumup_refresh_btn[b-1r0nj0x6mm],
.popup_sumup_btn-finish[b-1r0nj0x6mm] {
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
}

.popup_sumup_small_btn[b-1r0nj0x6mm] {
    font-size: 0.88rem;
    padding: 0.62rem 0.85rem;
}

.popup_sumup_refresh_btn[b-1r0nj0x6mm] {
    width: 100%;
    padding: 12px 14px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

.popup_sumup_refresh_btn:hover[b-1r0nj0x6mm] {
    filter: brightness(1.05);
}

.popup_sumup_refresh_btn:disabled[b-1r0nj0x6mm],
.popup_sumup_btn-finish:disabled[b-1r0nj0x6mm],
.popup_sumup_amountInput:disabled[b-1r0nj0x6mm] {
    opacity: 0.6;
    cursor: not-allowed;
}

.popup_sumup_terminal_hint[b-1r0nj0x6mm] {
    margin-top: 0.85rem;
    font-size: 0.95rem;
    line-height: 1.45;
    color: #556579;
}

.popup_sumup_statusBadge[b-1r0nj0x6mm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 0.9rem;
    border-radius: 999px;
    font-size: 0.92rem;
    font-weight: 800;
}

.popup_sumup_statusBadge.is-success[b-1r0nj0x6mm] {
    background: #dcfce7;
    color: #166534;
}

.popup_sumup_statusBadge.is-failed[b-1r0nj0x6mm] {
    background: #fee2e2;
    color: #991b1b;
}

.popup_sumup_statusBadge.is-pending[b-1r0nj0x6mm] {
    background: #fef3c7;
    color: #92400e;
}

.popup_sumup_statusMeta[b-1r0nj0x6mm] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.8rem;
    font-size: 0.92rem;
    color: #556579;
}

.popup_sumup_statusMeta strong[b-1r0nj0x6mm] {
    color: #21384f;
}

.popup_sumup_amountEditor[b-1r0nj0x6mm] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 1rem;
}

.popup_sumup_amountRow[b-1r0nj0x6mm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
}

.popup_sumup_amountLabel[b-1r0nj0x6mm] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #234463;
}

.popup_sumup_amountInput[b-1r0nj0x6mm] {
    width: 100%;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(47, 99, 148, 0.18);
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 700;
    color: #15314d;
    background: #fff;
}

.popup_sumup_amountButton[b-1r0nj0x6mm] {
    width: auto;
    white-space: nowrap;
}

.popup_sumup_grid_card[b-1r0nj0x6mm] {
    display: flex;
    flex-direction: column;
    min-height: 520px;
    padding: 16px;
}

.popup_sumup_section_header[b-1r0nj0x6mm] {
    margin-bottom: 12px;
}

.popup_sumup_section_title[b-1r0nj0x6mm] {
    font-size: 1rem;
    font-weight: 800;
    color: #15314d;
}

.popup_sumup_section_hint[b-1r0nj0x6mm] {
    font-size: 0.9rem;
    color: #6a7a8f;
}

.popup_sumup_transactionList[b-1r0nj0x6mm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding-right: 0.15rem;
    background: rgba(47, 99, 148, 0.08);
    border-radius: 14px;
    border: 1px solid rgba(47, 99, 148, 0.1);
}

.popup_sumup_transactionRow[b-1r0nj0x6mm],
.popup_sumup_emptyState[b-1r0nj0x6mm] {
    border-radius: 0;
    border: 0;
    background: #fff;
    box-shadow: none;
}

.popup_sumup_transactionRow[b-1r0nj0x6mm] {
    padding: 0.58rem 0.78rem;
}

.popup_sumup_transactionRow.is-current[b-1r0nj0x6mm] {
    position: relative;
    background: linear-gradient(90deg, #dcfce7 0%, #dbeafe 58%, #eff6ff 100%);
    outline: 1px solid rgba(37, 99, 235, 0.24);
    box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.12);
}

.popup_sumup_transactionRow.is-current[b-1r0nj0x6mm]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #14532d 0%, #166534 100%);
    border-radius: 0 4px 4px 0;
}

.popup_sumup_transactionRow.is-current .popup_sumup_transactionType[b-1r0nj0x6mm] {
    color: #0f3b66;
}

.popup_sumup_transactionRow.is-current .popup_sumup_transactionMeta[b-1r0nj0x6mm] {
    color: #39556f;
}

.popup_sumup_transactionMain[b-1r0nj0x6mm] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.popup_sumup_transactionTopline[b-1r0nj0x6mm],
.popup_sumup_transactionMeta[b-1r0nj0x6mm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.popup_sumup_transactionType[b-1r0nj0x6mm] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #15314d;
}

.popup_sumup_transactionStatus[b-1r0nj0x6mm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 800;
}

.popup_sumup_transactionStatus.is-success[b-1r0nj0x6mm] {
    background: #dcfce7;
    color: #166534;
}

.popup_sumup_transactionStatus.is-failed[b-1r0nj0x6mm] {
    background: #fee2e2;
    color: #991b1b;
}

.popup_sumup_transactionStatus.is-pending[b-1r0nj0x6mm] {
    background: #fef3c7;
    color: #92400e;
}

.popup_sumup_transactionMeta[b-1r0nj0x6mm] {
    font-size: 0.82rem;
    color: #556579;
}

.popup_sumup_emptyState[b-1r0nj0x6mm] {
    padding: 1.3rem 1.1rem;
}

.popup_sumup_emptyTitle[b-1r0nj0x6mm] {
    font-size: 1rem;
    font-weight: 800;
    color: #15314d;
}

.popup_sumup_emptyText[b-1r0nj0x6mm] {
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: #556579;
}

.popup_sumup_footer[b-1r0nj0x6mm] {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    background: linear-gradient(135deg, #6b0f1a 0%, #9f1d1d 100%);
}

.popup_sumup_footerHint[b-1r0nj0x6mm] {
    margin-right: auto;
    font-size: 0.84rem;
    font-weight: 600;
    color: rgba(255, 245, 214, 0.96);
}

.popup_sumup_btn-finish[b-1r0nj0x6mm] {
    padding: 12px 22px;
    color: #123b66;
    background: #fff;
}

.popup_sumup_btn-finish:hover[b-1r0nj0x6mm] {
    background: #eef4fb;
}

.popup_sumup_btn-warning[b-1r0nj0x6mm] {
    background: #fff4d6;
    color: #8a5a00;
}

.popup_sumup_btn-warning:hover[b-1r0nj0x6mm] {
    background: #ffeab0;
}

.popup_sumup_inlineActions[b-1r0nj0x6mm] {
    margin-top: 0.9rem;
}

.popup_sumup_statusButton[b-1r0nj0x6mm] {
    width: 100%;
}

@keyframes popup-sumup-spin-b-1r0nj0x6mm {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 860px) {
    .popup_sumup_inner[b-1r0nj0x6mm] {
        grid-template-columns: 1fr;
    }

    .popup_sumup_grid_card[b-1r0nj0x6mm] {
        min-height: 360px;
    }

    .popup_sumup_amountActions[b-1r0nj0x6mm] {
        grid-template-columns: 1fr;
    }

    .popup_sumup_amountRow[b-1r0nj0x6mm] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Register.razor.rz.scp.css */
.register-page[b-rf7nu02y2g] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 38%),
        radial-gradient(circle at 90% 85%, rgba(255, 196, 72, 0.20), transparent 45%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 55%, #1f2937 100%);
    color: #f8fafc;
}

.register-card[b-rf7nu02y2g] {
    width: min(860px, 96vw);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(1.2rem, 2vw, 2rem);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
}

.register-card h1[b-rf7nu02y2g] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.9rem, 3.2vw, 2.6rem);
    font-weight: 800;
}

.register-intro[b-rf7nu02y2g],
.register-card p[b-rf7nu02y2g] {
    margin: 0;
    line-height: 1.55;
    color: #dbeafe;
}

.register-form[b-rf7nu02y2g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.register-sectionTitle[b-rf7nu02y2g] {
    margin-top: 0.2rem;
    color: #fbbf24;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.register-grid[b-rf7nu02y2g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.register-field[b-rf7nu02y2g] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.register-labelRow[b-rf7nu02y2g] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.register-field-wide[b-rf7nu02y2g] {
    grid-column: 1 / -1;
}

.register-field span[b-rf7nu02y2g] {
    color: #dbeafe;
    font-weight: 700;
}

.register-field input[b-rf7nu02y2g] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.10);
    color: #f8fafc;
    padding: 0.75rem 0.9rem;
    outline: none;
}

.register-field input:focus[b-rf7nu02y2g] {
    border-color: #fbbf24;
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2);
}

.register-fieldHint[b-rf7nu02y2g] {
    font-size: 0.85rem;
    color: rgba(219, 234, 254, 0.88);
}

.register-fieldHint.is-valid[b-rf7nu02y2g] {
    color: #86efac;
}

.register-fieldHint.is-invalid[b-rf7nu02y2g] {
    color: #fca5a5;
}

.register-tagInfo[b-rf7nu02y2g] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.2);
    border: 1px solid rgba(251, 191, 36, 0.45);
    color: #fbbf24;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: help;
}

.register-tagTooltip[b-rf7nu02y2g] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.55rem);
    transform: translateX(-50%);
    width: min(260px, 70vw);
    padding: 0.7rem 0.8rem;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #e2e8f0;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    line-height: 1.45;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.register-tagInfo:hover .register-tagTooltip[b-rf7nu02y2g],
.register-tagInfo:focus .register-tagTooltip[b-rf7nu02y2g],
.register-tagInfo:focus-within .register-tagTooltip[b-rf7nu02y2g] {
    opacity: 1;
    transform: translateX(-50%) translateY(-2px);
}

.register-actions[b-rf7nu02y2g] {
    margin-top: 0.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.register-consentGroup[b-rf7nu02y2g] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.register-consent[b-rf7nu02y2g] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    color: #dbeafe;
    line-height: 1.5;
}

.register-consent input[b-rf7nu02y2g] {
    margin-top: 0.2rem;
    accent-color: #fbbf24;
}

.register-consent a[b-rf7nu02y2g] {
    color: #fbbf24;
    font-weight: 700;
}

.register-btn[b-rf7nu02y2g] {
    border-radius: 12px;
    padding: 0.78rem 1.1rem;
    cursor: pointer;
    font-weight: 800;
}

.register-btn-primary[b-rf7nu02y2g] {
    border: 0;
    background: #f59e0b;
    color: #111827;
}

.register-btn-secondary[b-rf7nu02y2g] {
    background: transparent;
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.register-status[b-rf7nu02y2g] {
    border-radius: 14px;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.register-status.is-success[b-rf7nu02y2g] {
    background: rgba(22, 163, 74, 0.14);
    color: #dcfce7;
}

.register-status.is-warning[b-rf7nu02y2g] {
    background: rgba(245, 158, 11, 0.12);
    color: #fde68a;
}

@media (max-width: 720px) {
    .register-page[b-rf7nu02y2g] {
        padding: 1rem;
    }

    .register-grid[b-rf7nu02y2g] {
        grid-template-columns: 1fr;
    }

    .register-field-wide[b-rf7nu02y2g] {
        grid-column: auto;
    }
}
/* /Pages/Settings.razor.rz.scp.css */
[b-w5q6dc5gvo] .tabs-icon{
    width: 1rem;
    height: 1rem;
    opacity: 0.8;
}

/* aktive Tab-Unterstreichung schwarz */
[b-w5q6dc5gvo] .settings-tabs .dxbl-tabs-tablist .dxbl-tabs-item.dxbl-active::after {
    background-color: #000 !important;
}

/* optional: Text/Icon der aktiven Tabs schwarz */
[b-w5q6dc5gvo] .settings-tabs .dxbl-tabs-item{
    color: #000 !important;
}


.settindyBody[b-w5q6dc5gvo] {
    padding: 10px;
}

.settings_TabHeader[b-w5q6dc5gvo] {
    position: relative;
}

.settings_Guide[b-w5q6dc5gvo] {
    position: absolute;
    top: 0.35rem;
    right: 0.55rem;
    z-index: 3;
}

.settings_GuideBtn[b-w5q6dc5gvo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    border: 0;
    border-radius: 16px;
    background: #fef3c7;
    color: #92400e;
    box-shadow: inset 0 0 0 1px #f59e0b;
}

.settings_GuidePopover[b-w5q6dc5gvo] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    width: min(320px, calc(100vw - 2rem));
    padding: 0.8rem 0.9rem;
    border: 1px solid #fcd34d;
    border-radius: 14px;
    background: #fffbeb;
    color: #78350f;
    font-size: 0.88rem;
    line-height: 1.45;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.14);
}

[b-w5q6dc5gvo](.settings-tabs) {
    padding: 0.35rem 3.6rem 0 0.35rem;
    border-radius: 22px;
    border: 1px solid #d9dee3;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.settings_tabs[b-w5q6dc5gvo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    padding: 0.35rem 4.15rem 0.35rem 0.35rem;
    border-radius: 22px;
    border: 1px solid #d9dee3;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.settings_tabBtn[b-w5q6dc5gvo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 2.9rem;
    border: 0;
    border-radius: 16px;
    padding: 0.8rem 1rem;
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1;
    color: #334155;
    background: transparent;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.settings_tabBtn .tabs-icon[b-w5q6dc5gvo] {
    width: 1rem;
    height: 1rem;
    opacity: 0.8;
}

.settings_tabBtn:hover[b-w5q6dc5gvo] {
    background: rgba(148, 163, 184, 0.12);
    color: #0f172a;
}

.settings_tabBtn.is-active[b-w5q6dc5gvo] {
    background: #0f172a;
    color: #f8fafc;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
}

/* auskommentiert 07.02.2026

    .dropDown_settings {
    min-width: 500px;
    font-size: 2em;
}

.printerModeSelect {
    min-width: 500px;
    font-weight: bold;
}

.NumberOfPrints {
    margin-top: 15px;
    font-size: 2em;
}

.SettingsInput {
    text-align: center;
    font-weight: bold;
}
*/




.settings_technicalBody[b-w5q6dc5gvo] {
    margin-top: 10px;
}

.settings_technicalPanel[b-w5q6dc5gvo] {
    margin-top: 10px;
}

.settings_technicalCard[b-w5q6dc5gvo] {
    max-width: 760px;
    padding: 24px 26px;
    border: 1px solid #d7e1ef;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.45), transparent 30%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 62%, #1f2937 100%);
    color: #f8fafc;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}

.settings_placeholderCard[b-w5q6dc5gvo] {
    max-width: 760px;
    margin-top: 10px;
    padding: 24px 26px;
    border: 1px solid #d7e1ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #fffefb 0%, #f8fafc 100%);
    color: #0f172a;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.settings_placeholderEyebrow[b-w5q6dc5gvo] {
    margin-bottom: 6px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #2563eb;
}

.settings_placeholderCard h3[b-w5q6dc5gvo] {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 800;
    color: #0f172a;
}

.settings_placeholderCard p[b-w5q6dc5gvo] {
    margin: 0.7rem 0 0;
    color: #64748b;
    line-height: 1.6;
}

.settings_technicalEyebrow[b-w5q6dc5gvo] {
    margin-bottom: 6px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(253, 224, 71, 0.95);
}

.settings_technicalTitle[b-w5q6dc5gvo] {
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1.1;
}

.settings_technicalText[b-w5q6dc5gvo] {
    max-width: 42rem;
    margin: 12px 0 0;
    line-height: 1.55;
    color: rgba(226, 232, 240, 0.92);
}

.settings_technicalLinkBtn[b-w5q6dc5gvo] {
    margin-top: 16px;
    border: 0;
    border-radius: 12px;
    padding: 12px 18px;
    font-weight: 700;
    background: #f8fafc;
    color: #0f172a;
}

.settings_technicalMetaRow[b-w5q6dc5gvo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.settings_technicalMetaBadge[b-w5q6dc5gvo] {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.14);
    border: 1px solid rgba(226, 232, 240, 0.16);
    color: #e2e8f0;
    font-size: 0.84rem;
    font-weight: 700;
}

.settings_technicalEmptyState[b-w5q6dc5gvo] {
    padding: 1.25rem;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #64748b;
}

.settings_logList[b-w5q6dc5gvo] {
    display: grid;
    gap: 0.85rem;
}

.settings_logCard[b-w5q6dc5gvo] {
    padding: 1rem 1.1rem;
    border-radius: 18px;
    border: 1px solid #d7e1ef;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

.settings_logCard.is-info[b-w5q6dc5gvo] {
    border-left: 5px solid #2563eb;
}

.settings_logCard.is-warning[b-w5q6dc5gvo] {
    border-left: 5px solid #d97706;
}

.settings_logCard.is-error[b-w5q6dc5gvo] {
    border-left: 5px solid #dc2626;
}

.settings_logCard.is-debug[b-w5q6dc5gvo] {
    border-left: 5px solid #475569;
}

.settings_logCardHeader[b-w5q6dc5gvo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.settings_logLevel[b-w5q6dc5gvo] {
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #475569;
}

.settings_logMessage[b-w5q6dc5gvo] {
    margin-top: 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.settings_logTimestamp[b-w5q6dc5gvo] {
    white-space: nowrap;
    color: #64748b;
    font-size: 0.86rem;
}

.settings_logMeta[b-w5q6dc5gvo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.8rem;
    color: #64748b;
    font-size: 0.86rem;
}

.settings_logPager[b-w5q6dc5gvo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
}

.settings_logPagerBtn[b-w5q6dc5gvo] {
    border: 0;
    border-radius: 12px;
    padding: 0.7rem 1rem;
    font-weight: 700;
    background: #e2e8f0;
    color: #334155;
}

.settings_logPagerBtn:disabled[b-w5q6dc5gvo] {
    opacity: 0.5;
}

.settings_logPagerInfo[b-w5q6dc5gvo] {
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
}

@media (max-width: 760px) {
    .settings_logCardHeader[b-w5q6dc5gvo] {
        flex-direction: column;
    }

    .settings_logTimestamp[b-w5q6dc5gvo] {
        white-space: normal;
    }

    .settings_logPager[b-w5q6dc5gvo] {
        flex-direction: column;
        align-items: stretch;
    }
}

.settings_paymentmethodsbody[b-w5q6dc5gvo] {
    margin-top: 10px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.settings_paymentmethod_treeView[b-w5q6dc5gvo] {
    border-right: 2px solid lightgrey;
    padding-right: 20px;
}

.settings_paymentmethod_configArea[b-w5q6dc5gvo] {
    padding-left: 20px;
    flex: 1;
}


.settings_paymentsnbodyHeader[b-w5q6dc5gvo] {
    font-size: 2em;
    font-weight: bold;
    border-bottom: 2px solid lightgrey;
    margin-bottom: 10px;
}

.settings_paymentsnbodybar[b-w5q6dc5gvo] {
}

.settings_paymentsnbodypaypal[b-w5q6dc5gvo] {
}

.settings_paymentsnbodySumUp[b-w5q6dc5gvo] {
}

.settings_paymentsbodySaveButton[b-w5q6dc5gvo] {
    margin-top: 10px;
}

.settings_paymentMethods[b-w5q6dc5gvo] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_paymentHero[b-w5q6dc5gvo] {
    padding: 24px 26px;
    border: 1px solid #d7e1ef;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.4), transparent 30%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 62%, #1f2937 100%);
    color: #f8fafc;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}

.settings_paymentEyebrow[b-w5q6dc5gvo] {
    margin-bottom: 6px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(253, 224, 71, 0.95);
}

.settings_paymentTitle[b-w5q6dc5gvo] {
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1.1;
}

.settings_paymentText[b-w5q6dc5gvo] {
    max-width: 46rem;
    margin-top: 12px;
    line-height: 1.55;
    color: rgba(226, 232, 240, 0.92);
}

.settings_paymentSelector[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.settings_paymentSelectorBtn[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 16px 18px;
    border: 1px solid #d7e1ef;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    text-align: left;
    color: #0f172a;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.settings_paymentSelectorBtn.is-active[b-w5q6dc5gvo] {
    border-color: #1d4ed8;
    background: linear-gradient(180deg, #dbeafe 0%, #eff6ff 100%);
    box-shadow: 0 16px 32px rgba(29, 78, 216, 0.12);
}

.settings_paymentSelectorTitle[b-w5q6dc5gvo] {
    font-size: 1rem;
    font-weight: 800;
}

.settings_paymentSelectorState[b-w5q6dc5gvo] {
    font-size: 0.84rem;
    color: #64748b;
}

.settings_paymentPanel[b-w5q6dc5gvo] {
    min-width: 0;
}

.settings_paymentCard[b-w5q6dc5gvo] {
    padding: 22px 24px;
    border: 1px solid #d7e1ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

.settings_paymentCard-wide[b-w5q6dc5gvo] {
    padding-bottom: 14px;
}

.settings_paymentCardHeader[b-w5q6dc5gvo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.settings_paymentCardActions[b-w5q6dc5gvo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.settings_paymentCardActions .settings_managementLimit[b-w5q6dc5gvo],
.settings_paymentCardActions .settings_paymentSaveBtn[b-w5q6dc5gvo] {
    min-height: 2.5rem;
}

.settings_paymentCardActions .settings_paymentSaveBtn[b-w5q6dc5gvo] {
    margin-top: 0;
    padding: 0.55rem 0.95rem;
}

.settings_paymentCardTitle[b-w5q6dc5gvo] {
    font-size: 1.45rem;
    font-weight: 800;
    color: #0f172a;
}

.settings_paymentCardText[b-w5q6dc5gvo] {
    margin-top: 6px;
    color: #64748b;
    line-height: 1.5;
}

.settings_paymentStatus[b-w5q6dc5gvo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

.settings_paymentStatus.is-active[b-w5q6dc5gvo] {
    background: #dcfce7;
    color: #166534;
}

.settings_paymentStatus.is-inactive[b-w5q6dc5gvo] {
    background: #e2e8f0;
    color: #475569;
}

.settings_paymentFieldList[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.settings_paymentCheckRow[b-w5q6dc5gvo] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #334155;
}

.settings_paymentCheckbox[b-w5q6dc5gvo] {
    width: 1rem;
    height: 1rem;
}

.settings_paymentField[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.settings_paymentField label[b-w5q6dc5gvo] {
    font-weight: 700;
    color: #334155;
}

.settings_paymentInput[b-w5q6dc5gvo] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 0.78rem 0.9rem;
    background: #fff;
    color: #0f172a;
}

.settings_paymentInput:disabled[b-w5q6dc5gvo] {
    border-color: #d5dde8;
    background: #eef2f7;
    color: #64748b;
    cursor: not-allowed;
}

.settings_paymentSaveBtn[b-w5q6dc5gvo] {
    margin-top: 16px;
    border: 0;
    border-radius: 12px;
    padding: 0.8rem 1rem;
    font-weight: 700;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: #fff;
}

.settings_sumUpGrid[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.settings_sumUpSection[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid #dbe3ea;
    border-radius: 16px;
    background: #fff;
}

.settings_sumUpSectionTitle[b-w5q6dc5gvo] {
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #475569;
}

.settings_sumUpButtonRow[b-w5q6dc5gvo] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.settings_sumUpButtonRow-end[b-w5q6dc5gvo] {
    margin-top: auto;
    justify-content: flex-end;
}

.settings_sumUpActionBtn[b-w5q6dc5gvo] {
    margin-top: 0;
}

.settings_sumUpActionBtn.is-secondary[b-w5q6dc5gvo] {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

.settings_sumUpReaderList[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.settings_sumUpReaderToolbar[b-w5q6dc5gvo] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.45rem;
}

.settings_sumUpReaderHeader[b-w5q6dc5gvo],
.settings_sumUpReaderRow[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: minmax(140px, 0.72fr) minmax(220px, 1.2fr) minmax(180px, 1fr) 100px 122px 82px;
    gap: 0.9rem;
    align-items: center;
}

.settings_sumUpReaderHeader[b-w5q6dc5gvo] {
    padding: 0.15rem 0.2rem 0.45rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3ea;
}

.settings_sumUpReaderRow[b-w5q6dc5gvo] {
    padding: 0.48rem 0.2rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.settings_sumUpReaderMain[b-w5q6dc5gvo],
.settings_sumUpDevice[b-w5q6dc5gvo],
.settings_sumUpValue[b-w5q6dc5gvo] {
    min-width: 0;
}

.settings_sumUpValue[b-w5q6dc5gvo] {
    font-size: 0.84rem;
    color: #334155;
    overflow-wrap: anywhere;
}

.settings_sumUpValue-right[b-w5q6dc5gvo] {
    text-align: left;
}

.settings_sumUpMeta[b-w5q6dc5gvo] {
    margin-top: 0.08rem;
    font-size: 0.75rem;
    color: #64748b;
}

.settings_sumUpFooter[b-w5q6dc5gvo] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.8rem;
}

.settings_sumUpReaderActions[b-w5q6dc5gvo] {
    display: flex;
    justify-content: flex-end;
    padding-right: 0.45rem;
}

.settings_costLocationList[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.settings_costLocationHeader[b-w5q6dc5gvo],
.settings_costLocationRow[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) 110px 110px 110px 92px;
    gap: 0.75rem;
    align-items: center;
}

.settings_costLocationHeader[b-w5q6dc5gvo] {
    padding: 0.15rem 0.2rem 0.45rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3ea;
}

.settings_costLocationRow[b-w5q6dc5gvo] {
    padding: 0.68rem 0.2rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.settings_costLocationName[b-w5q6dc5gvo] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
}

.settings_costLocationColumn[b-w5q6dc5gvo] {
    min-width: 0;
}

.settings_costLocationLabel[b-w5q6dc5gvo] {
    display: none;
    margin-bottom: 0.18rem;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.settings_costLocationValue[b-w5q6dc5gvo] {
    font-size: 0.84rem;
    color: #334155;
    text-align: right;
}

.settings_costLocationActions[b-w5q6dc5gvo] {
    display: flex;
    justify-content: center;
    gap: 0.35rem;
}

.settings_costLocationIconBtn[b-w5q6dc5gvo] {
    width: 1.9rem;
    height: 1.9rem;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
}

.settings_costLocationIconBtn.is-danger[b-w5q6dc5gvo] {
    background: #fee2e2;
    color: #b91c1c;
}

.settings_costLocationEmpty[b-w5q6dc5gvo] {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
}

.settings_costLocationOverlay[b-w5q6dc5gvo] {
    position: fixed;
    inset: 0;
    z-index: var(--z-popup-backdrop, 20000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
}

.settings_costLocationDialog[b-w5q6dc5gvo],
.settings_costLocationConfirmDialog[b-w5q6dc5gvo] {
    width: min(760px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
}

.settings_costLocationConfirmDialog[b-w5q6dc5gvo] {
    width: min(420px, 100%);
    padding: 1.25rem;
}

.settings_costLocationDialogHeader[b-w5q6dc5gvo] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
}

.settings_costLocationDialogHeader h3[b-w5q6dc5gvo] {
    margin: 0;
    font-size: 1.25rem;
}

.settings_costLocationDialogEyebrow[b-w5q6dc5gvo] {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(191, 219, 254, 0.85);
    margin-bottom: 0.2rem;
}

.settings_costLocationCloseBtn[b-w5q6dc5gvo] {
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
}

.settings_costLocationForm[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.25rem;
}

.settings_costLocationFieldFull[b-w5q6dc5gvo] {
    grid-column: 1 / -1;
}

.settings_quickHintEditor .settings_paymentField[b-w5q6dc5gvo] {
    gap: 0.45rem;
}

.settings_quickHintEditor .settings_paymentField label[b-w5q6dc5gvo],
.settings_quickHintEditor .settings_paymentCheckRow > span[b-w5q6dc5gvo] {
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #475569;
}

[b-w5q6dc5gvo](.settings_quickHintEditor .settings_quickHintInput) {
    border-radius: 18px;
    padding: 0.92rem 1rem;
    border-color: #d7e1ef;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    color: #0f172a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

[b-w5q6dc5gvo](.settings_quickHintEditor .settings_quickHintInput:focus) {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.settings_quickHintEditor .settings_paymentCheckRow[b-w5q6dc5gvo] {
    gap: 0.8rem;
    min-height: 52px;
    padding: 0.2rem 0;
}

[b-w5q6dc5gvo](.settings_quickHintEditor .settings_quickHintCheckbox) {
    width: 1.45rem;
    height: 1.45rem;
    accent-color: #2563eb;
    transform: scale(1.15);
    transform-origin: center;
}

.settings_costLocationDialogFooter[b-w5q6dc5gvo] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1.25rem 1.25rem;
}

.settings_costLocationDialogFooter .settings_paymentSaveBtn[b-w5q6dc5gvo],
.settings_costLocationDialogFooter .settings_costLocationSecondaryBtn[b-w5q6dc5gvo],
.settings_costLocationDialogFooter .settings_costLocationDangerBtn[b-w5q6dc5gvo] {
    margin-top: 0;
    min-width: 128px;
    min-height: 44px;
    padding: 0.8rem 1rem;
}

.settings_costLocationSecondaryBtn[b-w5q6dc5gvo],
.settings_costLocationDangerBtn[b-w5q6dc5gvo] {
    border: 0;
    border-radius: 12px;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.settings_costLocationSecondaryBtn[b-w5q6dc5gvo] {
    background: #e2e8f0;
    color: #334155;
    min-width: 128px;
    min-height: 44px;
}

.settings_costLocationDangerBtn[b-w5q6dc5gvo] {
    background: #dc2626;
    color: #fff;
}

.settings_managementCard[b-w5q6dc5gvo] {
    padding: 22px 24px;
    border: 1px solid #d7e1ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

.settings_managementSection[b-w5q6dc5gvo] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings_managementHero[b-w5q6dc5gvo] {
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}

.settings_managementHeader[b-w5q6dc5gvo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.settings_managementActions[b-w5q6dc5gvo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.settings_managementActions .settings_paymentSaveBtn[b-w5q6dc5gvo] {
    margin-top: 0;
    min-height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.settings_managementLimit[b-w5q6dc5gvo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: 0.8rem 0.95rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    border: 1px solid transparent;
}

.settings_managementLimit.is-limit-available[b-w5q6dc5gvo] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.settings_managementLimit.is-limit-reached[b-w5q6dc5gvo] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.settings_managementTitle[b-w5q6dc5gvo] {
    font-size: 1.45rem;
    font-weight: 800;
    color: #0f172a;
}

.settings_managementText[b-w5q6dc5gvo] {
    margin-top: 6px;
    color: #64748b;
    line-height: 1.5;
}

.settings_tableList[b-w5q6dc5gvo],
.settings_userList[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.settings_tableHeader[b-w5q6dc5gvo],
.settings_tableRow[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) 120px 120px 92px;
    gap: 0.75rem;
    align-items: center;
}

.settings_tableHeader[b-w5q6dc5gvo] {
    padding: 0.15rem 0.2rem 0.45rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3ea;
}

.settings_tableRow[b-w5q6dc5gvo] {
    padding: 0.68rem 0.2rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.settings_tableName[b-w5q6dc5gvo],
.settings_userName[b-w5q6dc5gvo] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
}

.settings_tableLabel[b-w5q6dc5gvo] {
    display: none;
    margin-bottom: 0.18rem;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.settings_tableValue[b-w5q6dc5gvo] {
    font-size: 0.84rem;
    color: #334155;
    text-align: right;
}

.settings_tableActions[b-w5q6dc5gvo],
.settings_userActions[b-w5q6dc5gvo] {
    display: flex;
    justify-content: center;
    gap: 0.35rem;
}

.settings_userRow[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: minmax(240px, 1.2fr) 120px 132px;
    gap: 0.75rem;
    align-items: center;
    padding: 0.68rem 0.8rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
}

.settings_userMeta[b-w5q6dc5gvo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.3rem;
}

.settings_userBadge[b-w5q6dc5gvo] {
    display: inline-flex;
    align-items: center;
    padding: 0.24rem 0.56rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f4c81;
    font-size: 0.78rem;
    font-weight: 700;
}

.settings_userBadge.is-admin[b-w5q6dc5gvo] {
    background: #fef3c7;
    color: #92400e;
}

.settings_userToken[b-w5q6dc5gvo] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #64748b;
    text-align: center;
}

.settings_userDialog[b-w5q6dc5gvo] {
    width: min(860px, 100%);
    height: min(820px, calc(100vh - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.28);
}

.settings_userEditorTabs[b-w5q6dc5gvo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.85rem 1.25rem 0;
    margin-top: 0.15rem;
}

.settings_userEditorTab[b-w5q6dc5gvo] {
    border: 1px solid #d7e1ef;
    border-radius: 999px;
    padding: 0.55rem 0.9rem;
    background: #fff;
    color: #334155;
    font-weight: 700;
}

.settings_userEditorTab.is-active[b-w5q6dc5gvo] {
    border-color: #1d4e89;
    background: #e0f2fe;
    color: #0f4c81;
    box-shadow: inset 0 0 0 1px rgba(29, 78, 137, 0.08);
}

.settings_userForm[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.25rem;
    align-content: start;
}

.settings_userDialog[b-w5q6dc5gvo]  form.settings_userEditForm {
    display: flex;
    flex: 1;
    min-height: 0;
    height: 100%;
    flex-direction: column;
}

.settings_userDialog[b-w5q6dc5gvo]  form.settings_userEditForm .settings_userForm {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.settings_userDialogFooter[b-w5q6dc5gvo] {
    flex-shrink: 0;
    padding-top: 0.4rem;
    padding-bottom: 1.1rem;
    margin-top: auto;
    border-top: 1px solid #dbe3ea;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #f8fafc 28%);
}

.settings_userConfigSection[b-w5q6dc5gvo] {
    padding: 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.settings_userConfigHeader h4[b-w5q6dc5gvo] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.settings_userConfigHeader p[b-w5q6dc5gvo] {
    margin: 0.35rem 0 0;
    color: #64748b;
    line-height: 1.5;
}

.settings_userConfigDivider[b-w5q6dc5gvo] {
    height: 2px;
    margin: 0.9rem 0 0.85rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #cbd5e1 0%, #bfdbfe 45%, #e2e8f0 100%);
}

.settings_userConfigGrid[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.settings_userSelectionBlock[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.settings_userSubsection[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 16px;
    background: #fff;
}

.settings_userSubsectionTitle[b-w5q6dc5gvo] {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #475569;
}

.settings_userRightsGrid[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem 1rem;
}

.settings_userSelectionTitle[b-w5q6dc5gvo] {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #475569;
}

.settings_userConfigSection .settings_paymentField > label[b-w5q6dc5gvo] {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #475569;
}

.settings_userConfigSection .settings_paymentCheckRow > span[b-w5q6dc5gvo] {
    line-height: 1.35;
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
    color: #334155;
}

.settings_userDialog[b-w5q6dc5gvo] (.settings_paymentInput),
.settings_userDialog .settings_userTokenInput[b-w5q6dc5gvo] {
    border-radius: 18px;
    padding: 0.92rem 1rem;
    border-color: #d7e1ef;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

.settings_userDialog[b-w5q6dc5gvo] (.settings_paymentInput:focus),
.settings_userDialog .settings_userTokenInput:focus[b-w5q6dc5gvo],
.settings_userSelectionItem input:focus[b-w5q6dc5gvo] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.settings_userSelectionList[b-w5q6dc5gvo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.settings_userSelectionItem[b-w5q6dc5gvo] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.8rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #fff;
    color: #0f172a;
    font-weight: 600;
}

.settings_userSelectionItem input[b-w5q6dc5gvo] {
    width: 1.45rem;
    height: 1.45rem;
    accent-color: #2563eb;
    transform: scale(1.15);
    transform-origin: center;
    flex: 0 0 auto;
}

.settings_userDialog[b-w5q6dc5gvo] (.settings_userLargeCheckbox) {
    width: 1.45rem;
    height: 1.45rem;
    accent-color: #2563eb;
    transform: scale(1.15);
    transform-origin: center;
}

.settings_userDialog .settings_paymentCheckRow[b-w5q6dc5gvo] {
    gap: 0.7rem;
    min-height: 0;
}

.settings_userConfigHint[b-w5q6dc5gvo] {
    padding: 0.85rem 0.95rem;
    border-radius: 14px;
    background: #fffbeb;
    color: #92400e;
    font-weight: 600;
}

.settings_userTokenInput[b-w5q6dc5gvo] {
    min-height: 120px;
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 0.78rem 0.9rem;
    background: #fff;
    color: #0f172a;
    resize: vertical;
}

.settings_passwordField[b-w5q6dc5gvo] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.settings_passwordInput[b-w5q6dc5gvo] {
    width: 100%;
    padding-right: 2.45rem;
}

.settings_passwordToggle[b-w5q6dc5gvo] {
    position: absolute;
    top: 50%;
    right: 0.38rem;
    transform: translateY(-50%);
    border: 0;
    background: #e2e8f0;
    color: #1d4e89;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.settings_passwordToggle:hover[b-w5q6dc5gvo],
.settings_passwordToggle:focus[b-w5q6dc5gvo],
.settings_passwordToggle:active[b-w5q6dc5gvo] {
    background: #cbd5e1;
    color: #0f4c81;
    outline: none;
    box-shadow: none;
}

.settings_passwordToggle .oi[b-w5q6dc5gvo] {
    color: inherit;
}

.settings_userActionRow[b-w5q6dc5gvo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (max-width: 1100px) {
    .settings_paymentSelector[b-w5q6dc5gvo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    [b-w5q6dc5gvo](.settings-tabs) {
        padding-right: 3.2rem;
    }

    .settings_tabs[b-w5q6dc5gvo] {
        padding-right: 3.75rem;
    }

    .settings_paymentHero[b-w5q6dc5gvo],
    .settings_paymentCard[b-w5q6dc5gvo] {
        padding: 18px 18px;
        border-radius: 16px;
    }

    .settings_paymentSelector[b-w5q6dc5gvo] {
        grid-template-columns: 1fr;
    }

    .settings_paymentCardHeader[b-w5q6dc5gvo] {
        flex-direction: column;
        align-items: flex-start;
    }

    .settings_sumUpGrid[b-w5q6dc5gvo] {
        grid-template-columns: 1fr;
    }

    .settings_sumUpReaderHeader[b-w5q6dc5gvo] {
        display: none;
    }

    .settings_sumUpReaderToolbar[b-w5q6dc5gvo],
    .settings_sumUpButtonRow-end[b-w5q6dc5gvo],
    .settings_sumUpFooter[b-w5q6dc5gvo] {
        justify-content: stretch;
    }

    .settings_sumUpReaderRow[b-w5q6dc5gvo] {
        grid-template-columns: 1fr;
        gap: 0.45rem;
        padding: 0.5rem 0.65rem;
    }

    .settings_sumUpValue-right[b-w5q6dc5gvo] {
        text-align: left;
    }

    .settings_costLocationHeader[b-w5q6dc5gvo] {
        display: none;
    }

    .settings_costLocationRow[b-w5q6dc5gvo] {
        grid-template-columns: 1fr auto;
        gap: 0.35rem 0.75rem;
        padding: 0.6rem 0.65rem;
    }

    .settings_costLocationMain[b-w5q6dc5gvo] {
        min-width: 0;
    }

    .settings_costLocationColumn[b-w5q6dc5gvo] {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.6rem;
    }

    .settings_costLocationLabel[b-w5q6dc5gvo] {
        display: block;
        margin-bottom: 0;
    }

    .settings_costLocationActions[b-w5q6dc5gvo] {
        justify-content: flex-end;
    }

    .settings_costLocationForm[b-w5q6dc5gvo] {
        grid-template-columns: 1fr;
    }

    .settings_costLocationDialogFooter[b-w5q6dc5gvo] {
        flex-direction: column-reverse;
    }

    .settings_managementHeader[b-w5q6dc5gvo] {
        flex-direction: column;
        align-items: flex-start;
    }

    .settings_tableHeader[b-w5q6dc5gvo] {
        display: none;
    }

    .settings_tableRow[b-w5q6dc5gvo],
    .settings_userRow[b-w5q6dc5gvo] {
        grid-template-columns: 1fr auto;
        gap: 0.35rem 0.75rem;
        padding: 0.6rem 0.65rem;
    }

    .settings_tableColumn[b-w5q6dc5gvo],
    .settings_userToken[b-w5q6dc5gvo] {
        grid-column: 1 / -1;
    }

    .settings_tableColumn[b-w5q6dc5gvo] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.6rem;
    }

    .settings_tableLabel[b-w5q6dc5gvo] {
        display: block;
        margin-bottom: 0;
    }

    .settings_tableActions[b-w5q6dc5gvo],
    .settings_userActions[b-w5q6dc5gvo] {
        justify-content: flex-end;
    }

    .settings_userForm[b-w5q6dc5gvo] {
        grid-template-columns: 1fr;
    }

    .settings_userConfigGrid[b-w5q6dc5gvo],
    .settings_userSelectionList[b-w5q6dc5gvo],
    .settings_userRightsGrid[b-w5q6dc5gvo] {
        grid-template-columns: 1fr;
    }
}

.settings_surveys[b-w5q6dc5gvo] {
    padding: 10px;
}

.settings_surveys_toolbar[b-w5q6dc5gvo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.settings_surveys_selected[b-w5q6dc5gvo] {
    margin-left: auto;
    color: #1f3e69;
}

.settings_surveys_layout[b-w5q6dc5gvo] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.settings_surveys_groups[b-w5q6dc5gvo],
.settings_surveys_slots[b-w5q6dc5gvo],
.settings_surveys_elements[b-w5q6dc5gvo] {
    min-width: 0;
    padding: 10px;
    border: 1px solid #d7e1ef;
    border-radius: 10px;
    background-color: #fff;
}

.settings_survey_assignments[b-w5q6dc5gvo] {
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid #d7e1ef;
}

.settings_survey_assignments_sub[b-w5q6dc5gvo] {
    margin-bottom: 8px;
}

.settings_survey_assignment_add[b-w5q6dc5gvo] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.settings_assignment_input[b-w5q6dc5gvo] {
    min-width: 320px;
    max-width: 100%;
    border: 1px solid #c8d5eb;
    border-radius: 6px;
    padding: 6px 10px;
}

.settings_assignment_list[b-w5q6dc5gvo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.settings_assignment_item[b-w5q6dc5gvo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border: 1px solid #d7e1ef;
    border-radius: 8px;
    background-color: #f8fbff;
}



.settings_surveys_NoRights[b-w5q6dc5gvo] {
    color: red;
    text-align: center;
    font-size: 1.2em;
    background-color: lightyellow;
    padding: 5px;
    border-bottom: 1px solid orange;
}
/* /Pages/Speisekarte.razor.rz.scp.css */
.speissekarte_main[b-thckya8oze] {
    min-height: 100vh;
    padding: 1.2rem;
    box-sizing: border-box;
    background:
        linear-gradient(180deg, rgba(35, 43, 52, 0.72) 0%, rgba(70, 79, 91, 0.64) 100%),
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.14), transparent 34%),
        radial-gradient(circle at left center, rgba(255, 255, 255, 0.1), transparent 38%),
        #4f5965;
}

.speissekarte_MainContent[b-thckya8oze] {
    width: min(1380px, calc(100vw - 2.4rem));
    margin: 0 auto;
    box-sizing: border-box;
}

.speissekarte_LinkOrderList[b-thckya8oze] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
    padding-top: 0.2rem;
    padding-right: 0.15rem;
}

.speissekarte_LinkOrderList[b-thckya8oze]  .dxbl-btn {
    border: none !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%) !important;
    color: #f8fafc !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.28) !important;
    padding-inline: 1.15rem !important;
}

.speissekarte_LinkOrderList[b-thckya8oze]  .dxbl-btn:hover,
.speissekarte_LinkOrderList[b-thckya8oze]  .dxbl-btn:focus,
.speissekarte_LinkOrderList[b-thckya8oze]  .dxbl-btn:active {
    background: linear-gradient(135deg, #000000 0%, #111827 100%) !important;
    color: #ffffff !important;
}

.speissekarte_panels[b-thckya8oze] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.speissekarte_food[b-thckya8oze],
.speissekarte_drinks[b-thckya8oze],
.speissekarte_misc[b-thckya8oze] {
    background: rgba(248, 250, 252, 0.94);
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: 16px;
    padding: 0.9rem;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.22);
}

.speissekarte_food_MainHeaderText[b-thckya8oze],
.speissekarte_drink_MainHeaderText[b-thckya8oze] {
    font-size: clamp(1.5rem, 2.6vw, 2.2rem);
    font-weight: 900;
    color: #0f172a;
    margin: 0 0 0.65rem 0;
    text-align: center;
}

.speissekarte_foodGroup[b-thckya8oze],
.speissekarte_drinkGroup[b-thckya8oze] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-top: 0.75rem;
    overflow: hidden;
}

.speissekarte_foodGroup_HeaderText[b-thckya8oze],
.speissekarte_drinkGroup_HeaderText[b-thckya8oze] {
    font-weight: 800;
    font-size: 1.15rem;
    color: #0f172a;
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    text-align: center;
}

.speissekarte_foodElement[b-thckya8oze],
.speissekarte_drinkElement[b-thckya8oze] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.7rem;
    align-items: center;
    border-top: 1px solid #f1f5f9;
    padding: 0.5rem 0.75rem;
}

.speissekarte_foodElement_TextWrap[b-thckya8oze],
.speissekarte_drinkElement_TextWrapper[b-thckya8oze] {
    min-width: 0;
}

.speissekarte_foodElement_Text[b-thckya8oze],
.speissekarte_drinkElement_Text[b-thckya8oze] {
    font-size: 1.02rem;
    font-weight: 800;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.speissekarte_foodElement_Text2[b-thckya8oze],
.speissekarte_drinkElement_Text2[b-thckya8oze] {
    margin-top: 0.1rem;
    font-size: 0.92rem;
    color: #475569;
    overflow-wrap: anywhere;
}

.speissekarte_foodElement_Text_oos[b-thckya8oze] {
    font-size: 1.02rem;
    font-weight: 800;
    color: #64748b;
    text-decoration: line-through;
    text-decoration-color: #b91c1c;
    text-decoration-thickness: 2px;
}

.speissekarte_foodElement_Price[b-thckya8oze],
.speissekarte_drinkElement_Price[b-thckya8oze],
.speissekarte_drinkElement_Unit[b-thckya8oze] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    text-align: right;
}

.speissekarte_drinkElement_Unit[b-thckya8oze] {
    padding-right: 0.65rem;
}

.speissekarte_drinkElement_Price[b-thckya8oze] {
    border-left: 1px solid #cbd5e1;
    padding-left: 0.65rem;
}

.speissekarte_foodElement_Price_oos[b-thckya8oze] {
    font-size: 1rem;
    font-weight: 800;
    color: #64748b;
    white-space: nowrap;
    text-align: right;
    text-decoration: line-through;
    text-decoration-color: #b91c1c;
    text-decoration-thickness: 2px;
}

.speissekarte_drinkElement[b-thckya8oze] {
    grid-template-columns: 1fr auto auto;
}

.speissekarte_invalidTag[b-thckya8oze] {
    margin: 10vh auto;
    width: min(620px, 94vw);
    background: rgba(255, 255, 255, 0.94);
    color: #7f1d1d;
    border: 1px solid #fecaca;
    border-radius: 14px;
    padding: 1rem 1.2rem;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 980px) {
    .speissekarte_panels[b-thckya8oze] {
        grid-template-columns: 1fr;
    }

    .speissekarte_main[b-thckya8oze] {
        padding: 0.75rem;
    }

    .speissekarte_MainContent[b-thckya8oze] {
        width: min(1380px, calc(100vw - 1.5rem));
    }

    .speissekarte_food[b-thckya8oze],
    .speissekarte_drinks[b-thckya8oze],
    .speissekarte_misc[b-thckya8oze] {
        padding: 0.7rem;
    }
}
/* /Pages/Statistiken.razor.rz.scp.css */
.statistikPage[b-v44uuwqj81] {
    padding: 1.25rem;
    background: linear-gradient(180deg, #f3f5f7 0%, #e8edf1 100%);
    min-height: calc(100dvh - var(--app-topbar-height, 3.75rem));
}

.statistikToolbar[b-v44uuwqj81] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.statistikToolbarLeft[b-v44uuwqj81] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.statistikHeaderActions[b-v44uuwqj81] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.statistikHeaderBtn[b-v44uuwqj81],
.statistikActionBtn[b-v44uuwqj81] {
    border: none;
    background: #263238;
    color: #fff;
    padding: 0.6rem 0.9rem;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(38, 50, 56, 0.16);
}

.statistikActionBtn[b-v44uuwqj81],
.statistikSelectInput[b-v44uuwqj81] {
    width: 100%;
}

.statistikActionBtn.primary[b-v44uuwqj81] {
    background: #2e7d32;
}

.statistikActionBtn.secondary[b-v44uuwqj81] {
    background: #455a64;
}

.statistikActionBtn.danger[b-v44uuwqj81] {
    background: #b71c1c;
    margin-top: 0.65rem;
}

.statistikFilterInfo[b-v44uuwqj81] {
    color: #443f36;
}

.statistikFilterSubline[b-v44uuwqj81] {
    margin-top: 0.2rem;
    color: #6a655d;
    font-size: 0.94rem;
}

.statistikSummaryGrid[b-v44uuwqj81] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.statistikSummaryCard[b-v44uuwqj81] {
    background: #eceff1;
    border-left: 5px solid #455a64;
    border-radius: 8px;
    padding: 10px 14px;
    min-width: 170px;
}

.statistikSummaryLabel[b-v44uuwqj81] {
    font-size: 0.9rem;
    color: #455a64;
    margin-bottom: 0.5rem;
}

.statistikSummaryValue[b-v44uuwqj81] {
    font-size: 2rem;
    font-weight: 700;
    color: #102027;
    line-height: 1.1;
}

.statistikSummaryCard.orders[b-v44uuwqj81] {
    border-left-color: #455a64;
    background: #eceff1;
}

.statistikSummaryCard.revenue[b-v44uuwqj81] {
    border-left-color: #2e7d32;
    background: #e8f5e9;
}

.statistikSummaryCard.items[b-v44uuwqj81] {
    border-left-color: #1565c0;
    background: #e3f2fd;
}

.statistikSummaryCard.average[b-v44uuwqj81] {
    border-left-color: #ef6c00;
    background: #fff3e0;
}

.statistikTabs[b-v44uuwqj81] {
    margin-bottom: 0.75rem;
}

.statistikContentCard[b-v44uuwqj81] {
    background: #fff;
    border: 1px solid #d9dee3;
    border-radius: 18px;
    padding: 1rem;
    box-shadow: 0 10px 25px rgba(68, 63, 54, 0.08);
}

.statistikEmptyState[b-v44uuwqj81] {
    padding: 1rem 0.25rem 0.25rem 0.25rem;
    color: #6a655d;
}

.statistikToolsToggle[b-v44uuwqj81] {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 10px;
    background: #263238;
    color: #fff;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
    flex: 0 0 auto;
}

.statistikToolsToggle .oi[b-v44uuwqj81] {
    transition: transform 0.2s ease;
}

.statistikToolsToggle.open .oi[b-v44uuwqj81] {
    transform: rotate(180deg);
}

.statistikToolsBackdrop[b-v44uuwqj81] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.28);
    z-index: 102;
}

.statistikToolsPanel[b-v44uuwqj81] {
    position: fixed;
    top: 0;
    left: 0;
    width: min(360px, 92vw);
    height: 100vh;
    background: #f4f6f8;
    border-right: 1px solid #d9dee3;
    box-shadow: 12px 0 32px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    z-index: 103;
    padding: 1.25rem;
    overflow-y: auto;
    box-sizing: border-box;
}

.statistikToolsPanel.open[b-v44uuwqj81] {
    transform: translateX(0);
}

.statistikToolsHeader[b-v44uuwqj81] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #1f1b16;
}

.statistikToolsClose[b-v44uuwqj81] {
    border: 0;
    background: transparent;
    font-size: 1.8rem;
    line-height: 1;
    color: #1f1b16;
}

.statistikToolsSection[b-v44uuwqj81] {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #d9dee3;
}

.statistikToolsSectionTitle[b-v44uuwqj81] {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6a655d;
    margin-bottom: 0.75rem;
}

.statistikFieldLabel[b-v44uuwqj81] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.35rem;
    color: #443f36;
}

.statistikDateInput[b-v44uuwqj81],
.statistikSelectInput[b-v44uuwqj81] {
    width: 100%;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.7rem 0.8rem;
    margin-bottom: 0.9rem;
    background: #fff;
    box-sizing: border-box;
    min-width: 0;
}

.statistikCheckboxRow[b-v44uuwqj81] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-top: 0.35rem;
    color: #443f36;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.statistikQuickActions[b-v44uuwqj81] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.25rem;
}

.statistikQuickActions .statistikActionBtn[b-v44uuwqj81] {
    margin: 0;
}

.statistikToolsSection[b-v44uuwqj81],
.statistikQuickActions[b-v44uuwqj81] {
    min-width: 0;
}

.statistikGridMobile[b-v44uuwqj81] {
    display: none;
}

.statistikGridDesktop[b-v44uuwqj81] {
    display: block;
}

@media (max-width: 1100px) {
    .statistikSummaryGrid[b-v44uuwqj81] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .statistikPage[b-v44uuwqj81] {
        padding: 1rem;
    }

    .statistikToolbar[b-v44uuwqj81] {
        flex-direction: column;
        align-items: stretch;
    }

    .statistikToolbarLeft[b-v44uuwqj81] {
        align-items: center;
    }

    .statistikSummaryGrid[b-v44uuwqj81] {
        grid-template-columns: 1fr;
    }

    .statistikHeaderActions[b-v44uuwqj81] {
        width: 100%;
    }

    .statistikHeaderBtn[b-v44uuwqj81] {
        flex: 1 1 0;
    }

    .statistikQuickActions[b-v44uuwqj81] {
        grid-template-columns: 1fr;
    }

    .statistikHeaderActions[b-v44uuwqj81] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .statistikGridDesktop[b-v44uuwqj81] {
        display: none;
    }

    .statistikGridMobile[b-v44uuwqj81] {
        display: block;
    }

    .statistikContentCard[b-v44uuwqj81] {
        padding: 0.75rem;
        overflow-x: hidden;
    }

    .statistikFilterInfo[b-v44uuwqj81] {
        min-width: 0;
    }

    .statistikFilterInfo strong[b-v44uuwqj81],
    .statistikFilterSubline[b-v44uuwqj81] {
        word-break: break-word;
    }
}
/* /Pages/SumUpOverview.razor.rz.scp.css */
body[b-tt0fby08wj] {

}

.SumUpOverview_MainPage[b-tt0fby08wj]{
    background-color: lightgrey;
}

.SumUpOverview_LastRefresh[b-tt0fby08wj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.SumUpOverview_LastRefreshText[b-tt0fby08wj]{
    font-size: 1.2em;
    font-weight: bold;
}

.SumUpOverview_LastRefreshButton[b-tt0fby08wj]{

}

/* /Pages/supervisor/AdminAdmin.razor.rz.scp.css */
.supervisorShell[b-t3ejeww5nw]{min-height:100vh;padding:40px 24px;background:radial-gradient(circle at top left,rgba(31,111,235,.18),transparent 32%),radial-gradient(circle at top right,rgba(21,184,166,.18),transparent 28%),linear-gradient(180deg,#f4f9ff 0%,#eef4f1 100%);color:#143041}
.supervisorLoginCard[b-t3ejeww5nw],.supervisorPanel[b-t3ejeww5nw],.supervisorHero[b-t3ejeww5nw],.supervisorSection[b-t3ejeww5nw],.supervisorDialog[b-t3ejeww5nw]{width:min(1180px,100%);margin:0 auto;background:rgba(255,255,255,.95);border:1px solid rgba(19,74,118,.12);border-radius:28px;box-shadow:0 24px 56px rgba(16,52,83,.12)}
.supervisorPanel[b-t3ejeww5nw],.supervisorLoginCard[b-t3ejeww5nw]{max-width:560px;padding:32px}
.supervisorHero[b-t3ejeww5nw]{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px}
.supervisorHero h1[b-t3ejeww5nw],.supervisorSection h2[b-t3ejeww5nw],.supervisorLoginCard h1[b-t3ejeww5nw],.supervisorPanel h1[b-t3ejeww5nw],.supervisorDialog h3[b-t3ejeww5nw]{margin:0}
.supervisorHeroMeta[b-t3ejeww5nw]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.supervisorMetaItem[b-t3ejeww5nw]{padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(218,239,255,.92),rgba(223,250,244,.92))}
.supervisorHeroActions[b-t3ejeww5nw]{display:flex;gap:10px;flex-wrap:wrap}
.supervisorMetaItem span[b-t3ejeww5nw],.supervisorDetailMeta span[b-t3ejeww5nw]{display:block;font-size:.84rem;color:#567286}
.supervisorMetaItem strong[b-t3ejeww5nw],.supervisorDetailMeta strong[b-t3ejeww5nw]{display:block;margin-top:6px;font-size:1rem}
.supervisorEyebrow[b-t3ejeww5nw],.supervisorSectionEyebrow[b-t3ejeww5nw],.supervisorDetailEyebrow[b-t3ejeww5nw]{margin-bottom:10px;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1f6feb}
.supervisorFieldGroup[b-t3ejeww5nw]{display:grid;gap:8px;margin-top:18px}
.supervisorFieldGroup label[b-t3ejeww5nw]{font-size:.92rem;font-weight:700;color:#355264}
.supervisorFieldRow[b-t3ejeww5nw],.supervisorLicenseDialogGrid[b-t3ejeww5nw],.supervisorDetailMeta[b-t3ejeww5nw]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.supervisorLicenseDialogGrid[b-t3ejeww5nw]{grid-template-columns:repeat(3,minmax(0,1fr))}
.supervisorInput[b-t3ejeww5nw],.supervisorTextarea[b-t3ejeww5nw]{width:100%;padding:13px 15px;border:1px solid rgba(23,86,133,.2);border-radius:16px;background:rgba(248,252,255,.94);color:#153042;font-size:1rem}
.supervisorTextarea[b-t3ejeww5nw]{min-height:120px;resize:vertical}.supervisorTextarea.is-response[b-t3ejeww5nw]{min-height:170px}.supervisorTextarea.is-log-details[b-t3ejeww5nw]{min-height:260px;font-family:Consolas,"Courier New",monospace;font-size:.9rem}
.supervisorLoginActions[b-t3ejeww5nw],.supervisorDialogFooter[b-t3ejeww5nw]{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.supervisorPrimaryAction[b-t3ejeww5nw],.supervisorSecondaryAction[b-t3ejeww5nw]{border:none;border-radius:999px;padding:11px 18px;font-weight:700;transition:transform .18s ease}
.supervisorPrimaryAction[b-t3ejeww5nw]{background:linear-gradient(135deg,#0f6ddb 0%,#1c92ff 100%);color:#fff;box-shadow:0 16px 28px rgba(31,111,235,.24)}
.supervisorSecondaryAction[b-t3ejeww5nw]{background:#fff7cc;color:#6b5200;border:1px solid rgba(176,136,12,.22)}
.supervisorPrimaryAction:hover[b-t3ejeww5nw],.supervisorSecondaryAction:hover[b-t3ejeww5nw],.supervisorModuleCard:hover[b-t3ejeww5nw],.supervisorCompactRow:hover[b-t3ejeww5nw]{transform:translateY(-1px)}
.supervisorModuleGrid[b-t3ejeww5nw]{width:min(1180px,100%);margin:28px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.supervisorModuleCard[b-t3ejeww5nw]{padding:28px;text-align:left;background:rgba(255,255,255,.95);border:1px solid rgba(19,74,118,.12);border-radius:28px;box-shadow:0 22px 48px rgba(16,52,83,.11)}
.supervisorModuleIcon[b-t3ejeww5nw]{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#e2f0ff 0%,#dcfbf6 100%);color:#1f6feb;font-size:1.2rem}
.supervisorModuleTitle[b-t3ejeww5nw]{margin-top:16px;font-size:1.2rem;font-weight:800}
.supervisorModuleCard p[b-t3ejeww5nw]{margin:10px 0 0;color:#506978}.supervisorModuleMeta[b-t3ejeww5nw]{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:#557081}
.supervisorSection[b-t3ejeww5nw]{margin-top:28px;padding:28px}.supervisorSectionHeader[b-t3ejeww5nw]{margin-bottom:18px}
.supervisorEmptyState[b-t3ejeww5nw]{padding:28px;border-radius:22px;background:linear-gradient(135deg,rgba(239,246,255,.82),rgba(240,252,247,.82));color:#4a6678}
.supervisorCacheOverviewGrid[b-t3ejeww5nw]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.supervisorCacheCard[b-t3ejeww5nw]{display:grid;gap:6px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,rgba(232,241,255,.9),rgba(235,250,245,.9));border:1px solid rgba(20,73,114,.12)}
.supervisorCacheCard span[b-t3ejeww5nw]{font-size:.84rem;color:#567286}.supervisorCacheCard strong[b-t3ejeww5nw]{font-size:1.35rem;color:#173649}.supervisorCacheCard small[b-t3ejeww5nw]{color:#5d7584}
.supervisorCacheTable[b-t3ejeww5nw]{display:grid;gap:8px;margin-bottom:18px}
.supervisorCacheTableHeader[b-t3ejeww5nw],.supervisorCacheTableRow[b-t3ejeww5nw]{display:grid;grid-template-columns:2fr 1.2fr 1.5fr .8fr;gap:12px;align-items:center}
.supervisorCacheTableHeader[b-t3ejeww5nw]{padding:0 10px;color:#5d7584;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.supervisorCacheTableRow[b-t3ejeww5nw]{padding:12px 14px;border:1px solid rgba(20,73,114,.12);border-radius:18px;background:rgba(255,255,255,.92);color:#173649}
.supervisorCompactList[b-t3ejeww5nw]{display:grid;gap:10px}
.supervisorCompactRow[b-t3ejeww5nw]{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border:1px solid rgba(20,73,114,.12);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 14px 28px rgba(18,58,90,.08);text-align:left}
.supervisorCompactRow.is-critical[b-t3ejeww5nw]{border-color:rgba(186,68,42,.26);background:linear-gradient(180deg,rgba(255,241,239,.95),rgba(255,255,255,.98))}
.supervisorLogRow.is-info[b-t3ejeww5nw]{border-left:5px solid #2563eb}.supervisorLogRow.is-warning[b-t3ejeww5nw]{border-left:5px solid #d97706}.supervisorLogRow.is-error[b-t3ejeww5nw]{border-left:5px solid #dc2626}.supervisorLogRow.is-debug[b-t3ejeww5nw]{border-left:5px solid #475569}
.supervisorCompactMain[b-t3ejeww5nw]{display:grid;gap:4px}.supervisorCompactMain strong[b-t3ejeww5nw]{color:#173649}.supervisorCompactMain span[b-t3ejeww5nw]{color:#627987;font-size:.92rem}
.supervisorCompactMeta[b-t3ejeww5nw]{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;color:#4f6776;font-size:.9rem}
.supervisorLogPager[b-t3ejeww5nw]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.supervisorLogPagerInfo[b-t3ejeww5nw]{color:#5d7584;font-size:.9rem;font-weight:700}
.supervisorTicketToolbar[b-t3ejeww5nw]{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;margin-bottom:16px}
.supervisorTicketStatus[b-t3ejeww5nw]{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:700}
.supervisorLogBadge[b-t3ejeww5nw]{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:700}
.supervisorLogBadge.is-info[b-t3ejeww5nw]{background:#e8f1ff;color:#235dbd}.supervisorLogBadge.is-warning[b-t3ejeww5nw]{background:#fff1c9;color:#8a6100}.supervisorLogBadge.is-error[b-t3ejeww5nw]{background:#fee2e2;color:#991b1b}.supervisorLogBadge.is-debug[b-t3ejeww5nw]{background:#edf1f4;color:#475569}
.supervisorTicketStatus.is-open[b-t3ejeww5nw]{background:#e8f1ff;color:#235dbd}.supervisorTicketStatus.is-progress[b-t3ejeww5nw]{background:#fff1c9;color:#8a6100}.supervisorTicketStatus.is-done[b-t3ejeww5nw]{background:#daf6e8;color:#0d7a48}.supervisorTicketStatus.is-closed[b-t3ejeww5nw],.supervisorTicketStatus.is-userdone[b-t3ejeww5nw]{background:#edf1f4;color:#596d7c}.supervisorTicketStatus.is-waiting[b-t3ejeww5nw]{background:#ffe5d6;color:#a14f1a}
.supervisorDialogBackdrop[b-t3ejeww5nw]{position:fixed;inset:0;background:rgba(8,20,34,.42);backdrop-filter:blur(2px);z-index:var(--z-popup-backdrop, 20000)}
.supervisorDialog[b-t3ejeww5nw]{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(980px,calc(100vw - 32px));padding:26px;z-index:var(--z-popup-surface, 20010)}
.supervisorDialogHeader[b-t3ejeww5nw]{display:flex;justify-content:space-between;gap:16px;align-items:start}
.supervisorDialogClose[b-t3ejeww5nw]{width:42px;height:42px;border:none;border-radius:50%;background:#eef4f8;color:#28475a;font-size:1.5rem}
.supervisorDialogSubText[b-t3ejeww5nw]{margin-top:6px;color:#5d7584}
.supervisorLicenseUsageSection[b-t3ejeww5nw]{margin-top:18px}
.supervisorLicenseUsageTitle[b-t3ejeww5nw]{font-size:.92rem;font-weight:800;color:#355264}
.supervisorLicenseUsageGrid[b-t3ejeww5nw]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.supervisorLicenseUsageCard[b-t3ejeww5nw]{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(232,241,255,.85),rgba(235,250,245,.85));border:1px solid rgba(20,73,114,.1)}
.supervisorLicenseUsageCard span[b-t3ejeww5nw]{font-size:.82rem;color:#5c7281}
.supervisorLicenseUsageCard strong[b-t3ejeww5nw]{color:#173649;font-size:1rem}
.supervisorLicenseUsageCard.is-critical[b-t3ejeww5nw]{background:linear-gradient(135deg,rgba(255,236,232,.95),rgba(255,248,246,.95));border-color:rgba(186,68,42,.24)}
@media (max-width:900px){.supervisorHero[b-t3ejeww5nw],.supervisorModuleGrid[b-t3ejeww5nw],.supervisorFieldRow[b-t3ejeww5nw],.supervisorLicenseDialogGrid[b-t3ejeww5nw],.supervisorDetailMeta[b-t3ejeww5nw],.supervisorTicketToolbar[b-t3ejeww5nw],.supervisorLicenseUsageGrid[b-t3ejeww5nw],.supervisorCacheOverviewGrid[b-t3ejeww5nw],.supervisorCacheTableHeader[b-t3ejeww5nw],.supervisorCacheTableRow[b-t3ejeww5nw]{grid-template-columns:1fr;display:grid}.supervisorHeroMeta[b-t3ejeww5nw]{justify-content:flex-start}.supervisorHeroActions[b-t3ejeww5nw]{width:100%}.supervisorCompactRow[b-t3ejeww5nw]{align-items:start;flex-direction:column}.supervisorCompactMeta[b-t3ejeww5nw]{justify-content:flex-start}.supervisorDialog[b-t3ejeww5nw]{width:min(980px,calc(100vw - 20px));padding:20px}}
/* /Pages/SurveyManagement.razor.rz.scp.css */
.surveyAdminShell[b-25gutdlrov] {
    min-height: calc(100vh - 3.75rem);
    padding: 1.5rem;
    background:
        radial-gradient(circle at top left, rgba(250, 204, 21, 0.16), transparent 24%),
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.18), transparent 28%),
        linear-gradient(180deg, #f8fafc 0%, #eef2ff 55%, #e2e8f0 100%);
}

.surveyAdminHero[b-25gutdlrov],
.surveyAdminPanel[b-25gutdlrov],
.surveyAdminMetaCard[b-25gutdlrov],
.surveyAdminModal[b-25gutdlrov] {
    border: 1px solid rgba(148, 163, 184, 0.24);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.surveyAdminHero[b-25gutdlrov] {
    max-width: 1280px;
    margin: 0 auto 1rem;
    padding: 1.5rem;
    border-radius: 28px;
    background: linear-gradient(135deg, #0f172a 0%, #1d4e89 56%, #0f766e 100%);
    color: #f8fafc;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
}

.surveyAdminHeroContent[b-25gutdlrov] {
    flex: 1;
}

.surveyAdminEyebrow[b-25gutdlrov] {
    font-size: 0.82rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 800;
    color: rgba(226, 232, 240, 0.76);
}

.surveyAdminHero h1[b-25gutdlrov],
.surveyAdminModal h2[b-25gutdlrov] {
    margin: 0;
}

.surveyAdminHero p[b-25gutdlrov],
.surveyAdminPanelText[b-25gutdlrov],
.surveyAdminGroupSubMeta[b-25gutdlrov],
.surveyAdminSurveySubTitle[b-25gutdlrov],
.surveyAdminElementSubTitle[b-25gutdlrov],
.surveyAdminEntryMeta[b-25gutdlrov],
.surveyAdminEmptyState[b-25gutdlrov],
.surveyAdminState[b-25gutdlrov] {
    color: #64748b;
}

.surveyAdminHero p[b-25gutdlrov] {
    margin: 0.6rem 0 0;
    max-width: 760px;
    color: rgba(241, 245, 249, 0.88);
}

.surveyAdminMetaGrid[b-25gutdlrov],
.surveyAdminLayout[b-25gutdlrov] {
    max-width: 1280px;
    margin: 0 auto;
}

.surveyAdminLicenseRow[b-25gutdlrov] {
    max-width: 1280px;
    margin: -0.1rem auto 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.surveyAdminLicenseStatus[b-25gutdlrov] {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.surveyAdminLicenseStatus.is-limit-available[b-25gutdlrov] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.surveyAdminLicenseStatus.is-limit-reached[b-25gutdlrov] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.surveyAdminMetaGrid[b-25gutdlrov] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.surveyAdminMetaCard[b-25gutdlrov] {
    border-radius: 22px;
    padding: 1rem 1.15rem;
    background: rgba(255, 255, 255, 0.84);
}

.surveyAdminMetaCard span[b-25gutdlrov] {
    display: block;
    color: #64748b;
    font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.surveyAdminMetaCard strong[b-25gutdlrov] {
    display: block;
    margin-top: 0.2rem;
    font-size: 1.7rem;
    color: #0f172a;
}

.surveyAdminLayout[b-25gutdlrov],
.surveyAdminList[b-25gutdlrov],
.surveyAdminEntryList[b-25gutdlrov],
.surveyAdminAssignmentList[b-25gutdlrov] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.surveyAdminPanel[b-25gutdlrov] {
    border-radius: 26px;
    padding: 1.15rem;
    background: rgba(255, 255, 255, 0.9);
}

.surveyAdminPanel--empty[b-25gutdlrov] {
    min-height: 280px;
    justify-content: center;
}

.surveyAdminPanelHeader[b-25gutdlrov],
.surveyAdminModalHeader[b-25gutdlrov],
.surveyAdminHeroActions[b-25gutdlrov],
.surveyAdminPanelActions[b-25gutdlrov],
.surveyAdminCardActions[b-25gutdlrov],
.surveyAdminModalFooter[b-25gutdlrov],
.surveyAdminDetailMeta[b-25gutdlrov],
.surveyAdminGroupMeta[b-25gutdlrov],
.surveyAdminSurveyMeta[b-25gutdlrov],
.surveyAdminElementStats[b-25gutdlrov] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.surveyAdminPanelHeader[b-25gutdlrov],
.surveyAdminModalHeader[b-25gutdlrov] {
    justify-content: space-between;
    align-items: start;
}

.surveyAdminModalHeader[b-25gutdlrov] {
    padding: 1rem 1.25rem 0;
}

.surveyAdminModalHeader--accent[b-25gutdlrov] {
    margin: 0 0 1rem;
    padding: 1rem 1.25rem;
    border-radius: 28px 28px 0 0;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.26), transparent 28%),
        linear-gradient(135deg, #0f766e 0%, #0ea5e9 52%, #1d4ed8 100%);
}

.surveyAdminModalHeader--accent h2[b-25gutdlrov],
.surveyAdminModalHeader--accent .surveyAdminEyebrow[b-25gutdlrov],
.surveyAdminModalHeader--accent .surveyAdminPanelText[b-25gutdlrov] {
    color: #eff6ff;
}

.surveyAdminModalHeader--accent .surveyAdminEyebrow[b-25gutdlrov] {
    color: rgba(239, 246, 255, 0.78);
}

.surveyAdminModalHeader--danger[b-25gutdlrov] {
    margin: 0 0 1rem;
    padding: 1rem 1.25rem;
    border-radius: 28px 28px 0 0;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.22), transparent 28%),
        linear-gradient(135deg, #7f1d1d 0%, #dc2626 58%, #ef4444 100%);
}

.surveyAdminModalHeader--danger h2[b-25gutdlrov],
.surveyAdminModalHeader--danger .surveyAdminEyebrow[b-25gutdlrov],
.surveyAdminModalHeader--danger .surveyAdminPanelText[b-25gutdlrov] {
    color: #fff1f2;
}

.surveyAdminModalHeader--danger .surveyAdminEyebrow[b-25gutdlrov] {
    color: rgba(255, 241, 242, 0.8);
}

.surveyAdminDetailSubtitle[b-25gutdlrov] {
    margin-top: 0.2rem;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.6;
}

.surveyAdminDetailMeta--header[b-25gutdlrov] {
    margin-top: 0.9rem;
}

.surveyAdminModal > .surveyAdminDetailMeta[b-25gutdlrov] {
    display: none;
}

.surveyAdminDetailMeta--header .surveyAdminBadge[b-25gutdlrov] {
    background: rgba(226, 232, 240, 0.22);
    color: #eff6ff;
    border: 1px solid rgba(203, 213, 225, 0.28);
}

.surveyAdminDetailMeta--header .surveyAdminBadge.is-active[b-25gutdlrov] {
    background: rgba(34, 197, 94, 0.18);
    color: #dcfce7;
    border-color: rgba(187, 247, 208, 0.28);
}

.surveyAdminDetailMeta--header .surveyAdminBadge.is-inactive[b-25gutdlrov] {
    background: rgba(15, 23, 42, 0.24);
    color: #e2e8f0;
    border-color: rgba(226, 232, 240, 0.2);
}

.surveyAdminDetailMeta--header .surveyAdminBadge.is-anonymous[b-25gutdlrov] {
    background: rgba(14, 165, 233, 0.2);
    color: #e0f2fe;
    border-color: rgba(186, 230, 253, 0.25);
}

.surveyAdminEmptyState[b-25gutdlrov] {
    text-align: center;
}

.surveyAdminModalFooter[b-25gutdlrov] {
    justify-content: flex-end;
    margin-top: 1.1rem;
    padding: 1rem 1.25rem 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.28);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.82), rgba(255, 255, 255, 0.98));
}

.surveyAdminPanelTitle[b-25gutdlrov],
.surveyAdminGroupTitle[b-25gutdlrov],
.surveyAdminSurveyTitle[b-25gutdlrov],
.surveyAdminElementTitle[b-25gutdlrov] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.surveyAdminPrimaryAction[b-25gutdlrov],
.surveyAdminSecondaryAction[b-25gutdlrov],
.surveyAdminGhostAction[b-25gutdlrov],
.surveyAdminIconAction[b-25gutdlrov],
.surveyAdminInlineDanger[b-25gutdlrov],
.surveyAdminCloseBtn[b-25gutdlrov] {
    border: 0;
    border-radius: 999px;
    font-weight: 700;
}

.surveyAdminPrimaryAction[b-25gutdlrov],
.surveyAdminSecondaryAction[b-25gutdlrov],
.surveyAdminGhostAction[b-25gutdlrov],
.surveyAdminIconAction[b-25gutdlrov] {
    min-height: 2.85rem;
    padding: 0.75rem 1.1rem;
}

.surveyAdminPrimaryAction[b-25gutdlrov] { color: #052e16; background: linear-gradient(135deg, #dcfce7 0%, #86efac 100%); }
.surveyAdminSecondaryAction[b-25gutdlrov] { color: #082f49; background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); }
.surveyAdminGhostAction[b-25gutdlrov], .surveyAdminIconAction[b-25gutdlrov] { color: #0f172a; background: #f8fafc; border: 1px solid rgba(148, 163, 184, 0.28); }
.surveyAdminIconAction.is-danger[b-25gutdlrov], .surveyAdminInlineDanger[b-25gutdlrov] { color: #7f1d1d; background: #fee2e2; }
.surveyAdminInlineDanger[b-25gutdlrov] { padding: 0.4rem 0.75rem; }
.surveyAdminHeroActions[b-25gutdlrov]  a { text-decoration: none; }
.surveyAdminHeroActions[b-25gutdlrov] { justify-content: flex-end; align-self: flex-start; }

.surveyAdminCardActions[b-25gutdlrov] {
    padding: 0 1rem 1rem;
}

.surveyAdminGroupCard[b-25gutdlrov],
.surveyAdminSurveyCard[b-25gutdlrov],
.surveyAdminEntryCard[b-25gutdlrov],
.surveyAdminElementCard[b-25gutdlrov] {
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
}

.surveyAdminGroupCard.is-selected[b-25gutdlrov],
.surveyAdminSurveyCard.is-selected[b-25gutdlrov] {
    border-color: rgba(14, 165, 233, 0.42);
    box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.18);
}

.surveyAdminGroupMain[b-25gutdlrov],
.surveyAdminSurveyMain[b-25gutdlrov] {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 1rem;
}

.surveyAdminBadge[b-25gutdlrov] {
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #0f172a;
    background: #e2e8f0;
}

.surveyAdminBadge.is-active[b-25gutdlrov] { color: #14532d; background: #dcfce7; }
.surveyAdminBadge.is-inactive[b-25gutdlrov] { color: #7f1d1d; background: #fee2e2; }
.surveyAdminBadge.is-anonymous[b-25gutdlrov] { color: #7c2d12; background: #ffedd5; }

.surveyAdminGroupGrid[b-25gutdlrov],
.surveyAdminSurveyGrid[b-25gutdlrov] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.surveyAdminGroupGrid[b-25gutdlrov] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.surveyAdminSurveyGrid[b-25gutdlrov] {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.surveyAdminElementGrid[b-25gutdlrov] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.surveyAdminElementCard[b-25gutdlrov] { padding: 1rem; }
.surveyAdminEntryCard[b-25gutdlrov] { padding: 0.7rem 0.85rem; }
.surveyAdminElementHeader[b-25gutdlrov], .surveyAdminAssignmentItem[b-25gutdlrov] { display: flex; justify-content: space-between; gap: 0.75rem; align-items: start; }
.surveyAdminAssignmentComposer[b-25gutdlrov], .surveyAdminFreeTextComposer[b-25gutdlrov], .surveyAdminFormGrid[b-25gutdlrov] { display: grid; gap: 0.75rem; }
.surveyAdminAssignmentComposer[b-25gutdlrov] { grid-template-columns: minmax(0, 1fr) auto; margin-top: 1rem; }
.surveyAdminFreeTextComposer[b-25gutdlrov] { grid-template-columns: minmax(0, 220px) minmax(0, 1fr) auto; margin-top: 1rem; }
.surveyAdminFormGrid[b-25gutdlrov] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }

.surveyAdminModalToolbar[b-25gutdlrov] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1rem;
    display: none;
}

.surveyAdminDetailSection[b-25gutdlrov] {
    margin-top: 1.5rem;
}
.surveyAdminAnonymousTextSummary[b-25gutdlrov] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.surveyAdminEntryCard[b-25gutdlrov] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}
.surveyAdminEntryCard > div:first-child[b-25gutdlrov] {
    min-width: 0;
    flex: 1;
}
.surveyAdminEntryCard .surveyAdminIconAction[b-25gutdlrov] {
    align-self: center;
    white-space: nowrap;
}

.surveyAdminAssignmentComposer + .surveyAdminEmptyState[b-25gutdlrov],
.surveyAdminAssignmentComposer + .surveyAdminAssignmentList[b-25gutdlrov],
.surveyAdminFreeTextComposer + .surveyAdminEmptyState[b-25gutdlrov],
.surveyAdminFreeTextComposer + .surveyAdminEntryList[b-25gutdlrov],
.surveyAdminDetailSection .surveyAdminEmptyState[b-25gutdlrov],
.surveyAdminDetailSection .surveyAdminEntryList[b-25gutdlrov] {
    margin-top: 1rem;
}

.surveyAdminInput[b-25gutdlrov], .surveyAdminTextarea[b-25gutdlrov] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    padding: 0.85rem 1rem;
    color: #0f172a;
    background: #fff;
}

.surveyAdminTextarea[b-25gutdlrov] { min-height: 110px; resize: vertical; }
.surveyAdminField[b-25gutdlrov] { display: flex; flex-direction: column; gap: 0.35rem; color: #334155; font-weight: 600; }
.surveyAdminFieldHeader[b-25gutdlrov] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.surveyAdminInfoTrigger[b-25gutdlrov] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    outline: none;
}

.surveyAdminInfoIcon[b-25gutdlrov] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.78rem;
}

.surveyAdminInfoTooltip[b-25gutdlrov] {
    position: absolute;
    top: 50%;
    left: calc(100% + 0.65rem);
    z-index: 30;
    width: min(280px, calc(100vw - 4rem));
    padding: 0.7rem 0.85rem;
    border-radius: 14px;
    background: #0f172a;
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: left;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%) translateX(-4px);
    transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease;
    pointer-events: none;
    white-space: normal;
}

.surveyAdminInfoTrigger:hover .surveyAdminInfoTooltip[b-25gutdlrov],
.surveyAdminInfoTrigger:focus-visible .surveyAdminInfoTooltip[b-25gutdlrov],
.surveyAdminInfoTrigger:focus-within .surveyAdminInfoTooltip[b-25gutdlrov] {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}
.surveyAdminField--full[b-25gutdlrov] { grid-column: 1 / -1; }
.surveyAdminCheckRow[b-25gutdlrov] { display: flex; align-items: center; gap: 0.75rem; padding: 0.85rem 1rem; border-radius: 16px; background: #f8fafc; color: #0f172a; font-weight: 700; }
.surveyAdminCheckRow input[type="checkbox"][b-25gutdlrov] { accent-color: #2563eb; }
.surveyAdminLargeCheckbox[b-25gutdlrov] { width: 1.45rem; height: 1.45rem; accent-color: #2563eb; transform: scale(1.15); transform-origin: center; flex: 0 0 auto; }

.surveyAdminModalBackdrop[b-25gutdlrov] { position: fixed; inset: 0; z-index: var(--z-popup-backdrop, 20000); background: rgba(15, 23, 42, 0.42); backdrop-filter: blur(3px); }
.surveyAdminModal[b-25gutdlrov] { position: fixed; z-index: var(--z-popup-surface, 20010); inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: min(680px, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow: auto; overscroll-behavior: contain; border-radius: 28px; padding: 0; background: #fff; background-clip: padding-box; }
.surveyAdminModal--wide[b-25gutdlrov] { display: flex; flex-direction: column; width: min(1180px, calc(100vw - 2rem)); height: calc(100vh - 2rem); max-height: calc(100vh - 2rem); overflow: hidden; }
.surveyAdminModal--compact[b-25gutdlrov] { width: min(560px, calc(100vw - 2rem)); }
.surveyAdminModal > .surveyAdminFormGrid[b-25gutdlrov],
.surveyAdminModal > .surveyAdminModalToolbar[b-25gutdlrov],
.surveyAdminModal > .surveyAdminList[b-25gutdlrov] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.surveyAdminModal > .surveyAdminFormGrid[b-25gutdlrov],
.surveyAdminModal > .surveyAdminModalToolbar[b-25gutdlrov] {
    padding-bottom: 0.1rem;
}

.surveyAdminDialogTabs[b-25gutdlrov] {
    display: flex;
    gap: 0.6rem;
    padding: 0 1.25rem 0.95rem;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(255, 255, 255, 0.98));
}

.surveyAdminDialogTab[b-25gutdlrov] {
    min-height: 2.8rem;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    font-weight: 800;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.surveyAdminDialogTab.is-active[b-25gutdlrov] {
    border-color: rgba(14, 165, 233, 0.42);
    background: linear-gradient(135deg, #dbeafe 0%, #ccfbf1 100%);
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(14, 165, 233, 0.12);
}

.surveyAdminDialogTab:disabled[b-25gutdlrov] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none;
}

.surveyAdminDialogPanel[b-25gutdlrov] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1.1rem 1.25rem 0.25rem;
    overflow: auto;
    overscroll-behavior: contain;
}

.surveyAdminDialogPanel > .surveyAdminFormGrid[b-25gutdlrov],
.surveyAdminDialogPanel > .surveyAdminFreeTextComposer[b-25gutdlrov],
.surveyAdminDialogPanel > .surveyAdminElementGrid[b-25gutdlrov],
.surveyAdminDialogPanel > .surveyAdminDetailSection[b-25gutdlrov] {
    margin-top: 0;
}

.surveyAdminDialogPanel > .surveyAdminEmptyState + .surveyAdminDetailSection[b-25gutdlrov],
.surveyAdminDialogPanel > .surveyAdminElementGrid + .surveyAdminDetailSection[b-25gutdlrov] {
    margin-top: 1.5rem;
}

.surveyAdminDeletePanel[b-25gutdlrov] {
    padding: 0 1.25rem 0.35rem;
}

.surveyAdminDeleteWarning[b-25gutdlrov] {
    padding: 1rem 1.05rem;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%);
    color: #7f1d1d;
    font-weight: 700;
}

.surveyAdminDeleteStats[b-25gutdlrov] {
    margin-top: 1rem;
}

.surveyAdminDeleteConfirmAction[b-25gutdlrov] {
    border-radius: 999px;
    border: 0;
    min-height: 2.85rem;
    padding: 0.75rem 1.1rem;
    font-weight: 800;
}
.surveyAdminCloseBtn[b-25gutdlrov] { width: 2.5rem; height: 2.5rem; font-size: 1.5rem; line-height: 1; color: #0f172a; background: #e2e8f0; }

@media (max-width: 760px) {
    .surveyAdminShell[b-25gutdlrov] { padding: 1rem; }
    .surveyAdminHero[b-25gutdlrov], .surveyAdminPanel[b-25gutdlrov], .surveyAdminModal[b-25gutdlrov] { padding: 1rem; border-radius: 22px; }
    .surveyAdminHero[b-25gutdlrov], .surveyAdminPanelHeader[b-25gutdlrov], .surveyAdminModalHeader[b-25gutdlrov] { flex-direction: column; align-items: stretch; }
    .surveyAdminMetaGrid[b-25gutdlrov], .surveyAdminElementGrid[b-25gutdlrov], .surveyAdminFormGrid[b-25gutdlrov], .surveyAdminFreeTextComposer[b-25gutdlrov], .surveyAdminAssignmentComposer[b-25gutdlrov], .surveyAdminGroupGrid[b-25gutdlrov], .surveyAdminSurveyGrid[b-25gutdlrov] { grid-template-columns: 1fr; }
    .surveyAdminDialogTabs[b-25gutdlrov] { flex-direction: column; padding-left: 1rem; padding-right: 1rem; }
    .surveyAdminDialogPanel[b-25gutdlrov] { padding-left: 1rem; padding-right: 1rem; }
    .surveyAdminModal--wide[b-25gutdlrov] { height: calc(100vh - 1rem); max-height: calc(100vh - 1rem); }
}
/* /Pages/Surveys.razor.rz.scp.css */
.SurveyLoading[b-mrh3xig8ih] {
    position: fixed;
    inset: 0;
    z-index: var(--z-page-fixed, 100);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #0d2f5f;
    background: linear-gradient(180deg, #f6f9ff 0%, #eef4ff 100%);
}

.SurveyLoginBackground[b-mrh3xig8ih] {
    position: fixed;
    inset: 0;
    z-index: var(--z-page-fixed, 100);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    overflow: auto;
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 38%),
        radial-gradient(circle at 90% 85%, rgba(255, 196, 72, 0.20), transparent 45%),
        linear-gradient(135deg, #0f172a 0%, #1d4e89 55%, #1f2937 100%);
}

.SurveyLoginScreen[b-mrh3xig8ih] {
    width: min(380px, 95vw);
    padding: 28px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

.SurveyLoginScreen h3[b-mrh3xig8ih] {
    margin: 0 0 8px 0;
    color: #0d2f5f;
}

.SurveyLoginHint[b-mrh3xig8ih] {
    color: #5c6e88;
    margin-bottom: 18px;
    font-size: 0.9rem;
}

.form-group[b-mrh3xig8ih] {
    margin-bottom: 12px;
}

.form-group label[b-mrh3xig8ih] {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.form-group input[b-mrh3xig8ih] {
    width: 100%;
    border: 1px solid #c8d5eb;
    border-radius: 8px;
    padding: 10px;
}

.login-button[b-mrh3xig8ih] {
    width: 100%;
    margin-top: 6px;
    border: 0;
    border-radius: 8px;
    padding: 10px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #0b2d57 0%, #1f5daa 100%);
}

.SurveyWindow[b-mrh3xig8ih] {
    position: fixed;
    inset: 0;
    z-index: var(--z-page-fixed, 100);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    padding: 16px 20px calc(24px + env(safe-area-inset-bottom));
    background: linear-gradient(180deg, #f6f9ff 0%, #eef4ff 100%);
}

.UserInfo[b-mrh3xig8ih] {
    max-width: 980px;
    margin: 0 auto 16px;
    border-radius: 10px;
    color: #fff;
    padding: 12px;
    background: linear-gradient(120deg, #0f172a 0%, #1d4e89 65%, #1f2937 100%);
}

.UserEditArea[b-mrh3xig8ih] {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.user-name-edit[b-mrh3xig8ih] {
    min-width: 220px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    padding: 7px 10px;
}

.user-name-edit[b-mrh3xig8ih]::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.user-name-save[b-mrh3xig8ih] {
    border: 0;
    border-radius: 8px;
    padding: 7px 12px;
    font-weight: 700;
    color: #111827;
    background: #f59e0b;
}

.SurveySlot[b-mrh3xig8ih] {
    max-width: 980px;
    margin: 0 auto 14px;
    background: #fff;
    border: 1px solid #d9e3f2;
    border-radius: 12px;
    padding: 14px;
}

.SurveySlotTitle[b-mrh3xig8ih] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0d2f5f;
}

.SurveySlotSubTitle[b-mrh3xig8ih] {
    color: #637996;
    margin-bottom: 12px;
}

.SurveyElementArea[b-mrh3xig8ih] {
    border-left: 3px solid #f39a19;
    padding-left: 12px;
}

.SurveyElement[b-mrh3xig8ih] {
    display: flex;
    gap: 10px;
    border: 1px solid #d9e3f2;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 8px;
    background: #f7faff;
}

.SurveyElement input[type="checkbox"][b-mrh3xig8ih],
.SurveyElement input[type="radio"][b-mrh3xig8ih] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0;
    flex: 0 0 1.25rem;
    align-self: center;
    accent-color: #0d8a7a;
}

.SurveyElementContent[b-mrh3xig8ih] {
    flex: 1;
}

.SurveyElementTitle[b-mrh3xig8ih] {
    font-weight: 700;
    color: #0d2f5f;
}

.SurveyElementSubTitle[b-mrh3xig8ih] {
    color: #5f7088;
}

.SurveyAssignedList[b-mrh3xig8ih] {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.SurveyAssignedBadge[b-mrh3xig8ih] {
    background: #e6edf8;
    border: 1px solid #c9d7eb;
    color: #27476f;
    border-radius: 999px;
    font-size: 0.8rem;
    padding: 2px 8px;
}

.ElementDivider[b-mrh3xig8ih] {
    margin: 6px 0 8px;
    border: 0;
    border-top: 1px solid #d6dfeb;
}

.SelectedByUser[b-mrh3xig8ih] {
    background: #eaf7ee;
    border-color: #5eb57e;
}

.MemberStatus[b-mrh3xig8ih] {
    float: right;
    font-size: 0.82rem;
    font-weight: 700;
}

.MemberStatus.ok[b-mrh3xig8ih] {
    color: #247a4a;
}

.MemberStatus.warn[b-mrh3xig8ih] {
    color: #b7413e;
}

.SurveySubmit[b-mrh3xig8ih] {
    text-align: right;
    margin-top: 10px;
}

.SurveySubmit button[b-mrh3xig8ih],
.submit-button[b-mrh3xig8ih] {
    border: 0;
    border-radius: 8px;
    padding: 8px 14px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #0d2f5f 0%, #1e5ca8 100%);
}

.EntryList[b-mrh3xig8ih] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.EntryItem[b-mrh3xig8ih] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: #f9fbff;
    padding: 8px 10px;
    margin-bottom: 8px;
}

.EntryItemOwn[b-mrh3xig8ih] {
    border-color: #86cfa2;
    background: #eaf7ee;
}

.EntryItemText[b-mrh3xig8ih] {
    font-weight: 600;
}

.EntryItemUserName[b-mrh3xig8ih] {
    color: #637996;
    white-space: nowrap;
}

.NoEntries[b-mrh3xig8ih] {
    color: #7286a3;
    font-style: italic;
}

.NewEntryArea[b-mrh3xig8ih] {
    margin-top: 10px;
}

.SurveyHybridEntryArea[b-mrh3xig8ih] {
    margin-top: 12px;
}

.input-field[b-mrh3xig8ih] {
    width: 100%;
    border: 1px solid #c8d5eb;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 8px;
}

@media (max-width: 799px) {
    .SurveyWindow[b-mrh3xig8ih] {
        padding: 12px 12px calc(20px + env(safe-area-inset-bottom));
    }

    .SurveySlot[b-mrh3xig8ih] {
        padding: 12px;
        border-radius: 10px;
    }
}
/* /Pages/SurveysFreeText.razor.rz.scp.css */
body[b-3xqyczxfg8] {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}



.SurveyLoginBackground[b-3xqyczxfg8] {
    background-color: #ffffff;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


.SurveyLoginScreen[b-3xqyczxfg8] {
    background-color: #f0f0f0;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    width: 300px;
}

.login-container h2[b-3xqyczxfg8] {
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

.field-info-inline[b-3xqyczxfg8] {
    font-size: 0.8rem;
    color: #888;
    margin-left: 6px;
    font-weight: normal;
}

.form-group[b-3xqyczxfg8] {
    margin-bottom: 15px;
}

    .form-group label[b-3xqyczxfg8] {
        display: block;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .form-group input[b-3xqyczxfg8] {
        width: 100%;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 14px;
    }

.login-button[b-3xqyczxfg8] {
    width: 100%;
    padding: 10px;
    background-color: #333;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .login-button:hover[b-3xqyczxfg8] {
        background-color: #555;
    }



/* Hauptcontainer */
.SurveyWindow[b-3xqyczxfg8] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #f6fafd;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
    border: 1px solid #cde0f2;
}

.UserInfo[b-3xqyczxfg8] {
    text-align: center;
    font-size: 0.95rem;
    color: #333;
    margin-bottom: 1rem;
    background-color: lightblue;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem 1rem;
    border-radius: 8px;

}

/* Slot (ein "Block" mit Fragen) */
.SurveySlot[b-3xqyczxfg8] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background-color: #ffffff;
    border: 1px solid #cde0f2;
    border-radius: 8px;
}

/* Slot-Titel */
.SurveySlotTitle[b-3xqyczxfg8] {
    font-size: 1.6rem;
    font-weight: bold;
    color: #007acc;
    margin-bottom: 0.5rem;
}

/* Slot-Untertitel */
.SurveySlotSubTitle[b-3xqyczxfg8] {
    font-size: 1.1rem;
    color: #4a4a4a;
    margin-bottom: 1rem;
}

/* Container für alle Elemente im Slot */
.SurveyElementArea[b-3xqyczxfg8] {
    padding: 0;
    border-left: 3px solid #007acc;
    padding-left: 1rem;
}

.SurveyElement[b-3xqyczxfg8] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid #cde0f2;
    border-radius: 8px;
    margin-bottom: 1rem;
    background-color: #f9fbfd;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .SurveyElement:hover[b-3xqyczxfg8] {
        background-color: #eaf4fc;
    }

    .SurveyElement input[type="radio"][b-3xqyczxfg8] {
        margin-top: 0.3rem;
        transform: scale(1.2);
        accent-color: #007acc;
    }

.SurveyElementContent[b-3xqyczxfg8] {
    flex: 1;
}

}

.SurveyElementTitle[b-3xqyczxfg8] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.SurveyElementSubTitle[b-3xqyczxfg8] {
    font-size: 0.95rem;
    color: #666666;
}

/* Eingabefelder (falls du sie brauchst) */
input[type="text"][b-3xqyczxfg8],
textarea[b-3xqyczxfg8],
select[b-3xqyczxfg8] {
    width: 100%;
    padding: 0.6rem;
    margin-top: 0.4rem;
    font-size: 1rem;
    border: 1px solid #cde0f2;
    border-radius: 6px;
    background-color: #f9fbfd;
}

.SurveySubmit[b-3xqyczxfg8] {
    text-align: right;
    margin-top: 1rem;
}

    .SurveySubmit button[b-3xqyczxfg8] {
        background-color: #007acc;
        color: white;
        border: none;
        padding: 0.6rem 1.2rem;
        font-size: 1rem;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .SurveySubmit button:hover[b-3xqyczxfg8] {
            background-color: #005fa3;
        }

.SelectedByUser[b-3xqyczxfg8] {
    background-color: #d4f4dd !important;
    border: 2px solid #28a745;
}

.MemberStatus[b-3xqyczxfg8] {
    font-size: 0.85rem;
    font-weight: bold;
    float: right;
    margin-bottom: 0.3rem;
}

    /* Farben je nach Status */
    .MemberStatus.ok[b-3xqyczxfg8] {
        color: green;
    }

    .MemberStatus.warn[b-3xqyczxfg8] {
        color: red;
    }

/* Trennlinie */
.ElementDivider[b-3xqyczxfg8] {
    border: none;
    border-top: 1px solid #ccc;
    margin: 6px 0 10px 0;
}


.EntryList[b-3xqyczxfg8] {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px;
}

.EntryItem[b-3xqyczxfg8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 6px;
}

.EntryItemText[b-3xqyczxfg8] {
    font-weight: bold;
    color: #333;
    flex: 1;
}

.EntryItemUserName[b-3xqyczxfg8] {
    font-weight: normal;
    color: #666;
    margin-left: 1rem;
    white-space: nowrap;
}

.EntryItemOwn[b-3xqyczxfg8] {
    background-color: #d4f4dd;
}

.NoEntries[b-3xqyczxfg8] {
    color: #999;
    font-style: italic;
    margin-bottom: 10px;
}

.NewEntryArea[b-3xqyczxfg8] {
    border-top: 2px solid #007bff;
    margin-top: 25px;
    padding-top: 15px;
}

.input-container[b-3xqyczxfg8] {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    flex-flow: column;
}


.input-field[b-3xqyczxfg8] {
    width: 100%;
    height: 60px; /* direkte Höhe */
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.submit-button[b-3xqyczxfg8] {
    padding: 10px 20px;
    background-color: #333;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

    .submit-button:hover[b-3xqyczxfg8] {
        background-color: #555;
    }


@media (max-width: 600px) {
    body[b-3xqyczxfg8] {
        padding: 0;
        margin: 0;
    }

    .SurveyWindow[b-3xqyczxfg8] {
        padding: 0.5rem;
        margin: 0 0.5rem; /* weniger seitlicher Rand */
    }

    .UserInfo[b-3xqyczxfg8] {
        text-align: center;
    }

    .SurveySlot[b-3xqyczxfg8] {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .SurveySlotTitle[b-3xqyczxfg8] {
        font-size: 1.3rem;
    }

    .SurveySlotSubTitle[b-3xqyczxfg8] {
        font-size: 1rem;
    }

    .input-field[b-3xqyczxfg8] {
        font-size: 15px;
        height: 50px;
        padding: 10px;
    }

    .submit-button[b-3xqyczxfg8] {
        font-size: 15px;
        padding: 10px 14px;
    }

    .NewEntryArea[b-3xqyczxfg8] {
        padding-top: 10px;
        margin-top: 20px;
    }

    .SurveyElement[b-3xqyczxfg8] {
        gap: 0.5rem;
        padding: 0.5rem;
    }

        .SurveyElement input[type="radio"][b-3xqyczxfg8] {
            transform: scale(1.1);
            margin-top: 0.2rem;
        }

    .SurveyElementTitle[b-3xqyczxfg8] {
        font-size: 1rem;
    }

    .SurveyElementSubTitle[b-3xqyczxfg8] {
        font-size: 0.9rem;
    }

    .SurveySubmit button[b-3xqyczxfg8] {
        font-size: 0.95rem;
        padding: 0.6rem 1rem;
    }

    .MemberStatus[b-3xqyczxfg8] {
        font-size: 0.85rem;
        margin-bottom: 0.2rem;
    }

    .EntryItem[b-3xqyczxfg8] {
        flex-wrap: wrap;
    }

    .EntryItemUserName[b-3xqyczxfg8] {
        margin-top: 4px;
        margin-left: 0;
        width: 100%;
        text-align: right;
    }
}


/* /PrintPages/PrintBon.razor.rz.scp.css */
html[b-wwabtaw574],
body[b-wwabtaw574] {
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    background: transparent !important;
}

.pageContent[b-wwabtaw574] {
    max-width: 80mm;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: 0 auto;
}

.ffw-image[b-wwabtaw574] {
    margin-top: 10px;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.headerText[b-wwabtaw574] {
    font-size: 4em;
    margin-top: 10px;
    text-align: center;
    font-weight: 700;
}

.positionen[b-wwabtaw574] {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 6px;
    margin-bottom: 6px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
}

.position-comment[b-wwabtaw574] {
    font-weight: 700;
    margin-bottom: 4px;
}

.tableNumber[b-wwabtaw574] {
    font-size: 2em;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
}

.freitext[b-wwabtaw574] {
    font-style: italic;
    font-size: 1.7em;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
    white-space: pre-line;
}

.qrcodearea[b-wwabtaw574] {
    text-align: center;
    display: block;
    margin-top: 10px;
}

.qrcode-img[b-wwabtaw574] {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}

.qrcodearea_text[b-wwabtaw574] {
    margin-top: 3px;
    text-align: center;
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 10px;
}

@media print {
    html[b-wwabtaw574],
    body[b-wwabtaw574] {
        margin: 0;
        background: #fff !important;
    }
}
/* /PrintPages/PrintSurveyGroup.razor.rz.scp.css */
body[b-3qjyz6fk6l] {
    font-family: "Segoe UI", Arial, sans-serif;
    color: #1f2937;
    background: #f3f5f7;
    margin: 0;
    padding: 10px;
}

h1[b-3qjyz6fk6l] {
    margin: 0 0 10px 0;
    font-size: 27px;
    color: #0f3a5f;
}

.sheet[b-3qjyz6fk6l] {
    width: 100%;
    max-width: 190mm;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #d6dee8;
    border-radius: 8px;
    padding: 9mm;
    box-sizing: border-box;
}

.meta[b-3qjyz6fk6l] {
    margin-bottom: 12px;
    line-height: 1.45;
    background: #edf4fb;
    border-left: 4px solid #2e78bd;
    border-radius: 4px;
    padding: 8px 10px;
}

.survey-block[b-3qjyz6fk6l] {
    border: 1px solid #d6dee8;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    page-break-inside: avoid;
}

.survey-header[b-3qjyz6fk6l] {
    background: linear-gradient(135deg, #d8e9f8 0%, #e8f3fd 100%);
    color: #000000;
    padding: 9px 12px;
}

.survey-title[b-3qjyz6fk6l] {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
}

.survey-subtitle[b-3qjyz6fk6l] {
    margin-top: 3px;
    font-size: 13px;
    color: #000000;
    font-weight: 700;
}

.survey-cut[b-3qjyz6fk6l] {
    height: 3px;
    background: #90bee7;
}

.survey-body[b-3qjyz6fk6l] {
    padding: 8px 12px 10px 12px;
}

.element-row[b-3qjyz6fk6l] {
    padding: 7px 0 8px 0;
    border-bottom: 1px solid #e1e8f0;
}

.element-row:last-child[b-3qjyz6fk6l] {
    border-bottom: 0;
}

.element-title[b-3qjyz6fk6l] {
    font-size: 17px;
    font-weight: 700;
    color: #1e3a5f;
    margin-bottom: 2px;
}

.assignment-row[b-3qjyz6fk6l] {
    font-size: 14px;
    color: #334155;
}

.free-row[b-3qjyz6fk6l] {
    font-size: 14px;
    color: #334155;
    padding: 5px 0;
    border-bottom: 1px solid #e1e8f0;
}

.free-row:last-child[b-3qjyz6fk6l] {
    border-bottom: 0;
}

.free-name[b-3qjyz6fk6l] {
    font-weight: 700;
    color: #1e3a5f;
}

.empty-row[b-3qjyz6fk6l] {
    font-size: 14px;
    color: #6b7280;
    padding: 5px 0;
}

@media print {
    body[b-3qjyz6fk6l] {
        background: #fff;
        padding: 0;
    }

    .sheet[b-3qjyz6fk6l] {
        max-width: none;
        margin: 0;
        border: 0;
        border-radius: 0;
        padding: 0;
    }
}
/* /PrintPages/PrintUser.razor.rz.scp.css */
@media print {
    body[b-kqvn8lzogy] {
        margin: 0;
    }

    .no-print[b-kqvn8lzogy] {
        display: none !important;
    }
}

.sheet[b-kqvn8lzogy] {
    padding: 12px;
    font-family: Arial, sans-serif;
}

.row[b-kqvn8lzogy] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.qr img[b-kqvn8lzogy] {
    width: 180px;
    height: 180px;
}

.small[b-kqvn8lzogy] {
    font-size: 12px;
    color: #333;
    word-break: break-all;
}
/* /Shared/BackendLayout.razor.rz.scp.css */
.page[b-b8g6ay3zxx] {
    position: relative;
    display: flex;
    flex-direction: column;
    touch-action: manipulation;
    min-height: 100dvh;
    --app-topbar-height: 3.75rem;
}

main[b-b8g6ay3zxx] {
    flex: 1;
    touch-action: manipulation;
    min-height: calc(100dvh - var(--app-topbar-height));
    overflow-x: hidden;
}

main > *[b-b8g6ay3zxx] {
    box-sizing: border-box;
}

.sidebar[b-b8g6ay3zxx] {
    background: linear-gradient(135deg, #0f172a 0%, #1d4e89 70%, #1f2937 100%);
}

.top-row[b-b8g6ay3zxx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-b8g6ay3zxx]  a, .top-row .btn-link[b-b8g6ay3zxx] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-b8g6ay3zxx] {
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .top-row:not(.auth)[b-b8g6ay3zxx] {
        display: none;
    }

    .top-row.auth[b-b8g6ay3zxx] {
        justify-content: space-between;
    }

    .top-row a[b-b8g6ay3zxx], .top-row .btn-link[b-b8g6ay3zxx] {
        margin-left: 0;
    }





    /*@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}*/
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-158btue4uf] {
    position: relative;
    display: flex;
    flex-direction: column;
    touch-action: manipulation;
    min-height: 100dvh;
    --app-topbar-height: 3.75rem;
}

main[b-158btue4uf] {
    flex: 1;
    touch-action: manipulation;
    min-height: calc(100dvh - var(--app-topbar-height));
    overflow-x: hidden;
}

main > *[b-158btue4uf] {
    box-sizing: border-box;
}

.sidebar[b-158btue4uf] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-158btue4uf] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-158btue4uf]  a, .top-row .btn-link[b-158btue4uf] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-158btue4uf] {
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .top-row:not(.auth)[b-158btue4uf] {
        display: none;
    }

    .top-row.auth[b-158btue4uf] {
        justify-content: space-between;
    }

    .top-row a[b-158btue4uf], .top-row .btn-link[b-158btue4uf] {
        margin-left: 0;
    }


/*@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}*/
/* /Shared/MonitorTickerEditor.razor.rz.scp.css */
.monitorTickerEditor_Overlay[b-zc8j38pi8o] {
    position: fixed;
    inset: 0;
    z-index: 22000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(4px);
}

.monitorTickerEditor_Dialog[b-zc8j38pi8o],
.monitorTickerEditor_ConfirmDialog[b-zc8j38pi8o] {
    width: min(1080px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.3);
}

.monitorTickerEditor_ConfirmDialog[b-zc8j38pi8o] {
    width: min(430px, 100%);
    padding: 1.35rem;
}

.monitorTickerEditor_Header[b-zc8j38pi8o] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.3rem 1.35rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%);
}

.monitorTickerEditor_Header h3[b-zc8j38pi8o] {
    margin: 0;
    font-size: 1.35rem;
}

.monitorTickerEditor_Header p[b-zc8j38pi8o] {
    margin: 0.3rem 0 0;
    color: rgba(226, 232, 240, 0.9);
}

.monitorTickerEditor_Eyebrow[b-zc8j38pi8o] {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(191, 219, 254, 0.85);
    margin-bottom: 0.22rem;
}

.monitorTickerEditor_CloseBtn[b-zc8j38pi8o] {
    width: 2.3rem;
    height: 2.3rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.45rem;
    line-height: 1;
}

.monitorTickerEditor_Content[b-zc8j38pi8o] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 1rem;
    padding: 1rem 1.1rem 1.15rem;
}

.monitorTickerEditor_ListCard[b-zc8j38pi8o],
.monitorTickerEditor_FormCard[b-zc8j38pi8o] {
    border: 1px solid #dbe3ea;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.monitorTickerEditor_ListHeader[b-zc8j38pi8o],
.monitorTickerEditor_FormHeader[b-zc8j38pi8o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1rem 0.9rem;
    border-bottom: 1px solid #e2e8f0;
}

.monitorTickerEditor_ListTitle[b-zc8j38pi8o] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.monitorTickerEditor_FormHint[b-zc8j38pi8o] {
    margin-top: 0.16rem;
    color: #64748b;
    font-size: 0.84rem;
}

.monitorTickerEditor_PrimaryBtn[b-zc8j38pi8o],
.monitorTickerEditor_SecondaryBtn[b-zc8j38pi8o],
.monitorTickerEditor_DangerBtn[b-zc8j38pi8o] {
    border: 0;
    border-radius: 14px;
    min-height: 2.9rem;
    padding: 0.78rem 1rem;
    font-size: 0.95rem;
    font-weight: 700;
}

.monitorTickerEditor_PrimaryBtn[b-zc8j38pi8o] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: #fff;
}

.monitorTickerEditor_SecondaryBtn[b-zc8j38pi8o] {
    background: #e2e8f0;
    color: #334155;
}

.monitorTickerEditor_DangerBtn[b-zc8j38pi8o] {
    background: #dc2626;
    color: #fff;
}

.monitorTickerEditor_EmptyState[b-zc8j38pi8o] {
    margin: 1rem;
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
}

.monitorTickerEditor_List[b-zc8j38pi8o] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1rem;
}

.monitorTickerEditor_Row[b-zc8j38pi8o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dbe3ea;
    border-left: 5px solid transparent;
    border-radius: 16px;
    background: #fff;
}

.monitorTickerEditor_Row.is-inactive[b-zc8j38pi8o] {
    background: #f8fafc;
}

.monitorTickerEditor_Row.is-editing[b-zc8j38pi8o] {
    border-color: #93c5fd;
    border-left-color: #2563eb;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 45%);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
}

.monitorTickerEditor_RowMeta[b-zc8j38pi8o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.monitorTickerEditor_Status[b-zc8j38pi8o],
.monitorTickerEditor_OrderBadge[b-zc8j38pi8o] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
}

.monitorTickerEditor_Status.is-active[b-zc8j38pi8o] {
    background: #dcfce7;
    color: #166534;
}

.monitorTickerEditor_Status.is-inactive[b-zc8j38pi8o],
.monitorTickerEditor_OrderBadge[b-zc8j38pi8o] {
    background: #e2e8f0;
    color: #475569;
}

.monitorTickerEditor_Message[b-zc8j38pi8o] {
    margin-top: 0.6rem;
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 650;
    line-height: 1.4;
    white-space: pre-wrap;
}

.monitorTickerEditor_TimeRange[b-zc8j38pi8o] {
    margin-top: 0.45rem;
    color: #64748b;
    font-size: 0.82rem;
}

.monitorTickerEditor_Actions[b-zc8j38pi8o] {
    display: flex;
    gap: 0.35rem;
}

.monitorTickerEditor_IconBtn[b-zc8j38pi8o] {
    width: 1.95rem;
    height: 1.95rem;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
}

.monitorTickerEditor_IconBtn.is-danger[b-zc8j38pi8o] {
    background: #fee2e2;
    color: #b91c1c;
}

.monitorTickerEditor_Form[b-zc8j38pi8o] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem;
}

.monitorTickerEditor_Field[b-zc8j38pi8o] {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
}

.monitorTickerEditor_Field label[b-zc8j38pi8o] {
    color: #475569;
    min-height: 1.35rem;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.25;
}

.monitorTickerEditor_Input[b-zc8j38pi8o],
.monitorTickerEditor_Textarea[b-zc8j38pi8o] {
    width: 100%;
    min-height: 2.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 0.78rem 0.95rem;
    background: #fff;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
}

.monitorTickerEditor_Input[b-zc8j38pi8o] {
    color-scheme: light;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.monitorTickerEditor_Textarea[b-zc8j38pi8o] {
    min-height: 7.5rem;
    resize: vertical;
}

.monitorTickerEditor_Grid[b-zc8j38pi8o] {
    display: grid;
    gap: 0.75rem;
}

.monitorTickerEditor_Grid-basic[b-zc8j38pi8o] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.monitorTickerEditor_Grid-datetime[b-zc8j38pi8o] {
    grid-template-columns: minmax(0, 1fr);
}

.monitorTickerEditor_Input-datetime[b-zc8j38pi8o] {
    min-width: 0;
    font-variant-numeric: tabular-nums;
    min-height: 3.2rem;
    border-width: 2px;
    border-color: #94a3b8;
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.monitorTickerEditor_Input-datetime:focus[b-zc8j38pi8o] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.16);
}

.monitorTickerEditor_Input-datetime[b-zc8j38pi8o]::-webkit-calendar-picker-indicator {
    padding: 0.35rem;
    border: 1px solid #94a3b8;
    border-radius: 10px;
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    cursor: pointer;
}

.monitorTickerEditor_Input-datetime[b-zc8j38pi8o]::-webkit-datetime-edit {
    color: #0f172a;
}

.monitorTickerEditor_Input-datetime[b-zc8j38pi8o]::-webkit-datetime-edit-fields-wrapper {
    padding-right: 0.25rem;
}

.monitorTickerEditor_CheckboxRow[b-zc8j38pi8o] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    font-weight: 700;
    color: #334155;
}

.monitorTickerEditor_Checkbox[b-zc8j38pi8o] {
    width: 1.2rem;
    height: 1.2rem;
    accent-color: #2563eb;
}

.monitorTickerEditor_Footer[b-zc8j38pi8o] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0 1rem 1rem;
}

@media (max-width: 900px) {
    .monitorTickerEditor_Content[b-zc8j38pi8o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .monitorTickerEditor_Grid[b-zc8j38pi8o],
    .monitorTickerEditor_Grid-basic[b-zc8j38pi8o],
    .monitorTickerEditor_Grid-datetime[b-zc8j38pi8o] {
        grid-template-columns: 1fr;
    }

    .monitorTickerEditor_Footer[b-zc8j38pi8o] {
        flex-direction: column-reverse;
    }

    .monitorTickerEditor_Footer button[b-zc8j38pi8o],
    .monitorTickerEditor_ListHeader .monitorTickerEditor_PrimaryBtn[b-zc8j38pi8o] {
        width: 100%;
    }

    .monitorTickerEditor_ListHeader[b-zc8j38pi8o] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.top-row[b-aw7bozi5t7] {
    position: sticky;
    top: 0;
    z-index: var(--z-nav-topbar, 1100);
    height: 3.75rem;
    background: linear-gradient(135deg, #0f172a 0%, #1d4e89 70%, #1f2937 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.top-row .container-fluid[b-aw7bozi5t7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 100%;
    padding-left: 0.9rem;
    padding-right: 0.9rem;
}

.navbar-toggler[b-aw7bozi5t7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.navbar-brand[b-aw7bozi5t7] {
    min-width: 0;
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-UserText[b-aw7bozi5t7] {
    font-size: 1.1rem;
    color: white;
}

.navbar-userArea[b-aw7bozi5t7] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.user-badge[b-aw7bozi5t7] {
    color: white;
    font-size: 1.1rem;
    padding: 0.5rem 0.75rem;
    border-radius: 12px;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.25);
}

.navbar-userArea[b-aw7bozi5t7]  a.top-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 14px;
    color: #fff !important;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.top-action-button[b-aw7bozi5t7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    padding: 0;
    border-radius: 14px;
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.navbar-userArea[b-aw7bozi5t7]  a.top-action-link:hover,
.navbar-userArea[b-aw7bozi5t7]  a.top-action-link.active,
.top-action-button:hover[b-aw7bozi5t7],
.top-action-button.active[b-aw7bozi5t7] {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.navbar-userArea[b-aw7bozi5t7]  a.top-action-link .oi {
    width: auto;
    padding-left: 0;
    top: 0;
    font-size: 1rem;
}

.top-action-button .oi[b-aw7bozi5t7] {
    width: auto;
    padding-left: 0;
    top: 0;
    font-size: 1rem;
}

.oi[b-aw7bozi5t7] {
    width: 1.5rem;
    font-size: 0.9rem;
    vertical-align: text-top;
    top: -1px;
    padding-left: 5px;
}

.nav-backdrop[b-aw7bozi5t7] {
    position: fixed;
    inset: 3.75rem 0 0 0;
    z-index: var(--z-nav-backdrop, 1190);
    background: rgba(15, 23, 42, 0.42);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.nav-backdrop.is-open[b-aw7bozi5t7] {
    opacity: 1;
    pointer-events: auto;
}

.nav-drawer[b-aw7bozi5t7] {
    position: fixed;
    top: 3.75rem;
    left: 0;
    z-index: var(--z-nav-drawer, 1200);
    width: min(320px, calc(100vw - 2rem));
    max-width: calc(100vw - 1rem);
    height: calc(100vh - 3.75rem);
    overflow-y: auto;
    background: linear-gradient(180deg, #0f172a 0%, #1d4e89 68%, #1f2937 100%);
    visibility: hidden;
    transform: translateX(calc(-100% - 1rem));
    transition: transform 0.22s ease;
}

.nav-drawer.is-open[b-aw7bozi5t7] {
    visibility: visible;
    transform: translateX(0);
}

nav.flex-column[b-aw7bozi5t7] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-height: 100%;
    padding: 0.75rem 0.55rem 1rem;
    background: transparent;
}

.nav-item[b-aw7bozi5t7] {
    font-size: 0.9rem;
}

.nav-item[b-aw7bozi5t7]  a {
    color: #dbeafe;
    border-radius: 12px;
    min-height: 3rem;
    padding: 0.65rem 0.8rem;
    display: flex;
    align-items: center;
    line-height: 1.25;
}

.nav-item[b-aw7bozi5t7]  a.active {
    background-color: rgba(255,255,255,0.24);
    color: white;
}

.nav-item[b-aw7bozi5t7]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (max-width: 640px) {
    .top-row .container-fluid[b-aw7bozi5t7] {
        gap: 0.55rem;
        padding-left: 0.65rem;
        padding-right: 0.65rem;
    }

    .navbar-brand[b-aw7bozi5t7] {
        font-size: 1rem;
    }

    .user-badge[b-aw7bozi5t7] {
        padding: 0.45rem 0.65rem;
        font-size: 0.96rem;
    }

    .navbar-userArea[b-aw7bozi5t7] {
        gap: 0.4rem;
    }

    .navbar-userArea[b-aw7bozi5t7]  a.top-action-link {
        width: 2.45rem;
        height: 2.45rem;
        border-radius: 12px;
    }

    .top-action-button[b-aw7bozi5t7] {
        width: 2.45rem;
        height: 2.45rem;
        border-radius: 12px;
    }

    .nav-drawer[b-aw7bozi5t7] {
        width: min(300px, calc(100vw - 1rem));
    }
}