/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-hb72u8v8n0] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-hb72u8v8n0] {
    flex: 1;
}

.sidebar[b-hb72u8v8n0] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-hb72u8v8n0] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-hb72u8v8n0]  a, .top-row[b-hb72u8v8n0]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-hb72u8v8n0]  a:hover, .top-row[b-hb72u8v8n0]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-hb72u8v8n0]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-hb72u8v8n0] {
        justify-content: space-between;
    }

    .top-row[b-hb72u8v8n0]  a, .top-row[b-hb72u8v8n0]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-hb72u8v8n0] {
        flex-direction: row;
    }

    .sidebar[b-hb72u8v8n0] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-hb72u8v8n0] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-hb72u8v8n0]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-hb72u8v8n0], article[b-hb72u8v8n0] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-hb72u8v8n0] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-hb72u8v8n0] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.reconnect-indicator[b-cborl20bg2] {
    position: fixed;
    inset-block-start: max(0.75rem, env(safe-area-inset-top));
    left: 50%;
    z-index: 10000;
    display: none;
    min-block-size: 2.75rem;
    max-inline-size: calc(100vw - 1.5rem);
    align-items: center;
    gap: 0.625rem;
    padding: 0.375rem 0.5rem 0.375rem 0.75rem;
    color: oklch(0.96 0.008 75);
    background: oklch(0.24 0.014 255 / 0.96);
    border: 1px solid oklch(0.42 0.015 255 / 0.7);
    border-radius: 999px;
    box-shadow: 0 0.5rem 1.5rem oklch(0.12 0.02 255 / 0.22);
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    transform: translateX(-50%);
    animation: reconnect-enter-b-cborl20bg2 180ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

#components-reconnect-modal.reconnect-indicator.components-reconnect-show[b-cborl20bg2],
#components-reconnect-modal.reconnect-indicator.components-reconnect-retrying[b-cborl20bg2],
#components-reconnect-modal.reconnect-indicator.components-reconnect-failed[b-cborl20bg2],
#components-reconnect-modal.reconnect-indicator.components-reconnect-rejected[b-cborl20bg2],
#components-reconnect-modal.reconnect-indicator.components-reconnect-paused[b-cborl20bg2],
#components-reconnect-modal.reconnect-indicator.components-reconnect-resume-failed[b-cborl20bg2] {
    display: flex;
}

.components-reconnect-first-attempt-visible[b-cborl20bg2],
.components-reconnect-repeated-attempt-visible[b-cborl20bg2],
.components-reconnect-failed-visible[b-cborl20bg2],
.components-reconnect-rejected-visible[b-cborl20bg2],
.components-pause-visible[b-cborl20bg2],
.components-resume-failed-visible[b-cborl20bg2] {
    display: none;
}

.components-reconnect-show .components-reconnect-first-attempt-visible[b-cborl20bg2],
.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-cborl20bg2],
.components-reconnect-failed .components-reconnect-failed-visible[b-cborl20bg2],
.components-reconnect-rejected .components-reconnect-rejected-visible[b-cborl20bg2],
.components-reconnect-paused .components-pause-visible[b-cborl20bg2],
.components-reconnect-resume-failed .components-resume-failed-visible[b-cborl20bg2] {
    display: inline-flex;
}

.reconnect-state-dot[b-cborl20bg2] {
    inline-size: 0.5rem;
    block-size: 0.5rem;
    flex: 0 0 auto;
    background: oklch(0.8 0.16 80);
    border-radius: 50%;
    box-shadow: 0 0 0 0.25rem oklch(0.8 0.16 80 / 0.14);
    animation: reconnect-pulse-b-cborl20bg2 1.4s ease-out infinite;
}

.components-reconnect-failed .reconnect-state-dot[b-cborl20bg2],
.components-reconnect-rejected .reconnect-state-dot[b-cborl20bg2],
.components-reconnect-resume-failed .reconnect-state-dot[b-cborl20bg2] {
    background: oklch(0.7 0.2 25);
    box-shadow: 0 0 0 0.25rem oklch(0.7 0.2 25 / 0.14);
    animation: none;
}

.reconnect-countdown[b-cborl20bg2] {
    color: oklch(0.78 0.012 75);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.reconnect-action[b-cborl20bg2] {
    min-block-size: 2.75rem;
    padding: 0.375rem 0.75rem;
    color: oklch(0.22 0.015 255);
    background: oklch(0.95 0.012 75);
    border: 0;
    border-radius: 999px;
    font: inherit;
    cursor: pointer;
    transition: background-color 160ms ease-out, transform 160ms ease-out;
}

.reconnect-action:hover[b-cborl20bg2] {
    background: oklch(0.88 0.015 75);
}

.reconnect-action:active[b-cborl20bg2] {
    transform: scale(0.97);
}

.reconnect-action:focus-visible[b-cborl20bg2] {
    outline: 2px solid oklch(0.82 0.11 240);
    outline-offset: 2px;
}

@keyframes reconnect-enter-b-cborl20bg2 {
    from { opacity: 0; transform: translate(-50%, -0.5rem); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

@keyframes reconnect-pulse-b-cborl20bg2 {
    50% { opacity: 0.48; }
}

@media (prefers-reduced-motion: reduce) {
    .reconnect-indicator[b-cborl20bg2],
    .reconnect-state-dot[b-cborl20bg2] {
        animation: none;
    }
}
/* /Components/Pages/PaymentStatus.razor.rz.scp.css */
.payment-status-page[b-3jrfyqcxmz] {
    display: grid;
    min-height: 100%;
    place-items: start center;
    padding: clamp(1rem, 3vw, 2.5rem) 1rem 3rem;
    font-family: AppFont, system-ui, sans-serif;
    color: var(--color-theme2-on-surface, #171717);
}

.payment-status-card[b-3jrfyqcxmz] {
    --status-color: var(--color-primary, #5b5bd6);
    --status-soft: color-mix(in srgb, var(--status-color) 10%, transparent);
    width: min(100%, 46rem);
    overflow: hidden;
    border: 1px solid var(--color-theme2-outline-variant, #e5e7eb);
    border-radius: 2rem;
    background: var(--color-theme2-surface, #ffffff);
    box-shadow: 0 24px 70px -52px color-mix(in srgb, var(--color-theme2-on-surface, #111827) 55%, transparent);
}

.payment-status-card.is-success[b-3jrfyqcxmz] {
    --status-color: #168354;
}

.payment-status-card.is-failed[b-3jrfyqcxmz] {
    --status-color: #c6383f;
}

.payment-status-card.is-neutral[b-3jrfyqcxmz] {
    --status-color: var(--color-theme2-on-surface-variant, #64748b);
}

.payment-status-hero[b-3jrfyqcxmz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(2rem, 6vw, 3.75rem) clamp(1.25rem, 5vw, 3.5rem) 2rem;
    text-align: center;
}

.payment-status-seal[b-3jrfyqcxmz] {
    position: relative;
    display: grid;
    width: 7rem;
    height: 7rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--status-color) 24%, transparent);
    border-radius: 50%;
    background: var(--status-soft);
}

.payment-status-seal[b-3jrfyqcxmz]::before,
.payment-status-seal[b-3jrfyqcxmz]::after {
    position: absolute;
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: var(--status-color);
    content: "";
}

.payment-status-seal[b-3jrfyqcxmz]::before {
    inset-block-start: .25rem;
    inset-inline-end: -.8rem;
    opacity: .7;
}

.payment-status-seal[b-3jrfyqcxmz]::after {
    inset-block-end: 1rem;
    inset-inline-start: -.7rem;
    width: .38rem;
    height: .38rem;
    opacity: .45;
}

.payment-status-seal__halo[b-3jrfyqcxmz] {
    display: grid;
    width: 4.75rem;
    height: 4.75rem;
    place-items: center;
    border-radius: 50%;
    background: var(--status-color);
    color: #fff;
    box-shadow: 0 14px 32px -20px var(--status-color);
}

.payment-status-seal__icon[b-3jrfyqcxmz] {
    font-size: 2.5rem;
    font-variation-settings: "wght" 600;
}

.payment-status-seal__icon.is-pulsing[b-3jrfyqcxmz] {
    animation: payment-status-pulse-b-3jrfyqcxmz 1.4s ease-in-out infinite;
}

.payment-status-badge[b-3jrfyqcxmz] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    gap: .5rem;
    margin-top: 1.35rem;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: var(--status-soft);
    color: var(--status-color);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
}

.payment-status-badge__dot[b-3jrfyqcxmz] {
    width: .48rem;
    height: .48rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
}

.payment-status-title[b-3jrfyqcxmz] {
    max-width: 34rem;
    margin-top: 1rem;
    color: var(--color-theme2-on-surface, #171717);
    font-size: clamp(1.75rem, 5vw, 2.5rem);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.payment-status-message[b-3jrfyqcxmz],
.payment-status-description[b-3jrfyqcxmz] {
    max-width: 35rem;
    color: var(--color-theme2-on-surface-variant, #667085);
    line-height: 1.7;
}

.payment-status-message[b-3jrfyqcxmz] {
    margin-top: .8rem;
}

.payment-status-description[b-3jrfyqcxmz] {
    margin-top: .35rem;
    font-size: .875rem;
}

.payment-status-reference[b-3jrfyqcxmz] {
    display: grid;
    max-width: 100%;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: .6rem;
    margin-top: 1.35rem;
    padding: .65rem .85rem;
    border: 1px solid var(--color-theme2-outline-variant, #e5e7eb);
    border-radius: .9rem;
    background: var(--color-theme2-surface-container-low, #f8fafc);
    color: var(--color-theme2-on-surface-variant, #667085);
}

.payment-status-reference > .material-symbols-outlined[b-3jrfyqcxmz] {
    color: var(--status-color);
    font-size: 1.2rem;
}

.payment-status-reference__label[b-3jrfyqcxmz] {
    font-size: .8rem;
}

.payment-status-reference__value[b-3jrfyqcxmz] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--color-theme2-on-surface, #171717);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .8rem;
    text-align: end;
}

.payment-status-countdown[b-3jrfyqcxmz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: 1rem;
    color: var(--color-theme2-on-surface-variant, #667085);
    font-size: .75rem;
}

.payment-status-countdown .material-symbols-outlined[b-3jrfyqcxmz] {
    font-size: 1rem;
}

.payment-status-body[b-3jrfyqcxmz] {
    padding: 0 clamp(1rem, 5vw, 3.5rem) clamp(1.25rem, 5vw, 3rem);
}

.payment-receipt[b-3jrfyqcxmz] {
    overflow: hidden;
    border: 1px solid var(--color-theme2-outline-variant, #e5e7eb);
    border-radius: 1.35rem;
    background: var(--color-theme2-surface-container-low, #f8fafc);
}

.payment-receipt-row[b-3jrfyqcxmz] {
    display: grid;
    grid-template-columns: 2.4rem minmax(7rem, 1fr) minmax(0, 1.25fr);
    align-items: center;
    gap: .8rem;
    min-height: 4.5rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--color-theme2-outline-variant, #e5e7eb);
}

.payment-receipt-row:last-child[b-3jrfyqcxmz] {
    border-bottom: 0;
}

.payment-receipt-row__icon[b-3jrfyqcxmz] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: .8rem;
    background: var(--color-theme2-surface, #fff);
    color: var(--status-color);
    font-size: 1.2rem;
}

.payment-receipt-row dt[b-3jrfyqcxmz] {
    color: var(--color-theme2-on-surface-variant, #667085);
    font-size: .875rem;
    font-weight: 600;
}

.payment-receipt-row dd[b-3jrfyqcxmz] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--color-theme2-on-surface, #171717);
    font-size: .9rem;
    font-weight: 750;
    text-align: end;
}

.payment-receipt-row--amount dd[b-3jrfyqcxmz] {
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
}

.payment-receipt-row--amount small[b-3jrfyqcxmz] {
    color: var(--color-theme2-on-surface-variant, #667085);
    font-size: .75rem;
    font-weight: 700;
}

.payment-receipt-row dd.payment-receipt-row__code[b-3jrfyqcxmz] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .8rem;
}

.payment-status-actions[b-3jrfyqcxmz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action {
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .75rem 1rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    font-weight: 800;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
    cursor: pointer;
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action .material-symbols-outlined {
    font-size: 1.25rem;
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action--primary {
    background: var(--color-primary, #5b5bd6);
    color: var(--color-theme2-on-primary, #fff);
}

.is-failed .payment-status-actions[b-3jrfyqcxmz]  .payment-status-action--primary {
    background: var(--status-color);
    color: #fff;
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action--secondary {
    border-color: var(--color-theme2-outline, #cbd5e1);
    background: var(--color-theme2-surface, #fff);
    color: var(--color-theme2-on-surface, #171717);
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action--single {
    grid-column: 1 / -1;
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action--secondary:hover {
    border-color: var(--status-color);
    color: var(--status-color);
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action:active {
    transform: translateY(0) scale(.99);
}

.payment-status-actions[b-3jrfyqcxmz]  .payment-status-action:focus-visible,
.payment-support[b-3jrfyqcxmz]  .payment-support__action:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--status-color) 34%, transparent);
    outline-offset: 2px;
}

.payment-support[b-3jrfyqcxmz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1.25rem;
    background: var(--status-soft);
}

.payment-support__icon[b-3jrfyqcxmz] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: .9rem;
    background: var(--color-theme2-surface, #fff);
    color: var(--status-color);
}

.payment-support__copy[b-3jrfyqcxmz] {
    color: var(--color-theme2-on-surface, #171717);
    font-size: .875rem;
}

.payment-support[b-3jrfyqcxmz]  .payment-support__action {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: .35rem;
    padding: .5rem .65rem;
    border-radius: .8rem;
    color: var(--status-color);
    font-size: .8rem;
    font-weight: 800;
    transition: background-color 180ms ease;
    cursor: pointer;
}

.payment-support[b-3jrfyqcxmz]  .payment-support__action:hover {
    background: color-mix(in srgb, var(--status-color) 10%, transparent);
}

.payment-support[b-3jrfyqcxmz]  .payment-support__action .material-symbols-outlined {
    font-size: 1.1rem;
}

@media (max-width: 36rem) {
    .payment-status-page[b-3jrfyqcxmz] {
        padding: .75rem .75rem 2rem;
    }

    .payment-status-card[b-3jrfyqcxmz] {
        border-radius: 1.5rem;
    }

    .payment-status-hero[b-3jrfyqcxmz] {
        padding-block-start: 2rem;
    }

    .payment-status-seal[b-3jrfyqcxmz] {
        width: 6rem;
        height: 6rem;
    }

    .payment-status-seal__halo[b-3jrfyqcxmz] {
        width: 4.15rem;
        height: 4.15rem;
    }

    .payment-receipt-row[b-3jrfyqcxmz] {
        grid-template-columns: 2.4rem minmax(0, 1fr);
        gap: .15rem .75rem;
        padding-block: .9rem;
    }

    .payment-receipt-row__icon[b-3jrfyqcxmz] {
        grid-row: 1 / 3;
    }

    .payment-receipt-row dd[b-3jrfyqcxmz] {
        text-align: start;
    }

    .payment-status-actions[b-3jrfyqcxmz] {
        grid-template-columns: 1fr;
    }

    .payment-support[b-3jrfyqcxmz] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .payment-support[b-3jrfyqcxmz]  .payment-support__action {
        grid-column: 1 / -1;
        justify-content: center;
        border-top: 1px solid color-mix(in srgb, var(--status-color) 20%, transparent);
        border-radius: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .payment-status-seal__icon.is-pulsing[b-3jrfyqcxmz] {
        animation-duration: 2.5s;
    }

    .payment-status-actions[b-3jrfyqcxmz]  .payment-status-action,
    .payment-support[b-3jrfyqcxmz]  .payment-support__action {
        transition-duration: .01ms;
    }
}

@keyframes payment-status-pulse-b-3jrfyqcxmz {
    50% {
        opacity: .45;
    }
}
/* /Components/Pages/ReportStatus.razor.rz.scp.css */
.status-page[b-sjaafz128u] {
    box-sizing: border-box;
    min-height: 100dvh;
    padding: 2rem 1rem 3.5rem;
    color: oklch(24% .022 255);
    background: transparent;
    font-family: AppFont, ui-sans-serif, system-ui, sans-serif;
}

.status-page *[b-sjaafz128u], .status-page *[b-sjaafz128u]::before, .status-page *[b-sjaafz128u]::after { box-sizing: border-box; }
.status-shell[b-sjaafz128u] { width: min(46rem, 100%); margin: 0 auto; }
.back-link[b-sjaafz128u] { display: inline-flex; min-height: 2.75rem; align-items: center; gap: .45rem; margin-bottom: 1.65rem; border-radius: .7rem; padding: 0 .65rem 0 .35rem; color: oklch(45% .025 255); font-size: .82rem; font-weight: 700; text-decoration: none; transition: color 180ms ease-out, background 180ms ease-out; }
.back-link svg[b-sjaafz128u] { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
[dir="rtl"] .back-link svg[b-sjaafz128u] { transform: rotate(180deg); }
.back-link:hover[b-sjaafz128u] { color: var(--color-primary, oklch(52% .15 28)); background: color-mix(in oklch, var(--color-primary, oklch(52% .15 28)) 8%, transparent); }
.back-link:focus-visible[b-sjaafz128u], .lookup-form input:focus-visible[b-sjaafz128u], .lookup-form button:focus-visible[b-sjaafz128u], .another-report:focus-visible[b-sjaafz128u] { outline: 3px solid color-mix(in oklch, var(--color-primary, oklch(52% .15 28)) 28%, transparent); outline-offset: 2px; }

.status-heading[b-sjaafz128u] { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); align-items: start; gap: 1rem; }
.heading-mark[b-sjaafz128u] { display: grid; width: 3.5rem; height: 3.5rem; place-items: center; border-radius: 1rem; color: var(--color-primary, oklch(52% .15 28)); background: color-mix(in oklch, var(--color-primary, oklch(52% .15 28)) 10%, oklch(98% .005 255)); }
.heading-mark svg[b-sjaafz128u] { width: 1.8rem; height: 1.8rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.eyebrow[b-sjaafz128u] { margin: .1rem 0 .38rem; color: var(--color-primary, oklch(50% .15 28)); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.status-heading h1[b-sjaafz128u] { margin: 0; font-size: 2.15rem; font-weight: 850; letter-spacing: -.045em; line-height: 1.08; text-wrap: balance; }
.intro[b-sjaafz128u] { max-width: 62ch; margin: .7rem 0 0; color: oklch(48% .022 255); font-size: .9rem; line-height: 1.65; text-wrap: pretty; }

.lookup-form[b-sjaafz128u] { margin-top: 2rem; padding: 1.2rem; border: 1px solid oklch(87% .014 255); border-radius: 1.15rem; background: oklch(99% .004 75); box-shadow: 0 1rem 2.8rem oklch(35% .025 255 / .07); }
.lookup-form label[b-sjaafz128u] { display: block; margin-bottom: .55rem; font-size: .77rem; font-weight: 800; }
.lookup-row[b-sjaafz128u] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .65rem; }
.input-wrap[b-sjaafz128u] { position: relative; min-width: 0; }
.input-wrap > svg[b-sjaafz128u] { position: absolute; inset-inline-start: .95rem; top: 50%; width: 1.15rem; height: 1.15rem; transform: translateY(-50%); fill: none; stroke: oklch(55% .018 255); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; pointer-events: none; }
.lookup-form input[b-sjaafz128u], .lookup-form button[b-sjaafz128u] { min-height: 3.45rem; border-radius: .85rem; font: inherit; }
.lookup-form input[b-sjaafz128u] { width: 100%; min-width: 0; border: 1px solid oklch(82% .018 255); padding: 0 .95rem 0 2.9rem; color: oklch(23% .025 255); background: oklch(98.5% .005 255); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9rem; font-weight: 650; letter-spacing: .025em; text-transform: uppercase; transition: border-color 180ms ease-out, box-shadow 180ms ease-out, background 180ms ease-out; }
[dir="rtl"] .lookup-form input[b-sjaafz128u] { padding-right: 2.9rem; padding-left: .95rem; }
.lookup-form input:hover:not(:disabled)[b-sjaafz128u] { border-color: oklch(69% .025 255); }
.lookup-form input:disabled[b-sjaafz128u] { cursor: not-allowed; color: oklch(44% .02 255); background: oklch(94.5% .008 255); }
.lookup-form button[b-sjaafz128u] { display: inline-flex; min-width: 9.7rem; align-items: center; justify-content: center; gap: .55rem; border: 0; padding: 0 1.15rem; color: var(--color-theme2-on-primary, oklch(98% .006 75)); background: var(--color-primary, oklch(53% .16 28)); cursor: pointer; font-size: .82rem; font-weight: 800; transition: filter 180ms ease-out, transform 180ms ease-out, opacity 180ms ease-out; }
.lookup-form button svg[b-sjaafz128u] { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
[dir="rtl"] .lookup-form button svg[b-sjaafz128u] { transform: rotate(180deg); }
.lookup-form button:hover:not(:disabled)[b-sjaafz128u] { filter: brightness(1.07); }
.lookup-form button:active:not(:disabled)[b-sjaafz128u] { transform: scale(.985); }
.lookup-form button:disabled[b-sjaafz128u] { cursor: not-allowed; opacity: .72; }
.tracking-help[b-sjaafz128u] { margin: .55rem 0 0; color: oklch(56% .018 255); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .66rem; }

.button-spinner[b-sjaafz128u], .inline-spinner[b-sjaafz128u] { display: inline-block; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin-b-sjaafz128u .75s linear infinite; }
.button-spinner[b-sjaafz128u] { width: 1rem; height: 1rem; }
.inline-spinner[b-sjaafz128u] { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; }
.result-region[b-sjaafz128u] { min-height: 1px; }
.loading-state[b-sjaafz128u], .message-state[b-sjaafz128u], .status-result[b-sjaafz128u] { margin-top: 1rem; border: 1px solid oklch(87% .014 255); border-radius: 1.15rem; background: oklch(99% .004 75); }
.loading-state[b-sjaafz128u] { position: relative; display: grid; grid-template-columns: 2.8rem minmax(0, 1fr); align-items: center; gap: .9rem; overflow: hidden; padding: 1.25rem; }
.loading-orbit[b-sjaafz128u] { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: .85rem; background: color-mix(in oklch, var(--color-primary, oklch(52% .15 28)) 9%, transparent); }
.loading-orbit span[b-sjaafz128u] { width: 1.25rem; height: 1.25rem; border: 2px solid color-mix(in oklch, var(--color-primary, oklch(52% .15 28)) 25%, transparent); border-top-color: var(--color-primary, oklch(52% .15 28)); border-radius: 50%; animation: spin-b-sjaafz128u .8s linear infinite; }
.loading-state strong[b-sjaafz128u], .message-state strong[b-sjaafz128u] { font-size: .88rem; }
.loading-state p[b-sjaafz128u], .message-state p[b-sjaafz128u] { margin: .25rem 0 0; color: oklch(50% .022 255); font-size: .76rem; line-height: 1.5; }
.loading-lines[b-sjaafz128u] { grid-column: 1 / -1; display: grid; gap: .45rem; margin-top: .2rem; }
.loading-lines span[b-sjaafz128u] { height: .45rem; border-radius: .3rem; background: linear-gradient(90deg, oklch(92% .01 255) 25%, oklch(96% .008 255) 45%, oklch(92% .01 255) 65%); background-size: 220% 100%; animation: shimmer-b-sjaafz128u 1.4s ease-in-out infinite; }
.loading-lines span:last-child[b-sjaafz128u] { width: 68%; }
.message-state[b-sjaafz128u] { display: flex; align-items: flex-start; gap: .85rem; padding: 1.1rem 1.2rem; }
.message-state > svg[b-sjaafz128u] { width: 1.35rem; height: 1.35rem; flex: 0 0 auto; margin-top: .05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.not-found[b-sjaafz128u] { color: oklch(43% .055 70); background: oklch(97% .025 80); border-color: oklch(86% .055 80); }
.error-state[b-sjaafz128u] { color: oklch(45% .14 25); background: oklch(97% .025 25); border-color: oklch(86% .06 25); }

.status-result[b-sjaafz128u] { overflow: hidden; box-shadow: 0 1.2rem 3rem oklch(35% .025 255 / .075); }
.result-topline[b-sjaafz128u] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1.2rem; border-bottom: 1px solid oklch(90% .012 255); background: oklch(97.5% .008 255); }
.loaded-label[b-sjaafz128u] { display: inline-flex; align-items: center; gap: .45rem; color: oklch(42% .095 150); font-size: .69rem; font-weight: 800; }
.loaded-label > span[b-sjaafz128u] { width: .45rem; height: .45rem; border-radius: 50%; background: oklch(56% .13 150); box-shadow: 0 0 0 .22rem oklch(56% .13 150 / .12); }
.report-id[b-sjaafz128u] { color: oklch(51% .02 255); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .67rem; font-weight: 700; }
.result-summary[b-sjaafz128u] { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 1rem; align-items: start; padding: 1.45rem 1.2rem 1.25rem; }
.status-icon[b-sjaafz128u] { display: grid; width: 3.5rem; height: 3.5rem; place-items: center; border-radius: 1rem; color: oklch(98% .006 75); background: oklch(53% .085 255); font-size: 1.2rem; font-weight: 850; }
.status-icon.investigating[b-sjaafz128u] { color: oklch(32% .07 75); background: oklch(86% .12 80); }
.status-icon.resolved[b-sjaafz128u] { background: oklch(53% .105 150); }
.status-icon.closed[b-sjaafz128u] { background: oklch(48% .025 255); }
.status-copy[b-sjaafz128u] { min-width: 0; }
.status-copy > p[b-sjaafz128u] { margin: 0 0 .23rem; color: oklch(55% .02 255); font-size: .66rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.status-copy h2[b-sjaafz128u] { margin: 0; font-size: 1.12rem; font-weight: 820; letter-spacing: -.02em; }
.status-copy > span[b-sjaafz128u] { display: block; max-width: 62ch; margin-top: .42rem; color: oklch(47% .022 255); font-size: .78rem; line-height: 1.55; }
.status-meta[b-sjaafz128u] { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid oklch(90% .012 255); border-bottom: 1px solid oklch(90% .012 255); }
.status-meta > div[b-sjaafz128u] { display: grid; gap: .25rem; padding: .95rem 1.2rem; }
.status-meta > div + div[b-sjaafz128u] { border-inline-start: 1px solid oklch(90% .012 255); }
.status-meta span[b-sjaafz128u] { color: oklch(57% .02 255); font-size: .65rem; font-weight: 700; }
.status-meta strong[b-sjaafz128u] { font-size: .73rem; font-variant-numeric: tabular-nums; }
.auto-refresh-note[b-sjaafz128u] { display: flex; align-items: flex-start; gap: .65rem; margin: 1rem 1.2rem 0; border-radius: .8rem; padding: .8rem .9rem; color: color-mix(in oklch, var(--color-primary, oklch(48% .14 28)) 75%, oklch(28% .02 255)); background: color-mix(in oklch, var(--color-primary, oklch(52% .15 28)) 7%, oklch(98% .005 255)); }
.auto-refresh-note svg[b-sjaafz128u] { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.auto-refresh-note p[b-sjaafz128u] { margin: 0; font-size: .71rem; font-weight: 650; line-height: 1.5; }
.another-report[b-sjaafz128u] { display: block; min-height: 2.75rem; margin: .45rem auto .7rem; border: 0; border-radius: .7rem; padding: 0 .8rem; color: oklch(47% .025 255); background: transparent; cursor: pointer; font: inherit; font-size: .72rem; font-weight: 750; transition: color 180ms ease-out, background 180ms ease-out; }
.another-report:hover:not(:disabled)[b-sjaafz128u] { color: var(--color-primary, oklch(52% .15 28)); background: color-mix(in oklch, var(--color-primary, oklch(52% .15 28)) 7%, transparent); }
.another-report:disabled[b-sjaafz128u] { cursor: not-allowed; opacity: .5; }
.privacy-note[b-sjaafz128u] { display: flex; align-items: flex-start; justify-content: center; gap: .5rem; max-width: 38rem; margin: 1.15rem auto 0; color: oklch(55% .018 255); font-size: .68rem; line-height: 1.5; text-align: center; }
.privacy-note svg[b-sjaafz128u] { width: .95rem; height: .95rem; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }

/* Dark mode — mirrors the light palette above using the app's brand dark accent */
.dark .status-page[b-sjaafz128u] { color: oklch(92% .01 255); }
.dark .back-link[b-sjaafz128u] { color: oklch(70% .02 255); }
.dark .back-link:hover[b-sjaafz128u] { color: var(--color-dark-primary, oklch(70% .15 28)); background: color-mix(in oklch, var(--color-dark-primary, oklch(70% .15 28)) 12%, transparent); }
.dark .heading-mark[b-sjaafz128u] { color: var(--color-dark-primary, oklch(70% .15 28)); background: color-mix(in oklch, var(--color-dark-primary, oklch(70% .15 28)) 16%, oklch(20% .01 255)); }
.dark .eyebrow[b-sjaafz128u] { color: var(--color-dark-primary, oklch(72% .15 28)); }
.dark .intro[b-sjaafz128u] { color: oklch(72% .015 255); }

.dark .lookup-form[b-sjaafz128u],
.dark .loading-state[b-sjaafz128u], .dark .message-state[b-sjaafz128u], .dark .status-result[b-sjaafz128u] {
    border-color: oklch(30% .01 255);
    background: oklch(14% .006 255);
    box-shadow: 0 1rem 2.8rem oklch(0% 0 0 / .35);
}
.dark .lookup-form label[b-sjaafz128u] { color: oklch(88% .01 255); }
.dark .input-wrap > svg[b-sjaafz128u] { stroke: oklch(62% .012 255); }
.dark .lookup-form input[b-sjaafz128u] { border-color: oklch(32% .012 255); color: oklch(92% .01 255); background: oklch(19% .008 255); }
.dark .lookup-form input:hover:not(:disabled)[b-sjaafz128u] { border-color: oklch(45% .02 255); }
.dark .lookup-form input:disabled[b-sjaafz128u] { color: oklch(58% .015 255); background: oklch(22% .01 255); }
.dark .tracking-help[b-sjaafz128u] { color: oklch(62% .012 255); }

.dark .loading-state p[b-sjaafz128u], .dark .message-state p[b-sjaafz128u] { color: oklch(68% .015 255); }
.dark .loading-lines span[b-sjaafz128u] { background: linear-gradient(90deg, oklch(26% .01 255) 25%, oklch(32% .01 255) 45%, oklch(26% .01 255) 65%); }
.dark .not-found[b-sjaafz128u] { color: oklch(78% .06 80); background: oklch(24% .03 80); border-color: oklch(38% .05 80); }
.dark .error-state[b-sjaafz128u] { color: oklch(78% .1 25); background: oklch(24% .06 25); border-color: oklch(40% .09 25); }

.dark .result-topline[b-sjaafz128u] { border-bottom-color: oklch(28% .01 255); background: oklch(17% .008 255); }
.dark .loaded-label[b-sjaafz128u] { color: oklch(74% .1 150); }
.dark .loaded-label > span[b-sjaafz128u] { background: oklch(62% .13 150); box-shadow: 0 0 0 .22rem oklch(62% .13 150 / .18); }
.dark .report-id[b-sjaafz128u] { color: oklch(68% .015 255); }
.dark .status-copy > p[b-sjaafz128u] { color: oklch(66% .015 255); }
.dark .status-copy > span[b-sjaafz128u] { color: oklch(72% .015 255); }
.dark .status-icon.closed[b-sjaafz128u] { background: oklch(38% .015 255); }
.dark .status-meta[b-sjaafz128u] { border-top-color: oklch(28% .01 255); border-bottom-color: oklch(28% .01 255); }
.dark .status-meta > div + div[b-sjaafz128u] { border-inline-start-color: oklch(28% .01 255); }
.dark .status-meta span[b-sjaafz128u] { color: oklch(64% .015 255); }
.dark .auto-refresh-note[b-sjaafz128u] { color: color-mix(in oklch, var(--color-dark-primary, oklch(75% .14 28)) 85%, oklch(88% .01 255)); background: color-mix(in oklch, var(--color-dark-primary, oklch(60% .15 28)) 14%, oklch(18% .008 255)); }
.dark .another-report[b-sjaafz128u] { color: oklch(70% .015 255); }
.dark .another-report:hover:not(:disabled)[b-sjaafz128u] { color: var(--color-dark-primary, oklch(75% .15 28)); background: color-mix(in oklch, var(--color-dark-primary, oklch(60% .15 28)) 12%, transparent); }
.dark .privacy-note[b-sjaafz128u] { color: oklch(62% .015 255); }

@keyframes spin-b-sjaafz128u { to { transform: rotate(360deg); } }
@keyframes shimmer-b-sjaafz128u { to { background-position: -220% 0; } }

@media (max-width: 600px) {
    .status-page[b-sjaafz128u] { padding: 1rem .85rem 2.5rem; }
    .back-link[b-sjaafz128u] { margin-bottom: 1.15rem; }
    .status-heading[b-sjaafz128u] { grid-template-columns: 2.9rem minmax(0, 1fr); gap: .8rem; }
    .heading-mark[b-sjaafz128u] { width: 2.9rem; height: 2.9rem; border-radius: .85rem; }
    .heading-mark svg[b-sjaafz128u] { width: 1.5rem; height: 1.5rem; }
    .status-heading h1[b-sjaafz128u] { font-size: 1.75rem; }
    .intro[b-sjaafz128u] { font-size: .82rem; }
    .lookup-form[b-sjaafz128u] { margin-top: 1.45rem; padding: 1rem; }
    .lookup-row[b-sjaafz128u] { grid-template-columns: 1fr; }
    .lookup-form button[b-sjaafz128u] { width: 100%; }
    .status-meta[b-sjaafz128u] { grid-template-columns: 1fr; }
    .status-meta > div + div[b-sjaafz128u] { border-inline-start: 0; border-top: 1px solid oklch(90% .012 255); }
    .result-topline[b-sjaafz128u] { align-items: flex-start; flex-direction: column; gap: .35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .status-page *[b-sjaafz128u], .status-page *[b-sjaafz128u]::before, .status-page *[b-sjaafz128u]::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
/* /Components/Shared/ErrorDisplay.razor.rz.scp.css */
.exception-experience[b-hgb2npdjtr] {
    --ink: oklch(25% .025 255);
    --muted: oklch(51% .022 255);
    --line: oklch(90% .012 255);
    --surface: oklch(98.5% .006 75);
    --surface-subtle: oklch(96.5% .009 255);
    --accent: oklch(57% .17 28);
    --accent-dark: oklch(48% .16 28);
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 2rem;
    color: var(--ink);
    font-family: "Rubik", ui-sans-serif, system-ui, sans-serif;
}

.exception-snapshot[b-hgb2npdjtr] { position: fixed; inset: 0; overflow: hidden; pointer-events: none; background: #f4f5f6; }
.exception-snapshot[b-hgb2npdjtr]  * { pointer-events: none !important; }
.exception-backdrop[b-hgb2npdjtr] { position: fixed; inset: 0; background: oklch(18% .02 255 / .62); }

.exception-dialog[b-hgb2npdjtr] {
    position: relative;
    width: min(45rem, 100%);
    max-height: min(48rem, calc(100dvh - 4rem));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--surface);
    box-shadow: 0 1.5rem 4rem oklch(12% .025 255 / .3), 0 .25rem .75rem oklch(12% .025 255 / .12);
    outline: none;
    animation: dialog-enter-b-hgb2npdjtr .24s cubic-bezier(.2,.8,.2,1) both;
}

.exception-header[b-hgb2npdjtr] { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; padding: 2rem 2rem 1.75rem; }
.exception-mark[b-hgb2npdjtr] { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .75rem; color: var(--accent); background: oklch(94% .035 28); box-shadow: inset 0 0 0 1px oklch(86% .06 28); }
.exception-mark svg[b-hgb2npdjtr] { width: 1.55rem; }
.exception-kicker[b-hgb2npdjtr] { display: block; margin-bottom: .4rem; color: var(--accent-dark); font-size: .68rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.exception-header h1[b-hgb2npdjtr] { margin: 0; font-size: 1.55rem; line-height: 1.2; letter-spacing: -.025em; font-weight: 720; }
.exception-header p[b-hgb2npdjtr] { max-width: 36rem; margin: .6rem 0 0; color: var(--muted); font-size: .9rem; line-height: 1.55; }

.exception-actions[b-hgb2npdjtr] { display: flex; align-items: center; gap: .65rem; padding: 1rem 1.25rem; border-top: 1px solid var(--line); background: var(--surface-subtle); }
.exception-actions.compact[b-hgb2npdjtr] { padding: 1rem 1.25rem; }
button[b-hgb2npdjtr] { font: inherit; }
.action-primary[b-hgb2npdjtr], .action-secondary[b-hgb2npdjtr], .action-link[b-hgb2npdjtr] { min-height: 2.75rem; border-radius: .65rem; border: 0; cursor: pointer; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.action-primary[b-hgb2npdjtr], .action-secondary[b-hgb2npdjtr] { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; padding: .72rem 1rem; font-size: .88rem; font-weight: 700; }
.action-primary[b-hgb2npdjtr] { color: oklch(98.5% .006 75); background: var(--accent); box-shadow: 0 .25rem .7rem oklch(38% .14 28 / .2); }
.action-primary:hover:not(:disabled)[b-hgb2npdjtr] { background: var(--accent-dark); transform: translateY(-1px); }
.action-secondary[b-hgb2npdjtr] { color: var(--ink); background: var(--surface); box-shadow: inset 0 0 0 1px oklch(83% .016 255); }
.action-secondary:hover:not(:disabled)[b-hgb2npdjtr] { background: oklch(94.5% .01 255); transform: translateY(-1px); }
.action-primary svg[b-hgb2npdjtr], .action-secondary svg[b-hgb2npdjtr] { width: 1.08rem; }
.action-link[b-hgb2npdjtr] { margin-inline-start: auto; padding: .7rem .85rem; color: var(--muted); background: transparent; font-size: .84rem; font-weight: 650; }
.action-link:hover[b-hgb2npdjtr] { color: var(--ink); background: oklch(91.5% .012 255); }
button:active:not(:disabled)[b-hgb2npdjtr] { transform: translateY(1px) !important; }
button:focus-visible[b-hgb2npdjtr], textarea:focus-visible[b-hgb2npdjtr], input:focus-visible[b-hgb2npdjtr], select:focus-visible[b-hgb2npdjtr], a:focus-visible[b-hgb2npdjtr] { outline: 3px solid rgba(201,72,61,.25); outline-offset: 2px; }
button:disabled[b-hgb2npdjtr] { cursor: not-allowed; opacity: .55; }

.report-body[b-hgb2npdjtr] { border-top: 1px solid var(--line); padding: 1.5rem 2rem 1.75rem; }
.report-intro[b-hgb2npdjtr] { display: flex; gap: .8rem; align-items: flex-start; margin-bottom: 1.35rem; }
.report-intro h2[b-hgb2npdjtr], .report-success h2[b-hgb2npdjtr] { margin: 0; font-size: 1rem; letter-spacing: -.015em; }
.report-intro p[b-hgb2npdjtr], .report-success p[b-hgb2npdjtr] { margin: .25rem 0 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.back-button[b-hgb2npdjtr] { flex: 0 0 auto; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border: 0; border-radius: .65rem; background: var(--surface-subtle); color: var(--muted); cursor: pointer; }
.back-button svg[b-hgb2npdjtr] { width: 1rem; }
.field-label[b-hgb2npdjtr] { display: block; margin: 0 0 .45rem; font-size: .75rem; font-weight: 700; }
.required-mark[b-hgb2npdjtr] { margin-inline-start: .35rem; padding: .18rem .35rem; border-radius: .3rem; color: var(--accent-dark); background: oklch(94% .035 28); font-size: .56rem; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; }
textarea[b-hgb2npdjtr] { box-sizing: border-box; width: 100%; min-height: 5.8rem; resize: vertical; border: 1px solid #d9dee6; border-radius: .8rem; padding: .8rem .9rem; color: var(--ink); background: #fff; font: inherit; font-size: .87rem; line-height: 1.45; transition: border-color .18s ease, box-shadow .18s ease; }
textarea:hover[b-hgb2npdjtr] { border-color: #bdc5d0; }
textarea[b-hgb2npdjtr]::placeholder { color: #9aa3b1; }

.contact-section[b-hgb2npdjtr] { margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.section-heading[b-hgb2npdjtr] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .75rem; }
.section-heading h3[b-hgb2npdjtr] { margin: 0; font-size: .8rem; }
.section-heading p[b-hgb2npdjtr] { margin: .18rem 0 0; color: var(--muted); font-size: .7rem; }
.section-heading > span[b-hgb2npdjtr] { flex: 0 0 auto; padding: .25rem .45rem; border-radius: .35rem; color: oklch(42% .08 150); background: oklch(92% .035 150); font-size: .6rem; font-weight: 800; }
.contact-grid[b-hgb2npdjtr] { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.contact-grid label[b-hgb2npdjtr] { display: grid; gap: .35rem; color: var(--ink); font-size: .69rem; font-weight: 700; }
.contact-grid label small[b-hgb2npdjtr] { color: var(--muted); font-size: .62rem; font-weight: 500; }
.contact-grid label .required-text[b-hgb2npdjtr] { color: var(--accent-dark); font-weight: 750; }
.contact-grid input[b-hgb2npdjtr], .contact-grid select[b-hgb2npdjtr] { box-sizing: border-box; width: 100%; min-width: 0; height: 2.65rem; border: 1px solid oklch(86% .014 255); border-radius: .65rem; padding: 0 .75rem; color: var(--ink); background: oklch(99% .004 75); font: inherit; font-size: .78rem; font-weight: 450; }
.contact-grid input[b-hgb2npdjtr]::placeholder { color: oklch(67% .015 255); }

.evidence-grid[b-hgb2npdjtr] { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-top: .8rem; }
.evidence-card[b-hgb2npdjtr] { position: relative; display: grid; grid-template-columns: 2.3rem minmax(0, 1fr) auto; align-items: center; gap: .7rem; min-height: 4.65rem; padding: .75rem; text-align: start; border: 1px solid var(--line); border-radius: .75rem; color: var(--ink); background: oklch(99% .004 75); cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.evidence-card:hover:not(:disabled)[b-hgb2npdjtr] { border-color: #c6ccd5; background: #f8f8f7; transform: translateY(-1px); }
.evidence-card.selected[b-hgb2npdjtr] { border-color: #d89088; background: #fff8f6; }
.evidence-card.required-evidence:not(.selected)[b-hgb2npdjtr] { border-color: oklch(82% .055 28); }
.evidence-icon[b-hgb2npdjtr] { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: .7rem; color: #566276; background: #eef0f3; }
.evidence-icon svg[b-hgb2npdjtr] { width: 1.15rem; }
.evidence-card strong[b-hgb2npdjtr], .evidence-card small[b-hgb2npdjtr] { display: block; }
.evidence-card strong[b-hgb2npdjtr] { font-size: .78rem; line-height: 1.25; }
.evidence-card small[b-hgb2npdjtr] { margin-top: .2rem; color: var(--muted); font-size: .67rem; line-height: 1.3; }
.evidence-check[b-hgb2npdjtr] { display: grid; place-items: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; color: #fff; background: #38775a; font-size: .7rem; font-weight: 800; }
.recording-dot[b-hgb2npdjtr] { width: .65rem; height: .65rem; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 .3rem rgba(201,72,61,.12); animation: recording-pulse-b-hgb2npdjtr 1.2s infinite; }
.diagnostics-row[b-hgb2npdjtr] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .8rem; padding: .75rem .8rem; border: 1px solid var(--line); border-radius: .7rem; background: var(--surface-subtle); }
.diagnostics-row > div[b-hgb2npdjtr] { display: grid; gap: .15rem; min-width: 0; }
.diagnostics-row strong[b-hgb2npdjtr] { font-size: .7rem; }
.diagnostics-row span[b-hgb2npdjtr] { color: var(--muted); font-size: .63rem; line-height: 1.4; }
.location-button[b-hgb2npdjtr] { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .4rem; min-height: 2.4rem; padding: .5rem .65rem; border: 1px solid oklch(82% .02 255); border-radius: .55rem; color: var(--ink); background: var(--surface); cursor: pointer; font-size: .67rem; font-weight: 750; }
.location-button svg[b-hgb2npdjtr] { width: .9rem; }
.location-button.shared[b-hgb2npdjtr] { color: oklch(40% .08 150); border-color: oklch(78% .07 150); background: oklch(94% .03 150); }

.recording-guide[b-hgb2npdjtr] { display: grid; gap: 1.1rem; }
.recording-steps[b-hgb2npdjtr] { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.recording-steps li[b-hgb2npdjtr] { position: relative; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .8rem; padding-bottom: 1rem; }
.recording-steps li:last-child[b-hgb2npdjtr] { padding-bottom: 0; }
.recording-steps li:not(:last-child)[b-hgb2npdjtr]::after { content: ""; position: absolute; top: 2rem; bottom: 0; inset-inline-start: .94rem; width: 1px; background: var(--line); }
.recording-steps li > span[b-hgb2npdjtr] { position: relative; z-index: 1; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; color: var(--accent-dark); background: oklch(94% .035 28); font-size: .75rem; font-weight: 800; }
.recording-steps strong[b-hgb2npdjtr] { display: block; padding-top: .1rem; font-size: .84rem; }
.recording-steps p[b-hgb2npdjtr] { margin: .2rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.45; }
.recording-privacy[b-hgb2npdjtr] { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: .7rem; padding: .85rem; border: 1px solid var(--line); border-radius: .7rem; background: var(--surface-subtle); }
.recording-privacy svg[b-hgb2npdjtr] { width: 1.35rem; color: var(--muted); }
.recording-privacy p[b-hgb2npdjtr] { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.recording-privacy strong[b-hgb2npdjtr] { color: var(--ink); }
.recording-wait[b-hgb2npdjtr] { display: grid; grid-template-columns: 1rem minmax(0, 1fr); align-items: start; gap: .75rem; padding: .9rem; border: 1px solid oklch(84% .06 28); border-radius: .7rem; background: oklch(96% .025 28); }
.recording-wait .recording-dot[b-hgb2npdjtr] { margin: .35rem 0 0 .1rem; }
.recording-wait strong[b-hgb2npdjtr] { display: block; font-size: .82rem; }
.recording-wait p[b-hgb2npdjtr] { margin: .2rem 0 0; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.guide-actions[b-hgb2npdjtr] { display: flex; align-items: center; gap: .65rem; padding-top: .15rem; }
.guide-launch[b-hgb2npdjtr] { text-decoration: none; }

.reproduction-session[b-hgb2npdjtr] { padding: 0; pointer-events: none; }
.reproduction-session .exception-dialog[b-hgb2npdjtr],
.reproduction-session .exception-backdrop[b-hgb2npdjtr] { display: none; }
.reproduction-confirmation[b-hgb2npdjtr] { position: fixed; top: max(1rem, env(safe-area-inset-top)); inset-inline-start: max(1rem, env(safe-area-inset-left)); z-index: 3; display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); align-items: center; gap: .65rem; max-width: 22rem; padding: .65rem .8rem; border: 1px solid oklch(70% .09 150); border-radius: .75rem; color: oklch(30% .06 150); background: oklch(96% .035 150); box-shadow: 0 .5rem 1.5rem oklch(20% .02 255 / .16); }
.reproduction-confirmation > span[b-hgb2npdjtr] { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: oklch(98% .006 75); background: oklch(50% .1 150); font-weight: 800; }
.reproduction-confirmation div[b-hgb2npdjtr] { display: grid; gap: .08rem; }
.reproduction-confirmation strong[b-hgb2npdjtr] { font-size: .78rem; }
.reproduction-confirmation small[b-hgb2npdjtr] { font-size: .67rem; line-height: 1.3; }


.inline-error[b-hgb2npdjtr] { margin-top: .8rem; border: 1px solid #e7b6af; border-radius: .55rem; padding: .65rem .75rem; color: #8d2f29; background: #faebe8; font-size: .76rem; line-height: 1.4; }
.report-footer[b-hgb2npdjtr] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem; margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.consent-row[b-hgb2npdjtr] { display: grid; grid-template-columns: 1rem 1fr; gap: .55rem; align-items: start; color: var(--muted); font-size: .7rem; line-height: 1.45; cursor: pointer; }
.consent-row input[b-hgb2npdjtr] { width: 1rem; height: 1rem; margin: .1rem 0 0; accent-color: var(--accent); }
.send-button[b-hgb2npdjtr] { min-width: 9.8rem; }
.button-spinner[b-hgb2npdjtr] { width: .8rem; height: .8rem; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: spin-b-hgb2npdjtr .7s linear infinite; }

.report-success[b-hgb2npdjtr] { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .9rem; margin: 0; padding: 1.5rem 2rem; border-top: 1px solid var(--line); background: oklch(96% .018 155); }
.success-icon[b-hgb2npdjtr] { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: .75rem; color: #fff; background: #38775a; font-weight: 800; }
.submitted[b-hgb2npdjtr] { overflow-y: hidden; scrollbar-gutter: auto; }
.submitted .exception-header[b-hgb2npdjtr] { display: none; }
.thank-you[b-hgb2npdjtr] { display: grid; justify-items: center; padding: 2rem 2rem 1.7rem; text-align: center; }
.thank-you-mark[b-hgb2npdjtr] { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; margin-bottom: 1rem; border-radius: 1rem; color: oklch(43% .09 150); background: oklch(92% .045 150); box-shadow: inset 0 0 0 1px oklch(82% .07 150); }
.thank-you-mark svg[b-hgb2npdjtr] { width: 1.8rem; }
.thank-you-kicker[b-hgb2npdjtr] { color: oklch(42% .08 150); font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.thank-you h2[b-hgb2npdjtr] { margin: .4rem 0 0; font-size: 1.45rem; letter-spacing: -.025em; }
.thank-you > p[b-hgb2npdjtr] { max-width: 34rem; margin: .65rem 0 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.tracking-card[b-hgb2npdjtr] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: min(25rem, 100%); margin-top: 1.25rem; padding: .75rem .8rem .75rem 1rem; border: 1px solid oklch(84% .02 255); border-radius: .75rem; text-align: start; background: var(--surface-subtle); }
.tracking-card > div[b-hgb2npdjtr] { display: grid; gap: .18rem; min-width: 0; }
.tracking-card span[b-hgb2npdjtr] { color: var(--muted); font-size: .61rem; font-weight: 700; text-transform: uppercase; }
.tracking-card strong[b-hgb2npdjtr] { overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9rem; letter-spacing: .035em; }
.tracking-card button[b-hgb2npdjtr] { display: inline-flex; align-items: center; gap: .35rem; min-height: 2.4rem; padding: .5rem .65rem; border: 1px solid var(--line); border-radius: .55rem; color: var(--ink); background: var(--surface); cursor: pointer; font-size: .67rem; font-weight: 750; }
.tracking-card button svg[b-hgb2npdjtr] { width: .85rem; }
.thank-you .tracking-help[b-hgb2npdjtr] { margin-top: .5rem; font-size: .68rem; }
.tracking-link[b-hgb2npdjtr] { text-decoration: none; }
.exception-experience[dir="rtl"] .back-button svg[b-hgb2npdjtr] { transform: rotate(180deg); }

html.bug-report-capture-mode .exception-dialog[b-hgb2npdjtr],
html.bug-report-capture-mode .exception-backdrop[b-hgb2npdjtr] { opacity: 0 !important; }

@keyframes dialog-enter-b-hgb2npdjtr { from { opacity: 0; transform: translateY(.7rem) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes recording-pulse-b-hgb2npdjtr { 50% { opacity: .45; transform: scale(.82); } }
@keyframes spin-b-hgb2npdjtr { to { transform: rotate(360deg); } }

@media (max-width: 640px) {
    .exception-experience[b-hgb2npdjtr] {
        align-items: end;
        padding: max(.5rem, env(safe-area-inset-top)) 0 0;
    }

    .exception-dialog[b-hgb2npdjtr] {
        width: 100%;
        max-height: calc(100vh - max(.5rem, env(safe-area-inset-top)));
        max-height: calc(100dvh - max(.5rem, env(safe-area-inset-top)));
        border-radius: 1.25rem 1.25rem 0 0;
        border-bottom: 0;
        padding-bottom: env(safe-area-inset-bottom);
        scrollbar-gutter: auto;
    }

    .exception-header[b-hgb2npdjtr] {
        grid-template-columns: 2.75rem minmax(0, 1fr);
        gap: .8rem;
        padding: 1.15rem 1rem .9rem;
    }

    .exception-mark[b-hgb2npdjtr] { width: 2.75rem; height: 2.75rem; border-radius: .85rem; }
    .exception-kicker[b-hgb2npdjtr] { margin-bottom: .25rem; font-size: .65rem; letter-spacing: .08em; }
    .exception-header h1[b-hgb2npdjtr] { font-size: 1.35rem; line-height: 1.18; }
    .exception-header p[b-hgb2npdjtr] { margin-top: .5rem; font-size: .875rem; line-height: 1.45; }

    .exception-actions[b-hgb2npdjtr],
    .exception-actions.compact[b-hgb2npdjtr] {
        display: grid;
        grid-template-columns: 1fr;
        gap: .55rem;
        padding: .25rem 1rem 1rem;
    }

    .exception-actions .action-primary[b-hgb2npdjtr],
    .exception-actions .action-secondary[b-hgb2npdjtr],
    .exception-actions .action-link[b-hgb2npdjtr] {
        width: 100%;
        min-height: 3rem;
    }

    .report-body[b-hgb2npdjtr] { padding: 1rem; }
    .report-intro[b-hgb2npdjtr] { gap: .65rem; margin-bottom: 1rem; }
    .report-intro h2[b-hgb2npdjtr] { font-size: 1.05rem; }
    .report-intro p[b-hgb2npdjtr] { font-size: .78rem; }
    .field-label[b-hgb2npdjtr] { font-size: .8rem; }
    textarea[b-hgb2npdjtr] { min-height: 6.5rem; font-size: 1rem; }
    .contact-grid[b-hgb2npdjtr] { grid-template-columns: 1fr; }
    .contact-grid input[b-hgb2npdjtr], .contact-grid select[b-hgb2npdjtr] { height: 3rem; font-size: 1rem; }
    .evidence-grid[b-hgb2npdjtr] { grid-template-columns: 1fr; }
    .evidence-card[b-hgb2npdjtr] { min-height: 4.75rem; padding: .75rem; }
    .evidence-card strong[b-hgb2npdjtr] { font-size: .82rem; }
    .evidence-card small[b-hgb2npdjtr] { font-size: .72rem; }

    .report-footer[b-hgb2npdjtr] { grid-template-columns: 1fr; gap: .85rem; }
    .consent-row[b-hgb2npdjtr] {
        grid-template-columns: 1.35rem 1fr;
        gap: .65rem;
        padding-block: .2rem;
        font-size: .75rem;
    }
    .consent-row input[b-hgb2npdjtr] { width: 1.25rem; height: 1.25rem; margin-top: .05rem; }
    .send-button[b-hgb2npdjtr] { width: 100%; min-height: 3rem; }
    .report-success[b-hgb2npdjtr] { grid-template-columns: 2.5rem minmax(0, 1fr); margin: 0; padding: 1rem; }
    .diagnostics-row[b-hgb2npdjtr] { align-items: stretch; flex-direction: column; }
    .location-button[b-hgb2npdjtr] { justify-content: center; min-height: 2.75rem; }
    .thank-you[b-hgb2npdjtr] { padding: 1.5rem 1rem 1.25rem; }
    .thank-you h2[b-hgb2npdjtr] { font-size: 1.3rem; }
    .tracking-card[b-hgb2npdjtr] { box-sizing: border-box; }
    .recording-guide[b-hgb2npdjtr] { gap: .95rem; }
    .recording-steps li[b-hgb2npdjtr] { gap: .7rem; }
    .recording-steps strong[b-hgb2npdjtr] { font-size: .88rem; }
    .recording-steps p[b-hgb2npdjtr] { font-size: .78rem; }
    .recording-privacy p[b-hgb2npdjtr] { font-size: .75rem; }
    .guide-actions[b-hgb2npdjtr] { display: grid; grid-template-columns: 1fr; }
    .guide-actions .action-primary[b-hgb2npdjtr],
    .guide-actions .action-secondary[b-hgb2npdjtr],
    .guide-actions .action-link[b-hgb2npdjtr] { width: 100%; min-height: 3rem; margin-left: 0; text-align: center; }
    .reproduction-confirmation[b-hgb2npdjtr] { top: max(.75rem, env(safe-area-inset-top)); right: max(.75rem, env(safe-area-inset-right)); left: max(.75rem, env(safe-area-inset-left)); max-width: none; }

}

@media (max-width: 380px) {
    .exception-header[b-hgb2npdjtr] { grid-template-columns: 1fr; }
    .exception-mark[b-hgb2npdjtr] { width: 2.5rem; height: 2.5rem; }
    .exception-header h1[b-hgb2npdjtr] { font-size: 1.25rem; }
    .report-success[b-hgb2npdjtr] { grid-template-columns: 1fr; }
}

@media (max-height: 520px) and (orientation: landscape) {
    .exception-experience[b-hgb2npdjtr] { padding-top: 0; }
    .exception-dialog[b-hgb2npdjtr] { max-height: 100dvh; border-radius: 0; }
    .exception-header[b-hgb2npdjtr] { padding-block: .85rem .7rem; }
}

@media (prefers-reduced-motion: reduce) {
    *[b-hgb2npdjtr], *[b-hgb2npdjtr]::before, *[b-hgb2npdjtr]::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
/* /Components/Shared/SetupComponents/ApiTracesTab.razor.rz.scp.css */
.trace-shell[b-sqgpmlhi33] {
    --trace-ink: var(--setup-ink, var(--md-on-surface-variant));
    --trace-muted: var(--setup-muted, var(--md-on-surface-variant));
    --trace-faint: var(--md-on-surface-variant);
    --trace-border: var(--setup-border, var(--md-outline-variant));
    --trace-border-strong: var(--setup-border-strong, var(--md-outline));
    --trace-surface: var(--setup-surface, var(--md-surface-low));
    --trace-subtle: var(--setup-subtle, var(--md-surface-low));
    --trace-accent: var(--setup-accent, oklch(51% .22 275));
    box-sizing: border-box;
    width: 100%;
    color: var(--trace-ink);
    font-variant-numeric: tabular-nums;
}

.trace-shell *[b-sqgpmlhi33], .trace-shell *[b-sqgpmlhi33]::before, .trace-shell *[b-sqgpmlhi33]::after { box-sizing: border-box; }

.trace-header[b-sqgpmlhi33] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 1.4rem;
    border-bottom: 1px solid var(--trace-border);
}

.trace-kicker[b-sqgpmlhi33], .section-heading span[b-sqgpmlhi33] {
    display: block;
    margin-bottom: .3rem;
    color: var(--trace-muted);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.trace-header h2[b-sqgpmlhi33], .section-heading h3[b-sqgpmlhi33] {
    margin: 0;
    color: var(--trace-ink);
    font-size: 1.45rem;
    font-weight: 780;
    letter-spacing: -.025em;
}

.trace-header p[b-sqgpmlhi33] {
    max-width: 68ch;
    margin: .5rem 0 0;
    color: var(--trace-muted);
    font-size: .8rem;
    line-height: 1.6;
}

.trace-actions[b-sqgpmlhi33] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; }

.capture-state[b-sqgpmlhi33] {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    min-height: 2.35rem;
    padding: 0 .72rem;
    border: 1px solid oklch(87% .045 25);
    border-radius: .62rem;
    color: oklch(45% .11 25);
    background: var(--md-surface-low);
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.capture-state i[b-sqgpmlhi33] { width: .48rem; height: .48rem; border-radius: 50%; background: oklch(58% .18 25); }
.capture-state.active[b-sqgpmlhi33] { border-color: oklch(85% .055 155); color: oklch(43% .1 155); background: var(--md-surface-low); }
.capture-state.active i[b-sqgpmlhi33] { background: oklch(55% .14 155); }

.trace-button[b-sqgpmlhi33], .clear-confirmation button[b-sqgpmlhi33] {
    min-height: 2.35rem;
    padding: .52rem .82rem;
    border: 1px solid var(--trace-border-strong);
    border-radius: .62rem;
    color: var(--md-on-surface-variant);
    background: var(--trace-surface);
    box-shadow: 0 1px 2px var(--md-on-surface-variant);
    font: inherit;
    font-size: .7rem;
    font-weight: 760;
    cursor: pointer;
    transition: color 180ms cubic-bezier(.22,1,.36,1), background-color 180ms cubic-bezier(.22,1,.36,1), border-color 180ms cubic-bezier(.22,1,.36,1), box-shadow 180ms cubic-bezier(.22,1,.36,1);
}

.trace-button:hover:not(:disabled)[b-sqgpmlhi33], .clear-confirmation button:hover:not(:disabled)[b-sqgpmlhi33] {
    border-color: oklch(72% .08 275);
    color: var(--trace-accent);
    background: var(--md-surface-low);
    box-shadow: 0 2px 5px oklch(35% .04 275 / .09);
}

.trace-button:focus-visible[b-sqgpmlhi33], .clear-confirmation button:focus-visible[b-sqgpmlhi33], .trace-search input:focus-visible[b-sqgpmlhi33], details summary:focus-visible[b-sqgpmlhi33] {
    outline: 3px solid oklch(62% .16 275 / .22);
    outline-offset: 2px;
}

.trace-button.danger[b-sqgpmlhi33] { border-color: oklch(86% .05 25); color: oklch(48% .15 25); background: var(--md-surface-low); }
.trace-button.danger:hover:not(:disabled)[b-sqgpmlhi33] { border-color: oklch(72% .1 25); color: oklch(43% .17 25); background: oklch(95% .035 25); }
.trace-button.enable[b-sqgpmlhi33] { border-color: var(--trace-accent); color: var(--md-surface-low); background: var(--trace-accent); }
.trace-button.enable:hover:not(:disabled)[b-sqgpmlhi33] { border-color: oklch(43% .22 275); color: var(--md-surface-low); background: oklch(43% .22 275); }
.trace-button:disabled[b-sqgpmlhi33], .clear-confirmation button:disabled[b-sqgpmlhi33] { opacity: .48; cursor: not-allowed; box-shadow: none; }

.enable-confirmation[b-sqgpmlhi33] {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid oklch(82% .07 75);
    border-radius: .82rem;
    background: var(--md-surface-low);
}

.confirmation-label[b-sqgpmlhi33] { color: oklch(48% .11 75); font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.enable-copy h3[b-sqgpmlhi33] { margin: .28rem 0 0; color: oklch(35% .07 75); font-size: 1rem; }
.enable-copy p[b-sqgpmlhi33] { max-width: 72ch; margin: .45rem 0 0; color: oklch(45% .045 75); font-size: .74rem; line-height: 1.55; }
.trace-facts[b-sqgpmlhi33] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1.2rem; margin: 1rem 0; }
.trace-facts div[b-sqgpmlhi33] { padding-top: .65rem; border-top: 1px solid oklch(86% .045 75); }
.trace-facts dt[b-sqgpmlhi33] { color: oklch(38% .055 75); font-size: .66rem; font-weight: 850; }
.trace-facts dd[b-sqgpmlhi33] { margin: .22rem 0 0; color: oklch(49% .035 75); font-size: .68rem; line-height: 1.5; }
.enable-actions[b-sqgpmlhi33] { display: flex; justify-content: flex-end; gap: .5rem; }

.trace-explainer[b-sqgpmlhi33] { margin-top: .75rem; border: 1px solid var(--trace-border); border-radius: .68rem; background: var(--trace-subtle); }
.trace-explainer summary[b-sqgpmlhi33] { padding: .7rem .85rem; color: var(--md-on-surface-variant); cursor: pointer; font-size: .7rem; font-weight: 800; }
.trace-explainer summary[b-sqgpmlhi33]::marker { color: var(--trace-accent); }
.trace-explainer > div[b-sqgpmlhi33] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 0 .85rem .8rem; }
.trace-explainer p[b-sqgpmlhi33] { margin: 0; color: var(--trace-muted); font-size: .67rem; line-height: 1.55; }
.trace-explainer strong[b-sqgpmlhi33] { color: var(--trace-ink); }

.clear-confirmation[b-sqgpmlhi33] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 0;
    padding: .9rem 1rem;
    border: 1px solid oklch(84% .06 25);
    border-radius: .72rem;
    background: var(--md-surface-low);
}

.clear-confirmation strong[b-sqgpmlhi33], .clear-confirmation span[b-sqgpmlhi33] { display: block; }
.clear-confirmation strong[b-sqgpmlhi33] { color: oklch(40% .1 25); font-size: .8rem; }
.clear-confirmation span[b-sqgpmlhi33] { margin-top: .24rem; color: oklch(50% .055 25); font-size: .7rem; }
.clear-confirmation > div:last-child[b-sqgpmlhi33] { display: flex; flex: 0 0 auto; gap: .5rem; }
.clear-confirmation .confirm[b-sqgpmlhi33] { border-color: oklch(51% .16 25); color: var(--md-surface-low); background: oklch(51% .16 25); }
.clear-confirmation .confirm:hover:not(:disabled)[b-sqgpmlhi33] { border-color: oklch(45% .17 25); color: var(--md-surface-low); background: oklch(45% .17 25); }

.trace-error[b-sqgpmlhi33] {
    padding: .75rem 1rem;
    border: 1px solid oklch(84% .06 25);
    border-radius: .62rem;
    color: oklch(45% .14 25);
    background: var(--md-surface-low);
    font-size: .76rem;
}

.metric-strip[b-sqgpmlhi33] {
    display: grid;
    grid-template-columns: 1.1fr repeat(4, 1fr);
    margin-top: 1.15rem;
    overflow: hidden;
    border: 1px solid var(--trace-border);
    border-radius: .85rem;
    background: var(--trace-surface);
}

.metric-strip > div[b-sqgpmlhi33] { position: relative; min-width: 0; padding: 1rem 1.05rem; }
.metric-strip > div + div[b-sqgpmlhi33] { border-left: 1px solid var(--trace-border); }
.metric-strip span[b-sqgpmlhi33], .metric-strip small[b-sqgpmlhi33] { display: block; color: var(--trace-muted); font-size: .65rem; font-weight: 670; }
.metric-strip span[b-sqgpmlhi33] { font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.metric-strip strong[b-sqgpmlhi33] { display: block; margin: .3rem 0 .22rem; color: var(--trace-ink); font-size: 1.26rem; font-weight: 780; letter-spacing: -.025em; }
.warning[b-sqgpmlhi33] { color: oklch(52% .12 75) !important; }
.critical[b-sqgpmlhi33] { color: oklch(50% .17 25) !important; }

.storage-line[b-sqgpmlhi33] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem 1.3rem;
    margin-top: .65rem;
    padding: .72rem .85rem;
    border: 1px solid var(--trace-border);
    border-radius: .68rem;
    color: var(--trace-muted);
    background: var(--trace-subtle);
    font-size: .66rem;
}

.storage-line b[b-sqgpmlhi33] { color: var(--md-on-surface-variant); font-weight: 800; }
.endpoint-section[b-sqgpmlhi33], .recent-section[b-sqgpmlhi33] { padding-top: 1.75rem; }
.section-heading[b-sqgpmlhi33] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; }
.section-heading h3[b-sqgpmlhi33] { font-size: 1rem; }
.section-heading > span[b-sqgpmlhi33] { margin: 0; color: var(--trace-faint); }

.table-scroll[b-sqgpmlhi33] {
    overflow-x: auto;
    border: 1px solid var(--trace-border);
    border-radius: .82rem;
    background: var(--trace-surface);
}

.endpoint-table[b-sqgpmlhi33] { width: 100%; min-width: 820px; border-collapse: collapse; font-size: .71rem; }
.endpoint-table th[b-sqgpmlhi33] { padding: .7rem .78rem; border-bottom: 1px solid var(--trace-border); color: var(--trace-muted); background: var(--trace-subtle); font-size: .6rem; font-weight: 800; letter-spacing: .075em; text-align: left; text-transform: uppercase; }
.endpoint-table td[b-sqgpmlhi33] { padding: .72rem .78rem; border-top: 1px solid var(--md-outline-variant); color: var(--md-on-surface-variant); }
.endpoint-table tbody tr:first-child td[b-sqgpmlhi33] { border-top: 0; }
.endpoint-table tr:hover td[b-sqgpmlhi33] { background: var(--md-surface-low); }
.endpoint-table td:first-child[b-sqgpmlhi33] { display: flex; align-items: center; gap: .55rem; color: var(--md-on-surface-variant); }

code[b-sqgpmlhi33] { color: inherit; font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace; font-size: .67rem; overflow-wrap: anywhere; }

.method[b-sqgpmlhi33] {
    display: inline-flex;
    min-width: 3.2rem;
    justify-content: center;
    padding: .22rem .35rem;
    border: 1px solid oklch(86% .055 265);
    border-radius: .34rem;
    color: oklch(45% .13 265);
    background: var(--md-surface-low);
    font-size: .57rem;
    font-weight: 850;
    letter-spacing: .04em;
}

.method.post[b-sqgpmlhi33], .method.patch[b-sqgpmlhi33], .method.put[b-sqgpmlhi33] { border-color: oklch(86% .06 310); color: oklch(46% .13 310); background: var(--md-surface-low); }
.method.delete[b-sqgpmlhi33] { border-color: oklch(85% .06 25); color: oklch(47% .15 25); background: var(--md-surface-low); }
.rate[b-sqgpmlhi33] { color: oklch(45% .12 155); font-weight: 760; }
.rate.low[b-sqgpmlhi33] { color: oklch(49% .16 25); }

.trace-search input[b-sqgpmlhi33] {
    width: min(25rem, 50vw);
    min-height: 2.35rem;
    padding: .5rem .78rem;
    border: 1px solid var(--trace-border-strong);
    border-radius: .62rem;
    color: var(--trace-ink);
    background: var(--trace-surface);
    box-shadow: 0 1px 2px var(--md-on-surface-variant);
    font: inherit;
    font-size: .72rem;
}

.trace-search input[b-sqgpmlhi33]::placeholder { color: var(--md-on-surface-variant); }
.request-list[b-sqgpmlhi33] { overflow: hidden; border: 1px solid var(--trace-border); border-radius: .82rem; background: var(--trace-surface); }
.request-row + .request-row[b-sqgpmlhi33] { border-top: 1px solid var(--trace-border); }

.request-row summary[b-sqgpmlhi33] {
    display: grid;
    grid-template-columns: 3.5rem minmax(12rem, 1fr) 8rem 3.4rem 3rem 5.5rem 4.5rem;
    align-items: center;
    gap: .65rem;
    min-height: 3.1rem;
    padding: .48rem .75rem;
    color: var(--md-on-surface-variant);
    background: var(--trace-surface);
    cursor: pointer;
    list-style: none;
    font-size: .68rem;
}

.request-row summary[b-sqgpmlhi33]::-webkit-details-marker { display: none; }
.request-row summary:hover[b-sqgpmlhi33] { background: var(--trace-subtle); }
.request-row[open] summary[b-sqgpmlhi33] { color: var(--trace-ink); background: var(--md-surface-low); }
.request-reference[b-sqgpmlhi33] { color: var(--trace-faint); font-family: "Cascadia Code", Consolas, monospace; font-size: .6rem; }
.cache-hit[b-sqgpmlhi33] { color: oklch(47% .13 310); font-size: .55rem; font-weight: 850; letter-spacing: .05em; }

.status-code[b-sqgpmlhi33] { justify-self: start; padding: .17rem .35rem; border-radius: .3rem; font-weight: 800; }
.status-code.success[b-sqgpmlhi33] { color: oklch(43% .11 155); background: oklch(94% .035 155); }
.status-code.failure[b-sqgpmlhi33] { color: oklch(47% .15 25); background: oklch(95% .035 25); }
.duration[b-sqgpmlhi33] { color: var(--md-on-surface-variant); font-weight: 700; }
.request-row time[b-sqgpmlhi33] { color: var(--trace-faint); }

.request-detail[b-sqgpmlhi33] { padding: .9rem 1rem 1rem 4.25rem; border-top: 1px solid var(--trace-border); background: var(--trace-subtle); }
.request-url[b-sqgpmlhi33] { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: .75rem; }
.request-url small[b-sqgpmlhi33] { margin-left: auto; color: oklch(47% .11 310); font-size: .61rem; font-weight: 700; }
.request-url span[b-sqgpmlhi33], .payload-grid span[b-sqgpmlhi33] { color: var(--trace-muted); font-size: .59rem; font-weight: 820; letter-spacing: .07em; text-transform: uppercase; }
.payload-grid[b-sqgpmlhi33] { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.payload-grid > div[b-sqgpmlhi33] { min-width: 0; }

.payload-grid pre[b-sqgpmlhi33] {
    max-height: 18rem;
    overflow: auto;
    margin: .38rem 0 0;
    padding: .75rem;
    border: 1px solid var(--trace-border);
    border-radius: .52rem;
    color: var(--md-on-surface-variant);
    background: var(--md-surface-low);
    font: .65rem/1.58 "Cascadia Code", Consolas, monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.request-error[b-sqgpmlhi33] { padding: .55rem .65rem; border-radius: .45rem; color: oklch(45% .15 25); background: oklch(95% .035 25); font-size: .7rem; font-weight: 700; }

.empty-traces[b-sqgpmlhi33] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 9rem;
    border: 1px dashed var(--trace-border-strong);
    border-radius: .82rem;
    color: var(--trace-muted);
    background: var(--trace-subtle);
    text-align: center;
}

.empty-traces strong[b-sqgpmlhi33] { color: var(--md-on-surface-variant); font-size: .8rem; }
.empty-traces span[b-sqgpmlhi33] { margin-top: .3rem; font-size: .7rem; }
.empty-traces.compact[b-sqgpmlhi33] { min-height: 6rem; border: 0; border-radius: 0; }

.trace-state[b-sqgpmlhi33] { display: grid; align-content: center; justify-items: center; gap: .75rem; min-height: 12rem; color: var(--trace-muted); text-align: center; }
.trace-state h2[b-sqgpmlhi33] { margin: 0; color: var(--trace-ink); font-size: 1rem; }
.trace-state p[b-sqgpmlhi33] { margin: 0; font-size: .75rem; }
.trace-skeleton[b-sqgpmlhi33] { width: min(28rem, 70%); height: 2.5rem; border-radius: .5rem; background: var(--md-outline-variant); animation: pulse-b-sqgpmlhi33 1.4s ease-in-out infinite; }
.trace-skeleton.wide[b-sqgpmlhi33] { width: min(45rem, 90%); }
.sr-only[b-sqgpmlhi33] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Material 3 setup reference */
.trace-shell[b-sqgpmlhi33] {
    --trace-ink: var(--md-on-surface);
    --trace-muted: var(--md-on-surface-variant);
    --trace-faint: var(--md-outline);
    --trace-border: var(--md-outline-variant);
    --trace-border-strong: var(--md-outline-variant);
    --trace-surface: #fff;
    --trace-subtle: var(--md-background);
    --trace-accent: var(--md-primary);
    color: var(--trace-ink);
    font-family: Roboto, Tajawal, system-ui, sans-serif;
}
.trace-header[b-sqgpmlhi33] { padding: 0 0 1.5rem; border-color: var(--trace-border); }
.trace-kicker[b-sqgpmlhi33], .section-heading span[b-sqgpmlhi33] { color: var(--md-primary); }
.trace-header h2[b-sqgpmlhi33], .section-heading h3[b-sqgpmlhi33] { color: var(--md-on-surface); }
.trace-button[b-sqgpmlhi33], .clear-confirmation button[b-sqgpmlhi33] {
    min-height: 2.75rem;
    padding-inline: 1rem;
    border-color: var(--md-outline);
    border-radius: 999px;
    color: var(--md-on-surface-variant);
    background: var(--md-surface-lowest);
}
.trace-button:hover:not(:disabled)[b-sqgpmlhi33], .clear-confirmation button:hover:not(:disabled)[b-sqgpmlhi33] { color: var(--md-primary); background: var(--md-primary-container); box-shadow: none; transform: none; }
.trace-button.enable[b-sqgpmlhi33] { border-color: var(--md-primary); color: #fff; background: var(--md-primary); }
.capture-state[b-sqgpmlhi33] { border-radius: 999px; }
.metric-strip[b-sqgpmlhi33] {
    gap: 1rem;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
}
.metric-strip > div[b-sqgpmlhi33] {
    min-height: 6.75rem;
    padding: 1.25rem;
    border: 1px solid var(--md-outline-variant) !important;
    border-radius: .75rem;
    background: var(--md-surface-lowest);
}
.metric-strip span[b-sqgpmlhi33] { color: var(--md-primary); }
.storage-line[b-sqgpmlhi33] { border-color: var(--md-outline-variant); border-radius: .75rem; background: var(--md-surface-low); }
.trace-view-tabs[b-sqgpmlhi33] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    margin-top: 1.5rem;
    padding: .25rem;
    border: 1px solid var(--md-outline-variant);
    border-radius: 999px;
    background: var(--md-surface-low);
}
.trace-view-tabs button[b-sqgpmlhi33] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: 0;
    border-radius: 999px;
    color: var(--md-on-surface-variant);
    background: transparent;
    font: inherit;
    font-size: .8125rem;
    font-weight: 600;
    cursor: pointer;
}
.trace-view-tabs button:hover[b-sqgpmlhi33] { background: rgba(179, 38, 30, .08); }
.trace-view-tabs button.active[b-sqgpmlhi33] { color: var(--md-error); background: var(--md-primary-container); }
.trace-view-tabs button:focus-visible[b-sqgpmlhi33] { outline: 3px solid rgba(179, 38, 30, .25); outline-offset: 2px; }
.trace-view-tabs .material-symbols-rounded[b-sqgpmlhi33] { font-size: 1.125rem; }
.tab-count[b-sqgpmlhi33] { display: inline-grid; min-width: 1.35rem; height: 1.35rem; place-items: center; padding-inline: .25rem; border-radius: 999px; background: rgba(255,255,255,.72); font-size: .65rem; }
.endpoint-section[b-sqgpmlhi33], .recent-section[b-sqgpmlhi33] { padding-top: 1.25rem; }
.table-scroll[b-sqgpmlhi33], .request-list[b-sqgpmlhi33] { border-color: var(--md-outline-variant); border-radius: .75rem .75rem 0 0; background: var(--md-surface-lowest); }
.endpoint-table th[b-sqgpmlhi33] { border-color: var(--md-outline-variant); color: var(--md-on-surface-variant); background: var(--md-surface-container); }
.endpoint-table td[b-sqgpmlhi33] { border-color: var(--md-outline-variant); color: var(--md-on-surface); }
.endpoint-table tr:hover td[b-sqgpmlhi33] { background: var(--md-background); }
.trace-search input[b-sqgpmlhi33] { height: 3rem; border-color: var(--md-outline); border-radius: .25rem; color: var(--md-on-surface); background: var(--md-surface-lowest); }
.request-row[open] summary[b-sqgpmlhi33] { color: var(--md-on-surface); background: var(--md-primary-container); }
.request-detail[b-sqgpmlhi33] { border-color: var(--md-outline-variant); background: var(--md-background); }
.enable-confirmation[b-sqgpmlhi33], .trace-explainer[b-sqgpmlhi33] { border-color: var(--md-outline-variant); background: var(--md-background); }
@media (max-width: 44rem) {
    .trace-view-tabs[b-sqgpmlhi33] { display: flex; width: 100%; border-radius: .75rem; }
    .trace-view-tabs button[b-sqgpmlhi33] { flex: 1; justify-content: center; padding-inline: .5rem; }
}

@keyframes pulse-b-sqgpmlhi33 { 50% { opacity: .55; } }

@media (max-width: 900px) {
    .trace-header[b-sqgpmlhi33] { flex-direction: column; gap: 1rem; }
    .trace-actions[b-sqgpmlhi33] { justify-content: flex-start; }
    .metric-strip[b-sqgpmlhi33] { grid-template-columns: repeat(2, 1fr); }
    .metric-strip > div + div[b-sqgpmlhi33] { border-left: 0; }
    .metric-strip > div:nth-child(even)[b-sqgpmlhi33] { border-left: 1px solid var(--trace-border); }
    .metric-strip > div:nth-child(n+3)[b-sqgpmlhi33] { border-top: 1px solid var(--trace-border); }
    .request-row summary[b-sqgpmlhi33] { grid-template-columns: 3.4rem minmax(9rem, 1fr) 3.4rem 3rem 5rem; }
    .request-reference[b-sqgpmlhi33], .request-row time[b-sqgpmlhi33] { display: none; }
    .payload-grid[b-sqgpmlhi33] { grid-template-columns: 1fr; }
    .request-detail[b-sqgpmlhi33] { padding-left: .85rem; }
}

@media (max-width: 600px) {
    .metric-strip[b-sqgpmlhi33] { grid-template-columns: 1fr 1fr; }
    .metric-strip > div[b-sqgpmlhi33] { padding: .85rem .75rem; }
    .trace-actions[b-sqgpmlhi33] { width: 100%; }
    .trace-button[b-sqgpmlhi33] { flex: 1; }
    .capture-state[b-sqgpmlhi33] { width: 100%; justify-content: center; margin-bottom: .2rem; }
    .section-heading[b-sqgpmlhi33] { align-items: flex-start; flex-direction: column; }
    .trace-search[b-sqgpmlhi33], .trace-search input[b-sqgpmlhi33] { width: 100%; }
    .request-row summary[b-sqgpmlhi33] { grid-template-columns: 3.3rem minmax(7rem, 1fr) 2.8rem 4.5rem; }
    .cache-hit[b-sqgpmlhi33] { display: none; }
    .clear-confirmation[b-sqgpmlhi33] { align-items: flex-start; flex-direction: column; }
    .clear-confirmation > div:last-child[b-sqgpmlhi33] { width: 100%; }
    .clear-confirmation button[b-sqgpmlhi33] { flex: 1; }
    .request-url[b-sqgpmlhi33] { flex-wrap: wrap; }
    .request-url small[b-sqgpmlhi33] { width: 100%; margin-left: 0; }
    .trace-facts[b-sqgpmlhi33], .trace-explainer > div[b-sqgpmlhi33] { grid-template-columns: 1fr; }
    .enable-actions[b-sqgpmlhi33] { flex-direction: column-reverse; }
    .enable-actions .trace-button[b-sqgpmlhi33] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) { .trace-skeleton[b-sqgpmlhi33] { animation: none; } }
/* /Components/Shared/SetupComponents/BugReportsTab.razor.rz.scp.css */
.reports-shell[b-q6rn4008go] { container-name: bug-reports; container-type: inline-size; box-sizing: border-box; display: flex; flex-direction: column; width: 100%; min-width: 0; max-width: 100%; height: 100%; min-height: 0; overflow: hidden; color: var(--md-on-surface); }
.reports-shell *[b-q6rn4008go], .report-detail-page *[b-q6rn4008go] { box-sizing: border-box; }
.reports-shell.has-open-report[b-q6rn4008go] { display: none; }
.reports-state[b-q6rn4008go], .reports-empty[b-q6rn4008go] { display: grid; place-items: center; min-height: 19rem; text-align: center; color: var(--md-on-surface-variant); }
.reports-state h3[b-q6rn4008go], .reports-empty h3[b-q6rn4008go] { margin: .7rem 0 .2rem; color: var(--md-on-surface); font-size: 1rem; }
.reports-state p[b-q6rn4008go], .reports-empty p[b-q6rn4008go] { max-width: 28rem; margin: 0; font-size: .8rem; line-height: 1.5; }
.loader[b-q6rn4008go] { width: 1.7rem; height: 1.7rem; border: 2px solid var(--md-outline-variant); border-top-color: #5663c8; border-radius: 50%; animation: spin-b-q6rn4008go .8s linear infinite; }
.report-metrics[b-q6rn4008go] { flex: 0 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--md-outline-variant); border-radius: 1rem; overflow: hidden; background: var(--md-surface-lowest); }
.report-metrics > div[b-q6rn4008go] { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border-right: 1px solid var(--md-outline-variant); }
.report-metrics > div:last-child[b-q6rn4008go] { border: 0; }
.report-metrics span[b-q6rn4008go] { color: var(--md-on-surface-variant); font-size: .67rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.report-metrics strong[b-q6rn4008go] { color: var(--md-on-surface); font-size: 1.4rem; font-variant-numeric: tabular-nums; }
.reports-toolbar[b-q6rn4008go] { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: .65rem; min-width: 0; margin: 1rem 0; }
.search-field[b-q6rn4008go] { position: relative; flex: 1 1 16rem; min-width: 0; }
.search-field svg[b-q6rn4008go] { position: absolute; top: 50%; left: .8rem; width: 1rem; color: var(--md-on-surface-variant); transform: translateY(-50%); }
.search-field input[b-q6rn4008go], .reports-toolbar select[b-q6rn4008go], .detail-statusbar select[b-q6rn4008go] { box-sizing: border-box; height: 2.55rem; border: 1px solid var(--md-outline-variant); border-radius: .7rem; color: var(--md-on-surface-variant); background: var(--md-surface-lowest); font: inherit; font-size: .75rem; }
.search-field input[b-q6rn4008go] { width: 100%; padding: 0 .85rem 0 2.4rem; }
.reports-toolbar select[b-q6rn4008go] { min-width: 9.5rem; padding: 0 .7rem; }
.refresh-button[b-q6rn4008go] { display: grid; place-items: center; width: 2.55rem; height: 2.55rem; border: 1px solid var(--md-outline-variant); border-radius: .7rem; color: var(--md-on-surface-variant); background: var(--md-surface-lowest); cursor: pointer; transition: background .18s ease, transform .18s ease; }
.refresh-button:hover[b-q6rn4008go] { background: var(--md-surface-low); transform: translateY(-1px); }
.refresh-button svg[b-q6rn4008go] { width: 1rem; }
.delete-all-button[b-q6rn4008go], .delete-selected-button[b-q6rn4008go], .detail-delete[b-q6rn4008go] { min-height: 2.55rem; padding: 0 .85rem; border: 1px solid oklch(84% .055 24); border-radius: .7rem; color: oklch(48% .15 24); background: var(--md-surface-low); font: inherit; font-size: .7rem; font-weight: 800; cursor: pointer; transition: background .18s ease, border-color .18s ease; }
.delete-all-button:hover[b-q6rn4008go], .delete-selected-button:hover[b-q6rn4008go], .detail-delete:hover[b-q6rn4008go] { border-color: oklch(72% .09 24); background: oklch(94% .035 24); }
.delete-all-button:disabled[b-q6rn4008go], .delete-selected-button:disabled[b-q6rn4008go], .detail-delete:disabled[b-q6rn4008go] { opacity: .45; cursor: not-allowed; }
.selection-bar[b-q6rn4008go] { flex: 0 0 auto; display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; width: 100%; min-width: 0; min-height: 3rem; margin-bottom: .65rem; padding: .35rem .45rem .35rem .75rem; border: 1px solid var(--md-outline-variant); border-radius: .8rem; background: var(--md-surface-low); }
.select-all-control[b-q6rn4008go], .row-select[b-q6rn4008go] { display: inline-flex; align-items: center; cursor: pointer; }
.select-all-control[b-q6rn4008go] { gap: .45rem; color: var(--md-on-surface-variant); font-size: .7rem; font-weight: 750; }
.select-all-control input[b-q6rn4008go], .row-select input[b-q6rn4008go] { width: 1rem; height: 1rem; margin: 0; accent-color: #5663c8; cursor: pointer; }
.selection-count[b-q6rn4008go] { margin-right: auto; color: var(--md-on-surface-variant); font-size: .65rem; font-variant-numeric: tabular-nums; }
.bulk-status-control[b-q6rn4008go] { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; min-width: 0; }
.bulk-status-control select[b-q6rn4008go], .bulk-status-control button[b-q6rn4008go] { min-height: 2.25rem; border: 1px solid var(--md-outline-variant); border-radius: .6rem; color: var(--md-on-surface-variant); background: var(--md-surface-low); font: inherit; font-size: .68rem; font-weight: 750; }
.bulk-status-control select[b-q6rn4008go] { min-width: 8.5rem; padding: 0 .55rem; }
.bulk-status-control button[b-q6rn4008go] { padding: 0 .7rem; cursor: pointer; }
.bulk-status-control :disabled[b-q6rn4008go] { opacity: .48; cursor: not-allowed; }
.delete-selected-button[b-q6rn4008go] { min-height: 2.25rem; }
input:focus-visible[b-q6rn4008go], select:focus-visible[b-q6rn4008go], button:focus-visible[b-q6rn4008go], a:focus-visible[b-q6rn4008go] { outline: 3px solid rgba(86,99,200,.2); outline-offset: 2px; }
.reports-list[b-q6rn4008go] { flex: 1 1 auto; width: 100%; min-width: 0; max-width: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--md-outline-variant); border-radius: 1rem; background: var(--md-surface-lowest); scrollbar-gutter: stable; }
.report-row[b-q6rn4008go] { position: relative; display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); width: 100%; min-width: 0; max-width: 100%; min-height: 6.4rem; border-bottom: 1px solid var(--md-outline-variant); color: inherit; background: var(--md-surface-lowest); transition: background .18s ease; }
.report-row:last-child[b-q6rn4008go] { border-bottom: 0; }
.report-row:hover[b-q6rn4008go], .report-row.selected[b-q6rn4008go] { background: var(--md-surface-low); }
.report-row.selected[b-q6rn4008go] { box-shadow: inset 0 0 0 1px rgba(86,99,200,.18); }
.row-select[b-q6rn4008go] { justify-content: center; min-height: 100%; }
.report-open[b-q6rn4008go] { display: grid; grid-template-columns: .2rem minmax(0, 1fr) auto 1.25rem; align-items: center; gap: 1rem; width: 100%; min-width: 0; max-width: 100%; min-height: 6.4rem; padding: .95rem 1rem .95rem 0; border: 0; text-align: left; color: inherit; background: transparent; cursor: pointer; }
.status-rail[b-q6rn4008go] { align-self: stretch; border-radius: 0 .2rem .2rem 0; background: var(--md-on-surface-variant); }
.status-rail.new[b-q6rn4008go] { background: #d45549; }.status-rail.investigating[b-q6rn4008go] { background: #c58a2f; }.status-rail.resolved[b-q6rn4008go] { background: var(--md-success); }.status-rail.dismissed[b-q6rn4008go] { background: var(--md-on-surface-variant); }
.report-main[b-q6rn4008go] { min-width: 0; }
.report-topline[b-q6rn4008go] { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.report-topline strong[b-q6rn4008go] { flex: 1 1 auto; min-width: 0; overflow: hidden; color: var(--md-on-surface); font-size: .82rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.status-badge[b-q6rn4008go] { flex: 0 0 auto; padding: .2rem .4rem; border-radius: .35rem; color: var(--md-on-surface-variant); background: var(--md-surface-low); font-size: .58rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.status-badge.new[b-q6rn4008go] { color: var(--md-primary); background: var(--md-surface-container); }.status-badge.investigating[b-q6rn4008go] { color: #8a601e; background: #fbf1dd; }.status-badge.resolved[b-q6rn4008go] { color: var(--md-on-success-container); background: var(--md-success-container); }
.report-description[b-q6rn4008go] { display: -webkit-box; overflow: hidden; margin-top: .32rem; color: var(--md-on-surface-variant); font-size: .72rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.report-meta[b-q6rn4008go] { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .45rem; color: var(--md-on-surface-variant); font-size: .62rem; font-variant-numeric: tabular-nums; }
.report-reference[b-q6rn4008go] { color: var(--md-on-surface-variant); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 750; letter-spacing: .025em; }
.evidence-flags[b-q6rn4008go] { display: flex; gap: .3rem; }
.evidence-flags span[b-q6rn4008go] { padding: .25rem .35rem; border: 1px solid var(--md-outline-variant); border-radius: .35rem; color: var(--md-on-surface-variant); font-family: ui-monospace, monospace; font-size: .55rem; font-weight: 800; }
.row-arrow[b-q6rn4008go] { width: 1rem; color: var(--md-on-surface-variant); }
.empty-mark[b-q6rn4008go] { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: .9rem; color: var(--md-on-surface-variant); background: var(--md-surface-low); }
.empty-mark svg[b-q6rn4008go] { width: 1.45rem; }

.report-detail-page[b-q6rn4008go] { container-name: bug-report-detail; container-type: inline-size; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; height: 100%; min-height: 0; overflow: hidden; color: var(--md-on-surface); background: var(--md-surface-low); }
.detail-panel[b-q6rn4008go] { box-sizing: border-box; display: flex; flex-direction: column; width: 100%; min-width: 0; max-width: 100%; height: 100%; min-height: 0; overflow: hidden; color: var(--md-on-surface); background: var(--md-surface-low); animation: detail-in-b-q6rn4008go .2s ease-out both; }
.detail-panel > header[b-q6rn4008go] { position: relative; z-index: 2; flex: 0 0 auto; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 1rem; padding: 1.15rem 1.5rem; border-bottom: 1px solid var(--md-outline-variant); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.detail-heading[b-q6rn4008go] { min-width: 0; }
.detail-panel h2[b-q6rn4008go] { max-width: 70ch; margin: .25rem 0 0; overflow-wrap: anywhere; font-size: 1.15rem; line-height: 1.35; letter-spacing: -.025em; }
.detail-kicker[b-q6rn4008go] { color: var(--md-on-surface-variant); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.detail-kicker strong[b-q6rn4008go] { color: var(--md-on-surface-variant); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 850; letter-spacing: .035em; }
.detail-panel header .detail-back[b-q6rn4008go] { display: inline-flex; align-items: center; gap: .35rem; min-height: 2.25rem; padding: 0 .7rem 0 .55rem; border: 1px solid var(--md-outline-variant); border-radius: .65rem; color: var(--md-on-surface-variant); background: var(--md-surface-lowest); font: inherit; font-size: .7rem; font-weight: 750; cursor: pointer; transition: background .18s ease, border-color .18s ease; }
.detail-panel header .detail-back:hover[b-q6rn4008go] { border-color: var(--md-outline-variant); background: var(--md-surface-low); }
.detail-back svg[b-q6rn4008go] { width: 1rem; }
.detail-statusbar[b-q6rn4008go] { flex: 0 0 auto; display: grid; grid-template-columns: auto 10rem minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .8rem 1.5rem; border-bottom: 1px solid var(--md-outline-variant); background: var(--md-surface-lowest); }
.detail-statusbar label[b-q6rn4008go] { color: var(--md-on-surface-variant); font-size: .68rem; font-weight: 700; }
.detail-statusbar select[b-q6rn4008go] { height: 2.1rem; padding: 0 .5rem; }
.detail-statusbar > span[b-q6rn4008go] { justify-self: end; color: var(--md-on-surface-variant); font-size: .65rem; }
.detail-delete[b-q6rn4008go] { min-height: 2.1rem; }
.detail-content[b-q6rn4008go] { flex: 1 1 auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); grid-auto-rows: max-content; align-content: start; align-items: start; gap: 1rem; width: 100%; min-width: 0; max-width: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 1rem 1.5rem 3rem; scrollbar-gutter: stable; }
.detail-content > .description-section[b-q6rn4008go],
.detail-content > .evidence-section[b-q6rn4008go],
.detail-content > .technical-block[b-q6rn4008go] { grid-column: 1 / -1; }
.detail-section[b-q6rn4008go], .technical-block[b-q6rn4008go] { align-self: start; width: 100%; min-width: 0; max-width: 100%; height: max-content; border: 1px solid var(--md-outline-variant); border-radius: .85rem; padding: 1.1rem; background: var(--md-surface-lowest); }
.detail-section[b-q6rn4008go] { overflow: visible; }
.detail-column[b-q6rn4008go] { display: grid; align-content: start; gap: 1rem; min-width: 0; }
.detail-column > .detail-section[b-q6rn4008go] { width: 100%; }
.technical-block[b-q6rn4008go] { overflow: hidden; }
.detail-section h3[b-q6rn4008go] { margin: 0 0 .7rem; color: var(--md-on-surface-variant); font-size: .76rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.detail-section > p[b-q6rn4008go] { max-width: 75ch; margin: 0; overflow-wrap: anywhere; color: var(--md-on-surface-variant); font-size: .82rem; line-height: 1.65; white-space: pre-wrap; }
.privacy-note[b-q6rn4008go] { margin-bottom: .85rem !important; color: #8b5d1d !important; font-size: .7rem !important; }
.evidence-viewer[b-q6rn4008go] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 22rem)); justify-content: start; gap: .7rem; }
.evidence-thumbnail[b-q6rn4008go] { width: min(100%, 22rem); overflow: hidden; padding: 0; border: 1px solid var(--md-outline-variant); border-radius: .7rem; color: var(--md-on-surface-variant); background: var(--md-surface-low); text-align: left; cursor: zoom-in; }
.evidence-viewer img[b-q6rn4008go], .evidence-viewer video[b-q6rn4008go] { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; background: var(--md-on-surface); }
.evidence-viewer span[b-q6rn4008go] { display: block; padding: .55rem .65rem; font-size: .65rem; font-weight: 700; }
.evidence-viewer small[b-q6rn4008go] { display: block; margin-top: .12rem; color: var(--md-on-surface-variant); font-size: .58rem; font-weight: 600; }
.context-grid[b-q6rn4008go] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem 1.25rem; }
.context-grid > div[b-q6rn4008go] { min-width: 0; }
.context-grid .wide[b-q6rn4008go] { grid-column: 1 / -1; }
.context-grid span[b-q6rn4008go], .context-grid strong[b-q6rn4008go], .context-grid a[b-q6rn4008go] { display: block; }
.context-grid span[b-q6rn4008go] { margin-bottom: .25rem; color: var(--md-on-surface-variant); font-size: .63rem; font-weight: 750; letter-spacing: .025em; text-transform: uppercase; }
.context-grid strong[b-q6rn4008go], .context-grid a[b-q6rn4008go] { overflow-wrap: anywhere; color: var(--md-on-surface-variant); font-size: .74rem; line-height: 1.5; }
.context-grid .token-preview[b-q6rn4008go] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .02em; }
.token-value-row[b-q6rn4008go] { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.token-value-row .token-preview[b-q6rn4008go] { flex: 1 1 auto; min-width: 0; }
.copy-token-button[b-q6rn4008go] { flex: 0 0 auto; min-height: 1.8rem; padding: 0 .55rem; border: 1px solid var(--md-outline-variant); border-radius: .5rem; color: #4e5bb8; background: var(--md-surface-low); font: inherit; font-size: .62rem; font-weight: 800; cursor: pointer; transition: background .18s ease, border-color .18s ease; }
.copy-token-button:hover:not(:disabled)[b-q6rn4008go] { border-color: var(--md-outline-variant); background: var(--md-surface-low); }
.copy-token-button:disabled[b-q6rn4008go] { color: var(--md-on-surface-variant); cursor: not-allowed; opacity: .65; }
.diagnostics-group + .diagnostics-group[b-q6rn4008go] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--md-outline-variant); }
.diagnostics-group h4[b-q6rn4008go] { margin: 0 0 .55rem; color: var(--md-on-surface-variant); font-size: .65rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.diagnostics-grid[b-q6rn4008go] { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; border: 1px solid var(--md-outline-variant); border-radius: .65rem; overflow: hidden; background: var(--md-surface-low); }
.diagnostics-grid > div[b-q6rn4008go] { min-width: 0; padding: .65rem .75rem; border-bottom: 1px solid var(--md-outline-variant); }
.diagnostics-grid > div:nth-child(odd)[b-q6rn4008go] { border-right: 1px solid var(--md-outline-variant); }
.diagnostics-grid > .wide[b-q6rn4008go] { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
.diagnostics-grid:not(:has(.wide)) > div:nth-last-child(-n+2)[b-q6rn4008go] { border-bottom: 0; }
.diagnostics-grid dt[b-q6rn4008go] { margin: 0 0 .22rem; color: var(--md-on-surface-variant); font-size: .61rem; font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }
.diagnostics-grid dd[b-q6rn4008go] { margin: 0; overflow-wrap: anywhere; color: var(--md-on-surface-variant); font-size: .73rem; font-weight: 700; line-height: 1.5; }
.diagnostics-grid .code-value[b-q6rn4008go] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .64rem; white-space: pre-wrap; }
.failure-grid[b-q6rn4008go], .network-grid[b-q6rn4008go] { margin-top: .15rem; }
.location-section[b-q6rn4008go] { justify-self: stretch; width: 100%; }
.location-heading[b-q6rn4008go] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; margin-bottom: .75rem; }
.location-heading h3[b-q6rn4008go] { margin-bottom: .2rem; }
.location-heading p[b-q6rn4008go] { margin: 0; color: var(--md-on-surface-variant); font-size: .67rem; }
.location-heading a[b-q6rn4008go] { min-height: 2.3rem; display: inline-flex; align-items: center; padding: 0 .75rem; border: 1px solid var(--md-outline-variant); border-radius: .65rem; color: #4e5bb8; background: var(--md-surface-low); font-size: .67rem; font-weight: 800; text-decoration: none; }
.report-location-map[b-q6rn4008go] { width: 100%; height: clamp(12.5rem, 32vw, 20rem); overflow: hidden; border: 1px solid var(--md-outline-variant); border-radius: .75rem; background: var(--md-surface-low); }
.api-section[b-q6rn4008go] { grid-column: 1 / -1; }
.api-heading[b-q6rn4008go] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .6rem; }
.api-heading h3[b-q6rn4008go] { margin: 0; }
.api-heading span[b-q6rn4008go] { color: var(--md-on-surface-variant); font-size: .62rem; }
.api-call-list[b-q6rn4008go], .api-call[b-q6rn4008go] { min-width: 0; max-width: 100%; overflow: hidden; border: 1px solid var(--md-outline-variant); border-radius: .7rem; }
.api-call[b-q6rn4008go] { border: 0; border-radius: 0; }
.api-call + .api-call[b-q6rn4008go] { border-top: 1px solid var(--md-outline-variant); }
.api-call summary[b-q6rn4008go] { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr) auto auto; align-items: center; gap: .65rem; padding: .7rem .75rem; color: var(--md-on-surface-variant); background: var(--md-surface-low); font-size: .62rem; cursor: pointer; }
.api-call summary strong[b-q6rn4008go] { overflow: hidden; color: var(--md-on-surface-variant); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }
.api-method[b-q6rn4008go] { color: #4e5bb8; font-weight: 850; }
.api-status[b-q6rn4008go] { padding: .16rem .35rem; border-radius: .35rem; color: var(--md-primary); background: var(--md-surface-container); font-weight: 850; }
.api-status.success[b-q6rn4008go] { color: var(--md-on-success-container); background: var(--md-success-container); }
.api-call-body[b-q6rn4008go] { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: .75rem; border-top: 1px solid var(--md-outline-variant); background: var(--md-surface-low); }
.api-call-body > div > span[b-q6rn4008go] { display: block; margin-bottom: .3rem; color: var(--md-on-surface-variant); font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.api-call-body pre[b-q6rn4008go] { max-height: 16rem; overflow: auto; margin: 0; padding: .65rem; border-radius: .55rem; color: var(--md-on-surface-variant); background: var(--md-surface-low); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .61rem; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.api-call-body .api-error[b-q6rn4008go] { grid-column: 1 / -1; margin: 0; color: var(--md-primary); font-size: .68rem; font-weight: 700; }
.technical-block[b-q6rn4008go] { padding: 0; }
.technical-block summary[b-q6rn4008go] { padding: .85rem 1rem; color: var(--md-on-surface-variant); font-size: .7rem; font-weight: 800; cursor: pointer; }
.technical-block > div[b-q6rn4008go] { border-top: 1px solid var(--md-outline-variant); padding: .8rem 1rem; }
.technical-block span[b-q6rn4008go] { color: var(--md-primary); font-family: ui-monospace, monospace; font-size: .65rem; }
.technical-block pre[b-q6rn4008go] { max-height: 18rem; overflow: auto; margin: .6rem 0 0; color: var(--md-on-surface-variant); font-family: ui-monospace, monospace; font-size: .63rem; line-height: 1.55; white-space: pre-wrap; user-select: text; }

.evidence-lightbox[b-q6rn4008go] { position: fixed; inset: 0; z-index: 110; display: grid; place-items: center; padding: 1rem; background: rgba(12,17,27,.84); }
.evidence-lightbox-panel[b-q6rn4008go] { position: relative; display: grid; place-items: center; width: min(90rem, 100%); height: min(90dvh, 60rem); }
.evidence-lightbox img[b-q6rn4008go], .evidence-lightbox video[b-q6rn4008go] { display: block; max-width: 100%; max-height: 100%; border-radius: .6rem; object-fit: contain; background: var(--md-on-surface); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.35); }
.lightbox-close[b-q6rn4008go] { position: absolute; z-index: 1; top: .5rem; right: .5rem; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid rgba(255,255,255,.28); border-radius: .7rem; color: var(--md-surface-low); background: rgba(22,27,38,.84); font-size: 1.35rem; cursor: pointer; }

.delete-confirm-overlay[b-q6rn4008go] { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 1rem; background: rgba(19,25,38,.58); }
.delete-confirm[b-q6rn4008go] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; width: min(31rem, 100%); padding: 1.25rem; border: 1px solid var(--md-outline); border-radius: 1rem; color: var(--md-on-surface); background: var(--md-surface-low); box-shadow: 0 1.5rem 4rem rgba(19,25,38,.24); animation: confirm-in-b-q6rn4008go .18s ease-out both; }
.delete-warning-mark[b-q6rn4008go] { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: .8rem; color: oklch(52% .18 28); background: oklch(94% .045 28); }
.delete-warning-mark svg[b-q6rn4008go] { width: 1.35rem; }
.delete-kicker[b-q6rn4008go] { color: oklch(49% .14 28); font-size: .6rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.delete-confirm h2[b-q6rn4008go] { margin: .22rem 0 .45rem; font-size: 1.05rem; line-height: 1.3; }
.delete-confirm p[b-q6rn4008go] { margin: 0; color: var(--md-on-surface-variant); font-size: .76rem; line-height: 1.55; }
.delete-confirm .evidence-delete-note[b-q6rn4008go] { margin-top: .55rem; color: var(--md-on-surface-variant); font-weight: 700; }
.delete-confirm .delete-error[b-q6rn4008go] { margin-top: .7rem; padding: .55rem .65rem; border: 1px solid oklch(85% .06 25); border-radius: .55rem; color: oklch(46% .14 25); background: oklch(95% .035 25); }
.delete-confirm-actions[b-q6rn4008go] { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: .55rem; padding-top: .25rem; }
.cancel-delete[b-q6rn4008go], .confirm-delete[b-q6rn4008go] { min-height: 2.45rem; padding: 0 .85rem; border-radius: .65rem; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.cancel-delete[b-q6rn4008go] { border: 1px solid var(--md-outline-variant); color: var(--md-on-surface-variant); background: var(--md-surface-low); }
.confirm-delete[b-q6rn4008go] { border: 1px solid oklch(52% .17 25); color: var(--md-surface-low); background: oklch(52% .17 25); }
.cancel-delete:disabled[b-q6rn4008go], .confirm-delete:disabled[b-q6rn4008go] { opacity: .55; cursor: wait; }

@keyframes spin-b-q6rn4008go { to { transform: rotate(360deg); } }
@keyframes detail-in-b-q6rn4008go { from { transform: translateY(.5rem); opacity: 0; } }
@keyframes confirm-in-b-q6rn4008go { from { transform: translateY(.6rem); opacity: 0; } }

@container bug-reports (max-width: 760px) {
    .report-metrics[b-q6rn4008go] { grid-template-columns: 1fr 1fr; }
    .report-metrics > div:nth-child(2)[b-q6rn4008go] { border-right: 0; }
    .report-metrics > div:nth-child(-n+2)[b-q6rn4008go] { border-bottom: 1px solid var(--md-outline-variant); }
    .report-open[b-q6rn4008go] { grid-template-columns: .2rem minmax(0, 1fr) 1rem; }
    .evidence-flags[b-q6rn4008go] { display: none; }
    .bulk-status-control[b-q6rn4008go] { order: 4; flex-basis: 100%; }
}

@container bug-reports (max-width: 520px) {
    .search-field[b-q6rn4008go] { flex-basis: 100%; }
    .reports-toolbar select[b-q6rn4008go] { flex: 1 1 8rem; min-width: 0; }
    .delete-all-button[b-q6rn4008go] { flex: 1 1 100%; }
    .selection-count[b-q6rn4008go] { order: 3; flex-basis: 100%; }
    .bulk-status-control[b-q6rn4008go] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .bulk-status-control select[b-q6rn4008go] { width: 100%; min-width: 0; }
    .delete-selected-button[b-q6rn4008go] { margin-left: auto; }
    .report-metrics > div[b-q6rn4008go] { min-width: 0; padding: .8rem; }
    .report-metrics span[b-q6rn4008go] { overflow-wrap: anywhere; }
}

@container bug-report-detail (max-width: 980px) {
    .detail-content[b-q6rn4008go] { grid-template-columns: minmax(0, 1fr); }
    .detail-content > *[b-q6rn4008go] { grid-column: auto !important; }
    .api-call-body[b-q6rn4008go] { grid-template-columns: minmax(0, 1fr); }
    .api-call-body .api-error[b-q6rn4008go] { grid-column: auto; }
}

@container bug-report-detail (max-width: 760px) {
    .detail-panel > header[b-q6rn4008go] { top: -1rem; grid-template-columns: minmax(0, 1fr); }
    .detail-statusbar[b-q6rn4008go] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .detail-statusbar > span[b-q6rn4008go] { grid-column: 1 / -1; justify-self: start; }
    .detail-delete[b-q6rn4008go] { justify-self: end; }
    .evidence-viewer[b-q6rn4008go], .context-grid[b-q6rn4008go], .diagnostics-grid[b-q6rn4008go] { grid-template-columns: minmax(0, 1fr); }
    .context-grid .wide[b-q6rn4008go], .diagnostics-grid > .wide[b-q6rn4008go] { grid-column: auto; }
    .diagnostics-grid > div[b-q6rn4008go], .diagnostics-grid > div:nth-child(odd)[b-q6rn4008go], .diagnostics-grid:not(:has(.wide)) > div[b-q6rn4008go] { border-right: 0; border-bottom: 1px solid var(--md-outline-variant); }
    .diagnostics-grid > div:last-child[b-q6rn4008go] { border-bottom: 0; }
}

@container bug-report-detail (max-width: 520px) {
    .detail-content[b-q6rn4008go], .detail-panel > header[b-q6rn4008go], .detail-statusbar[b-q6rn4008go] { padding-inline: .75rem; }
    .detail-section[b-q6rn4008go] { padding: .8rem; }
    .location-heading[b-q6rn4008go] { align-items: flex-start; flex-direction: column; }
    .location-heading a[b-q6rn4008go] { width: 100%; justify-content: center; }
    .report-location-map[b-q6rn4008go] { height: 12.5rem; }
    .api-call summary[b-q6rn4008go] { grid-template-columns: 3rem minmax(0, 1fr) auto; }
    .api-call summary > span:last-child[b-q6rn4008go] { display: none; }
}

@media (max-width: 980px) { .detail-content[b-q6rn4008go] { grid-template-columns: 1fr; }.detail-content > *[b-q6rn4008go] { grid-column: auto !important; }.selection-bar[b-q6rn4008go] { align-items: flex-start; flex-wrap: wrap; }.selection-count[b-q6rn4008go] { margin-right: 0; }.bulk-status-control[b-q6rn4008go] { order: 4; flex-basis: 100%; }.api-call-body[b-q6rn4008go] { grid-template-columns: 1fr; }.api-call-body .api-error[b-q6rn4008go] { grid-column: auto; } }
@media (max-width: 760px) { .report-metrics[b-q6rn4008go] { grid-template-columns: 1fr 1fr; }.report-metrics > div:nth-child(2)[b-q6rn4008go] { border-right: 0; }.report-metrics > div:nth-child(-n+2)[b-q6rn4008go] { border-bottom: 1px solid var(--md-outline-variant); }.report-open[b-q6rn4008go] { grid-template-columns: .2rem minmax(0, 1fr) 1rem; }.evidence-flags[b-q6rn4008go] { display: none; }.detail-panel > header[b-q6rn4008go] { top: -1rem; grid-template-columns: 1fr; }.detail-statusbar[b-q6rn4008go] { grid-template-columns: 1fr 1fr; }.detail-statusbar > span[b-q6rn4008go] { grid-column: 1 / -1; justify-self: start; }.detail-delete[b-q6rn4008go] { justify-self: end; }.evidence-viewer[b-q6rn4008go], .context-grid[b-q6rn4008go], .diagnostics-grid[b-q6rn4008go] { grid-template-columns: 1fr; }.context-grid .wide[b-q6rn4008go], .diagnostics-grid > .wide[b-q6rn4008go] { grid-column: auto; }.diagnostics-grid > div[b-q6rn4008go], .diagnostics-grid > div:nth-child(odd)[b-q6rn4008go], .diagnostics-grid:not(:has(.wide)) > div[b-q6rn4008go] { border-right: 0; border-bottom: 1px solid var(--md-outline-variant); }.diagnostics-grid > div:last-child[b-q6rn4008go] { border-bottom: 0; } }
@media (max-width: 520px) { .reports-toolbar[b-q6rn4008go] { flex-wrap: wrap; }.search-field[b-q6rn4008go] { flex-basis: 100%; }.reports-toolbar select[b-q6rn4008go] { flex: 1; }.delete-all-button[b-q6rn4008go] { flex-basis: 100%; }.selection-bar[b-q6rn4008go] { flex-wrap: wrap; }.selection-count[b-q6rn4008go] { order: 3; flex-basis: 100%; }.bulk-status-control[b-q6rn4008go] { display: grid; grid-template-columns: 1fr 1fr; }.delete-selected-button[b-q6rn4008go] { margin-left: auto; }.report-metrics > div[b-q6rn4008go] { padding: .8rem; }.detail-content[b-q6rn4008go], .detail-panel > header[b-q6rn4008go] { padding-inline: 1rem; }.detail-statusbar[b-q6rn4008go] { padding-inline: 1rem; }.location-heading[b-q6rn4008go] { align-items: flex-start; flex-direction: column; }.location-heading a[b-q6rn4008go] { width: 100%; justify-content: center; }.report-location-map[b-q6rn4008go] { height: 12.5rem; }.api-call summary[b-q6rn4008go] { grid-template-columns: 3rem minmax(0, 1fr) auto; }.api-call summary > span:last-child[b-q6rn4008go] { display: none; }.delete-confirm[b-q6rn4008go] { grid-template-columns: 1fr; }.delete-confirm-actions[b-q6rn4008go] { grid-column: auto; flex-direction: column-reverse; }.cancel-delete[b-q6rn4008go], .confirm-delete[b-q6rn4008go] { width: 100%; } }

/* Material 3 setup reference */
.reports-shell[b-q6rn4008go] {
    gap: 1.5rem;
    height: auto;
    min-height: 0;
    overflow: visible;
    color: var(--md-on-surface);
    font-family: Roboto, Tajawal, system-ui, sans-serif;
}
.report-metrics[b-q6rn4008go] {
    gap: 1rem;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
}
.report-metrics > div[b-q6rn4008go] {
    min-height: 6.75rem;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: .375rem;
    padding: 1.25rem;
    border: 1px solid var(--md-outline-variant) !important;
    border-radius: .75rem;
    background: var(--md-surface-lowest);
}
.report-metrics span[b-q6rn4008go] { color: var(--md-primary); font-size: .6875rem; letter-spacing: .045em; }
.report-metrics strong[b-q6rn4008go] { color: var(--md-on-surface); font-size: 1.5rem; }
.reports-toolbar[b-q6rn4008go] {
    align-items: center;
    gap: .75rem;
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--md-outline-variant);
    border-radius: .75rem;
    background: var(--md-surface-low);
}
.search-field input[b-q6rn4008go], .reports-toolbar select[b-q6rn4008go], .detail-statusbar select[b-q6rn4008go],
.bulk-status-control select[b-q6rn4008go], .bulk-status-control button[b-q6rn4008go] {
    height: 3rem;
    border: 1px solid var(--md-outline);
    border-radius: .25rem;
    color: var(--md-on-surface);
    background: var(--md-surface-lowest);
    font-size: .8125rem;
}
.search-field input:focus[b-q6rn4008go], .reports-toolbar select:focus[b-q6rn4008go], .detail-statusbar select:focus[b-q6rn4008go] {
    outline: 2px solid var(--md-primary);
    outline-offset: 1px;
}
.refresh-button[b-q6rn4008go] { width: 3rem; height: 3rem; border-color: var(--md-outline); border-radius: 999px; color: var(--md-on-surface-variant); }
.refresh-button:hover[b-q6rn4008go] { color: var(--md-primary); background: var(--md-primary-container); transform: none; }
.delete-all-button[b-q6rn4008go], .delete-selected-button[b-q6rn4008go], .detail-delete[b-q6rn4008go] {
    min-height: 2.75rem;
    padding-inline: 1.25rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: var(--md-error);
    font-size: .75rem;
}
.delete-all-button:hover[b-q6rn4008go], .delete-selected-button:hover[b-q6rn4008go], .detail-delete:hover[b-q6rn4008go] { border-color: transparent; background: var(--md-primary); }
.selection-bar[b-q6rn4008go] {
    min-height: 4rem;
    margin: 0;
    padding: .625rem 1rem;
    border-color: var(--md-outline-variant);
    border-radius: .75rem;
    background: var(--md-background);
}
.select-all-control input[b-q6rn4008go], .row-select input[b-q6rn4008go] { accent-color: var(--md-primary); }
.reports-list[b-q6rn4008go] { flex: none; overflow: hidden; border-color: var(--md-outline-variant); border-radius: .75rem .75rem 0 0; }
.report-row[b-q6rn4008go] { min-height: 5.75rem; border-color: var(--md-outline-variant); color: var(--md-on-surface); background: var(--md-surface-lowest); }
.report-row:hover[b-q6rn4008go] { background: var(--md-background); }
.report-row.selected[b-q6rn4008go] { background: var(--md-primary-container); box-shadow: inset 3px 0 var(--md-primary); }
.report-open[b-q6rn4008go] { min-height: 5.75rem; }
.report-topline strong[b-q6rn4008go] { color: var(--md-on-surface); font-size: .875rem; }
.report-description[b-q6rn4008go] { color: var(--md-on-surface-variant); font-size: .75rem; }
.report-meta[b-q6rn4008go] { color: var(--md-outline); }
.status-badge[b-q6rn4008go] { border-radius: 999px; }
.status-badge.new[b-q6rn4008go] { color: var(--md-error); background: var(--md-primary-container); }
.status-badge.investigating[b-q6rn4008go] { color: #704d00; background: #ffdea5; }
.status-badge.resolved[b-q6rn4008go] { color: var(--md-on-success-container); background: var(--md-success-container); }
.detail-panel[b-q6rn4008go], .report-detail-page[b-q6rn4008go] { color: var(--md-on-surface); background: var(--md-background); }
.detail-panel > header[b-q6rn4008go], .detail-statusbar[b-q6rn4008go] { border-color: var(--md-outline-variant); background: var(--md-surface-lowest); backdrop-filter: none; }
.detail-panel header .detail-back[b-q6rn4008go] { border: 0; border-radius: 999px; color: var(--md-primary); background: var(--md-primary-container); }
.detail-section[b-q6rn4008go], .technical-block[b-q6rn4008go] { border-color: var(--md-outline-variant); border-radius: .75rem; background: var(--md-surface-lowest); }
.detail-section h3[b-q6rn4008go] { color: var(--md-on-surface); text-transform: none; font-size: .875rem; letter-spacing: 0; }
.context-grid span[b-q6rn4008go], .diagnostics-grid dt[b-q6rn4008go] { color: var(--md-outline); }
.context-grid strong[b-q6rn4008go], .context-grid a[b-q6rn4008go], .diagnostics-grid dd[b-q6rn4008go] { color: var(--md-on-surface); }
.diagnostics-grid[b-q6rn4008go] { border-color: var(--md-outline-variant); border-radius: .5rem; background: var(--md-background); }
.delete-confirm[b-q6rn4008go] { border-color: var(--md-outline-variant); color: var(--md-on-surface); background: var(--md-surface-lowest); }
.cancel-delete[b-q6rn4008go] { border-color: var(--md-outline); border-radius: 999px; color: var(--md-on-surface-variant); background: var(--md-surface-lowest); }
.confirm-delete[b-q6rn4008go] { border-color: var(--md-error); border-radius: 999px; color: #fff; background: var(--md-error); }
/* /Components/Shared/SetupComponents/CartApiLogsTab.razor.rz.scp.css */
.api-log-shell[b-97u9ria1je] {
    --log-ink: var(--setup-ink, var(--md-on-surface-variant));
    --log-muted: var(--setup-muted, var(--md-on-surface-variant));
    --log-border: var(--setup-border, var(--md-outline-variant));
    --log-border-strong: var(--setup-border-strong, var(--md-outline));
    --log-surface: var(--setup-surface, var(--md-surface-low));
    --log-subtle: var(--setup-subtle, var(--md-surface-low));
    --log-accent: var(--setup-accent, oklch(51% .22 275));
    width: 100%;
    color: var(--log-ink);
    font-variant-numeric: tabular-nums;
}

.api-log-shell *[b-97u9ria1je], .api-log-shell *[b-97u9ria1je]::before, .api-log-shell *[b-97u9ria1je]::after { box-sizing: border-box; }

.api-log-header[b-97u9ria1je] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid var(--log-border);
}

.api-log-kicker[b-97u9ria1je] {
    display: block;
    margin-bottom: .3rem;
    color: var(--log-muted);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.api-log-header h2[b-97u9ria1je] { margin: 0; font-size: 1.45rem; font-weight: 780; letter-spacing: -.025em; }
.api-log-header p[b-97u9ria1je] { max-width: 68ch; margin: .5rem 0 0; color: var(--log-muted); font-size: .8rem; line-height: 1.6; }

.api-log-button[b-97u9ria1je], .api-log-clear[b-97u9ria1je], .api-log-error button[b-97u9ria1je] {
    min-height: 2.4rem;
    padding: .52rem .85rem;
    border: 1px solid var(--log-border-strong);
    border-radius: .62rem;
    color: var(--md-on-surface-variant);
    background: var(--log-surface);
    box-shadow: 0 1px 2px var(--md-on-surface-variant);
    font: inherit;
    font-size: .7rem;
    font-weight: 760;
    white-space: nowrap;
    cursor: pointer;
    transition: color 180ms cubic-bezier(.22,1,.36,1), background-color 180ms cubic-bezier(.22,1,.36,1), border-color 180ms cubic-bezier(.22,1,.36,1);
}

.api-log-button:hover:not(:disabled)[b-97u9ria1je], .api-log-clear:hover:not(:disabled)[b-97u9ria1je] { border-color: oklch(72% .08 275); color: var(--log-accent); background: var(--md-surface-low); }
.api-log-button.primary[b-97u9ria1je] { border-color: var(--log-accent); color: var(--md-surface-low); background: var(--log-accent); }
.api-log-button.primary:hover:not(:disabled)[b-97u9ria1je] { border-color: oklch(43% .22 275); color: var(--md-surface-low); background: oklch(43% .22 275); }
.api-log-button:disabled[b-97u9ria1je], .api-log-clear:disabled[b-97u9ria1je] { opacity: .5; cursor: not-allowed; }

.api-log-toolbar[b-97u9ria1je] {
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) 10rem 7rem auto auto;
    align-items: end;
    gap: .65rem;
    margin: 1.1rem 0;
    padding: .85rem;
    border: 1px solid var(--log-border);
    border-radius: .78rem;
    background: var(--log-subtle);
}

.api-log-toolbar label > span[b-97u9ria1je] { display: block; margin-bottom: .32rem; color: var(--log-muted); font-size: .61rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.api-log-toolbar input[b-97u9ria1je], .api-log-toolbar select[b-97u9ria1je] { width: 100%; min-height: 2.4rem; padding: .5rem .68rem; border: 1px solid var(--log-border-strong); border-radius: .58rem; color: var(--log-ink); background: var(--log-surface); font: inherit; font-size: .72rem; }
.api-log-toolbar input:focus-visible[b-97u9ria1je], .api-log-toolbar select:focus-visible[b-97u9ria1je], .api-log-button:focus-visible[b-97u9ria1je], .api-log-clear:focus-visible[b-97u9ria1je], .api-log-entry summary:focus-visible[b-97u9ria1je] { outline: 3px solid oklch(62% .16 275 / .22); outline-offset: 2px; }
.api-log-search[b-97u9ria1je] { position: relative; }
.api-log-search svg[b-97u9ria1je] { position: absolute; left: .7rem; bottom: .68rem; width: 1rem; height: 1rem; color: var(--md-on-surface-variant); pointer-events: none; }
.api-log-search input[b-97u9ria1je] { padding-left: 2.15rem; }
.api-log-clear[b-97u9ria1je] { border-color: transparent; color: var(--log-muted); background: transparent; box-shadow: none; }

.api-log-summary[b-97u9ria1je] { display: grid; grid-template-columns: repeat(3, 1fr) 1.35fr; overflow: hidden; margin-bottom: 1rem; border: 1px solid var(--log-border); border-radius: .78rem; background: var(--log-surface); }
.api-log-summary > div[b-97u9ria1je] { min-width: 0; padding: .85rem 1rem; }
.api-log-summary > div + div[b-97u9ria1je] { border-left: 1px solid var(--log-border); }
.api-log-summary span[b-97u9ria1je] { display: block; color: var(--log-muted); font-size: .61rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.api-log-summary strong[b-97u9ria1je] { display: block; margin-top: .28rem; font-size: 1.2rem; font-weight: 780; }
.api-log-summary strong.warning[b-97u9ria1je] { color: oklch(51% .12 75); }
.api-log-summary strong.error[b-97u9ria1je] { color: oklch(49% .16 25); }
.api-log-summary strong.date[b-97u9ria1je] { overflow: hidden; font-size: .78rem; line-height: 1.7; text-overflow: ellipsis; white-space: nowrap; }

.api-log-notice[b-97u9ria1je] { margin: 0 0 .75rem; padding: .65rem .8rem; border: 1px solid oklch(86% .05 75); border-radius: .58rem; color: oklch(45% .08 75); background: var(--md-surface-low); font-size: .7rem; }
.api-log-list[b-97u9ria1je] { overflow: hidden; border: 1px solid var(--log-border); border-radius: .8rem; background: var(--log-surface); }
.api-log-entry + .api-log-entry[b-97u9ria1je] { border-top: 1px solid var(--log-border); }
.api-log-entry summary[b-97u9ria1je] { display: grid; grid-template-columns: 8rem 5.5rem minmax(12rem, 1fr) minmax(7rem, .35fr) 1rem; align-items: center; gap: .7rem; min-height: 3.25rem; padding: .55rem .78rem; cursor: pointer; list-style: none; }
.api-log-entry summary[b-97u9ria1je]::-webkit-details-marker { display: none; }
.api-log-entry summary:hover[b-97u9ria1je] { background: var(--log-subtle); }
.api-log-entry[open] summary[b-97u9ria1je] { background: var(--md-surface-low); }
.api-log-entry summary > svg[b-97u9ria1je] { width: 1rem; color: var(--md-on-surface-variant); transition: transform 180ms cubic-bezier(.22,1,.36,1); }
.api-log-entry[open] summary > svg[b-97u9ria1je] { transform: rotate(180deg); }
.api-log-entry time[b-97u9ria1je], .api-log-source[b-97u9ria1je] { overflow: hidden; color: var(--log-muted); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.api-log-message[b-97u9ria1je] { overflow: hidden; color: var(--md-on-surface-variant); font-size: .72rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.api-log-level[b-97u9ria1je] { justify-self: start; padding: .2rem .38rem; border-radius: .34rem; font-size: .56rem; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.api-log-level.information[b-97u9ria1je] { color: oklch(43% .11 255); background: var(--md-surface-low); }
.api-log-level.debug[b-97u9ria1je] { color: oklch(47% .04 265); background: var(--md-surface-low); }
.api-log-level.warning[b-97u9ria1je] { color: oklch(46% .12 75); background: oklch(95% .04 75); }
.api-log-level.error[b-97u9ria1je] { color: oklch(46% .16 25); background: oklch(95% .038 25); }

.api-log-detail[b-97u9ria1je] { padding: .9rem 1rem 1rem 9.5rem; border-top: 1px solid var(--log-border); background: var(--log-subtle); }
.api-log-detail dl[b-97u9ria1je] { display: flex; flex-wrap: wrap; gap: .75rem 1.6rem; margin: 0; }
.api-log-detail dl div[b-97u9ria1je] { min-width: 7rem; }
.api-log-detail dt[b-97u9ria1je], .api-log-exception > span[b-97u9ria1je] { color: var(--log-muted); font-size: .58rem; font-weight: 820; letter-spacing: .06em; text-transform: uppercase; }
.api-log-detail dd[b-97u9ria1je] { margin: .2rem 0 0; color: var(--md-on-surface-variant); font-size: .68rem; overflow-wrap: anywhere; }
.api-log-detail code[b-97u9ria1je], .api-log-exception pre[b-97u9ria1je] { font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace; }
.api-log-exception[b-97u9ria1je] { margin-top: .8rem; }
.api-log-exception pre[b-97u9ria1je] { max-height: 18rem; overflow: auto; margin: .35rem 0 0; padding: .72rem; border: 1px solid oklch(87% .035 25); border-radius: .5rem; color: oklch(39% .09 25); background: var(--md-surface-low); font-size: .64rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }

.api-log-error[b-97u9ria1je], .api-log-empty[b-97u9ria1je], .api-log-loading[b-97u9ria1je] { display: flex; min-height: 11rem; align-items: center; justify-content: center; text-align: center; }
.api-log-error[b-97u9ria1je] { flex-direction: column; gap: .35rem; border: 1px solid oklch(85% .06 25); border-radius: .78rem; color: oklch(45% .12 25); background: var(--md-surface-low); }
.api-log-error span[b-97u9ria1je] { max-width: 70ch; font-size: .7rem; }
.api-log-error button[b-97u9ria1je] { margin-top: .4rem; }
.api-log-empty[b-97u9ria1je] { flex-direction: column; border: 1px dashed var(--log-border-strong); border-radius: .78rem; background: var(--log-subtle); }
.api-log-empty svg[b-97u9ria1je] { width: 2rem; margin-bottom: .65rem; color: var(--md-on-surface-variant); }
.api-log-empty strong[b-97u9ria1je] { font-size: .8rem; }
.api-log-empty span[b-97u9ria1je] { margin-top: .25rem; color: var(--log-muted); font-size: .7rem; }
.api-log-loading[b-97u9ria1je] { flex-wrap: wrap; gap: .6rem; }
.api-log-loading span[b-97u9ria1je] { width: 20%; height: 2.7rem; border-radius: .5rem; background: var(--md-outline-variant); animation: log-pulse-b-97u9ria1je 1.4s ease-in-out infinite; }
.api-log-loading p[b-97u9ria1je] { width: 100%; color: var(--log-muted); font-size: .7rem; }
.sr-only[b-97u9ria1je] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@keyframes log-pulse-b-97u9ria1je { 50% { opacity: .5; } }

@media (max-width: 900px) {
    .api-log-header[b-97u9ria1je] { flex-direction: column; gap: 1rem; }
    .api-log-toolbar[b-97u9ria1je] { grid-template-columns: 1fr 1fr; }
    .api-log-search[b-97u9ria1je] { grid-column: 1 / -1; }
    .api-log-entry summary[b-97u9ria1je] { grid-template-columns: 7.2rem 5.2rem minmax(9rem, 1fr) 1rem; }
    .api-log-source[b-97u9ria1je] { display: none; }
    .api-log-detail[b-97u9ria1je] { padding-left: .85rem; }
}

@media (max-width: 600px) {
    .api-log-header .api-log-button[b-97u9ria1je] { width: 100%; }
    .api-log-toolbar[b-97u9ria1je] { grid-template-columns: 1fr 1fr; }
    .api-log-toolbar .api-log-button[b-97u9ria1je] { grid-column: 1 / -1; }
    .api-log-clear[b-97u9ria1je] { grid-column: 1 / -1; }
    .api-log-summary[b-97u9ria1je] { grid-template-columns: 1fr 1fr; }
    .api-log-summary > div + div[b-97u9ria1je] { border-left: 0; }
    .api-log-summary > div:nth-child(even)[b-97u9ria1je] { border-left: 1px solid var(--log-border); }
    .api-log-summary > div:nth-child(n+3)[b-97u9ria1je] { border-top: 1px solid var(--log-border); }
    .api-log-entry summary[b-97u9ria1je] { grid-template-columns: 6.7rem 4.8rem minmax(8rem, 1fr) 1rem; gap: .45rem; }
}

@media (prefers-reduced-motion: reduce) { .api-log-loading span[b-97u9ria1je] { animation: none; } }
/* /Components/Shared/SetupComponents/CartApiTab.razor.rz.scp.css */
.cart-lifecycle[b-i11hnfxb3g] { margin-top: 1.5rem; padding-top: 1.15rem; border-top: 1px solid var(--md-outline-variant); color: var(--setup-ink, var(--md-on-surface-variant)); }
.lifecycle-heading[b-i11hnfxb3g] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; }
.lifecycle-heading > div > span[b-i11hnfxb3g], .explorer-link > div > span[b-i11hnfxb3g] { display: block; color: var(--setup-muted, var(--md-on-surface-variant)); font-size: .61rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lifecycle-heading h3[b-i11hnfxb3g] { margin: .22rem 0 0; font-size: 1rem; font-weight: 790; letter-spacing: -.015em; }
.lifecycle-heading p[b-i11hnfxb3g] { max-width: 62ch; margin: .3rem 0 0; color: var(--setup-muted, var(--md-on-surface-variant)); font-size: .7rem; line-height: 1.5; }
.policy-badge[b-i11hnfxb3g] { flex: 0 0 auto; padding: .35rem .58rem; border: 1px solid oklch(84% .05 275); border-radius: .45rem; color: oklch(43% .12 275); background: var(--md-surface-low); font-size: .62rem; font-weight: 820; }
.lifecycle-controls[b-i11hnfxb3g] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .95fr); gap: 1.4rem; margin-top: 1rem; padding: 1rem 0; border-top: 1px solid var(--md-outline-variant); border-bottom: 1px solid var(--md-outline-variant); }
.expiration-control[b-i11hnfxb3g] { padding-right: 1.4rem; border-right: 1px solid var(--md-outline-variant); }
.expiration-control > label[b-i11hnfxb3g] { display: block; margin-bottom: .4rem; color: var(--md-on-surface-variant); font-size: .69rem; font-weight: 800; }
.expiration-input[b-i11hnfxb3g] { display: grid; grid-template-columns: minmax(5rem, 8rem) auto minmax(7rem, auto); align-items: center; gap: .55rem; }
.expiration-input input[b-i11hnfxb3g] { width: 100%; min-height: 2.55rem; padding: .5rem .68rem; border: 1px solid var(--md-outline); border-radius: .6rem; color: var(--md-on-surface-variant); background: var(--md-surface-low); font: inherit; font-size: .82rem; font-weight: 750; }
.expiration-input > span[b-i11hnfxb3g] { color: var(--setup-muted, var(--md-on-surface-variant)); font-size: .7rem; font-weight: 720; }
.expiration-input button[b-i11hnfxb3g] { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 2.55rem; padding: .5rem .85rem; border: 1px solid oklch(48% .2 275); border-radius: .6rem; color: var(--md-surface-low); background: oklch(51% .22 275); font: inherit; font-size: .7rem; font-weight: 800; cursor: pointer; transition: background-color 180ms cubic-bezier(.22,1,.36,1), border-color 180ms cubic-bezier(.22,1,.36,1); }
.expiration-input button:hover:not(:disabled)[b-i11hnfxb3g] { border-color: oklch(40% .2 275); background: oklch(44% .22 275); }
.expiration-input input:focus-visible[b-i11hnfxb3g], .expiration-input button:focus-visible[b-i11hnfxb3g], .explorer-link a:focus-visible[b-i11hnfxb3g] { outline: 3px solid oklch(62% .16 275 / .22); outline-offset: 2px; }
.expiration-input button:disabled[b-i11hnfxb3g], .expiration-input input:disabled[b-i11hnfxb3g] { opacity: .5; cursor: not-allowed; }
.expiration-control > p[b-i11hnfxb3g], .explorer-link p[b-i11hnfxb3g] { margin: .4rem 0 0; color: var(--setup-muted, var(--md-on-surface-variant)); font-size: .65rem; line-height: 1.5; }
.explorer-link[b-i11hnfxb3g] { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; }
.explorer-link strong[b-i11hnfxb3g] { display: block; margin-top: .22rem; color: var(--md-on-surface-variant); font-size: .76rem; }
.explorer-link a[b-i11hnfxb3g] { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .35rem; min-height: 2.35rem; padding: .5rem .72rem; border: 1px solid oklch(82% .045 275); border-radius: .58rem; color: oklch(43% .13 275); background: var(--md-surface-low); font-size: .68rem; font-weight: 800; text-decoration: none; }
.explorer-link a:hover[b-i11hnfxb3g] { border-color: oklch(70% .09 275); background: var(--md-surface-low); }
@media (max-width: 850px) { .lifecycle-controls[b-i11hnfxb3g] { grid-template-columns: 1fr; } .expiration-control[b-i11hnfxb3g] { padding: 0 0 1rem; border-right: 0; border-bottom: 1px solid var(--md-outline-variant); } }
@media (max-width: 560px) { .lifecycle-heading[b-i11hnfxb3g], .explorer-link[b-i11hnfxb3g] { align-items: flex-start; flex-direction: column; } .expiration-input[b-i11hnfxb3g] { grid-template-columns: minmax(5rem, 1fr) auto; } .expiration-input button[b-i11hnfxb3g] { grid-column: 1 / -1; } .explorer-link a[b-i11hnfxb3g] { width: 100%; justify-content: center; } }
/* /Components/Shared/SetupComponents/CartExplorerTab.razor.rz.scp.css */
.cart-explorer[b-k14dpximvn] {
    --ink: var(--setup-ink, var(--md-on-surface-variant));
    --muted: var(--setup-muted, var(--md-on-surface-variant));
    --border: var(--setup-border, var(--md-outline-variant));
    --border-strong: var(--setup-border-strong, var(--md-outline));
    --surface: var(--setup-surface, var(--md-surface-low));
    --subtle: var(--setup-subtle, var(--md-surface-low));
    --accent: var(--setup-accent, oklch(51% .22 275));
    width: 100%; color: var(--ink); font-variant-numeric: tabular-nums;
}
.cart-explorer *[b-k14dpximvn], .cart-explorer *[b-k14dpximvn]::before, .cart-explorer *[b-k14dpximvn]::after { box-sizing: border-box; }
.explorer-header[b-k14dpximvn] { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--border); }
.eyebrow[b-k14dpximvn] { display: block; margin-bottom: .28rem; color: var(--muted); font-size: .64rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.explorer-header h2[b-k14dpximvn] { margin: 0; color: var(--ink); font-size: 1.45rem; font-weight: 780; letter-spacing: -.025em; }
.explorer-header p[b-k14dpximvn] { max-width: 65ch; margin: .45rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.secondary-button[b-k14dpximvn], .clear-button[b-k14dpximvn], .row-button[b-k14dpximvn], .pagination button[b-k14dpximvn] { min-height: 2.35rem; padding: .5rem .8rem; border: 1px solid var(--border-strong); border-radius: .62rem; color: var(--md-on-surface-variant); background: var(--surface); box-shadow: 0 1px 2px var(--md-on-surface-variant); font: inherit; font-size: .7rem; font-weight: 780; cursor: pointer; transition: 180ms cubic-bezier(.22,1,.36,1); }
.secondary-button:hover:not(:disabled)[b-k14dpximvn], .clear-button:hover:not(:disabled)[b-k14dpximvn], .row-button:hover:not(:disabled)[b-k14dpximvn], .pagination button:hover:not(:disabled)[b-k14dpximvn] { border-color: oklch(72% .08 275); color: var(--accent); background: var(--md-surface-low); }
button:focus-visible[b-k14dpximvn], input:focus-visible[b-k14dpximvn], select:focus-visible[b-k14dpximvn] { outline: 3px solid oklch(62% .16 275 / .22); outline-offset: 2px; }
button:disabled[b-k14dpximvn] { opacity: .45; cursor: not-allowed; }
.scope-switch[b-k14dpximvn] { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: 1rem; }
.scope-switch button[b-k14dpximvn] { display: flex; flex-direction: column; align-items: flex-start; min-height: 4.4rem; padding: .85rem 1rem; border: 1px solid var(--border); border-radius: .78rem; color: var(--muted); background: var(--subtle); text-align: left; cursor: pointer; transition: 180ms cubic-bezier(.22,1,.36,1); }
.scope-switch button:hover[b-k14dpximvn] { border-color: var(--border-strong); background: var(--surface); }
.scope-switch button.selected[b-k14dpximvn] { border-color: oklch(72% .09 275); color: var(--ink); background: var(--md-surface-low); box-shadow: inset 0 0 0 1px oklch(72% .09 275 / .16); }
.scope-switch strong[b-k14dpximvn] { font-size: .78rem; }
.scope-switch span[b-k14dpximvn] { margin-top: .22rem; font-size: .66rem; }
.explorer-error[b-k14dpximvn] { display: flex; gap: .5rem; margin-top: .85rem; padding: .72rem .85rem; border: 1px solid oklch(84% .06 25); border-radius: .65rem; color: oklch(45% .14 25); background: var(--md-surface-low); font-size: .72rem; }
.metric-strip[b-k14dpximvn] { display: grid; grid-template-columns: 1.15fr repeat(4, 1fr); margin-top: 1rem; overflow: hidden; border: 1px solid var(--border); border-radius: .82rem; background: var(--surface); }
.metric-strip > div[b-k14dpximvn] { min-width: 0; padding: .9rem 1rem; }
.metric-strip > div + div[b-k14dpximvn] { border-left: 1px solid var(--border); }
.metric-strip span[b-k14dpximvn], .metric-strip small[b-k14dpximvn] { display: block; color: var(--muted); font-size: .62rem; font-weight: 680; }
.metric-strip span[b-k14dpximvn] { font-weight: 820; letter-spacing: .045em; text-transform: uppercase; }
.metric-strip strong[b-k14dpximvn] { display: block; margin: .28rem 0 .18rem; color: var(--ink); font-size: 1.2rem; font-weight: 780; letter-spacing: -.02em; }
.filters[b-k14dpximvn] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(4, minmax(8rem, 1fr)) auto; align-items: end; gap: .6rem; margin-top: .8rem; padding: .8rem; border: 1px solid var(--border); border-radius: .75rem; background: var(--subtle); }
.filters label[b-k14dpximvn] { min-width: 0; }
.filters label > span[b-k14dpximvn] { display: block; margin: 0 0 .28rem .12rem; color: var(--muted); font-size: .6rem; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.filters input[b-k14dpximvn], .filters select[b-k14dpximvn] { width: 100%; min-height: 2.35rem; padding: .48rem .68rem; border: 1px solid var(--border-strong); border-radius: .58rem; color: var(--ink); background: var(--surface); font: inherit; font-size: .7rem; }
.filters input:disabled[b-k14dpximvn] { color: var(--muted); background: var(--md-surface-low); }
.loading-state[b-k14dpximvn] { display: grid; gap: .55rem; padding: 2rem 0; }
.loading-state i[b-k14dpximvn] { height: 3.4rem; border-radius: .65rem; background: var(--md-outline-variant); animation: pulse-b-k14dpximvn 1.3s ease-in-out infinite; }
.empty-state[b-k14dpximvn] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 10rem; margin-top: 1rem; border: 1px dashed var(--border-strong); border-radius: .8rem; color: var(--muted); background: var(--subtle); text-align: center; }
.empty-state strong[b-k14dpximvn] { color: var(--ink); font-size: .8rem; }
.empty-state span[b-k14dpximvn] { margin-top: .3rem; font-size: .7rem; }
.cart-table-wrap[b-k14dpximvn] { margin-top: 1rem; overflow-x: auto; border: 1px solid var(--border); border-radius: .8rem; background: var(--surface); }
.cart-table[b-k14dpximvn] { width: 100%; min-width: 940px; border-collapse: collapse; font-size: .7rem; }
.cart-table th[b-k14dpximvn] { padding: .68rem .72rem; border-bottom: 1px solid var(--border); color: var(--muted); background: var(--subtle); font-size: .59rem; font-weight: 830; letter-spacing: .07em; text-align: left; text-transform: uppercase; }
.cart-table td[b-k14dpximvn] { padding: .7rem .72rem; border-top: 1px solid var(--md-outline-variant); color: var(--md-on-surface-variant); vertical-align: middle; }
.cart-table tbody tr:first-child td[b-k14dpximvn] { border-top: 0; }
.cart-table tbody tr:not(.detail-row):hover td[b-k14dpximvn] { background: var(--md-surface-low); }
.cart-table td strong[b-k14dpximvn], .cart-table td small[b-k14dpximvn] { display: block; }
.cart-table td strong[b-k14dpximvn] { color: var(--ink); font-weight: 750; }
.cart-table td small[b-k14dpximvn] { margin-top: .15rem; color: var(--muted); font-size: .61rem; }
.cart-table code[b-k14dpximvn], .payload-field code[b-k14dpximvn] { color: oklch(35% .035 265); font: .65rem/1.45 "Cascadia Code", Consolas, monospace; }
.status[b-k14dpximvn] { display: inline-flex; padding: .22rem .43rem; border-radius: .36rem; font-size: .6rem; font-weight: 820; }
.status.active[b-k14dpximvn] { color: oklch(42% .11 155); background: oklch(94% .035 155); }
.status.soon[b-k14dpximvn] { color: oklch(45% .11 75); background: oklch(95% .04 75); }
.status.expired[b-k14dpximvn] { color: oklch(47% .15 25); background: oklch(95% .035 25); }
.row-button[b-k14dpximvn] { min-height: 1.9rem; padding: .32rem .58rem; }
.detail-row td[b-k14dpximvn] { padding: 0; background: var(--subtle); }
.detail-heading[b-k14dpximvn] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid var(--border); }
.detail-heading div span[b-k14dpximvn], .detail-heading div strong[b-k14dpximvn] { display: block; }
.detail-heading span[b-k14dpximvn] { color: var(--muted); font-size: .62rem; font-weight: 750; }
.detail-heading strong[b-k14dpximvn] { margin-top: .16rem; color: var(--ink); font: .66rem "Cascadia Code", Consolas, monospace; }
.customer-profile[b-k14dpximvn] { margin: .85rem; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface); }
.customer-heading[b-k14dpximvn] { display: grid; grid-template-columns: 2.55rem minmax(0, 1fr) auto; align-items: center; gap: .7rem; padding: .78rem 0; }
.customer-avatar[b-k14dpximvn] { display: inline-grid; place-items: center; width: 2.55rem; height: 2.55rem; border-radius: 50%; color: oklch(42% .13 275); background: oklch(94.5% .035 275); font-size: .72rem; font-weight: 850; }
.customer-heading > div:nth-child(2) > span[b-k14dpximvn], .customer-heading > div:nth-child(2) > strong[b-k14dpximvn], .customer-heading > div:nth-child(2) > small[b-k14dpximvn] { display: block; }
.customer-heading > div:nth-child(2) > span[b-k14dpximvn] { color: var(--muted); font-size: .57rem; font-weight: 820; letter-spacing: .07em; text-transform: uppercase; }
.customer-heading > div:nth-child(2) > strong[b-k14dpximvn] { margin-top: .12rem; color: var(--ink); font-size: .78rem; }
.customer-heading > div:nth-child(2) > small[b-k14dpximvn] { margin-top: .1rem; color: var(--muted); font-size: .58rem; }
.customer-flags[b-k14dpximvn] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .35rem; }
.customer-flags span[b-k14dpximvn] { padding: .22rem .4rem; border-radius: .34rem; color: oklch(42% .04 265); background: var(--md-surface-low); font-size: .56rem; font-weight: 800; }
.customer-flags span.verified[b-k14dpximvn] { color: oklch(41% .11 155); background: oklch(94% .035 155); }
.customer-flags span.unverified[b-k14dpximvn] { color: oklch(47% .12 75); background: oklch(95% .04 75); }
.customer-facts[b-k14dpximvn] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--border); }
.customer-facts div[b-k14dpximvn] { min-width: 0; padding: .62rem .65rem; border-bottom: 1px solid var(--md-outline-variant); }
.customer-facts div:not(:nth-child(4n+1))[b-k14dpximvn] { border-left: 1px solid var(--md-outline-variant); }
.customer-facts dt[b-k14dpximvn] { color: var(--muted); font-size: .55rem; font-weight: 820; letter-spacing: .045em; text-transform: uppercase; }
.customer-facts dd[b-k14dpximvn] { margin: .2rem 0 0; overflow-wrap: anywhere; color: var(--md-on-surface-variant); font-size: .64rem; font-weight: 690; }
.guest-customer[b-k14dpximvn] { display: flex; align-items: baseline; gap: .55rem; margin: .85rem; padding: .72rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.guest-customer strong[b-k14dpximvn] { color: var(--ink); font-size: .72rem; }
.guest-customer span[b-k14dpximvn] { color: var(--muted); font-size: .64rem; }
.cart-items[b-k14dpximvn] { margin: .85rem; overflow: hidden; border: 1px solid var(--border); border-radius: .68rem; background: var(--surface); }
.cart-items-heading[b-k14dpximvn] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .72rem .85rem; border-bottom: 1px solid var(--border); background: var(--md-surface-low); }
.cart-items-heading > div strong[b-k14dpximvn], .cart-items-heading > div span[b-k14dpximvn] { display: block; }
.cart-items-heading > div strong[b-k14dpximvn] { color: var(--ink); font-size: .72rem; }
.cart-items-heading > div span[b-k14dpximvn] { margin-top: .12rem; color: var(--muted); font-size: .6rem; }
.cart-items-heading > strong[b-k14dpximvn] { color: oklch(38% .11 275); font-size: .76rem; font-variant-numeric: tabular-nums; }
.item-list[b-k14dpximvn] { padding: 0 .85rem; }
.cart-item-line[b-k14dpximvn] { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr) auto; align-items: start; gap: .75rem; padding: .85rem 0; }
.cart-item-line + .cart-item-line[b-k14dpximvn] { border-top: 1px solid var(--border); }
.quantity[b-k14dpximvn] { display: inline-grid; place-items: center; min-height: 2rem; border-radius: .48rem; color: oklch(42% .13 275); background: var(--md-surface-low); font-size: .7rem; font-weight: 850; }
.item-copy[b-k14dpximvn] { min-width: 0; }
.item-title[b-k14dpximvn] { display: flex; align-items: baseline; flex-wrap: wrap; gap: .35rem .55rem; }
.item-title strong[b-k14dpximvn] { color: var(--ink); font-size: .74rem; line-height: 1.35; }
.item-title > span[b-k14dpximvn] { color: var(--muted); font: .57rem "Cascadia Code", Consolas, monospace; }
.item-meta[b-k14dpximvn] { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .38rem; }
.item-meta > span[b-k14dpximvn] { display: inline-flex; align-items: center; gap: .25rem; padding: .18rem .38rem; border-radius: .34rem; color: oklch(42% .035 265); background: var(--md-surface-low); font-size: .59rem; font-weight: 690; }
.item-meta > span.size-label[b-k14dpximvn] { color: oklch(41% .1 275); background: var(--md-surface-low); font-weight: 800; }
.item-meta small[b-k14dpximvn] { color: oklch(47% .1 155); font-size: .55rem; font-weight: 780; }
.item-copy > p[b-k14dpximvn] { max-width: 70ch; margin: .42rem 0 0; color: var(--muted); font-size: .62rem; line-height: 1.45; }
.item-price[b-k14dpximvn] { min-width: 7.5rem; text-align: right; }
.item-price span[b-k14dpximvn], .item-price strong[b-k14dpximvn], .item-price small[b-k14dpximvn] { display: block; }
.item-price span[b-k14dpximvn] { color: var(--muted); font-size: .58rem; }
.item-price strong[b-k14dpximvn] { margin-top: .16rem; color: var(--ink); font-size: .76rem; }
.item-price small[b-k14dpximvn] { margin-top: .08rem; color: var(--muted); font-size: .56rem; font-weight: 750; }
.items-empty[b-k14dpximvn] { padding: 1.2rem; color: var(--muted); font-size: .68rem; text-align: center; }
.stored-fields-heading[b-k14dpximvn] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.2rem .85rem 0; padding-top: .8rem; border-top: 1px solid var(--border); }
.stored-fields-heading span[b-k14dpximvn] { color: var(--ink); font-size: .7rem; font-weight: 800; }
.stored-fields-heading strong[b-k14dpximvn] { color: var(--muted); font-size: .6rem; }
.field-grid[b-k14dpximvn] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; padding: .85rem; }
.payload-field[b-k14dpximvn] { min-width: 0; padding: .7rem; border: 1px solid var(--border); border-radius: .58rem; background: var(--surface); }
.payload-field.wide[b-k14dpximvn] { grid-column: 1 / -1; }
.payload-field > span[b-k14dpximvn] { display: block; margin-bottom: .35rem; color: var(--muted); font-size: .58rem; font-weight: 830; letter-spacing: .06em; text-transform: uppercase; }
.payload-field pre[b-k14dpximvn] { max-height: 22rem; overflow: auto; margin: 0; padding: .7rem; border: 1px solid var(--border); border-radius: .45rem; color: var(--md-on-surface-variant); background: var(--md-surface-low); font: .64rem/1.58 "Cascadia Code", Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.pagination[b-k14dpximvn] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem .1rem 0; color: var(--muted); font-size: .67rem; }
.pagination > div[b-k14dpximvn] { display: flex; align-items: center; gap: .65rem; }
.pagination button[b-k14dpximvn] { min-height: 2rem; padding: .35rem .62rem; }
@keyframes pulse-b-k14dpximvn { 50% { opacity: .55; } }
@media (max-width: 1050px) { .filters[b-k14dpximvn] { grid-template-columns: repeat(3, 1fr); } .search-field[b-k14dpximvn] { grid-column: span 2; } .metric-strip[b-k14dpximvn] { grid-template-columns: repeat(3, 1fr); } .metric-strip > div + div[b-k14dpximvn] { border-left: 0; } .metric-strip > div:not(:nth-child(3n+1))[b-k14dpximvn] { border-left: 1px solid var(--border); } .metric-strip > div:nth-child(n+4)[b-k14dpximvn] { border-top: 1px solid var(--border); } .customer-facts[b-k14dpximvn] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .customer-facts div:not(:nth-child(4n+1))[b-k14dpximvn] { border-left: 0; } .customer-facts div:not(:nth-child(3n+1))[b-k14dpximvn] { border-left: 1px solid var(--md-outline-variant); } }
@media (max-width: 700px) { .explorer-header[b-k14dpximvn] { flex-direction: column; gap: .9rem; } .secondary-button[b-k14dpximvn] { width: 100%; } .scope-switch[b-k14dpximvn], .metric-strip[b-k14dpximvn] { grid-template-columns: 1fr 1fr; } .metric-strip > div:not(:nth-child(3n+1))[b-k14dpximvn] { border-left: 0; } .metric-strip > div:nth-child(even)[b-k14dpximvn] { border-left: 1px solid var(--border); } .metric-strip > div:nth-child(n+3)[b-k14dpximvn] { border-top: 1px solid var(--border); } .filters[b-k14dpximvn] { grid-template-columns: 1fr 1fr; } .search-field[b-k14dpximvn] { grid-column: 1 / -1; } .customer-heading[b-k14dpximvn] { grid-template-columns: 2.55rem minmax(0, 1fr); } .customer-flags[b-k14dpximvn] { grid-column: 1 / -1; justify-content: flex-start; } .customer-facts[b-k14dpximvn] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .customer-facts div:not(:nth-child(3n+1))[b-k14dpximvn] { border-left: 0; } .customer-facts div:nth-child(even)[b-k14dpximvn] { border-left: 1px solid var(--md-outline-variant); } .field-grid[b-k14dpximvn] { grid-template-columns: 1fr; } .payload-field.wide[b-k14dpximvn] { grid-column: auto; } .cart-item-line[b-k14dpximvn] { grid-template-columns: 2rem minmax(0, 1fr); } .item-price[b-k14dpximvn] { grid-column: 2; min-width: 0; text-align: left; } .pagination[b-k14dpximvn] { align-items: flex-start; flex-direction: column; } }
@media (max-width: 460px) { .scope-switch[b-k14dpximvn], .metric-strip[b-k14dpximvn], .filters[b-k14dpximvn] { grid-template-columns: 1fr; } .metric-strip > div[b-k14dpximvn], .metric-strip > div:nth-child(even)[b-k14dpximvn] { border-left: 0; } .metric-strip > div + div[b-k14dpximvn] { border-top: 1px solid var(--border); } .search-field[b-k14dpximvn] { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { .loading-state i[b-k14dpximvn] { animation: none; } }
/* /Components/Shared/SetupComponents/FeatureToggleHelp.razor.rz.scp.css */
.feature-toggle-help[b-4g80nxrvme] {
    position: relative;
    flex: 0 0 auto;
}

.feature-toggle-help summary[b-4g80nxrvme] {
    display: flex;
    width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    color: var(--setup-muted, var(--md-on-surface-variant));
    cursor: pointer;
    list-style: none;
    transition: color 180ms cubic-bezier(0.16, 1, 0.3, 1),
                background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 180ms cubic-bezier(0.16, 1, 0.3, 1);
}

.feature-toggle-help summary[b-4g80nxrvme]::-webkit-details-marker {
    display: none;
}

.feature-toggle-help summary:hover[b-4g80nxrvme],
.feature-toggle-help[open] summary[b-4g80nxrvme] {
    color: var(--setup-accent, #a78bfa);
    background: color-mix(in srgb, var(--setup-accent, #8b5cf6) 10%, transparent);
}

.feature-toggle-help summary:focus-visible[b-4g80nxrvme] {
    outline: 2px solid var(--setup-accent, #8b5cf6);
    outline-offset: 2px;
}

.feature-toggle-help summary > svg[b-4g80nxrvme] {
    width: 1.125rem;
    height: 1.125rem;
}

.feature-toggle-help__panel[b-4g80nxrvme] {
    position: absolute;
    z-index: 60;
    inset-block-start: calc(100% + 0.375rem);
    inset-inline-end: 0;
    width: min(21rem, calc(100vw - 2rem));
    padding: 1rem;
    border: 1px solid var(--setup-border, rgba(255, 255, 255, 0.12));
    border-radius: 0.875rem;
    color: var(--setup-ink, var(--md-outline-variant));
    background: var(--setup-surface, #182234);
    box-shadow: 0 1rem 2.5rem rgba(2, 6, 23, 0.28);
}

.feature-toggle-help__heading[b-4g80nxrvme] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.feature-toggle-help__info-icon[b-4g80nxrvme] {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 0.625rem;
    color: var(--setup-accent, #c4b5fd);
    background: color-mix(in srgb, var(--setup-accent, #8b5cf6) 13%, transparent);
    font-size: 0.875rem;
    font-weight: 800;
}

.feature-toggle-help__eyebrow[b-4g80nxrvme],
.feature-toggle-help__warning-label[b-4g80nxrvme] {
    margin: 0;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.feature-toggle-help__eyebrow[b-4g80nxrvme] {
    color: var(--setup-muted, var(--md-on-surface-variant));
}

.feature-toggle-help h3[b-4g80nxrvme] {
    margin: 0.125rem 0 0;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
}

.feature-toggle-help__description[b-4g80nxrvme] {
    margin: 0.875rem 0 0;
    color: var(--setup-muted, #cbd5e1);
    font-size: 0.8125rem;
    line-height: 1.6;
}

.feature-toggle-help__warning[b-4g80nxrvme] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    margin-top: 0.875rem;
    padding: 0.75rem;
    border: 1px solid color-mix(in srgb, #f59e0b 30%, transparent);
    border-radius: 0.75rem;
    color: var(--setup-ink, #fde68a);
    background: color-mix(in srgb, #f59e0b 10%, transparent);
}

.feature-toggle-help__warning > svg[b-4g80nxrvme] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin-top: 0.125rem;
}

.feature-toggle-help__warning-label[b-4g80nxrvme] {
    color: color-mix(in srgb, var(--setup-ink, #fbbf24) 55%, #d97706 45%);
}

.feature-toggle-help__warning p:last-child[b-4g80nxrvme] {
    margin: 0.25rem 0 0;
    color: inherit;
    font-size: 0.75rem;
    line-height: 1.55;
}

@media (max-width: 40rem) {
    .feature-toggle-help__panel[b-4g80nxrvme] {
        position: fixed;
        inset: auto 1rem 1rem;
        width: auto;
        max-height: calc(100dvh - 2rem);
        overflow-y: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .feature-toggle-help summary[b-4g80nxrvme] {
        transition: none;
    }
}
/* /Components/Shared/SetupComponents/PushNotificationsTab.razor.rz.scp.css */
/* Material Design 3 - Push notifications tab.
   Tokens are scoped to this component so the surrounding setup workspace is untouched.
   Roles map onto the setup workspace's existing M3 scheme (--md-* on .setup-light). */

.md3-push[b-vlli6hvt4z] {
    /* Color roles - inherited from the setup workspace M3 scheme (--md-*),
       with the same values as fallbacks when this tab renders on its own. */
    --md-sys-color-primary: var(--md-primary, var(--md-primary));
    --md-sys-color-on-primary: var(--md-on-primary, #ffffff);
    --md-sys-color-primary-container: var(--md-primary-container, var(--md-primary-container));
    --md-sys-color-on-primary-container: var(--md-on-primary-container, var(--md-on-primary-container));
    --md-sys-color-secondary: var(--md-secondary, #77534e);
    --md-sys-color-on-secondary: var(--md-on-secondary, #ffffff);
    --md-sys-color-secondary-container: var(--md-secondary-container, var(--md-primary-container));
    --md-sys-color-on-secondary-container: var(--md-on-secondary-container, #2c1511);
    --md-sys-color-tertiary: var(--md-tertiary, #6f5b2e);
    --md-sys-color-tertiary-container: var(--md-tertiary-container, #fbdfa0);
    --md-sys-color-on-tertiary-container: var(--md-on-tertiary-container, #241a00);
    --md-sys-color-error: var(--md-error, var(--md-error));
    --md-sys-color-on-error: #ffffff;
    --md-sys-color-error-container: var(--md-error-container, var(--md-error-container));
    --md-sys-color-on-error-container: var(--md-on-error-container, #410e0b);
    --md-sys-color-success-container: var(--md-success-container, var(--md-success-container));
    --md-sys-color-on-success-container: var(--md-on-success-container, #00210a);
    --md-sys-color-warning-container: var(--md-tertiary-container, #fbdfa0);
    --md-sys-color-on-warning-container: var(--md-on-tertiary-container, #241a00);
    --md-sys-color-surface: var(--md-surface, var(--md-background));
    --md-sys-color-on-surface: var(--md-on-surface, var(--md-on-surface));
    --md-sys-color-on-surface-variant: var(--md-on-surface-variant, var(--md-on-surface-variant));
    --md-sys-color-surface-container-lowest: var(--md-surface-lowest, #ffffff);
    --md-sys-color-surface-container-low: var(--md-surface-low, var(--md-surface-low));
    --md-sys-color-surface-container: var(--md-surface-container, var(--md-surface-container));
    --md-sys-color-surface-container-high: var(--md-surface-high, #f6e4e1);
    --md-sys-color-surface-container-highest: var(--md-surface-highest, var(--md-surface-highest));
    --md-sys-color-outline: var(--md-outline, var(--md-outline));
    --md-sys-color-outline-variant: var(--md-outline-variant, var(--md-outline-variant));

    /* Shape */
    --md-sys-shape-corner-extra-small: 4px;
    --md-sys-shape-corner-small: 8px;
    --md-sys-shape-corner-medium: 12px;
    --md-sys-shape-corner-large: 16px;
    --md-sys-shape-corner-extra-large: 28px;
    --md-sys-shape-corner-full: 9999px;

    /* Motion */
    --md-sys-motion-standard: cubic-bezier(0.2, 0, 0, 1);
    --md-sys-motion-emphasized: cubic-bezier(0.2, 0, 0, 1);

    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--md-sys-color-on-surface);
    font-family: Roboto, "Roboto Flex", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------------- Typography ---------------- */
.md3-headline[b-vlli6hvt4z] {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
}

.md3-title[b-vlli6hvt4z] {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.009em;
    margin: 0;
}

.md3-body[b-vlli6hvt4z] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.016em;
    color: var(--md-sys-color-on-surface-variant);
    margin: 0;
}

.md3-supporting[b-vlli6hvt4z] {
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0.033em;
    color: var(--md-sys-color-on-surface-variant);
    margin: 0;
}

.md3-supporting code[b-vlli6hvt4z] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    background: var(--md-sys-color-surface-container-high);
    border-radius: var(--md-sys-shape-corner-extra-small);
    padding: 0 4px;
}

/* ---------------- Header ---------------- */
.md3-header[b-vlli6hvt4z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 8px 4px 0;
}

.md3-header__icon[b-vlli6hvt4z] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: var(--md-sys-shape-corner-large);
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-on-primary-container);
    flex: 0 0 auto;
}

.md3-header__text[b-vlli6hvt4z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 260px;
}

/* ---------------- Cards ---------------- */
.md3-card[b-vlli6hvt4z] {
    background: var(--md-sys-color-surface-container-low);
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-large);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: background 300ms var(--md-sys-motion-standard);
}

.md3-card__header[b-vlli6hvt4z] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.md3-card__header svg[b-vlli6hvt4z] {
    color: var(--md-sys-color-primary);
    flex: 0 0 auto;
}

.md3-grid[b-vlli6hvt4z] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 840px) {
    .md3-grid--two[b-vlli6hvt4z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.md3-field[b-vlli6hvt4z] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

/* ---------------- Text fields (outlined) ---------------- */
.md3-textfield__label[b-vlli6hvt4z] {
    display: block;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    letter-spacing: 0.033em;
    color: var(--md-sys-color-on-surface-variant);
    margin-bottom: 6px;
}

.md3-textfield__input[b-vlli6hvt4z] {
    width: 100%;
    box-sizing: border-box;
    min-height: 48px;
    padding: 12px 16px;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--md-sys-color-on-surface);
    background: var(--md-sys-color-surface-container-lowest);
    border: 1px solid var(--md-sys-color-outline);
    border-radius: var(--md-sys-shape-corner-extra-small);
    outline: none;
    transition: border-color 200ms var(--md-sys-motion-standard),
                box-shadow 200ms var(--md-sys-motion-standard);
}

textarea.md3-textfield__input[b-vlli6hvt4z] {
    resize: vertical;
    min-height: 96px;
}

.md3-textfield__input[b-vlli6hvt4z]::placeholder {
    color: var(--md-sys-color-on-surface-variant);
    opacity: 0.7;
}

.md3-textfield__input:hover:not(:disabled)[b-vlli6hvt4z] {
    border-color: var(--md-sys-color-on-surface);
}

.md3-textfield__input:focus-visible[b-vlli6hvt4z] {
    border-color: var(--md-sys-color-primary);
    box-shadow: inset 0 0 0 1px var(--md-sys-color-primary);
}

.md3-textfield__input:disabled[b-vlli6hvt4z] {
    color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    border-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);
    background: transparent;
    cursor: not-allowed;
}

/* ---------------- List items with controls ---------------- */
.md3-list[b-vlli6hvt4z] {
    display: flex;
    flex-direction: column;
    border-radius: var(--md-sys-shape-corner-medium);
    overflow: hidden;
    background: var(--md-sys-color-surface-container-lowest);
    border: 1px solid var(--md-sys-color-outline-variant);
}

.md3-list-item[b-vlli6hvt4z] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 56px;
    padding: 10px 16px;
    cursor: pointer;
    transition: background 200ms var(--md-sys-motion-standard);
}

.md3-list-item + .md3-list-item[b-vlli6hvt4z] {
    border-top: 1px solid var(--md-sys-color-outline-variant);
}

.md3-list-item:hover[b-vlli6hvt4z] {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);
}

.md3-list-item:has(input:disabled)[b-vlli6hvt4z] {
    cursor: not-allowed;
    opacity: 0.6;
}

.md3-list-item__text[b-vlli6hvt4z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    min-width: 0;
}

.md3-list-item__headline[b-vlli6hvt4z] {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--md-sys-color-on-surface);
}

/* ---------------- Switch ---------------- */
.md3-switch[b-vlli6hvt4z] {
    position: relative;
    flex: 0 0 auto;
    width: 52px;
    height: 32px;
}

.md3-switch input[b-vlli6hvt4z] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: inherit;
}

.md3-switch__track[b-vlli6hvt4z] {
    position: absolute;
    inset: 0;
    border-radius: var(--md-sys-shape-corner-full);
    background: var(--md-sys-color-surface-container-highest);
    border: 2px solid var(--md-sys-color-outline);
    pointer-events: none;
    transition: background 250ms var(--md-sys-motion-emphasized),
                border-color 250ms var(--md-sys-motion-emphasized);
}

.md3-switch__track[b-vlli6hvt4z]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    width: 16px;
    height: 16px;
    border-radius: var(--md-sys-shape-corner-full);
    background: var(--md-sys-color-outline);
    transform: translateY(-50%);
    transition: transform 250ms var(--md-sys-motion-emphasized),
                width 250ms var(--md-sys-motion-emphasized),
                height 250ms var(--md-sys-motion-emphasized),
                left 250ms var(--md-sys-motion-emphasized),
                background 250ms var(--md-sys-motion-emphasized);
}

.md3-switch input:checked + .md3-switch__track[b-vlli6hvt4z] {
    background: var(--md-sys-color-primary);
    border-color: var(--md-sys-color-primary);
}

.md3-switch input:checked + .md3-switch__track[b-vlli6hvt4z]::after {
    left: 4px;
    width: 24px;
    height: 24px;
    background: var(--md-sys-color-on-primary);
    transform: translate(20px, -50%);
}

.md3-switch input:focus-visible + .md3-switch__track[b-vlli6hvt4z] {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--md-sys-color-primary) 24%, transparent);
}

/* ---------------- Checkbox ---------------- */
.md3-checkbox[b-vlli6hvt4z] {
    position: relative;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.md3-checkbox input[b-vlli6hvt4z] {
    position: absolute;
    inset: -13px;
    width: 44px;
    height: 44px;
    margin: 0;
    opacity: 0;
    cursor: inherit;
}

.md3-checkbox__box[b-vlli6hvt4z] {
    position: absolute;
    inset: 0;
    border: 2px solid var(--md-sys-color-on-surface-variant);
    border-radius: var(--md-sys-shape-corner-extra-small);
    pointer-events: none;
    transition: background 150ms var(--md-sys-motion-standard),
                border-color 150ms var(--md-sys-motion-standard);
}

.md3-checkbox__box[b-vlli6hvt4z]::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 4px;
    height: 9px;
    border: solid var(--md-sys-color-on-primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 150ms var(--md-sys-motion-emphasized);
}

.md3-checkbox input:checked + .md3-checkbox__box[b-vlli6hvt4z] {
    background: var(--md-sys-color-primary);
    border-color: var(--md-sys-color-primary);
}

.md3-checkbox input:checked + .md3-checkbox__box[b-vlli6hvt4z]::after {
    transform: rotate(45deg) scale(1);
}

.md3-checkbox input:focus-visible + .md3-checkbox__box[b-vlli6hvt4z] {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--md-sys-color-primary) 24%, transparent);
}

/* ---------------- Buttons ---------------- */
.md3-actions[b-vlli6hvt4z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.md3-button[b-vlli6hvt4z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: var(--md-sys-shape-corner-full);
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.007em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 200ms var(--md-sys-motion-standard),
                box-shadow 200ms var(--md-sys-motion-standard),
                border-radius 250ms var(--md-sys-motion-emphasized);
}

.md3-button:active:not(:disabled)[b-vlli6hvt4z] {
    border-radius: var(--md-sys-shape-corner-small);
}

.md3-button:focus-visible[b-vlli6hvt4z] {
    outline: 3px solid color-mix(in srgb, var(--md-sys-color-primary) 40%, transparent);
    outline-offset: 2px;
}

.md3-button:disabled[b-vlli6hvt4z] {
    cursor: not-allowed;
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);
    color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    border-color: transparent;
}

.md3-button--filled[b-vlli6hvt4z] {
    background: var(--md-sys-color-primary);
    color: var(--md-sys-color-on-primary);
}

.md3-button--filled:hover:not(:disabled)[b-vlli6hvt4z] {
    background: color-mix(in srgb, var(--md-sys-color-on-primary) 8%, var(--md-sys-color-primary));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.md3-button--tonal[b-vlli6hvt4z] {
    background: var(--md-sys-color-secondary-container);
    color: var(--md-sys-color-on-secondary-container);
}

.md3-button--tonal:hover:not(:disabled)[b-vlli6hvt4z] {
    background: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, var(--md-sys-color-secondary-container));
}

.md3-button--outlined[b-vlli6hvt4z] {
    background: transparent;
    color: var(--md-sys-color-primary);
    border-color: var(--md-sys-color-outline);
}

.md3-button--outlined:hover:not(:disabled)[b-vlli6hvt4z] {
    background: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
}

.md3-button--text[b-vlli6hvt4z] {
    background: transparent;
    color: var(--md-sys-color-primary);
    padding: 0 12px;
}

.md3-button--text:hover:not(:disabled)[b-vlli6hvt4z] {
    background: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
}

.md3-button--text:disabled[b-vlli6hvt4z],
.md3-button--outlined:disabled[b-vlli6hvt4z] {
    background: transparent;
}

.md3-button--danger[b-vlli6hvt4z] {
    color: var(--md-sys-color-error);
    border-color: color-mix(in srgb, var(--md-sys-color-error) 50%, transparent);
}

.md3-button--danger:hover:not(:disabled)[b-vlli6hvt4z] {
    background: color-mix(in srgb, var(--md-sys-color-error) 8%, transparent);
}

/* ---------------- Status / chips / stats ---------------- */
.md3-chip[b-vlli6hvt4z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 0 16px;
    border-radius: var(--md-sys-shape-corner-small);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    background: var(--md-sys-color-surface-container-high);
    color: var(--md-sys-color-on-surface-variant);
    border: 1px solid var(--md-sys-color-outline-variant);
    align-self: flex-start;
}

.md3-chip--on[b-vlli6hvt4z] {
    background: var(--md-sys-color-success-container);
    color: var(--md-sys-color-on-success-container);
    border-color: transparent;
}

.md3-chip__dot[b-vlli6hvt4z] {
    width: 8px;
    height: 8px;
    border-radius: var(--md-sys-shape-corner-full);
    background: currentColor;
}

.md3-stats[b-vlli6hvt4z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
}

.md3-stat[b-vlli6hvt4z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 16px;
    border-radius: var(--md-sys-shape-corner-medium);
    background: var(--md-sys-color-surface-container-high);
}

.md3-stat__value[b-vlli6hvt4z] {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    color: var(--md-sys-color-on-surface);
}

/* ---------------- Info / warning containers ---------------- */
.md3-note[b-vlli6hvt4z] {
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--md-sys-shape-corner-medium);
    background: var(--md-sys-color-surface-container-high);
    color: var(--md-sys-color-on-surface-variant);
}

.md3-note--warning[b-vlli6hvt4z] {
    background: var(--md-sys-color-warning-container);
    color: var(--md-sys-color-on-warning-container);
}

.md3-note--error[b-vlli6hvt4z] {
    background: var(--md-sys-color-error-container);
    color: var(--md-sys-color-on-error-container);
}

.md3-note svg[b-vlli6hvt4z] {
    flex: 0 0 auto;
    margin-top: 1px;
}

.md3-note__body[b-vlli6hvt4z] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.md3-note p[b-vlli6hvt4z] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: inherit;
}

/* ---------------- Table ---------------- */
.md3-table-wrap[b-vlli6hvt4z] {
    overflow-x: auto;
    border-radius: var(--md-sys-shape-corner-medium);
    border: 1px solid var(--md-sys-color-outline-variant);
    background: var(--md-sys-color-surface-container-lowest);
}

.md3-table[b-vlli6hvt4z] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--md-sys-color-on-surface);
}

.md3-table th[b-vlli6hvt4z] {
    text-align: start;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.033em;
    color: var(--md-sys-color-on-surface-variant);
    padding: 12px 16px;
    white-space: nowrap;
    background: var(--md-sys-color-surface-container);
}

.md3-table td[b-vlli6hvt4z] {
    padding: 12px 16px;
    border-top: 1px solid var(--md-sys-color-outline-variant);
    white-space: nowrap;
}

.md3-table .md3-num[b-vlli6hvt4z] {
    text-align: end;
    font-variant-numeric: tabular-nums;
}

.md3-badge[b-vlli6hvt4z] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: var(--md-sys-shape-corner-full);
    font-size: 0.75rem;
    font-weight: 500;
    background: var(--md-sys-color-secondary-container);
    color: var(--md-sys-color-on-secondary-container);
}

/* ---------------- Loading ---------------- */
.md3-progress[b-vlli6hvt4z] {
    height: 4px;
    border-radius: var(--md-sys-shape-corner-full);
    background: var(--md-sys-color-secondary-container);
    overflow: hidden;
}

.md3-progress__bar[b-vlli6hvt4z] {
    width: 40%;
    height: 100%;
    border-radius: inherit;
    background: var(--md-sys-color-primary);
    animation: md3-indeterminate-b-vlli6hvt4z 1.6s infinite var(--md-sys-motion-standard);
}

@keyframes md3-indeterminate-b-vlli6hvt4z {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(320%); }
}

@media (prefers-reduced-motion: reduce) {
    .md3-push *[b-vlli6hvt4z],
    .md3-push *[b-vlli6hvt4z]::after {
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Components/Shared/SetupComponents/SetupPager.razor.rz.scp.css */
.setup-pager[b-e2eanso9ns] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 4.5rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--md-outline-variant);
    color: var(--md-on-surface-variant);
    background: var(--md-surface-lowest);
    font-size: .8125rem;
}
.setup-pager-size[b-e2eanso9ns] { display: flex; align-items: center; gap: .5rem; font-weight: 600; }
.setup-pager-size select[b-e2eanso9ns] {
    min-width: 4.25rem;
    height: 2.5rem;
    padding: 0 1.75rem 0 .75rem;
    border: 1px solid var(--md-outline);
    border-radius: .25rem;
    color: var(--md-on-surface);
    background: var(--md-surface-lowest);
}
.setup-pager-range[b-e2eanso9ns] { margin-right: auto; }
.setup-pager-actions[b-e2eanso9ns] { display: flex; align-items: center; gap: .5rem; }
.setup-pager-actions button[b-e2eanso9ns] {
    display: inline-grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border: 0;
    border-radius: 999px;
    color: var(--md-on-surface-variant);
    background: transparent;
    cursor: pointer;
}
.setup-pager-actions button:hover:not(:disabled)[b-e2eanso9ns] { background: var(--md-surface-container); }
.setup-pager-actions button:focus-visible[b-e2eanso9ns] { outline: 3px solid rgba(179, 38, 30, .25); outline-offset: 2px; }
.setup-pager-actions button:disabled[b-e2eanso9ns] { opacity: .38; cursor: default; }
.setup-pager-actions .material-symbols-rounded[b-e2eanso9ns] { font-size: 1.25rem; }
@media (max-width: 40rem) {
    .setup-pager[b-e2eanso9ns] { flex-wrap: wrap; gap: .625rem; }
    .setup-pager-range[b-e2eanso9ns] { order: 3; width: 100%; }
    .setup-pager-actions[b-e2eanso9ns] { margin-left: auto; }
}