/* /Components/Admin/ColorManagement.razor.rz.scp.css */
.color-page[b-qfmrq2jn23] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
    color: var(--posh-admin-on-surface);
}

.dashboard-page-header[b-qfmrq2jn23] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    min-height: 5rem;
    margin-inline: calc(-1 * var(--posh-admin-gutter));
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.color-page-title[b-qfmrq2jn23],
.color-page-subtitle[b-qfmrq2jn23] {
    margin: 0;
}

.color-page-subtitle[b-qfmrq2jn23] {
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.65;
}

.color-alert[b-qfmrq2jn23] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 45%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-error-container) 35%, transparent);
    color: var(--posh-admin-error);
    font-size: var(--posh-admin-text-body-sm-size);
}

.color-alert-success[b-qfmrq2jn23] {
    border-color: color-mix(in oklab, var(--posh-admin-success-outline) 40%, transparent);
    background: color-mix(in oklab, var(--posh-admin-success-container) 18%, transparent);
    color: var(--posh-admin-success);
}

.color-panel[b-qfmrq2jn23] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    padding: var(--posh-admin-space-md);
}

.color-section-title[b-qfmrq2jn23] {
    margin: 0 0 0.75rem;
    color: var(--posh-admin-on-surface);
    font-size: var(--posh-admin-text-headline-sm-size);
}

.color-state-message[b-qfmrq2jn23] {
    color: var(--posh-admin-on-surface-variant);
}

.color-form-grid[b-qfmrq2jn23] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    align-items: end;
}

.color-field[b-qfmrq2jn23] {
    grid-column: span 3;
}

.color-field-submit[b-qfmrq2jn23] {
    grid-column: span 3;
    display: flex;
    align-items: flex-end;
}

.color-label[b-qfmrq2jn23] {
    display: block;
    font-size: var(--posh-admin-text-label-md-size);
    text-transform: uppercase;
    letter-spacing: var(--posh-admin-text-label-md-tracking);
    color: var(--posh-admin-on-surface-variant);
    margin-bottom: 0.35rem;
}

.color-input[b-qfmrq2jn23] {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--posh-admin-radius-lg);
    border: 1px solid var(--posh-admin-outline-variant);
    background: var(--posh-admin-surface-container-high);
    color: var(--posh-admin-on-surface);
    padding: 0.45rem 0.6rem;
    font-size: var(--posh-admin-text-body-sm-size);
}

.color-input:focus[b-qfmrq2jn23] {
    outline: none;
    border-color: var(--posh-admin-primary);
    box-shadow: 0 0 0 1px var(--posh-admin-primary);
}

.color-btn[b-qfmrq2jn23] {
    appearance: none;
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    cursor: pointer;
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.color-btn-primary[b-qfmrq2jn23] {
    background: var(--posh-admin-primary);
    color: var(--posh-admin-on-primary);
    border-color: color-mix(in oklab, var(--posh-admin-primary) 75%, var(--posh-admin-outline-variant));
}

.color-btn-primary:hover:not(:disabled)[b-qfmrq2jn23] {
    transform: scale(0.97);
}

.color-btn-ghost[b-qfmrq2jn23] {
    color: var(--posh-admin-on-surface-variant);
    border-color: var(--posh-admin-outline-variant);
    background: transparent;
}

.color-btn-ghost:hover:not(:disabled)[b-qfmrq2jn23] {
    color: var(--posh-admin-on-surface);
    background: color-mix(in oklab, var(--posh-admin-surface-variant) 24%, transparent);
}

.color-col-swatch[b-qfmrq2jn23] {
    grid-column: span 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-col-farsi[b-qfmrq2jn23] {
    grid-column: span 4;
}

.color-col-english[b-qfmrq2jn23] {
    grid-column: span 3;
}

.color-col-hex[b-qfmrq2jn23] {
    grid-column: span 3;
}

.color-grid[b-qfmrq2jn23] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 0.75rem;
    row-gap: 0.35rem;
    align-items: center;
    padding: 0.55rem 0.5rem;
    border-radius: var(--posh-admin-radius-md);
}

.color-grid-head[b-qfmrq2jn23] {
    font-size: var(--posh-admin-text-label-md-size);
    text-transform: uppercase;
    letter-spacing: var(--posh-admin-text-label-md-tracking);
    color: var(--posh-admin-on-surface-variant);
    border-bottom: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    margin-bottom: 0.25rem;
    padding-bottom: 0.5rem;
}

.color-grid-row[b-qfmrq2jn23] {
    border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    margin-top: 0.4rem;
    transition: background-color 0.2s ease;
}

.color-grid-row:hover[b-qfmrq2jn23] {
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 10%, transparent);
}

.color-cell[b-qfmrq2jn23] {
    min-width: 0;
    font-size: var(--posh-admin-text-body-sm-size);
}

.color-mono[b-qfmrq2jn23] {
    font-variant-numeric: tabular-nums;
}

.color-swatch[b-qfmrq2jn23] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.35rem;
    border: 1px solid var(--posh-admin-outline-variant);
    box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--posh-admin-on-surface) 12%, transparent);
}

.color-maintenance[b-qfmrq2jn23] {
    margin-top: 1rem;
    border-color: color-mix(in oklab, #f59e0b 28%, var(--posh-admin-outline-variant));
    background: linear-gradient(
        155deg,
        color-mix(in oklab, #f59e0b 6%, transparent),
        color-mix(in oklab, var(--posh-admin-surface-container-low) 88%, transparent)
    );
    box-shadow: 0 0 0 1px color-mix(in oklab, #f59e0b 12%, transparent);
}

.color-maint-hint[b-qfmrq2jn23] {
    margin: 0 0 1rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--posh-admin-on-surface-variant);
    max-width: 42rem;
}

.color-btn-migrate[b-qfmrq2jn23] {
    border-color: color-mix(in oklab, #f59e0b 42%, var(--posh-admin-outline-variant));
    background: color-mix(in oklab, var(--posh-admin-on-surface) 6%, transparent);
    color: var(--posh-admin-on-surface);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.78rem;
}

.color-btn-migrate:hover:not(:disabled)[b-qfmrq2jn23] {
    border-color: color-mix(in oklab, #f59e0b 55%, var(--posh-admin-outline-variant));
    background: color-mix(in oklab, #f59e0b 10%, transparent);
}

@media (max-width: 768px) {
    .color-form-grid .color-field[b-qfmrq2jn23],
    .color-form-grid .color-field-submit[b-qfmrq2jn23] {
        grid-column: 1 / -1;
    }

    .color-grid.color-grid-head[b-qfmrq2jn23],
    .color-grid.color-grid-row[b-qfmrq2jn23] {
        grid-template-columns: 1fr;
    }

    .color-col-swatch[b-qfmrq2jn23],
    .color-col-farsi[b-qfmrq2jn23],
    .color-col-english[b-qfmrq2jn23],
    .color-col-hex[b-qfmrq2jn23] {
        grid-column: 1 / -1;
    }

    .color-col-swatch[b-qfmrq2jn23] {
        justify-content: flex-start;
    }
}
/* /Components/Admin/UserManagement.razor.rz.scp.css */
.user-page[b-4whreqjsu6] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
    color: var(--posh-admin-on-surface);
}

.dashboard-page-header[b-4whreqjsu6] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    min-height: 5rem;
    margin-inline: calc(-1 * var(--posh-admin-gutter));
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.user-page-title[b-4whreqjsu6],
.user-page-subtitle[b-4whreqjsu6] {
    margin: 0;
}

.user-page-subtitle[b-4whreqjsu6] {
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.65;
}

.user-alert[b-4whreqjsu6] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 45%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-error-container) 35%, transparent);
    color: var(--posh-admin-error);
    font-size: var(--posh-admin-text-body-sm-size);
}

.user-alert-success[b-4whreqjsu6] {
    border-color: color-mix(in oklab, var(--posh-admin-success-outline) 40%, transparent);
    background: color-mix(in oklab, var(--posh-admin-success-container) 18%, transparent);
    color: var(--posh-admin-success);
}

.user-alert-tight[b-4whreqjsu6] {
    margin-bottom: 0.75rem;
}

.user-panel[b-4whreqjsu6] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    padding: var(--posh-admin-space-md);
}

.user-state-message[b-4whreqjsu6] {
    color: var(--posh-admin-on-surface-variant);
}

.user-grid[b-4whreqjsu6] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 0.75rem;
    row-gap: 0.35rem;
    align-items: center;
    padding: 0.55rem 0.5rem;
    border-radius: var(--posh-admin-radius-md);
}

.user-grid-head[b-4whreqjsu6] {
    font-size: var(--posh-admin-text-label-md-size);
    text-transform: uppercase;
    letter-spacing: var(--posh-admin-text-label-md-tracking);
    color: var(--posh-admin-on-surface-variant);
    border-bottom: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    margin-bottom: 0.25rem;
    padding-bottom: 0.5rem;
}

.user-grid-row[b-4whreqjsu6] {
    border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    margin-top: 0.4rem;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.user-grid-row:hover[b-4whreqjsu6] {
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 10%, transparent);
}

.user-grid-row--admin[b-4whreqjsu6] {
    border-color: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 45%, var(--posh-admin-outline-variant));
    box-shadow: inset 3px 0 0 0 var(--posh-admin-primary-fixed-dim);
}

.user-cell[b-4whreqjsu6] {
    min-width: 0;
    font-size: var(--posh-admin-text-body-sm-size);
    text-align: right;
}

.user-col-email[b-4whreqjsu6] { grid-column: span 3; }
.user-col-name[b-4whreqjsu6] { grid-column: span 2; }
.user-col-role[b-4whreqjsu6] { grid-column: span 2; }
.user-col-joined[b-4whreqjsu6] { grid-column: span 2; }
.user-col-actions[b-4whreqjsu6] { grid-column: span 3; }

.user-mono[b-4whreqjsu6] {
    font-variant-numeric: tabular-nums;
}

.user-last-action[b-4whreqjsu6] {
    margin-top: 0.15rem;
    font-size: var(--posh-admin-text-label-md-size);
    color: var(--posh-admin-on-surface-variant);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-actions[b-4whreqjsu6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    justify-content: flex-end;
}

.user-password-edit[b-4whreqjsu6] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.2rem;
    padding: 0.4rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-surface-container-high) 60%, transparent);
}

.user-password-input[b-4whreqjsu6] {
    width: auto;
    min-width: 12rem;
}

.user-btn[b-4whreqjsu6] {
    appearance: none;
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    color: var(--posh-admin-on-surface);
    background: transparent;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    font-family: var(--posh-admin-font);
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
}

.user-btn:disabled[b-4whreqjsu6] {
    opacity: 0.45;
    cursor: not-allowed;
}

.user-btn-primary[b-4whreqjsu6] {
    background: var(--posh-admin-primary);
    color: var(--posh-admin-on-primary);
    border-color: color-mix(in oklab, var(--posh-admin-primary) 75%, var(--posh-admin-outline-variant));
}

.user-btn-primary:hover:not(:disabled)[b-4whreqjsu6] {
    transform: scale(0.97);
}

.user-btn-danger[b-4whreqjsu6] {
    border-color: color-mix(in oklab, var(--posh-admin-error) 45%, var(--posh-admin-outline-variant));
    background: color-mix(in oklab, var(--posh-admin-error) 12%, transparent);
    color: var(--posh-admin-error);
}

.user-btn-danger:hover:not(:disabled)[b-4whreqjsu6] {
    background: color-mix(in oklab, var(--posh-admin-error) 20%, transparent);
}

.user-btn-ghost[b-4whreqjsu6] {
    border-color: var(--posh-admin-outline-variant);
    color: var(--posh-admin-on-surface-variant);
}

.user-btn-ghost:hover:not(:disabled)[b-4whreqjsu6] {
    color: var(--posh-admin-on-surface);
    background: color-mix(in oklab, var(--posh-admin-surface-variant) 24%, transparent);
}

.user-select[b-4whreqjsu6],
.user-input[b-4whreqjsu6] {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--posh-admin-radius-lg);
    border: 1px solid var(--posh-admin-outline-variant);
    background: var(--posh-admin-surface-container-high);
    color: var(--posh-admin-on-surface);
    padding: 0.45rem 0.6rem;
    font-size: var(--posh-admin-text-body-sm-size);
}

.user-select[b-4whreqjsu6] {
    appearance: none;
    max-width: 8.5rem;
}

.user-select-block[b-4whreqjsu6] {
    max-width: none;
    width: 100%;
}

.user-input:focus[b-4whreqjsu6],
.user-select:focus[b-4whreqjsu6] {
    outline: none;
    border-color: var(--posh-admin-primary);
    box-shadow: 0 0 0 1px var(--posh-admin-primary);
}

.user-modal-backdrop[b-4whreqjsu6] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: color-mix(in oklab, var(--posh-admin-on-surface) 35%, transparent);
    backdrop-filter: blur(4px);
}

.user-modal[b-4whreqjsu6] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    pointer-events: none;
}

.user-modal-panel[b-4whreqjsu6] {
    pointer-events: auto;
    width: min(420px, 100%);
    padding: 1.25rem 1.35rem;
    border-radius: var(--posh-admin-radius-xl);
    border: 1px solid var(--posh-admin-outline-variant);
    background: var(--posh-admin-surface-container);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.user-modal-head[b-4whreqjsu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.user-modal-title[b-4whreqjsu6] {
    margin: 0;
    font-size: var(--posh-admin-text-headline-sm-size);
    font-weight: var(--posh-admin-text-headline-sm-weight);
}

.user-icon-btn[b-4whreqjsu6] {
    border: none;
    background: transparent;
    color: var(--posh-admin-on-surface-variant);
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.15rem 0.35rem;
}

.user-icon-btn:hover[b-4whreqjsu6] {
    color: var(--posh-admin-on-surface);
}

.user-field[b-4whreqjsu6] {
    margin-bottom: 0.85rem;
}

.user-label[b-4whreqjsu6] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--posh-admin-on-surface-variant);
    font-size: var(--posh-admin-text-label-md-size);
    letter-spacing: var(--posh-admin-text-label-md-tracking);
}

.user-modal-actions[b-4whreqjsu6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.user-modal-actions-split[b-4whreqjsu6] {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.user-modal-actions-end[b-4whreqjsu6] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.user-sr[b-4whreqjsu6] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (max-width: 768px) {
    .user-grid-head[b-4whreqjsu6],
    .user-grid-row[b-4whreqjsu6] {
        grid-template-columns: 1fr;
    }

    .user-col-email[b-4whreqjsu6],
    .user-col-name[b-4whreqjsu6],
    .user-col-role[b-4whreqjsu6],
    .user-col-joined[b-4whreqjsu6],
    .user-col-actions[b-4whreqjsu6] {
        grid-column: 1 / -1;
    }

    .user-actions[b-4whreqjsu6] {
        justify-content: flex-start;
    }
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-shell[b-fs2hpuswal] {
    /* Legacy bridge: unmigrated pages use --um-* via ::deep rules below */
    --um-text: var(--posh-admin-on-surface);
    --um-muted: var(--posh-admin-on-surface-variant);
    --um-accent: var(--posh-admin-primary-fixed-dim);
    --um-accent-glow: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 35%, transparent);
    --um-line: color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    --um-line-strong: var(--posh-admin-outline-variant);
    --um-shell-bg: var(--posh-admin-background);
    --um-sidebar-bg: var(--posh-admin-surface-container);
    --um-header-bg: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    --um-glass-from: color-mix(in oklab, var(--posh-admin-surface-container-low) 88%, transparent);
    --um-glass-to: color-mix(in oklab, var(--posh-admin-surface-container) 92%, transparent);
    --um-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    --posh-dropdown-bg: var(--posh-admin-surface-container-high);
    --posh-dropdown-border: var(--posh-admin-outline-variant);
    --posh-dropdown-shadow:
        0 18px 48px -28px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 color-mix(in oklab, var(--posh-admin-on-surface) 8%, transparent);
    --posh-dropdown-fallback-bg: var(--posh-admin-surface-container);
    --admin-sidebar-width: var(--posh-admin-sidebar-width);

    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    font-family: var(--posh-admin-font);
    background: var(--posh-admin-background);
    color: var(--posh-admin-on-surface);
    transition: background 0.25s ease, color 0.25s ease;
}

html[data-theme="light"] .admin-shell[b-fs2hpuswal] {
    --um-accent-glow: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 28%, transparent);
    --um-glass-shadow: 0 20px 40px -28px rgba(15, 23, 42, 0.12);
    --posh-dropdown-shadow:
        0 18px 48px -28px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 color-mix(in oklab, #ffffff 70%, transparent);
}

[b-fs2hpuswal] .um-glass {
    background: linear-gradient(145deg, var(--um-glass-from), var(--um-glass-to));
    border: 1px solid var(--um-line);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 0.85rem;
    box-shadow: var(--um-glass-shadow);
}

.admin-main-column[b-fs2hpuswal] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--posh-admin-background);
}

.admin-mobile-chrome[b-fs2hpuswal] {
    --posh-dropdown-top: 3.75rem;
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-sm);
    height: 3.5rem;
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    direction: rtl;
    z-index: 1030;
}

.admin-main[b-fs2hpuswal] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--posh-admin-gutter);
    background: transparent;
}

/* Shared admin page shell and data views */
.admin-main[b-fs2hpuswal]  .um-shell {
    direction: rtl;
    text-align: right;
    border-radius: 0.75rem;
    padding: 1.5rem;
    min-height: 100%;
    color: var(--um-text);
}

.admin-main[b-fs2hpuswal]  .um-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-main[b-fs2hpuswal]  .um-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.admin-main[b-fs2hpuswal]  .um-sub {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    color: var(--um-muted);
}

.admin-main[b-fs2hpuswal]  .um-section-title {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    font-weight: 650;
    color: var(--um-text);
}

.admin-main[b-fs2hpuswal]  .um-panel {
    padding: 0.75rem 1rem 1rem;
}

.admin-main[b-fs2hpuswal]  .um-panel + .um-panel,
.admin-main[b-fs2hpuswal]  .um-glass + .um-glass {
    margin-top: 1rem;
}

.admin-main[b-fs2hpuswal]  .um-muted {
    padding: 1.25rem;
    color: var(--um-muted);
}

.admin-main[b-fs2hpuswal]  .um-alert {
    margin-bottom: 1rem;
    padding: 0.65rem 0.85rem;
    border-radius: 0.65rem;
    border: 1px solid rgba(248, 113, 113, 0.35);
    background: rgba(248, 113, 113, 0.08);
    color: #fecaca;
    font-size: 0.88rem;
}

.admin-main[b-fs2hpuswal]  .um-alert-success {
    border-color: rgba(74, 222, 128, 0.4);
    background: rgba(74, 222, 128, 0.1);
    color: #dcfce7;
}

.admin-main[b-fs2hpuswal]  .um-grid-row {
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.admin-main[b-fs2hpuswal]  .um-grid-row:hover {
    border-color: var(--um-line-strong);
    background: color-mix(in oklab, var(--um-accent) 8%, transparent);
    box-shadow: 0 0 20px -14px var(--um-accent-glow);
}

.admin-main[b-fs2hpuswal]  .um-glass .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--um-text);
    --bs-table-border-color: var(--um-line);
    --bs-table-striped-bg: color-mix(in oklab, var(--um-accent) 4%, transparent);
    --bs-table-striped-color: var(--um-text);
    --bs-table-hover-bg: color-mix(in oklab, var(--um-accent) 10%, transparent);
    --bs-table-hover-color: var(--um-text);
    margin-bottom: 0;
}

.admin-main[b-fs2hpuswal]  .um-glass .table > :not(caption) > * > * {
    background-color: transparent;
    color: var(--um-text);
    border-bottom-color: var(--um-line);
}

.admin-main[b-fs2hpuswal]  .um-glass .table thead th {
    color: var(--um-muted);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-bottom: 1px solid var(--um-line-strong);
}

.admin-main[b-fs2hpuswal]  .um-expanded-row > td {
    background: color-mix(in oklab, var(--um-accent) 5%, transparent);
    border-bottom: 1px solid var(--um-line);
}

.admin-main[b-fs2hpuswal]  .um-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border-radius: 0.45rem;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.38rem 0.75rem;
    border: 1px solid var(--um-line);
    background: color-mix(in oklab, var(--um-text) 6%, transparent);
    color: var(--um-text);
    cursor: pointer;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.admin-main[b-fs2hpuswal]  .um-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.admin-main[b-fs2hpuswal]  .um-btn-primary {
    border-color: color-mix(in oklab, var(--um-accent) 45%, var(--um-line));
    background: color-mix(in oklab, var(--um-accent) 14%, transparent);
    color: var(--um-text);
}

.admin-main[b-fs2hpuswal]  .um-btn-primary:hover:not(:disabled) {
    background: color-mix(in oklab, var(--um-accent) 24%, transparent);
    border-color: var(--um-accent);
}

.admin-main[b-fs2hpuswal]  .um-btn-ghost:hover:not(:disabled) {
    border-color: var(--um-line-strong);
    background: color-mix(in oklab, var(--um-accent) 8%, transparent);
}

.admin-main[b-fs2hpuswal]  .um-btn-outline-danger {
    border-color: rgba(248, 113, 113, 0.45);
    background: rgba(248, 113, 113, 0.08);
    color: #fecaca;
}

.admin-main[b-fs2hpuswal]  .um-btn-outline-danger:hover:not(:disabled) {
    background: rgba(248, 113, 113, 0.18);
}

.admin-main[b-fs2hpuswal]  .um-input {
    background: color-mix(in oklab, var(--um-text) 4%, transparent);
    color: var(--um-text);
    border: 1px solid var(--um-line);
    border-radius: 0.45rem;
}

.admin-main[b-fs2hpuswal]  .um-input:focus {
    border-color: var(--um-accent);
    box-shadow: 0 0 0 3px var(--um-accent-glow);
    outline: none;
}

.admin-main[b-fs2hpuswal]  .um-input::placeholder {
    color: var(--um-muted);
}

.admin-main[b-fs2hpuswal]  select.um-input {
    background: color-mix(in oklab, var(--um-text) 4%, transparent);
    color: var(--um-text);
    border: 1px solid var(--um-line);
    border-radius: 0.45rem;
    padding: 0.45rem 0.6rem;
    font-size: 0.88rem;
}

.admin-main[b-fs2hpuswal]  select.um-input:focus {
    border-color: var(--um-accent);
    box-shadow: 0 0 0 3px var(--um-accent-glow);
    outline: none;
}

.admin-shell .um-modal-backdrop[b-fs2hpuswal] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: color-mix(in oklab, var(--um-text) 35%, transparent);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.admin-shell .um-modal[b-fs2hpuswal] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    pointer-events: none;
}

.admin-shell .um-modal-panel[b-fs2hpuswal] {
    pointer-events: auto;
    width: min(460px, 100%);
    padding: 1.25rem 1.35rem;
    color: var(--um-text);
}

.admin-shell .um-modal-head[b-fs2hpuswal] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-shell .um-modal-title[b-fs2hpuswal] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--um-text);
}

.admin-shell .um-icon-btn[b-fs2hpuswal] {
    border: none;
    background: transparent;
    color: var(--um-muted);
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.15rem 0.35rem;
}

.admin-shell .um-icon-btn:hover[b-fs2hpuswal] {
    color: var(--um-text);
}

.admin-shell .um-field[b-fs2hpuswal] {
    margin-bottom: 0.85rem;
}

.admin-shell .um-label[b-fs2hpuswal] {
    display: block;
    font-size: 0.8rem;
    color: var(--um-muted);
    margin-bottom: 0.35rem;
}

.admin-shell .um-modal-actions[b-fs2hpuswal] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.admin-main[b-fs2hpuswal]  .um-alert-tight {
    margin-bottom: 0.75rem;
}

/* Bootstrap modal + um-glass (e.g. Dashboard external sale) */
.admin-shell .modal-backdrop.show[b-fs2hpuswal] {
    background-color: color-mix(in oklab, var(--um-text) 35%, transparent);
}

.admin-shell .modal.show[b-fs2hpuswal] {
    color: var(--um-text);
}

.admin-shell .modal-content.um-glass[b-fs2hpuswal] {
    background: linear-gradient(145deg, var(--um-glass-from), var(--um-glass-to));
    border: 1px solid var(--um-line);
    box-shadow: var(--um-glass-shadow);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    color: var(--um-text);
}

.admin-shell .modal-header[b-fs2hpuswal],
.admin-shell .modal-footer[b-fs2hpuswal] {
    background: transparent;
    border: none;
}

.admin-shell .modal-title[b-fs2hpuswal] {
    color: var(--um-text);
}

.admin-shell .modal-body[b-fs2hpuswal] {
    color: var(--um-text);
}

html[data-theme="light"] .admin-shell .btn-close[b-fs2hpuswal] {
    filter: none;
}

html[data-theme="dark"] .admin-shell .btn-close[b-fs2hpuswal] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.admin-footer[b-fs2hpuswal] {
    flex-shrink: 0;
    border-top: 1px solid var(--posh-admin-outline-variant);
    padding: 0.45rem var(--posh-admin-gutter);
    font-size: var(--posh-admin-text-body-sm-size);
    color: var(--posh-admin-on-surface-variant);
    background: var(--posh-admin-surface-container-lowest);
}

.admin-footer-inner[b-fs2hpuswal] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.admin-footer-date[b-fs2hpuswal] {
    font-size: 0.8rem;
    font-family: var(--posh-admin-font);
    letter-spacing: 0.01em;
    color: var(--posh-admin-on-surface-variant);
}

.admin-footer-time[b-fs2hpuswal] {
    font-size: 0.82rem;
    font-family: var(--posh-admin-font-mono, monospace);
    font-variant-numeric: tabular-nums;
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.85;
}

@media (max-width: 768px) {
    .admin-mobile-chrome[b-fs2hpuswal] {
        display: flex;
    }

    .admin-main[b-fs2hpuswal] {
        padding: var(--posh-admin-margin-mobile);
    }
}

@media (max-width: 640px) {
    .admin-main[b-fs2hpuswal] {
        padding: var(--posh-admin-margin-mobile);
    }
}
/* /Components/Layout/AdminMobileNavToggle.razor.rz.scp.css */
.admin-nav-toggle[b-b230fhja21] {
    appearance: none;
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: var(--posh-admin-radius-lg);
    border: 1px solid var(--posh-admin-outline-variant);
    background: var(--posh-admin-surface-container-high);
    color: var(--posh-admin-on-surface);
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.15s ease;
}

.admin-nav-toggle:hover[b-b230fhja21] {
    border-color: color-mix(in oklab, var(--posh-admin-primary) 40%, var(--posh-admin-outline-variant));
    background: color-mix(in oklab, var(--posh-admin-primary) 12%, var(--posh-admin-surface-container-high));
}

.admin-nav-toggle i[b-b230fhja21] {
    font-size: 1.2rem;
    line-height: 1;
}

@media (max-width: 768px) {
    .admin-nav-toggle[b-b230fhja21] {
        display: inline-flex;
    }
}
/* /Components/Layout/AdminNavMenu.razor.rz.scp.css */
.admin-nav-menu[b-40m76ldrc0] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-xs);
    flex: 1;
    min-height: 0;
}

.admin-sidebar-section[b-40m76ldrc0] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-xs);
}

.admin-sidebar-section-title[b-40m76ldrc0] {
    margin: 0;
    padding: 0 var(--posh-admin-space-sm);
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.85;
    text-transform: uppercase;
}

.admin-sidebar-list[b-40m76ldrc0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-xs);
}

.admin-sidebar-item[b-40m76ldrc0] {
    margin: 0;
}

.admin-sidebar-footer[b-40m76ldrc0] {
    margin-top: auto;
    padding-top: var(--posh-admin-space-md);
    border-top: 1px solid var(--posh-admin-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-xs);
}

.admin-sidebar-shop-link[b-40m76ldrc0] {
    display: flex;
    align-items: center;
    gap: var(--posh-admin-space-sm);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    border-radius: var(--posh-admin-radius-lg);
    color: var(--posh-admin-on-surface-variant);
    text-decoration: none;
    transition: color 0.2s ease;
}

.admin-sidebar-shop-link:hover[b-40m76ldrc0] {
    color: var(--posh-admin-primary);
}

.admin-sidebar-link-icon[b-40m76ldrc0] {
    font-size: 1.125rem;
    opacity: 0.85;
    flex-shrink: 0;
}

/* NavLink renders child <a>; ::deep so scoped CSS applies active/hover states. */
.admin-sidebar-item[b-40m76ldrc0]  a.admin-sidebar-link {
    display: flex;
    align-items: center;
    gap: var(--posh-admin-space-sm);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    border-radius: var(--posh-admin-radius-lg);
    border: none;
    color: var(--posh-admin-on-surface-variant);
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        opacity 0.2s ease;
}

.admin-sidebar-item[b-40m76ldrc0]  a.admin-sidebar-link:hover {
    background: color-mix(in oklab, var(--posh-admin-surface-variant) 20%, transparent);
    color: var(--posh-admin-on-surface-variant);
    transform: translateX(-4px);
}

.admin-sidebar-item[b-40m76ldrc0]  a.admin-sidebar-link.active {
    background: var(--posh-admin-secondary-container);
    color: var(--posh-admin-on-secondary-container);
    opacity: 0.8;
    font-weight: 500;
    box-shadow: none;
}

.admin-sidebar-item[b-40m76ldrc0]  a.admin-sidebar-link.active .admin-sidebar-link-icon {
    opacity: 1;
}
/* /Components/Layout/AdminSidebar.razor.rz.scp.css */
.admin-sidebar[b-2n4l5mfdbr] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-xs);
    flex-shrink: 0;
    width: var(--posh-admin-sidebar-width);
    min-height: 0;
    height: 100%;
    padding: var(--posh-admin-space-md);
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--posh-admin-surface-container);
    border-inline-start: 1px solid var(--posh-admin-outline-variant);
}

.admin-sidebar-brand[b-2n4l5mfdbr] {
    margin-bottom: var(--posh-admin-space-lg);
    padding-inline: var(--posh-admin-space-xs);
}

.admin-sidebar-brand-title[b-2n4l5mfdbr] {
    margin: 0;
    font-weight: 700;
    color: var(--posh-admin-primary);
}

.admin-sidebar-brand-sub[b-2n4l5mfdbr] {
    margin: 0.25rem 0 0;
    opacity: 0.7;
    color: var(--posh-admin-on-surface-variant);
}

.admin-sidebar[b-2n4l5mfdbr]  .admin-nav-menu {
    flex: 1;
    min-height: 0;
}

.admin-sidebar[b-2n4l5mfdbr]  .admin-sidebar-footer {
    margin-top: auto;
}

@media (max-width: 768px) {
    .admin-sidebar[b-2n4l5mfdbr] {
        display: none !important;
    }
}
/* /Components/Layout/AdminUserAccountMenu.razor.rz.scp.css */
.admin-user-menu[b-aktta4kgem] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.admin-user-menu-login[b-aktta4kgem] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--um-muted);
    text-decoration: none;
    padding: 0.35rem 0.55rem;
    border-radius: 0.5rem;
    border: 1px solid var(--um-line-strong);
    transition: color 0.2s ease, border-color 0.2s ease;
}

.admin-user-menu-login:hover[b-aktta4kgem] {
    color: var(--um-text);
    border-color: var(--um-accent);
}

.admin-user-menu-root[b-aktta4kgem] {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: var(--posh-overlay-z);
}

.admin-user-menu-backdrop[b-aktta4kgem] {
    position: fixed;
    inset: 0;
    z-index: var(--posh-overlay-z);
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: default;
}

.admin-user-menu-trigger[b-aktta4kgem] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.42rem 0.7rem;
    border-radius: 0.6rem;
    border: 1px solid var(--um-line-strong);
    background: rgba(15, 23, 42, 0.45);
    color: var(--um-text);
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.admin-user-menu-trigger:hover[b-aktta4kgem] {
    border-color: color-mix(in oklab, var(--um-accent) 40%, var(--um-line));
    box-shadow: 0 0 16px -8px var(--um-accent-glow);
}

html[data-theme="light"] .admin-user-menu-trigger[b-aktta4kgem] {
    background: color-mix(in oklab, var(--um-text) 4%, transparent);
}

.admin-user-menu-trigger-icon[b-aktta4kgem] {
    font-size: 1.15rem;
}

.admin-user-menu-panel[b-aktta4kgem] {
    padding: 0.55rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.admin-user-menu-greeting[b-aktta4kgem] {
    margin: 0;
    padding: 0.35rem 0.45rem 0.5rem;
    font-size: 0.82rem;
    color: var(--um-muted);
    border-bottom: 1px solid var(--um-line);
}

.admin-user-menu-logout[b-aktta4kgem] {
    margin: 0;
}

.admin-user-menu-trigger-text[b-aktta4kgem] {
    max-width: 8.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-user-menu-item[b-aktta4kgem] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.45rem 0.55rem;
    border: none;
    border-radius: 0.45rem;
    background: transparent;
    color: var(--um-text);
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    text-align: start;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

button.admin-user-menu-item:hover[b-aktta4kgem],
a.admin-user-menu-item:hover[b-aktta4kgem] {
    background: color-mix(in oklab, var(--um-text) 8%, transparent);
}

.admin-user-menu-theme[b-aktta4kgem] {
    color: var(--um-text);
    border-bottom: 1px solid var(--um-line);
    margin-bottom: 0.15rem;
    padding-bottom: 0.55rem;
    border-radius: 0;
}

.admin-user-menu-theme:hover[b-aktta4kgem] {
    background: color-mix(in oklab, var(--um-accent) 10%, transparent);
    color: var(--um-text);
}

.admin-user-menu-item-icon[b-aktta4kgem] {
    font-size: 1rem;
    opacity: 0.9;
}

.admin-user-menu-item.is-submit[b-aktta4kgem] {
    color: #fecaca;
}

.admin-user-menu-item.is-submit:hover[b-aktta4kgem] {
    background: rgba(248, 113, 113, 0.12);
}

.admin-user-menu-item.is-submit[b-aktta4kgem] {
    text-decoration: none;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.shop-page[b-ezryr3ilbu] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: var(--inv-text);
    background-color: var(--inv-bg);
}

.shop-page:has(.shop-mobile-nav-backdrop) .shop-navbar[b-ezryr3ilbu] {
    z-index: var(--posh-mobile-nav-drawer-z);
}

.shop-navbar[b-ezryr3ilbu] {
    position: sticky;
    top: 0;
    z-index: var(--posh-header-z);
    --posh-dropdown-top: 4.25rem;
    background: transparent;
}

.shop-page:has(.idx-slideshow-page) .shop-navbar[b-ezryr3ilbu] {
    position: fixed;
    inset: 0 0 auto;
    z-index: calc(var(--posh-header-z) + 30);
}

.shop-navbar[b-ezryr3ilbu]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: var(--inv-surface);
    border-bottom: 1px solid var(--inv-border);
    box-shadow: 0 6px 24px -18px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.shop-navbar-inner[b-ezryr3ilbu] {
    position: relative;
    z-index: 1;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.75rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.shop-navbar-start[b-ezryr3ilbu] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.shop-navbar-brand-group[b-ezryr3ilbu] {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    flex-wrap: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}

.shop-navbar-utilities[b-ezryr3ilbu] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

.shop-util-cart-wrap[b-ezryr3ilbu] {
    display: inline-flex;
    align-items: center;
}

.shop-util-cart-wrap[b-ezryr3ilbu]  a.shop-action.shop-cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 2.35rem;
    min-height: 2.35rem;
    padding: 0.42rem;
    border-radius: 0.75rem;
    color: var(--inv-text);
    text-decoration: none;
    background: color-mix(in oklab, var(--inv-surface) 78%, transparent);
    border: 1px solid var(--inv-border);
    font-size: 0.88rem;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.shop-util-cart-wrap[b-ezryr3ilbu]  a.shop-action.shop-cart:hover {
    background: color-mix(in oklab, var(--inv-text) 10%, transparent);
    border-color: color-mix(in oklab, var(--inv-text) 22%, var(--inv-border));
    transform: translateY(-1px);
}

.shop-util-cart-wrap[b-ezryr3ilbu]  .shop-action-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.shop-brand[b-ezryr3ilbu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--inv-text);
    padding: 0.2rem 0.45rem;
    border-radius: 0.7rem;
    border: 1px solid transparent;
    transition:
        background-color 0.2s ease,
        transform 0.15s ease,
        border-color 0.2s ease,
        box-shadow 0.25s ease;
}

    .shop-brand:hover[b-ezryr3ilbu] {
        background: color-mix(in oklab, var(--inv-surface) 72%, transparent);
        border-color: var(--inv-border);
        transform: translateY(-1px);
        box-shadow: 0 0 0 1px color-mix(in oklab, var(--inv-text) 8%, transparent);
    }

    .shop-brand:hover .brand-logo-img[b-ezryr3ilbu] {
        filter: drop-shadow(0 0 14px color-mix(in oklab, var(--inv-text) 35%, transparent))
            drop-shadow(0 0 28px color-mix(in oklab, var(--inv-text) 12%, transparent));
    }

.brand-logo-wrapper[b-ezryr3ilbu] {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.brand-logo-img[b-ezryr3ilbu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.4);
    transition: filter 0.25s ease;
}

.shop-nav-links[b-ezryr3ilbu] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.1rem;
    flex: 0 0 auto;
    flex-shrink: 0;
    flex-wrap: nowrap;
    min-width: min-content;
}

.shop-nav-links--desktop[b-ezryr3ilbu] {
    display: flex;
}

/* NavLink renders a child <a>; ::deep so layout scoped CSS still applies. */
.shop-nav-links[b-ezryr3ilbu]  a.shop-nav-link {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0;
    border-radius: 0;
    color: color-mix(in oklab, var(--inv-text) 78%, transparent);
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 600;
    border: none;
    background: transparent;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.shop-nav-links[b-ezryr3ilbu]  a.shop-nav-link:hover {
    color: var(--inv-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.28rem;
    background: transparent;
}

.shop-nav-links[b-ezryr3ilbu]  a.shop-nav-link.active {
    color: var(--inv-text);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.28rem;
    background: transparent;
}

.shop-cart-badge[b-ezryr3ilbu] {
    position: absolute;
    top: -6px;
    inset-inline-start: -6px;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    font-size: 0.7rem;
    line-height: 1.2rem;
    text-align: center;
    background: var(--inv-text);
    color: var(--inv-bg);
    font-weight: 700;
    box-shadow: 0 4px 14px -6px rgba(0, 0, 0, 0.45);
}

.shop-main[b-ezryr3ilbu] {
    position: relative;
    flex: 1;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.75rem 1.25rem 2.5rem;
    isolation: isolate;
}

.shop-main:has(.idx-slideshow-page)[b-ezryr3ilbu] {
    max-width: none;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

.shop-main-atmosphere[b-ezryr3ilbu] {
    position: absolute;
    inset: 0;
    border-radius: 0.75rem;
}

.shop-main:has(.idx-slideshow-page) .shop-main-atmosphere[b-ezryr3ilbu] {
    display: none;
}

.shop-main-body[b-ezryr3ilbu] {
    position: relative;
    z-index: 1;
}

.shop-main:has(.idx-slideshow-page) .shop-main-body[b-ezryr3ilbu] {
    width: 100%;
}

.shop-page:has(.idx-slideshow-page) .shop-navbar[b-ezryr3ilbu]::before {
    background: color-mix(in oklab, var(--inv-surface) 75%, rgba(0, 0, 0, 0.35));
}

.shop-build-footer[b-ezryr3ilbu] {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0.5rem 1.25rem 1rem;
    font-size: 0.72rem;
    color: color-mix(in oklab, var(--inv-text) 45%, transparent);
    border-top: 1px solid color-mix(in oklab, var(--inv-border) 80%, transparent);
}

.shop-build-footer-inner[b-ezryr3ilbu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    width: 100%;
}

.shop-enamad-wrap[b-ezryr3ilbu] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.shop-enamad-wrap a[b-ezryr3ilbu] {
    display: inline-block;
    line-height: 0;
}

.shop-enamad-wrap img[b-ezryr3ilbu] {
    height: auto;
    max-width: 100%;
}

.shop-build-footer-meta[b-ezryr3ilbu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
}

.shop-build-footer-line[b-ezryr3ilbu] {
    font-size: 0.72rem;
    color: color-mix(in oklab, var(--inv-text) 52%, transparent);
}

.shop-build-footer-msg[b-ezryr3ilbu] {
    font-size: 0.68rem;
    line-height: 1.35;
    color: color-mix(in oklab, var(--inv-text) 48%, transparent);
    word-break: break-word;
    max-width: 100%;
}

.shop-build-footer-mono[b-ezryr3ilbu] {
    font-variant-numeric: tabular-nums;
    font-family: ui-monospace, monospace;
}

.shop-whatsapp-fab[b-ezryr3ilbu] {
    position: fixed;
    bottom: 1.35rem;
    inset-inline-end: 1.25rem;
    z-index: 1040;
    width: 3.35rem;
    height: 3.35rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #25d366;
    color: #fff;
    text-decoration: none;
    font-size: 1.85rem;
    line-height: 1;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.22),
        0 2px 6px rgba(0, 0, 0, 0.12);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.shop-whatsapp-fab:hover[b-ezryr3ilbu] {
    color: #fff;
    background: #20bd5a;
    transform: scale(1.06);
    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.28),
        0 2px 8px rgba(0, 0, 0, 0.14);
}

.shop-whatsapp-fab:active[b-ezryr3ilbu] {
    transform: scale(0.98);
}

@media (max-width: 640.98px) {
    .shop-whatsapp-fab[b-ezryr3ilbu] {
        bottom: 1rem;
        inset-inline-end: 1rem;
        width: 3.1rem;
        height: 3.1rem;
        font-size: 1.7rem;
    }

    .shop-navbar-inner[b-ezryr3ilbu] {
        gap: 0.65rem;
    }
}

/* Matches --posh-bp-nav: 768px in app.css. */
@media (max-width: 767.98px) {
    .shop-navbar[b-ezryr3ilbu] {
        --posh-dropdown-top: 4.5rem;
    }

    .shop-navbar-inner[b-ezryr3ilbu] {
        padding-inline: 0.85rem;
    }

    .shop-nav-links--desktop[b-ezryr3ilbu] {
        display: none;
    }

    .shop-navbar-brand-group[b-ezryr3ilbu] {
        flex: 0 1 auto;
    }
}

#blazor-error-ui[b-ezryr3ilbu] {
    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;
    inset-inline-start: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ezryr3ilbu] {
        cursor: pointer;
        position: absolute;
        inset-inline-end: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-b9wu2pz9au] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    inset-inline-end: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-b9wu2pz9au] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-b9wu2pz9au] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-b9wu2pz9au] {
    font-size: 1.1rem;
}

.bi[b-b9wu2pz9au] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-end: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-b9wu2pz9au] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-b9wu2pz9au] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-b9wu2pz9au] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-b9wu2pz9au] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-b9wu2pz9au] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-b9wu2pz9au] {
        padding-bottom: 1rem;
    }

    .nav-item[b-b9wu2pz9au]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-b9wu2pz9au]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-b9wu2pz9au]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-b9wu2pz9au] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-b9wu2pz9au] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-b9wu2pz9au] {
        display: none;
    }

    .nav-scrollable[b-b9wu2pz9au] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ecrnn231ix],
.components-reconnect-repeated-attempt-visible[b-ecrnn231ix],
.components-reconnect-failed-visible[b-ecrnn231ix],
.components-pause-visible[b-ecrnn231ix],
.components-resume-failed-visible[b-ecrnn231ix],
.components-rejoining-animation[b-ecrnn231ix] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/ShopMobileNav.razor.rz.scp.css */
.shop-mobile-nav-root[b-s4d0gi7pan] {
    display: contents;
}

.shop-nav-toggle[b-s4d0gi7pan] {
    appearance: none;
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.75rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 78%, transparent);
    color: var(--inv-text);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.shop-nav-toggle:hover[b-s4d0gi7pan] {
    background: color-mix(in oklab, var(--inv-text) 10%, var(--inv-surface));
    border-color: color-mix(in oklab, var(--inv-text) 22%, var(--inv-border));
    transform: translateY(-1px);
}

.shop-nav-toggle i[b-s4d0gi7pan] {
    font-size: 1.2rem;
    line-height: 1;
}

.shop-mobile-nav-backdrop[b-s4d0gi7pan] {
    position: fixed;
    inset: 0;
    z-index: var(--posh-mobile-nav-backdrop-z);
    margin: 0;
    padding: 0;
    border: none;
    background: rgba(8, 12, 18, 0.45);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.shop-mobile-nav[b-s4d0gi7pan] {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: min(20rem, calc(100vw - (2 * var(--posh-safe-inline))));
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    padding: 5.2rem 0.9rem 1rem;
    z-index: var(--posh-mobile-nav-drawer-z);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    background: color-mix(in oklab, var(--inv-surface) 94%, transparent);
    border-inline-end: 1px solid var(--inv-border);
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    box-shadow: 0 20px 56px -26px color-mix(in oklab, var(--inv-text) 32%, transparent);
}

.shop-mobile-nav[b-s4d0gi7pan]  a.shop-mobile-nav-link {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0.65rem 0.8rem;
    border-radius: 0.7rem;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    color: color-mix(in oklab, var(--inv-text) 78%, transparent);
    border: 1px solid transparent;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.shop-mobile-nav[b-s4d0gi7pan]  a.shop-mobile-nav-link:hover,
.shop-mobile-nav[b-s4d0gi7pan]  a.shop-mobile-nav-link.active {
    color: var(--inv-text);
    background: color-mix(in oklab, var(--inv-text) 9%, transparent);
    border-color: color-mix(in oklab, var(--inv-text) 18%, transparent);
}

/* Matches --posh-bp-nav: 768px in app.css */
@media (max-width: 767.98px) {
    .shop-nav-toggle[b-s4d0gi7pan] {
        display: inline-flex;
    }
}
/* /Components/Layout/ShopThemeToggle.razor.rz.scp.css */
.shop-theme-toggle[b-kkpgugd5z7] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border-radius: 0.75rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 78%, transparent);
    color: var(--inv-text);
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.shop-theme-toggle:hover[b-kkpgugd5z7] {
    background: color-mix(in oklab, var(--inv-text) 10%, var(--inv-surface));
    border-color: color-mix(in oklab, var(--inv-text) 22%, var(--inv-border));
    transform: translateY(-1px);
}

.shop-theme-toggle-icon[b-kkpgugd5z7] {
    font-size: 1.15rem;
    line-height: 1;
}
/* /Components/Layout/ShopUserAccountMenu.razor.rz.scp.css */
.shop-user-account[b-kpvjnabfy2] {
    display: flex;
    align-items: center;
}

.shop-guest-actions[b-kpvjnabfy2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.shop-guest-sep[b-kpvjnabfy2] {
    color: color-mix(in oklab, var(--inv-text) 35%, transparent);
    user-select: none;
}

.shop-nav-text-link[b-kpvjnabfy2] {
    color: color-mix(in oklab, var(--inv-text) 78%, transparent);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.2rem 0;
    border-radius: 0.25rem;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.shop-nav-text-link:hover[b-kpvjnabfy2] {
    color: var(--inv-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.28rem;
}

.shop-user-menu-root[b-kpvjnabfy2] {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: var(--posh-overlay-z);
}

.shop-user-menu-backdrop[b-kpvjnabfy2] {
    position: fixed;
    inset: 0;
    z-index: var(--posh-overlay-z);
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: default;
}

.shop-user-menu-trigger[b-kpvjnabfy2] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.42rem 0.65rem;
    border-radius: 0.75rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 78%, transparent);
    color: var(--inv-text);
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.shop-user-menu-trigger:hover[b-kpvjnabfy2] {
    background: color-mix(in oklab, var(--inv-text) 10%, var(--inv-surface));
    border-color: color-mix(in oklab, var(--inv-text) 22%, var(--inv-border));
    transform: translateY(-1px);
}

.shop-user-menu-trigger-icon[b-kpvjnabfy2] {
    font-size: 1.05rem;
    line-height: 1;
}

.shop-user-menu-trigger-text[b-kpvjnabfy2] {
    max-width: 8.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 520px) {
    .shop-guest-actions[b-kpvjnabfy2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
    }

    .shop-guest-sep[b-kpvjnabfy2] {
        display: none;
    }

    .shop-user-menu-trigger-text[b-kpvjnabfy2] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .shop-user-menu-trigger[b-kpvjnabfy2] {
        padding: 0.45rem;
    }
}

.shop-user-menu[b-kpvjnabfy2] {
    padding: 0.55rem 0.45rem;
}

.shop-user-menu-greeting[b-kpvjnabfy2] {
    margin: 0 0 0.45rem;
    padding: 0 0.35rem 0.45rem;
    font-size: 0.78rem;
    line-height: 1.35;
    color: color-mix(in oklab, var(--inv-text) 68%, transparent);
    border-bottom: 1px solid color-mix(in oklab, var(--inv-border) 75%, transparent);
}

.shop-user-menu-name[b-kpvjnabfy2] {
    color: var(--inv-text);
    font-weight: 700;
}

.shop-user-menu-item-icon[b-kpvjnabfy2] {
    flex-shrink: 0;
    font-size: 0.95rem;
    opacity: 0.88;
}

.shop-user-menu-item[b-kpvjnabfy2] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.65rem;
    margin: 0.1rem 0;
    border-radius: 0.65rem;
    border: none;
    background: transparent;
    color: var(--inv-text);
    text-decoration: none;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: start;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

a.shop-user-menu-item:hover[b-kpvjnabfy2],
button.shop-user-menu-item:hover[b-kpvjnabfy2] {
    background: color-mix(in oklab, var(--inv-text) 8%, transparent);
}

.shop-user-menu-logout[b-kpvjnabfy2] {
    margin: 0;
    padding: 0;
}

.shop-user-menu-item.is-submit[b-kpvjnabfy2] {
    color: color-mix(in oklab, #e57373 55%, var(--inv-text));
}

.shop-user-menu-item.is-submit:hover[b-kpvjnabfy2] {
    background: color-mix(in oklab, #c0392b 12%, transparent);
}
/* /Components/Pages/Admin/ActivityLogs.razor.rz.scp.css */
.logs-page[b-1j6gmf73r1] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
    color: var(--posh-admin-on-surface);
}

.dashboard-page-header[b-1j6gmf73r1] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    min-height: 5rem;
    margin-inline: calc(-1 * var(--posh-admin-gutter));
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.logs-page-title[b-1j6gmf73r1],
.logs-page-subtitle[b-1j6gmf73r1] {
    margin: 0;
}

.logs-page-subtitle[b-1j6gmf73r1] {
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.65;
}

.logs-alert[b-1j6gmf73r1] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 45%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-error-container) 35%, transparent);
    color: var(--posh-admin-error);
    font-size: var(--posh-admin-text-body-sm-size);
}

.logs-panel[b-1j6gmf73r1] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    padding: var(--posh-admin-space-md);
}

.logs-state-message[b-1j6gmf73r1] {
    color: var(--posh-admin-on-surface-variant);
}

.logs-grid[b-1j6gmf73r1] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 0.75rem;
    row-gap: 0.35rem;
    align-items: start;
    padding: 0.55rem 0.5rem;
    border-radius: var(--posh-admin-radius-md);
}

.logs-log-grid[b-1j6gmf73r1] {
    align-items: center;
}

.logs-grid-head[b-1j6gmf73r1] {
    font-size: var(--posh-admin-text-label-md-size);
    text-transform: uppercase;
    letter-spacing: var(--posh-admin-text-label-md-tracking);
    color: var(--posh-admin-on-surface-variant);
    border-bottom: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    margin-bottom: 0.25rem;
    padding-bottom: 0.5rem;
}

.logs-grid-row[b-1j6gmf73r1] {
    border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    margin-top: 0.4rem;
    transition: background-color 0.2s ease;
}

.logs-grid-row:hover[b-1j6gmf73r1] {
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 10%, transparent);
}

.logs-cell[b-1j6gmf73r1] {
    min-width: 0;
    font-size: var(--posh-admin-text-body-sm-size);
    text-align: right;
}

.logs-col-dt[b-1j6gmf73r1] { grid-column: span 3; }
.logs-col-admin[b-1j6gmf73r1] { grid-column: span 2; }
.logs-col-action[b-1j6gmf73r1] { grid-column: span 2; }
.logs-col-desc[b-1j6gmf73r1] { grid-column: span 5; }

.logs-mono[b-1j6gmf73r1] {
    font-variant-numeric: tabular-nums;
}

.logs-pill[b-1j6gmf73r1] {
    display: inline-block;
    padding: 0.15rem 0.45rem;
    border-radius: var(--posh-admin-radius-full);
    font-size: var(--posh-admin-text-label-md-size);
    border: 1px solid var(--posh-admin-outline-variant);
    color: var(--posh-admin-on-surface-variant);
    background: color-mix(in oklab, var(--posh-admin-surface-variant) 20%, transparent);
}

@media (max-width: 768px) {
    .logs-grid-head[b-1j6gmf73r1],
    .logs-grid-row[b-1j6gmf73r1] {
        grid-template-columns: 1fr;
    }

    .logs-col-dt[b-1j6gmf73r1],
    .logs-col-admin[b-1j6gmf73r1],
    .logs-col-action[b-1j6gmf73r1],
    .logs-col-desc[b-1j6gmf73r1] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.dashboard-page[b-4o1y1bw63s] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
    color: var(--posh-admin-on-surface);
}

.dashboard-page-header[b-4o1y1bw63s] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    min-height: 5rem;
    margin-inline: calc(-1 * var(--posh-admin-gutter));
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.dashboard-page-header-text[b-4o1y1bw63s] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.dashboard-page-title[b-4o1y1bw63s] {
    margin: 0;
    color: var(--posh-admin-on-surface);
}

.dashboard-page-eyebrow[b-4o1y1bw63s] {
    margin: 0;
    color: var(--posh-admin-on-surface-variant);
    text-transform: uppercase;
    opacity: 0.6;
}

.dashboard-body[b-4o1y1bw63s] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
}

.dashboard-panel[b-4o1y1bw63s],
.dashboard-metric-card[b-4o1y1bw63s] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
}

.dashboard-panel[b-4o1y1bw63s] {
    padding: var(--posh-admin-space-md);
}

.dashboard-state-message[b-4o1y1bw63s] {
    margin: 0;
    color: var(--posh-admin-on-surface-variant);
}

.dashboard-alert[b-4o1y1bw63s] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 45%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-error-container) 35%, transparent);
    color: var(--posh-admin-error);
    font-size: var(--posh-admin-text-body-sm-size);
}

.dashboard-alert--success[b-4o1y1bw63s] {
    border-color: color-mix(in oklab, var(--posh-admin-success-outline) 40%, transparent);
    background: color-mix(in oklab, var(--posh-admin-success-container) 18%, transparent);
    color: var(--posh-admin-success);
}

.dashboard-alert-tight[b-4o1y1bw63s] {
    margin-top: 0.5rem;
}

.dashboard-success-banner[b-4o1y1bw63s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.dashboard-metric-grid[b-4o1y1bw63s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
    gap: var(--posh-admin-gutter);
}

.dashboard-metric-card[b-4o1y1bw63s] {
    min-height: 8.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--posh-admin-space-sm);
    padding: var(--posh-admin-space-md);
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-metric-card:hover[b-4o1y1bw63s] {
    border-color: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 30%, var(--posh-admin-outline-variant));
    box-shadow: 0 10px 34px -25px rgba(0, 0, 0, 0.6);
}

.dashboard-metric-card-header[b-4o1y1bw63s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.dashboard-metric-card-icon[b-4o1y1bw63s] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--posh-admin-primary-fixed-dim);
}

.dashboard-metric-card-body[b-4o1y1bw63s] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.25rem;
    text-align: start;
}

.dashboard-metric-label[b-4o1y1bw63s] {
    flex: 1;
    margin: 0;
    text-align: start;
    color: var(--posh-admin-on-surface-variant);
}

.dashboard-metric-value[b-4o1y1bw63s] {
    margin: 0;
    color: var(--posh-admin-on-surface);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
}

.popular-product-text[b-4o1y1bw63s] {
    font-size: var(--posh-admin-text-body-md-size);
    line-height: var(--posh-admin-text-body-md-line);
    white-space: normal;
    overflow-wrap: break-word;
}

.dashboard-metric-sub[b-4o1y1bw63s] {
    margin: 0;
    margin-top: auto;
    color: var(--posh-admin-on-surface-variant);
}

.dashboard-metric-card.is-actionable[b-4o1y1bw63s] {
    cursor: pointer;
}

.dashboard-metric-card.is-actionable:focus-visible[b-4o1y1bw63s] {
    outline: none;
    border-color: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 45%, var(--posh-admin-outline-variant));
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 40%, transparent);
}

.dashboard-metric-card.is-stock-warning[b-4o1y1bw63s] {
    background: linear-gradient(
        0deg,
        color-mix(in oklab, var(--posh-admin-error) 10%, var(--posh-admin-surface-container)),
        color-mix(in oklab, var(--posh-admin-error) 10%, var(--posh-admin-surface-container))
    );
    border-color: color-mix(in oklab, var(--posh-admin-error) 45%, var(--posh-admin-outline-variant));
}

.dashboard-metric-card.is-stock-warning .dashboard-metric-value[b-4o1y1bw63s] {
    color: color-mix(in oklab, var(--posh-admin-error) 80%, var(--posh-admin-on-surface));
}

.dashboard-revenue-chart[b-4o1y1bw63s] {
    min-height: 12rem;
}

.dashboard-chart-header[b-4o1y1bw63s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: var(--posh-admin-space-sm);
}

.dashboard-chart-title[b-4o1y1bw63s] {
    margin: 0;
    color: var(--posh-admin-on-surface);
}

.dashboard-chart-toggle[b-4o1y1bw63s] {
    display: inline-flex;
    gap: 0.35rem;
}

.dashboard-revenue-chart[b-4o1y1bw63s]  .apexcharts-canvas {
    margin-inline: -0.25rem;
}

.dashboard-btn[b-4o1y1bw63s] {
    appearance: none;
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    color: var(--posh-admin-on-surface);
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    font-family: var(--posh-admin-font);
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    letter-spacing: var(--posh-admin-text-label-md-tracking);
}

.dashboard-btn:disabled[b-4o1y1bw63s] {
    opacity: 0.55;
    cursor: not-allowed;
}

.dashboard-btn-primary[b-4o1y1bw63s] {
    background: var(--posh-admin-primary);
    color: var(--posh-admin-on-primary);
    border-color: color-mix(in oklab, var(--posh-admin-primary) 75%, var(--posh-admin-outline-variant));
}

.dashboard-btn-primary:hover:not(:disabled)[b-4o1y1bw63s] {
    transform: scale(0.97);
}

.dashboard-btn-ghost[b-4o1y1bw63s] {
    background: transparent;
    color: var(--posh-admin-on-surface-variant);
    border-color: var(--posh-admin-outline-variant);
}

.dashboard-btn-ghost:hover:not(:disabled)[b-4o1y1bw63s] {
    background: color-mix(in oklab, var(--posh-admin-surface-variant) 24%, transparent);
    color: var(--posh-admin-on-surface);
}

.dashboard-btn-ghost.is-active[b-4o1y1bw63s] {
    border-color: var(--posh-admin-primary-fixed-dim);
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 18%, transparent);
    color: var(--posh-admin-on-surface);
}

.dashboard-modal-panel[b-4o1y1bw63s] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    color: var(--posh-admin-on-surface);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.dashboard-modal-panel .modal-header[b-4o1y1bw63s],
.dashboard-modal-panel .modal-footer[b-4o1y1bw63s] {
    border-color: var(--posh-admin-outline-variant);
}

.dashboard-modal-panel .modal-title[b-4o1y1bw63s] {
    color: var(--posh-admin-on-surface);
}

.dashboard-form-section-title[b-4o1y1bw63s] {
    margin: 0.75rem 0 0.5rem;
    color: var(--posh-admin-on-surface-variant);
    text-transform: uppercase;
}

.dashboard-field[b-4o1y1bw63s] {
    margin-bottom: 0.85rem;
}

.dashboard-field-last[b-4o1y1bw63s] {
    margin-bottom: 0;
}

.dashboard-label[b-4o1y1bw63s] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--posh-admin-on-surface-variant);
}

.dashboard-input[b-4o1y1bw63s] {
    background: var(--posh-admin-surface-container-high);
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    color: var(--posh-admin-on-surface);
    font-size: var(--posh-admin-text-body-sm-size);
}

.dashboard-input:focus[b-4o1y1bw63s] {
    border-color: var(--posh-admin-primary);
    box-shadow: 0 0 0 1px var(--posh-admin-primary);
    outline: none;
}

.dashboard-input[b-4o1y1bw63s]::placeholder {
    color: color-mix(in oklab, var(--posh-admin-on-surface-variant) 70%, transparent);
}

.dashboard-input:disabled[b-4o1y1bw63s] {
    opacity: 0.6;
}

.dashboard-modal-panel .btn-close[b-4o1y1bw63s] {
    filter: invert(1) grayscale(100%) brightness(190%);
}

html[data-theme="light"] .dashboard-modal-panel .btn-close[b-4o1y1bw63s] {
    filter: none;
}

.dashboard-external-sale-items[b-4o1y1bw63s] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-sm);
    margin-bottom: var(--posh-admin-space-sm);
}

.dashboard-external-sale-row[b-4o1y1bw63s] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-sm);
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-lg);
    background: color-mix(in oklab, var(--posh-admin-surface-container-high) 40%, transparent);
}

.dashboard-external-sale-row-header[b-4o1y1bw63s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-xs);
}

.dashboard-external-sale-row-label[b-4o1y1bw63s] {
    color: var(--posh-admin-on-surface-variant);
}

.dashboard-external-sale-row-fields[b-4o1y1bw63s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--posh-admin-space-sm);
}

.dashboard-external-sale-row-fields .dashboard-field[b-4o1y1bw63s] {
    margin-bottom: 0;
}

.dashboard-external-sale-row .dashboard-field:last-child[b-4o1y1bw63s] {
    margin-bottom: 0;
}

.dashboard-external-sale-remove[b-4o1y1bw63s] {
    padding: var(--posh-admin-space-xs);
    min-width: 2rem;
    min-height: 2rem;
}

.dashboard-external-sale-add[b-4o1y1bw63s] {
    width: 100%;
    margin-bottom: 0.85rem;
}

.dashboard-toast[b-4o1y1bw63s] {
    position: fixed;
    bottom: var(--posh-admin-space-md);
    left: 50%;
    transform: translateX(-50%);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-sm);
    min-width: min(24rem, calc(100vw - 2 * var(--posh-admin-gutter)));
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    border: 1px solid color-mix(in oklab, var(--posh-admin-warning-outline) 45%, transparent);
    border-radius: var(--posh-admin-radius-lg);
    background: color-mix(in oklab, var(--posh-admin-warning-container) 35%, var(--posh-admin-surface-container));
    color: var(--posh-admin-warning);
    font-size: var(--posh-admin-text-body-sm-size);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    animation: dashboard-toast-in-b-4o1y1bw63s 0.2s ease;
}

.dashboard-toast.is-warning[b-4o1y1bw63s] {
    border-color: color-mix(in oklab, var(--posh-admin-warning-outline) 45%, transparent);
}

.dashboard-toast-close[b-4o1y1bw63s] {
    appearance: none;
    border: none;
    background: transparent;
    color: inherit;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    opacity: 0.75;
}

.dashboard-toast-close:hover[b-4o1y1bw63s] {
    opacity: 1;
}

@keyframes dashboard-toast-in-b-4o1y1bw63s {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(0.5rem);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@media (max-width: 768px) {
    .dashboard-page[b-4o1y1bw63s] {
        gap: var(--posh-admin-space-sm);
    }

    .dashboard-page-header[b-4o1y1bw63s] {
        flex-wrap: wrap;
        align-items: flex-start;
        min-height: auto;
        padding-block: var(--posh-admin-space-sm);
    }

    .dashboard-panel[b-4o1y1bw63s],
    .dashboard-metric-card[b-4o1y1bw63s] {
        border-radius: var(--posh-admin-radius-lg);
    }

    .dashboard-metric-grid[b-4o1y1bw63s] {
        grid-template-columns: 1fr;
        gap: var(--posh-admin-space-sm);
    }

    .dashboard-external-sale-row-fields[b-4o1y1bw63s] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/GroupManager.razor.rz.scp.css */
.gm-add-row[b-3wv61ij40s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.category-page[b-3wv61ij40s] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
    color: var(--posh-admin-on-surface);
}

.dashboard-page-header[b-3wv61ij40s] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    min-height: 5rem;
    margin-inline: calc(-1 * var(--posh-admin-gutter));
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.category-page-title[b-3wv61ij40s],
.category-page-subtitle[b-3wv61ij40s] {
    margin: 0;
}

.category-page-subtitle[b-3wv61ij40s] {
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.65;
}

.category-alert[b-3wv61ij40s] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 45%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-error-container) 35%, transparent);
    color: var(--posh-admin-error);
    font-size: var(--posh-admin-text-body-sm-size);
}

.category-alert-success[b-3wv61ij40s] {
    border-color: color-mix(in oklab, var(--posh-admin-success-outline) 40%, transparent);
    background: color-mix(in oklab, var(--posh-admin-success-container) 18%, transparent);
    color: var(--posh-admin-success);
}

.category-panel[b-3wv61ij40s] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    padding: var(--posh-admin-space-md);
}

.category-section-title[b-3wv61ij40s] {
    margin: 0 0 0.75rem;
    font-size: var(--posh-admin-text-headline-sm-size);
    color: var(--posh-admin-on-surface);
}

.gm-name-input[b-3wv61ij40s] {
    flex: 1;
    min-width: 12rem;
    max-width: 420px;
}

.gm-edit-input[b-3wv61ij40s] {
    max-width: 320px;
}

.category-input[b-3wv61ij40s] {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--posh-admin-radius-lg);
    border: 1px solid var(--posh-admin-outline-variant);
    background: var(--posh-admin-surface-container-high);
    color: var(--posh-admin-on-surface);
    padding: 0.45rem 0.6rem;
    font-size: var(--posh-admin-text-body-sm-size);
}

.category-input:focus[b-3wv61ij40s] {
    outline: none;
    border-color: var(--posh-admin-primary);
    box-shadow: 0 0 0 1px var(--posh-admin-primary);
}

.category-btn[b-3wv61ij40s] {
    appearance: none;
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    cursor: pointer;
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.category-btn-primary[b-3wv61ij40s] {
    background: var(--posh-admin-primary);
    color: var(--posh-admin-on-primary);
    border-color: color-mix(in oklab, var(--posh-admin-primary) 75%, var(--posh-admin-outline-variant));
}

.category-btn-primary:hover[b-3wv61ij40s] {
    transform: scale(0.97);
}

.category-btn-ghost[b-3wv61ij40s] {
    color: var(--posh-admin-on-surface-variant);
    border-color: var(--posh-admin-outline-variant);
    background: transparent;
}

.category-btn-ghost:hover[b-3wv61ij40s] {
    color: var(--posh-admin-on-surface);
    background: color-mix(in oklab, var(--posh-admin-surface-variant) 24%, transparent);
}

.category-btn-danger[b-3wv61ij40s] {
    border-color: color-mix(in oklab, var(--posh-admin-error) 45%, var(--posh-admin-outline-variant));
    color: var(--posh-admin-error);
    background: color-mix(in oklab, var(--posh-admin-error) 12%, transparent);
}

.category-btn-danger:hover[b-3wv61ij40s] {
    background: color-mix(in oklab, var(--posh-admin-error) 20%, transparent);
}

.category-state-message[b-3wv61ij40s] {
    color: var(--posh-admin-on-surface-variant);
}

.category-table-wrap[b-3wv61ij40s] {
    overflow-x: auto;
}

.category-table[b-3wv61ij40s] {
    width: 100%;
    border-collapse: collapse;
}

.category-table-head[b-3wv61ij40s] {
    padding: 0.65rem 0.6rem;
    text-align: right;
    font-size: var(--posh-admin-text-label-md-size);
    text-transform: uppercase;
    letter-spacing: var(--posh-admin-text-label-md-tracking);
    color: var(--posh-admin-on-surface-variant);
    border-bottom: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
}

.category-row[b-3wv61ij40s] {
    transition: background-color 0.2s ease;
}

.category-row:hover[b-3wv61ij40s] {
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 10%, transparent);
}

.category-cell[b-3wv61ij40s] {
    padding: 0.7rem 0.6rem;
    border-bottom: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    font-size: var(--posh-admin-text-body-sm-size);
}

.category-actions[b-3wv61ij40s] {
    display: inline-flex;
    gap: 0.5rem;
}
/* /Components/Pages/Admin/Inventory.razor.rz.scp.css */
.inventory-page-header[b-lpc4exdg6w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    margin-bottom: var(--posh-admin-space-md);
}

.inventory-page-header-text[b-lpc4exdg6w] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.inventory-page-title[b-lpc4exdg6w] {
    margin: 0;
}

.inventory-page-subtitle[b-lpc4exdg6w] {
    margin: 0;
}

.inventory-btn[b-lpc4exdg6w] {
    appearance: none;
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    color: var(--posh-admin-on-surface);
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    font-family: var(--posh-admin-font);
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    letter-spacing: var(--posh-admin-text-label-md-tracking);
}

.inventory-btn:disabled[b-lpc4exdg6w] {
    opacity: 0.5;
    cursor: not-allowed;
}

.inventory-btn-primary[b-lpc4exdg6w] {
    background: var(--posh-admin-primary);
    color: var(--posh-admin-on-primary);
    border-color: color-mix(in oklab, var(--posh-admin-primary) 75%, var(--posh-admin-outline-variant));
}

.inventory-btn-primary:hover:not(:disabled)[b-lpc4exdg6w] {
    transform: scale(0.97);
}

.inventory-btn-ghost[b-lpc4exdg6w] {
    border-color: var(--posh-admin-outline-variant);
    color: var(--posh-admin-on-surface-variant);
}

.inventory-btn-ghost:hover:not(:disabled)[b-lpc4exdg6w] {
    color: var(--posh-admin-on-surface);
    background: color-mix(in oklab, var(--posh-admin-surface-variant) 24%, transparent);
}

.inventory-btn-danger[b-lpc4exdg6w] {
    border-color: color-mix(in oklab, var(--posh-admin-error) 45%, var(--posh-admin-outline-variant));
    color: var(--posh-admin-error);
    background: color-mix(in oklab, var(--posh-admin-error) 10%, transparent);
}

.inventory-btn-danger:hover:not(:disabled)[b-lpc4exdg6w] {
    background: color-mix(in oklab, var(--posh-admin-error) 18%, transparent);
}

.inventory-input[b-lpc4exdg6w],
.inventory-page[b-lpc4exdg6w] (.inventory-input),
.inventory-page[b-lpc4exdg6w] (.form-control.inventory-input),
.inventory-page[b-lpc4exdg6w] (.form-select.inventory-input),
.inventory-page[b-lpc4exdg6w] (.price-input-shell input.inventory-input) {
    background: var(--posh-admin-surface-container-high);
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-lg);
    color: var(--posh-admin-on-surface);
    font-size: var(--posh-admin-text-body-sm-size);
}

.inventory-input:focus[b-lpc4exdg6w],
.inventory-page[b-lpc4exdg6w] (.inventory-input:focus),
.inventory-page[b-lpc4exdg6w] (.form-control.inventory-input:focus),
.inventory-page[b-lpc4exdg6w] (.form-select.inventory-input:focus),
.inventory-page[b-lpc4exdg6w] (.price-input-shell input.inventory-input:focus) {
    border-color: var(--posh-admin-primary);
    box-shadow: 0 0 0 1px var(--posh-admin-primary);
    outline: none;
}

.inventory-page[b-lpc4exdg6w] (.inventory-input::placeholder) {
    color: color-mix(in oklab, var(--posh-admin-on-surface-variant) 70%, transparent);
}

.inventory-label[b-lpc4exdg6w] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--posh-admin-on-surface-variant);
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    letter-spacing: var(--posh-admin-text-label-md-tracking);
}

.inventory-sub[b-lpc4exdg6w] {
    color: var(--posh-admin-on-surface-variant);
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    letter-spacing: var(--posh-admin-text-label-md-tracking);
}

.inventory-modal-panel[b-lpc4exdg6w] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    color: var(--posh-admin-on-surface);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.inventory-panel-soft[b-lpc4exdg6w] {
    border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 70%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-surface-container-high) 72%, transparent);
}

/* Nested hierarchy: product > color > size */
.inventory-page .inv-card[b-lpc4exdg6w] {
    background: var(--posh-admin-surface-container-low);
    border-color: color-mix(in oklab, var(--posh-admin-outline-variant) 70%, transparent);
}

.inventory-page .inv-color-section[b-lpc4exdg6w] {
    background: color-mix(in oklab, var(--posh-admin-surface-container) 88%, transparent);
    border-color: color-mix(in oklab, var(--posh-admin-outline-variant) 70%, transparent);
}

.inventory-page .inv-variant-card[b-lpc4exdg6w] {
    background: color-mix(in oklab, var(--posh-admin-surface-container-high) 82%, transparent);
    border-color: color-mix(in oklab, var(--posh-admin-outline-variant) 65%, transparent);
}

.inv-product-modal .inv-variant-grid[b-lpc4exdg6w] {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.inventory-page[b-lpc4exdg6w] (.price-input-shell) {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
}

.inventory-page[b-lpc4exdg6w] (.price-input-suffix) {
    color: var(--posh-admin-on-surface-variant);
}

.inv-product-modal .inv-manual-size-add[b-lpc4exdg6w] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.6rem;
    padding: 0.55rem 0.65rem;
}

.inv-product-modal .inv-manual-size-select[b-lpc4exdg6w] {
    max-width: 140px;
}

.inv-product-modal .inv-manual-size-btn[b-lpc4exdg6w] {
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0.1rem 0.5rem;
    line-height: 1;
    font-size: 1.1rem;
}
/* /Components/Pages/Admin/Orders.razor.rz.scp.css */
.orders-page[b-mnppj508zv] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
    color: var(--posh-admin-on-surface);
}

.dashboard-page-header[b-mnppj508zv] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    min-height: 5rem;
    margin-inline: calc(-1 * var(--posh-admin-gutter));
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.orders-page-header-text[b-mnppj508zv] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.orders-page-title[b-mnppj508zv] {
    margin: 0;
    color: var(--posh-admin-on-surface);
}

.orders-page-eyebrow[b-mnppj508zv] {
    margin: 0;
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.6;
    text-transform: uppercase;
}

.orders-panel[b-mnppj508zv] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    padding: var(--posh-admin-space-md);
}

.orders-state-message[b-mnppj508zv] {
    margin: 0;
    color: var(--posh-admin-on-surface-variant);
}

.orders-alert[b-mnppj508zv] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 45%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-error-container) 35%, transparent);
    color: var(--posh-admin-error);
    font-size: var(--posh-admin-text-body-sm-size);
}

.orders-list-wrap[b-mnppj508zv] {
    overflow-x: auto;
}

.orders-list-table[b-mnppj508zv] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--posh-admin-on-surface);
}

.orders-table-head[b-mnppj508zv] {
    padding: 0.65rem 0.6rem;
    text-align: right;
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    letter-spacing: var(--posh-admin-text-label-md-tracking);
    color: var(--posh-admin-on-surface-variant);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    white-space: nowrap;
}

.orders-table-head-status[b-mnppj508zv] {
    min-width: 180px;
}

.orders-row[b-mnppj508zv] {
    transition: background-color 0.2s ease;
}

.orders-row:hover[b-mnppj508zv] {
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 10%, transparent);
}

.orders-cell[b-mnppj508zv] {
    padding: 0.7rem 0.6rem;
    border-bottom: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    font-size: var(--posh-admin-text-body-sm-size);
    color: var(--posh-admin-on-surface);
    vertical-align: middle;
}

.orders-cell-order strong[b-mnppj508zv] {
    font-weight: 700;
}

.orders-cell-products[b-mnppj508zv] {
    min-width: 10rem;
    max-width: 16rem;
    vertical-align: top;
}

.orders-product-lines[b-mnppj508zv] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.orders-product-line[b-mnppj508zv] {
    font-size: 0.75rem;
    font-weight: var(--posh-admin-text-body-sm-weight);
    line-height: 1.35;
    color: var(--posh-admin-on-surface-variant);
    overflow-wrap: anywhere;
}

.orders-product-empty[b-mnppj508zv] {
    font-size: 0.75rem;
    color: var(--posh-admin-on-surface-variant);
}

.orders-user-id[b-mnppj508zv] {
    display: inline-block;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.orders-status-cluster[b-mnppj508zv] {
    display: flex;
    align-items: center;
    gap: var(--posh-admin-space-xs);
    flex-wrap: wrap;
}

.orders-status-select[b-mnppj508zv] {
    max-width: 160px;
    width: 100%;
    padding: 0.3rem 0.5rem;
    font-size: var(--posh-admin-text-body-sm-size);
    background: var(--posh-admin-surface-container-high);
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-lg);
    color: var(--posh-admin-on-surface);
}

.orders-status-select:focus[b-mnppj508zv] {
    outline: none;
    border-color: var(--posh-admin-primary);
    box-shadow: 0 0 0 1px var(--posh-admin-primary);
}

.orders-btn[b-mnppj508zv] {
    appearance: none;
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    color: var(--posh-admin-on-surface);
    background: transparent;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    font-family: var(--posh-admin-font);
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
}

.orders-btn:disabled[b-mnppj508zv] {
    opacity: 0.45;
    cursor: not-allowed;
}

.orders-btn-ghost[b-mnppj508zv] {
    color: var(--posh-admin-on-surface-variant);
    border-color: var(--posh-admin-outline-variant);
}

.orders-btn-ghost:hover:not(:disabled)[b-mnppj508zv] {
    color: var(--posh-admin-on-surface);
    background: color-mix(in oklab, var(--posh-admin-surface-variant) 22%, transparent);
}

.orders-badge[b-mnppj508zv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    padding: 0.2rem 0.5rem;
    border-radius: var(--posh-admin-radius-full);
    border: 1px solid var(--posh-admin-outline-variant);
}

.orders-badge-source[b-mnppj508zv],
.orders-badge-muted[b-mnppj508zv] {
    background: color-mix(in oklab, var(--posh-admin-on-surface-variant) 18%, transparent);
    color: var(--posh-admin-on-surface-variant);
}

.orders-badge-pending[b-mnppj508zv] {
    background: color-mix(in oklab, var(--posh-admin-secondary) 22%, transparent);
    color: var(--posh-admin-on-surface);
    border-color: color-mix(in oklab, var(--posh-admin-secondary) 42%, var(--posh-admin-outline-variant));
}

.orders-badge-processing[b-mnppj508zv] {
    background: color-mix(in oklab, var(--posh-admin-primary) 16%, transparent);
    color: var(--posh-admin-primary);
    border-color: color-mix(in oklab, var(--posh-admin-primary) 38%, var(--posh-admin-outline-variant));
}

.orders-badge-shipped[b-mnppj508zv] {
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 18%, transparent);
    color: var(--posh-admin-primary-fixed-dim);
    border-color: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 42%, var(--posh-admin-outline-variant));
}

.orders-badge-delivered[b-mnppj508zv] {
    background: color-mix(in oklab, var(--posh-admin-success-outline) 18%, transparent);
    color: var(--posh-admin-success);
    border-color: color-mix(in oklab, var(--posh-admin-success-outline) 36%, var(--posh-admin-outline-variant));
}

.orders-badge-cancelled[b-mnppj508zv] {
    background: color-mix(in oklab, var(--posh-admin-error) 20%, transparent);
    color: var(--posh-admin-error);
    border-color: color-mix(in oklab, var(--posh-admin-error) 38%, var(--posh-admin-outline-variant));
}

.orders-expanded-row > td[b-mnppj508zv] {
    padding: 0;
    border-bottom: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 6%, var(--posh-admin-surface-container));
}

.orders-expanded-cell[b-mnppj508zv] {
    width: 100%;
}

.orders-detail-panel[b-mnppj508zv] {
    padding: var(--posh-admin-space-sm);
    border-top: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 45%, transparent);
}

.orders-detail-row[b-mnppj508zv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.55rem;
    font-size: var(--posh-admin-text-body-sm-size);
}

.orders-detail-muted[b-mnppj508zv] {
    font-size: var(--posh-admin-text-body-sm-size);
    color: var(--posh-admin-on-surface-variant);
}

.orders-items-wrap[b-mnppj508zv] {
    overflow-x: auto;
    margin-top: var(--posh-admin-space-xs);
}

.orders-items-table[b-mnppj508zv] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: var(--posh-admin-surface-container-low);
    border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
    border-radius: var(--posh-admin-radius-md);
    overflow: hidden;
}

.orders-item-row:hover[b-mnppj508zv] {
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 8%, transparent);
}

.orders-item-cell[b-mnppj508zv] {
    padding: 0.55rem 0.6rem;
    border-bottom: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 45%, transparent);
    font-size: var(--posh-admin-text-body-sm-size);
}

.orders-items-table tbody tr:last-child .orders-item-cell[b-mnppj508zv] {
    border-bottom: 0;
}

.orders-reprint-btn[b-mnppj508zv] {
    margin-top: var(--posh-admin-space-sm);
}

.orders-pagination[b-mnppj508zv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-sm);
    margin-top: var(--posh-admin-space-md);
    padding-top: var(--posh-admin-space-sm);
    border-top: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
}

.orders-pagination-label[b-mnppj508zv] {
    min-width: 7.5rem;
    text-align: center;
    font-size: var(--posh-admin-text-body-sm-size);
    color: var(--posh-admin-on-surface-variant);
}

@media (max-width: 768px) {
    .orders-page[b-mnppj508zv] {
        gap: var(--posh-admin-space-sm);
    }

    .dashboard-page-header[b-mnppj508zv] {
        min-height: auto;
        padding-block: var(--posh-admin-space-sm);
    }

    .orders-panel[b-mnppj508zv] {
        padding: var(--posh-admin-space-sm);
        border-radius: var(--posh-admin-radius-lg);
    }

    .orders-list-wrap[b-mnppj508zv] {
        overflow-x: visible;
    }

    .orders-list-table[b-mnppj508zv] {
        display: block;
        width: 100%;
    }

    .orders-list-table thead[b-mnppj508zv] {
        display: none;
    }

    .orders-list-table tbody[b-mnppj508zv] {
        display: block;
    }

    .orders-list-table tbody tr:not(.orders-expanded-row)[b-mnppj508zv] {
        display: block;
        margin-block: 0.85rem;
        padding: 0.85rem 1rem;
        border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
        border-radius: var(--posh-admin-radius-lg);
        background: linear-gradient(
            145deg,
            color-mix(in oklab, var(--posh-admin-surface-container-low) 88%, transparent),
            color-mix(in oklab, var(--posh-admin-surface-container) 92%, transparent)
        );
        box-shadow: 0 12px 28px -22px rgba(0, 0, 0, 0.35);
    }

    .orders-list-table tbody tr:not(.orders-expanded-row) > td[b-mnppj508zv] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 0.5rem 0.75rem;
        width: 100%;
        padding: 0.45rem 0;
        border: 0;
        text-align: start;
    }

    .orders-list-table tbody tr:not(.orders-expanded-row) > td[b-mnppj508zv]::before {
        content: attr(data-label) ":";
        flex-shrink: 0;
        font-size: var(--posh-admin-text-label-md-size);
        font-weight: 600;
        color: var(--posh-admin-on-surface-variant);
    }

    .orders-list-table tbody tr:not(.orders-expanded-row) > td.orders-cell-order[b-mnppj508zv],
    .orders-list-table tbody tr:not(.orders-expanded-row) > td.orders-cell-user-id[b-mnppj508zv] {
        display: none;
    }

    .orders-list-table tbody tr:not(.orders-expanded-row) + tr.orders-expanded-row[b-mnppj508zv] {
        display: block;
        margin-top: -0.65rem;
        margin-bottom: 0.85rem;
        border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
        border-top: 0;
        border-radius: 0 0 var(--posh-admin-radius-lg) var(--posh-admin-radius-lg);
        background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 6%, var(--posh-admin-surface-container));
    }

    .orders-list-table tbody tr.orders-expanded-row > td.orders-expanded-cell[b-mnppj508zv] {
        display: block;
        width: 100%;
        padding: 0.75rem 1rem 1rem;
        border: 0;
    }

    .orders-list-table tbody tr.orders-expanded-row > td.orders-expanded-cell[b-mnppj508zv]::before {
        content: none;
    }

    .orders-status-cluster[b-mnppj508zv] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .orders-badge[b-mnppj508zv] {
        width: 100%;
        text-align: center;
    }

    .orders-status-select[b-mnppj508zv] {
        max-width: none;
    }

    .orders-cell-actions .orders-detail-toggle[b-mnppj508zv] {
        width: 100%;
    }

    .orders-items-wrap[b-mnppj508zv] {
        overflow-x: visible;
    }

    .orders-items-table thead[b-mnppj508zv] {
        display: none;
    }

    .orders-items-table tbody[b-mnppj508zv] {
        display: block;
    }

    .orders-items-table tbody tr[b-mnppj508zv] {
        display: block;
        margin-top: 0.55rem;
        padding: 0.65rem 0.75rem;
        border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 55%, transparent);
        border-radius: var(--posh-admin-radius-md);
        background: color-mix(in oklab, var(--posh-admin-surface-container-low) 78%, transparent);
    }

    .orders-items-table tbody tr > td.orders-item-cell[b-mnppj508zv] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 0.5rem 0.75rem;
        width: 100%;
        padding: 0.3rem 0;
        border: 0;
        text-align: start;
    }

    .orders-items-table tbody tr > td.orders-item-cell[b-mnppj508zv]::before {
        content: attr(data-label) ":";
        flex-shrink: 0;
        font-size: var(--posh-admin-text-label-md-size);
        font-weight: 600;
        color: var(--posh-admin-on-surface-variant);
    }

    .orders-pagination[b-mnppj508zv] {
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Admin/OutOfStock.razor.rz.scp.css */
.outofstock-page[b-h8l18n50cm] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
    color: var(--posh-admin-on-surface);
}

.dashboard-page-header[b-h8l18n50cm] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    min-height: 5rem;
    margin-inline: calc(-1 * var(--posh-admin-gutter));
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.outofstock-page-header-text[b-h8l18n50cm] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.outofstock-page-title[b-h8l18n50cm] {
    margin: 0;
    color: var(--posh-admin-on-surface);
}

.outofstock-page-subtitle[b-h8l18n50cm] {
    margin: 0;
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.7;
}

.outofstock-panel[b-h8l18n50cm] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    padding: var(--posh-admin-space-md);
}

.outofstock-alert[b-h8l18n50cm] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 45%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-error-container) 35%, transparent);
    color: var(--posh-admin-error);
    font-size: var(--posh-admin-text-body-sm-size);
}

.outofstock-alert-success[b-h8l18n50cm] {
    border-color: color-mix(in oklab, var(--posh-admin-success-outline) 40%, transparent);
    background: color-mix(in oklab, var(--posh-admin-success-container) 18%, transparent);
    color: var(--posh-admin-success);
}

.outofstock-table[b-h8l18n50cm] {
    display: grid;
    gap: var(--posh-admin-space-sm);
}

.oos-product-card[b-h8l18n50cm] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-sm);
}

.oos-product-header[b-h8l18n50cm] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.oos-product-thumb[b-h8l18n50cm] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: var(--posh-admin-radius-lg);
    object-fit: cover;
    border: 1px solid var(--posh-admin-outline-variant);
    background: var(--posh-admin-surface-container-high);
}

.oos-product-thumb-placeholder[b-h8l18n50cm] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: var(--posh-admin-radius-lg);
    border: 1px dashed var(--posh-admin-outline-variant);
    display: grid;
    place-items: center;
    color: var(--posh-admin-on-surface-variant);
    background: color-mix(in oklab, var(--posh-admin-surface-container-high) 70%, transparent);
}

.outofstock-section-title[b-h8l18n50cm] {
    margin: 0;
    color: var(--posh-admin-on-surface);
    font-size: var(--posh-admin-text-body-md-size);
    line-height: var(--posh-admin-text-body-md-line);
    font-weight: 600;
}

.outofstock-muted[b-h8l18n50cm] {
    color: var(--posh-admin-on-surface-variant);
}

.oos-variant-list[b-h8l18n50cm] {
    display: grid;
    gap: 0.65rem;
}

.oos-variant-row[b-h8l18n50cm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 7.5rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 30%, var(--posh-admin-outline-variant));
    border-radius: var(--posh-admin-radius-lg);
    background: color-mix(in oklab, var(--posh-admin-error-container) 28%, var(--posh-admin-surface-container));
}

.oos-variant-meta[b-h8l18n50cm] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.oos-variant-label[b-h8l18n50cm] {
    font-size: var(--posh-admin-text-body-sm-size);
    font-weight: 600;
}

.oos-variant-stock[b-h8l18n50cm] {
    font-size: var(--posh-admin-text-label-md-size);
    color: var(--posh-admin-on-surface-variant);
}

.outofstock-input[b-h8l18n50cm] {
    background: var(--posh-admin-surface-container-high);
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-lg);
    color: var(--posh-admin-on-surface);
    font-size: var(--posh-admin-text-body-sm-size);
}

.outofstock-input:focus[b-h8l18n50cm] {
    border-color: var(--posh-admin-primary);
    box-shadow: 0 0 0 1px var(--posh-admin-primary);
    outline: none;
}

.oos-qty-input[b-h8l18n50cm] {
    text-align: center;
    min-height: 2.35rem;
    font-variant-numeric: tabular-nums;
}

.oos-actions[b-h8l18n50cm] {
    display: flex;
    justify-content: flex-end;
}

.outofstock-btn[b-h8l18n50cm] {
    appearance: none;
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    color: var(--posh-admin-on-surface);
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    font-family: var(--posh-admin-font);
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    letter-spacing: var(--posh-admin-text-label-md-tracking);
}

.outofstock-btn:disabled[b-h8l18n50cm] {
    opacity: 0.55;
    cursor: not-allowed;
}

.outofstock-btn-primary[b-h8l18n50cm] {
    background: var(--posh-admin-primary);
    color: var(--posh-admin-on-primary);
    border-color: color-mix(in oklab, var(--posh-admin-primary) 75%, var(--posh-admin-outline-variant));
}

.outofstock-btn-primary:hover:not(:disabled)[b-h8l18n50cm] {
    transform: scale(0.97);
}

.oos-empty-state[b-h8l18n50cm] {
    text-align: center;
}

@media (max-width: 768px) {
    .dashboard-page-header[b-h8l18n50cm] {
        min-height: auto;
        padding-block: var(--posh-admin-space-sm);
    }

    .outofstock-panel[b-h8l18n50cm] {
        border-radius: var(--posh-admin-radius-lg);
    }
}

@media (max-width: 640px) {
    .oos-variant-row[b-h8l18n50cm] {
        grid-template-columns: 1fr;
    }

    .oos-qty-input[b-h8l18n50cm] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/SlideshowManager.razor.rz.scp.css */
.slideshow-page[b-jhc5wcnvzr] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-md);
    color: var(--posh-admin-on-surface);
}

.dashboard-page-header[b-jhc5wcnvzr] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--posh-admin-space-md);
    min-height: 5rem;
    margin-inline: calc(-1 * var(--posh-admin-gutter));
    padding-inline: var(--posh-admin-gutter);
    border-bottom: 1px solid var(--posh-admin-outline-variant);
    background: color-mix(in oklab, var(--posh-admin-surface) 50%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.slideshow-page-header-text[b-jhc5wcnvzr] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.slideshow-page-title[b-jhc5wcnvzr] {
    margin: 0;
    color: var(--posh-admin-on-surface);
}

.slideshow-page-subtitle[b-jhc5wcnvzr] {
    margin: 0;
    color: var(--posh-admin-on-surface-variant);
    opacity: 0.7;
}

.slideshow-alert[b-jhc5wcnvzr] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid color-mix(in oklab, var(--posh-admin-error) 45%, transparent);
    border-radius: var(--posh-admin-radius-md);
    background: color-mix(in oklab, var(--posh-admin-error-container) 35%, transparent);
    color: var(--posh-admin-error);
    font-size: var(--posh-admin-text-body-sm-size);
}

.slideshow-alert-success[b-jhc5wcnvzr] {
    border-color: color-mix(in oklab, var(--posh-admin-success-outline) 40%, transparent);
    background: color-mix(in oklab, var(--posh-admin-success-container) 18%, transparent);
    color: var(--posh-admin-success);
}

.slideshow-modal-panel[b-jhc5wcnvzr] {
    border: 1px solid var(--posh-admin-outline-variant);
    border-radius: var(--posh-admin-radius-xl);
    background: var(--posh-admin-surface-container);
    padding: var(--posh-admin-space-md);
}

.slideshow-section-title[b-jhc5wcnvzr] {
    margin: 0 0 0.4rem;
    color: var(--posh-admin-on-surface);
    font-size: var(--posh-admin-text-body-md-size);
    line-height: var(--posh-admin-text-body-md-line);
    font-weight: 600;
}

.slideshow-muted[b-jhc5wcnvzr] {
    color: var(--posh-admin-on-surface-variant);
}

.sm-upload-panel[b-jhc5wcnvzr] {
    display: flex;
    flex-direction: column;
    gap: var(--posh-admin-space-sm);
}

.sm-hint[b-jhc5wcnvzr] {
    margin: 0;
    font-size: var(--posh-admin-text-body-sm-size);
    line-height: 1.65;
}

.sm-upload-zone[b-jhc5wcnvzr] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 9.5rem;
    padding: 1.35rem 1rem;
    border-radius: var(--posh-admin-radius-lg);
    border: 1px dashed color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 36%, var(--posh-admin-outline-variant));
    background: color-mix(in oklab, var(--posh-admin-surface-container-low) 80%, transparent);
    transition: border-color 0.22s ease, background-color 0.22s ease, transform 0.22s ease;
    overflow: hidden;
}

.sm-upload-zone:not(.sm-upload-zone--busy):hover[b-jhc5wcnvzr] {
    border-color: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 62%, var(--posh-admin-outline-variant));
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 16%, var(--posh-admin-surface-container-low));
    transform: translateY(-1px);
}

.sm-upload-zone--busy[b-jhc5wcnvzr] {
    pointer-events: none;
    opacity: 0.78;
}

.sm-file-input[b-jhc5wcnvzr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.slideshow-input[b-jhc5wcnvzr] {
    border-radius: var(--posh-admin-radius-lg);
}

.sm-upload-icon[b-jhc5wcnvzr] {
    font-size: 1.65rem;
    color: var(--posh-admin-primary-fixed-dim);
}

.sm-upload-label[b-jhc5wcnvzr] {
    font-weight: 650;
    margin: 0;
}

.sm-upload-sub[b-jhc5wcnvzr] {
    font-size: var(--posh-admin-text-label-md-size);
}

.sm-gallery[b-jhc5wcnvzr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
    gap: var(--posh-admin-space-sm);
}

.slideshow-card[b-jhc5wcnvzr] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.55rem;
    border-radius: var(--posh-admin-radius-lg);
    border: 1px solid var(--posh-admin-outline-variant);
    background: var(--posh-admin-surface-container-high);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.slideshow-card:hover[b-jhc5wcnvzr] {
    transform: translateY(-2px);
    border-color: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 35%, var(--posh-admin-outline-variant));
    box-shadow: 0 12px 28px -18px rgba(0, 0, 0, 0.55);
}

.sm-card-thumb[b-jhc5wcnvzr] {
    position: relative;
    aspect-ratio: 16 / 10;
    border-radius: var(--posh-admin-radius-md);
    overflow: hidden;
    background: color-mix(in oklab, var(--posh-admin-surface-container-low) 82%, transparent);
    border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 75%, transparent);
}

.sm-card-thumb img[b-jhc5wcnvzr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sm-order-badge[b-jhc5wcnvzr] {
    position: absolute;
    top: 0.4rem;
    inset-inline-start: 0.4rem;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--posh-admin-on-surface);
    background: color-mix(in oklab, var(--posh-admin-surface-container) 86%, transparent);
    border: 1px solid color-mix(in oklab, var(--posh-admin-outline-variant) 65%, transparent);
    backdrop-filter: blur(6px);
}

.sm-card-actions[b-jhc5wcnvzr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.slideshow-btn[b-jhc5wcnvzr] {
    appearance: none;
    border: 1px solid transparent;
    border-radius: var(--posh-admin-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--posh-admin-space-xs);
    padding: var(--posh-admin-space-xs) var(--posh-admin-space-sm);
    color: var(--posh-admin-on-surface);
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    font-family: var(--posh-admin-font);
    font-size: var(--posh-admin-text-label-md-size);
    font-weight: var(--posh-admin-text-label-md-weight);
    line-height: var(--posh-admin-text-label-md-line);
    letter-spacing: var(--posh-admin-text-label-md-tracking);
}

.slideshow-btn:disabled[b-jhc5wcnvzr] {
    opacity: 0.55;
    cursor: not-allowed;
}

.slideshow-btn-ghost[b-jhc5wcnvzr] {
    border-color: var(--posh-admin-outline-variant);
    color: var(--posh-admin-on-surface-variant);
    background: color-mix(in oklab, var(--posh-admin-surface-container-low) 35%, transparent);
}

.slideshow-btn-ghost:hover:not(:disabled)[b-jhc5wcnvzr] {
    color: var(--posh-admin-on-surface);
    border-color: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 38%, var(--posh-admin-outline-variant));
    background: color-mix(in oklab, var(--posh-admin-primary-fixed-dim) 18%, var(--posh-admin-surface-container-low));
}

.slideshow-btn-danger[b-jhc5wcnvzr] {
    border-color: color-mix(in oklab, var(--posh-admin-error) 42%, var(--posh-admin-outline-variant));
    color: var(--posh-admin-error);
    background: color-mix(in oklab, var(--posh-admin-error) 10%, transparent);
}

.slideshow-btn-danger:hover:not(:disabled)[b-jhc5wcnvzr] {
    background: color-mix(in oklab, var(--posh-admin-error) 18%, transparent);
}

.sm-icon-btn[b-jhc5wcnvzr] {
    min-width: 2.25rem;
    padding-inline: 0.55rem;
}

.sm-delete-btn[b-jhc5wcnvzr] {
    margin-inline-start: auto;
}

@media (max-width: 768px) {
    .dashboard-page-header[b-jhc5wcnvzr] {
        min-height: auto;
        padding-block: var(--posh-admin-space-sm);
    }

    .slideshow-modal-panel[b-jhc5wcnvzr] {
        border-radius: var(--posh-admin-radius-lg);
    }
}
/* /Components/Pages/Public/AboutUs.razor.rz.scp.css */
.about-hero[b-p460az921m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 1.5rem;
    text-align: center;
}

.about-hero-glow[b-p460az921m] {
    margin: 0;
}

.about-hero-inner[b-p460az921m] {
    width: min(100%, 32rem);
    padding: clamp(1rem, 3vw, 1.35rem) clamp(1rem, 3vw, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.about-title[b-p460az921m] {
    margin: 0;
    font-size: clamp(1.45rem, 4vw, 1.85rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.25;
    color: var(--inv-text);
    text-shadow:
        0 0 20px color-mix(in oklab, var(--inv-accent) 22%, transparent),
        0 2px 10px color-mix(in oklab, var(--inv-text) 14%, transparent);
}

.about-lead[b-p460az921m] {
    margin: 0;
    font-size: clamp(0.95rem, 2.6vw, 1.05rem);
    font-weight: 500;
    color: color-mix(in oklab, var(--inv-text) 72%, transparent);
    line-height: 1.5;
}

.about-loading[b-p460az921m] {
    text-align: center;
    color: color-mix(in oklab, var(--inv-text) 65%, transparent);
    margin: 2rem 0;
}

.about-error[b-p460az921m] {
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    color: var(--inv-text);
    border: 1px solid color-mix(in oklab, #c0392b 45%, var(--inv-border));
    background: color-mix(in oklab, #c0392b 12%, var(--inv-surface));
}

.about-body-wrap[b-p460az921m] {
    padding: clamp(1.1rem, 3vw, 1.75rem);
    margin-bottom: 2rem;
    border-radius: 0.85rem;
}

.about-prose[b-p460az921m] {
    margin: 0;
    font-size: clamp(1rem, 2.4vw, 1.08rem);
    line-height: 1.85;
    color: color-mix(in oklab, var(--inv-text) 92%, transparent);
    white-space: pre-wrap;
    word-break: break-word;
}

.about-social[b-p460az921m] {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.about-social-title[b-p460az921m] {
    margin: 0 0 1rem;
    font-size: clamp(1.1rem, 2.8vw, 1.35rem);
    font-weight: 800;
    text-align: center;
    color: var(--inv-text);
}

.about-social-grid[b-p460az921m] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.about-social-card[b-p460az921m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.25rem 1rem;
    text-decoration: none;
    color: var(--inv-text);
    border-radius: 0.85rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 88%, transparent);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease,
        background-color 0.18s ease;
}

.about-social-card:hover[b-p460az921m] {
    transform: translateY(-4px);
    border-color: color-mix(in oklab, var(--inv-accent) 45%, var(--inv-border));
    box-shadow:
        0 20px 40px -24px color-mix(in oklab, var(--inv-text) 28%, transparent),
        0 0 0 1px color-mix(in oklab, var(--inv-accent) 18%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 95%, transparent);
    color: var(--inv-text);
}

.about-social-icon[b-p460az921m] {
    font-size: 1.85rem;
    line-height: 1;
    color: color-mix(in oklab, var(--inv-accent) 85%, var(--inv-text));
}

.about-social-label[b-p460az921m] {
    font-weight: 700;
    font-size: 1.02rem;
}

.about-social-handle[b-p460az921m] {
    font-size: 0.85rem;
    color: color-mix(in oklab, var(--inv-text) 58%, transparent);
    direction: ltr;
    unicode-bidi: embed;
}
/* /Components/Pages/Public/Account/MyOrders.razor.rz.scp.css */
.orders-shell[b-8dtfmjfv8o] {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 1.5rem 1rem 2.5rem;
    color: var(--inv-text);
}

.orders-title[b-8dtfmjfv8o] {
    margin: 0 0 1rem;
    font-size: 1.6rem;
    font-weight: 800;
    text-align: start;
}

.orders-list[b-8dtfmjfv8o] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.orders-card[b-8dtfmjfv8o] {
    background: var(--inv-surface);
    border: 1px solid var(--inv-border);
    border-radius: 1.05rem;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 26px 58px -34px rgba(0, 0, 0, 0.45);
}

.orders-loading[b-8dtfmjfv8o],
.orders-empty[b-8dtfmjfv8o] {
    padding: 1.5rem 1rem;
    text-align: center;
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
}

.orders-empty-icon[b-8dtfmjfv8o] {
    font-size: 2rem;
    line-height: 1;
    margin-block-end: 0.35rem;
}

.order-card[b-8dtfmjfv8o] {
    padding: 1rem 1rem 0.9rem;
}

.order-card-head[b-8dtfmjfv8o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.order-card-main[b-8dtfmjfv8o] {
    display: grid;
    gap: 0.35rem;
    min-width: 240px;
}

.order-row[b-8dtfmjfv8o] {
    display: inline-flex;
    gap: 0.45rem;
    align-items: baseline;
}

.order-label[b-8dtfmjfv8o] {
    color: color-mix(in oklab, var(--inv-text) 66%, transparent);
    font-size: 0.86rem;
}

.order-card-side[b-8dtfmjfv8o] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    align-items: flex-end;
}

.order-status[b-8dtfmjfv8o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7.5rem;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--inv-border);
    font-size: 0.8rem;
    font-weight: 700;
}

.status-pending[b-8dtfmjfv8o] {
    background: color-mix(in oklab, #3b82f6 20%, transparent);
}

.status-processing[b-8dtfmjfv8o] {
    background: color-mix(in oklab, #6366f1 22%, transparent);
}

.status-shipped[b-8dtfmjfv8o] {
    background: color-mix(in oklab, #0ea5e9 20%, transparent);
}

.status-delivered[b-8dtfmjfv8o] {
    background: color-mix(in oklab, #22c55e 20%, transparent);
}

.status-cancelled[b-8dtfmjfv8o] {
    background: color-mix(in oklab, #ef4444 20%, transparent);
}

.order-toggle[b-8dtfmjfv8o] {
    padding: 0.38rem 0.78rem;
    border-radius: 0.72rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-text) 10%, var(--inv-surface));
    color: var(--inv-text);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}

.order-toggle:hover[b-8dtfmjfv8o] {
    background: color-mix(in oklab, var(--inv-text) 16%, var(--inv-surface));
    transform: translateY(-1px);
}

.order-items[b-8dtfmjfv8o] {
    margin-block-start: 0.8rem;
    padding-block-start: 0.8rem;
    border-block-start: 1px dashed var(--inv-border);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.order-item[b-8dtfmjfv8o] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.6rem;
    border: 1px solid var(--inv-border);
    border-radius: 0.72rem;
    background: color-mix(in oklab, var(--inv-surface) 74%, transparent);
}

.order-item-name[b-8dtfmjfv8o] {
    font-size: 0.92rem;
    font-weight: 700;
}

.order-item-meta[b-8dtfmjfv8o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.order-meta-pill[b-8dtfmjfv8o] {
    font-size: 0.72rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 72%, transparent);
}
/* /Components/Pages/Public/Account/Profile.razor.rz.scp.css */
.profile-shell[b-jtiv2llx7t] {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
    color: var(--inv-text);
}

.profile-head[b-jtiv2llx7t] {
    margin-bottom: 1rem;
}

.profile-title[b-jtiv2llx7t] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 800;
}

.profile-subtitle[b-jtiv2llx7t] {
    margin: 0.4rem 0 0;
    font-size: 0.92rem;
    color: color-mix(in oklab, var(--inv-text) 68%, transparent);
}

.profile-loading[b-jtiv2llx7t] {
    text-align: center;
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
}

.profile-grid[b-jtiv2llx7t] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

.profile-card[b-jtiv2llx7t] {
    background: var(--inv-surface);
    border: 1px solid var(--inv-border);
    border-radius: 1rem;
    padding: 1.15rem 1.1rem;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 26px 58px -34px rgba(0, 0, 0, 0.45);
}

.profile-section[b-jtiv2llx7t] {
    grid-column: span 6;
}

.profile-section-title[b-jtiv2llx7t] {
    margin: 0 0 1rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.profile-address-row[b-jtiv2llx7t] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    margin-bottom: 0.8rem;
    align-items: start;
}

.profile-address-row .profile-field[b-jtiv2llx7t] {
    margin-bottom: 0;
}

.profile-field-address[b-jtiv2llx7t] {
    grid-column: span 8;
}

.profile-field-postal[b-jtiv2llx7t] {
    grid-column: span 4;
}

.profile-field[b-jtiv2llx7t] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 0.8rem;
}

.profile-label[b-jtiv2llx7t] {
    font-size: 0.86rem;
    font-weight: 600;
    color: color-mix(in oklab, var(--inv-text) 80%, transparent);
}

.profile-input[b-jtiv2llx7t],
.profile-textarea[b-jtiv2llx7t] {
    border-radius: 0.72rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
    color: var(--inv-text);
    font-size: 0.94rem;
    font-family: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.profile-input[b-jtiv2llx7t] {
    padding: 0.62rem 0.85rem;
}

.profile-textarea[b-jtiv2llx7t] {
    padding: 0.75rem 0.9rem;
    resize: vertical;
    min-height: 7.5rem;
}

.profile-input:focus[b-jtiv2llx7t],
.profile-textarea:focus[b-jtiv2llx7t] {
    outline: none;
    border-color: color-mix(in oklab, var(--inv-text) 35%, var(--inv-border));
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--inv-text) 12%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 90%, transparent);
}

.profile-input:disabled[b-jtiv2llx7t],
.profile-textarea:disabled[b-jtiv2llx7t] {
    opacity: 0.72;
    cursor: not-allowed;
}

.profile-action[b-jtiv2llx7t] {
    margin-top: 0.3rem;
    padding: 0.8rem 1rem;
    border-radius: 0.84rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-text) 12%, var(--inv-surface));
    color: var(--inv-text);
    font-family: inherit;
    font-size: 0.94rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

.profile-action:hover:not(:disabled)[b-jtiv2llx7t] {
    background: color-mix(in oklab, var(--inv-text) 20%, var(--inv-surface));
    transform: translateY(-1px);
}

.profile-action:disabled[b-jtiv2llx7t] {
    opacity: 0.55;
    cursor: not-allowed;
}

.profile-alert[b-jtiv2llx7t] {
    border-radius: 0.72rem;
    padding: 0.62rem 0.8rem;
    margin-bottom: 0.85rem;
    font-size: 0.85rem;
    text-align: start;
}

.profile-alert.is-error[b-jtiv2llx7t] {
    border: 1px solid color-mix(in oklab, #c0392b 55%, var(--inv-border));
    background: color-mix(in oklab, #c0392b 12%, var(--inv-surface));
    color: color-mix(in oklab, #c0392b 80%, var(--inv-text));
}

.profile-alert.is-success[b-jtiv2llx7t] {
    border: 1px solid color-mix(in oklab, #16a34a 50%, var(--inv-border));
    background: color-mix(in oklab, #16a34a 12%, var(--inv-surface));
    color: color-mix(in oklab, #16a34a 80%, var(--inv-text));
}

.profile-field-error[b-jtiv2llx7t] {
    font-size: 0.78rem;
    color: color-mix(in oklab, #c0392b 80%, var(--inv-text));
}

.profile-address-grid[b-jtiv2llx7t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    margin-bottom: 0.85rem;
    padding: 0.85rem 0.9rem;
    border-radius: 0.85rem;
    border: 1px solid var(--inv-border);
    background: var(--inv-glass);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.profile-address-grid .profile-field[b-jtiv2llx7t] {
    margin-bottom: 0;
}

.profile-field-span-2[b-jtiv2llx7t] {
    grid-column: 1 / -1;
}

.profile-control[b-jtiv2llx7t],
.profile-select[b-jtiv2llx7t] {
    border-radius: 0.72rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
    color: var(--inv-text);
    font-size: 0.94rem;
    font-family: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.profile-control:focus[b-jtiv2llx7t],
.profile-select:focus[b-jtiv2llx7t] {
    outline: none;
    border-color: color-mix(in oklab, var(--inv-text) 35%, var(--inv-border));
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--inv-text) 12%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 90%, transparent);
}

.profile-select[b-jtiv2llx7t] {
    padding: 0.55rem 0.85rem;
    cursor: pointer;
}

.profile-select:disabled[b-jtiv2llx7t] {
    opacity: 0.72;
    cursor: not-allowed;
}

.profile-textarea[b-jtiv2llx7t] {
    min-height: 5.5rem;
    resize: vertical;
}

@media (max-width: 640px) {
    .profile-address-grid[b-jtiv2llx7t] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .profile-section[b-jtiv2llx7t] {
        grid-column: 1 / -1;
    }

    .profile-field-address[b-jtiv2llx7t],
    .profile-field-postal[b-jtiv2llx7t] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/Public/Auth/Login.razor.rz.scp.css */
.auth-shell[b-7obdjsrzvp] {
    min-height: calc(100dvh - 5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
}

.auth-card[b-7obdjsrzvp] {
    width: 100%;
    max-width: 420px;
    padding: 1.75rem 1.6rem;
    border-radius: 1.1rem;
    background: var(--inv-surface);
    border: 1px solid var(--inv-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 30px 60px -32px rgba(0, 0, 0, 0.45);
    color: var(--inv-text);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auth-title[b-7obdjsrzvp] {
    margin: 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 800;
}

.auth-subtitle[b-7obdjsrzvp] {
    margin: 0;
    text-align: center;
    color: color-mix(in oklab, var(--inv-text) 65%, transparent);
    font-size: 0.9rem;
}

.auth-field[b-7obdjsrzvp] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-block-end: 0.85rem;
}

.auth-label[b-7obdjsrzvp] {
    font-size: 0.85rem;
    font-weight: 600;
    color: color-mix(in oklab, var(--inv-text) 80%, transparent);
}

.auth-input[b-7obdjsrzvp] {
    padding: 0.65rem 0.85rem;
    border-radius: 0.7rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
    color: var(--inv-text);
    font-size: 0.95rem;
    font-family: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.auth-input:focus[b-7obdjsrzvp] {
    outline: none;
    border-color: color-mix(in oklab, var(--inv-text) 35%, var(--inv-border));
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--inv-text) 12%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 90%, transparent);
}

.auth-checkbox[b-7obdjsrzvp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: color-mix(in oklab, var(--inv-text) 80%, transparent);
    cursor: pointer;
    user-select: none;
}

.auth-submit[b-7obdjsrzvp] {
    margin-block-start: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0.85rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-text) 10%, var(--inv-surface));
    color: var(--inv-text);
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

.auth-submit:hover[b-7obdjsrzvp] {
    background: color-mix(in oklab, var(--inv-text) 18%, var(--inv-surface));
    transform: translateY(-1px);
}

.auth-submit:disabled[b-7obdjsrzvp] {
    opacity: 0.55;
    cursor: not-allowed;
}

.auth-error[b-7obdjsrzvp] {
    padding: 0.6rem 0.8rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in oklab, #c0392b 55%, var(--inv-border));
    background: color-mix(in oklab, #c0392b 12%, var(--inv-surface));
    color: color-mix(in oklab, #c0392b 80%, var(--inv-text));
    font-size: 0.85rem;
    text-align: start;
}

.auth-field-error[b-7obdjsrzvp] {
    color: color-mix(in oklab, #c0392b 80%, var(--inv-text));
    font-size: 0.78rem;
}

.auth-link-row[b-7obdjsrzvp] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
    margin-block-start: 0.25rem;
}

.auth-link[b-7obdjsrzvp] {
    color: var(--inv-text);
    text-decoration: none;
    font-weight: 700;
    border-block-end: 1px dashed color-mix(in oklab, var(--inv-text) 40%, transparent);
}

.auth-link:hover[b-7obdjsrzvp] {
    color: color-mix(in oklab, var(--inv-text) 80%, var(--inv-bg));
}
/* /Components/Pages/Public/Auth/Register.razor.rz.scp.css */
.auth-shell[b-fx0s7991b8] {
    min-height: calc(100dvh - 5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
}

.auth-card[b-fx0s7991b8] {
    width: 100%;
    max-width: 460px;
    padding: 1.75rem 1.6rem;
    border-radius: 1.1rem;
    background: var(--inv-surface);
    border: 1px solid var(--inv-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 30px 60px -32px rgba(0, 0, 0, 0.45);
    color: var(--inv-text);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auth-title[b-fx0s7991b8] {
    margin: 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 800;
}

.auth-subtitle[b-fx0s7991b8] {
    margin: 0;
    text-align: center;
    color: color-mix(in oklab, var(--inv-text) 65%, transparent);
    font-size: 0.9rem;
}

.auth-field[b-fx0s7991b8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-block-end: 0.85rem;
}

.auth-label[b-fx0s7991b8] {
    font-size: 0.85rem;
    font-weight: 600;
    color: color-mix(in oklab, var(--inv-text) 80%, transparent);
}

.auth-input[b-fx0s7991b8] {
    padding: 0.65rem 0.85rem;
    border-radius: 0.7rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
    color: var(--inv-text);
    font-size: 0.95rem;
    font-family: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.auth-input:focus[b-fx0s7991b8] {
    outline: none;
    border-color: color-mix(in oklab, var(--inv-text) 35%, var(--inv-border));
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--inv-text) 12%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 90%, transparent);
}

.auth-submit[b-fx0s7991b8] {
    margin-block-start: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0.85rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-text) 10%, var(--inv-surface));
    color: var(--inv-text);
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

.auth-submit:hover[b-fx0s7991b8] {
    background: color-mix(in oklab, var(--inv-text) 18%, var(--inv-surface));
    transform: translateY(-1px);
}

.auth-submit:disabled[b-fx0s7991b8] {
    opacity: 0.55;
    cursor: not-allowed;
}

.auth-error[b-fx0s7991b8] {
    padding: 0.6rem 0.8rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in oklab, #c0392b 55%, var(--inv-border));
    background: color-mix(in oklab, #c0392b 12%, var(--inv-surface));
    color: color-mix(in oklab, #c0392b 80%, var(--inv-text));
    font-size: 0.85rem;
    text-align: start;
}

.auth-error-list[b-fx0s7991b8] {
    list-style: disc;
    padding-inline-start: 1.2rem;
    margin: 0;
}

.auth-field-error[b-fx0s7991b8] {
    color: color-mix(in oklab, #c0392b 80%, var(--inv-text));
    font-size: 0.78rem;
}

.auth-link-row[b-fx0s7991b8] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
    margin-block-start: 0.25rem;
}

.auth-link[b-fx0s7991b8] {
    color: var(--inv-text);
    text-decoration: none;
    font-weight: 700;
    border-block-end: 1px dashed color-mix(in oklab, var(--inv-text) 40%, transparent);
}

.auth-link:hover[b-fx0s7991b8] {
    color: color-mix(in oklab, var(--inv-text) 80%, var(--inv-bg));
}
/* /Components/Pages/Public/CartPanel.razor.rz.scp.css */
.cart-backdrop[b-c0y4gj7a7w] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(8, 12, 18, 0.45);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    animation: cartFadeIn-b-c0y4gj7a7w 0.18s ease;
}

.cart-panel[b-c0y4gj7a7w] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 400px;
    max-width: 100vw;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    background: var(--inv-surface);
    border-right: 1px solid var(--inv-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.5);
    animation: cartSlideIn-b-c0y4gj7a7w 0.22s ease;
    color: var(--inv-text);
}

.cart-panel-header[b-c0y4gj7a7w],
.cart-panel-footer[b-c0y4gj7a7w] {
    padding: 0.9rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-panel-header[b-c0y4gj7a7w] {
    border-bottom: 1px solid var(--inv-border);
}

.cart-panel-footer[b-c0y4gj7a7w] {
    border-top: 1px solid var(--inv-border);
    flex-direction: column;
    gap: 0.65rem;
    align-items: stretch;
}

.cart-panel-title[b-c0y4gj7a7w] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.cart-panel-close[b-c0y4gj7a7w] {
    background: transparent;
    border: 1px solid var(--inv-border);
    border-radius: 999px;
    width: 1.85rem;
    height: 1.85rem;
    line-height: 1;
    color: var(--inv-text);
    cursor: pointer;
    transition: background 0.15s ease, transform 0.12s ease;
    font-size: 1rem;
}

.cart-panel-close:hover[b-c0y4gj7a7w] {
    background: color-mix(in oklab, var(--inv-text) 12%, transparent);
}

.cart-panel-body[b-c0y4gj7a7w] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0.75rem;
}

.cart-list[b-c0y4gj7a7w] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cart-item[b-c0y4gj7a7w] {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    gap: 0.6rem;
    padding: 0.6rem;
    background: color-mix(in oklab, var(--inv-surface) 70%, transparent);
    border: 1px solid var(--inv-border);
    border-radius: 0.8rem;
    align-items: center;
}

.cart-item-thumb[b-c0y4gj7a7w] {
    width: 64px;
    height: 64px;
    border-radius: 0.55rem;
    overflow: hidden;
    background: color-mix(in oklab, var(--inv-surface) 70%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-item-thumb img[b-c0y4gj7a7w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-thumb-placeholder[b-c0y4gj7a7w] {
    font-size: 1.4rem;
    opacity: 0.55;
}

.cart-item-main[b-c0y4gj7a7w] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.cart-item-name[b-c0y4gj7a7w] {
    font-weight: 700;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-item-meta[b-c0y4gj7a7w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.cart-item-meta-pill[b-c0y4gj7a7w] {
    font-size: 0.72rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
}

.cart-item-controls[b-c0y4gj7a7w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.15rem;
}

.cart-qty[b-c0y4gj7a7w] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--inv-border);
    border-radius: 999px;
    overflow: hidden;
}

.cart-qty-btn[b-c0y4gj7a7w] {
    background: transparent;
    border: none;
    color: var(--inv-text);
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
    line-height: 1;
    font-size: 0.9rem;
}

.cart-qty-btn:hover[b-c0y4gj7a7w] {
    background: color-mix(in oklab, var(--inv-text) 10%, transparent);
}

.cart-qty-value[b-c0y4gj7a7w] {
    min-width: 1.4rem;
    text-align: center;
    font-size: 0.85rem;
}

.cart-trash[b-c0y4gj7a7w] {
    background: transparent;
    border: 1px solid var(--inv-border);
    border-radius: 999px;
    width: 1.85rem;
    height: 1.85rem;
    cursor: pointer;
    color: var(--inv-text);
    line-height: 1;
    font-size: 0.9rem;
}

.cart-trash:hover[b-c0y4gj7a7w] {
    background: color-mix(in oklab, var(--inv-text) 12%, transparent);
}

.cart-item-price[b-c0y4gj7a7w] {
    text-align: end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.cart-item-price-value[b-c0y4gj7a7w] {
    font-weight: 700;
    font-size: 0.95rem;
}

.cart-empty[b-c0y4gj7a7w] {
    text-align: center;
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}

.cart-empty-icon[b-c0y4gj7a7w] {
    font-size: 2rem;
    opacity: 0.7;
}

.cart-total[b-c0y4gj7a7w] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.cart-total-label[b-c0y4gj7a7w] {
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
    font-size: 0.85rem;
}

.cart-total-value[b-c0y4gj7a7w] {
    font-weight: 800;
    font-size: 1.1rem;
}

.cart-checkout[b-c0y4gj7a7w] {
    padding: 0.75rem 1rem;
    border-radius: 0.85rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-text) 10%, var(--inv-surface));
    color: var(--inv-text);
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

.cart-checkout:hover:not(:disabled)[b-c0y4gj7a7w] {
    background: color-mix(in oklab, var(--inv-text) 18%, var(--inv-surface));
    transform: translateY(-1px);
}

.cart-checkout:disabled[b-c0y4gj7a7w] {
    opacity: 0.55;
    cursor: not-allowed;
}

@keyframes cartSlideIn-b-c0y4gj7a7w {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes cartFadeIn-b-c0y4gj7a7w {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Components/Pages/Public/CartWidget.razor.rz.scp.css */
.shop-action[b-tcj6m7u3jb] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    color: var(--inv-text);
    text-decoration: none;
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
    border: 1px solid var(--inv-border);
    font-size: 0.88rem;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.shop-action:hover[b-tcj6m7u3jb] {
    background: color-mix(in oklab, var(--inv-text) 10%, transparent);
    transform: translateY(-1px);
}

.shop-action-icon[b-tcj6m7u3jb] {
    font-size: 1rem;
    line-height: 1;
}

.shop-action-label[b-tcj6m7u3jb] {
    white-space: nowrap;
}

.shop-cart[b-tcj6m7u3jb] {
    padding-inline-end: 1rem;
}

.shop-cart-badge[b-tcj6m7u3jb] {
    position: absolute;
    top: -6px;
    inset-inline-start: -6px;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    font-size: 0.7rem;
    line-height: 1.2rem;
    text-align: center;
    background: var(--inv-text);
    color: var(--inv-bg);
    font-weight: 700;
    box-shadow: 0 4px 14px -6px rgba(0, 0, 0, 0.45);
}

@media (max-width: 640.98px) {
    .shop-action-label[b-tcj6m7u3jb] {
        display: none;
    }

    .shop-action[b-tcj6m7u3jb] {
        padding: 0.4rem 0.55rem;
    }
}
/* /Components/Pages/Public/Checkout.razor.rz.scp.css */
.checkout-shell[b-7rrszicn6a] {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    color: var(--inv-text);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.checkout-title[b-7rrszicn6a] {
    margin: 0 0 0.25rem;
    font-size: 1.6rem;
    font-weight: 800;
    text-align: start;
}

.checkout-section-title[b-7rrszicn6a] {
    margin: 0 0 0.85rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.checkout-grid[b-7rrszicn6a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 760px) {
    .checkout-grid[b-7rrszicn6a] {
        grid-template-columns: 1fr;
    }
}

.checkout-card[b-7rrszicn6a] {
    background: var(--inv-surface);
    border: 1px solid var(--inv-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 1.1rem;
    padding: 1.5rem;
    box-shadow: 0 30px 60px -32px rgba(0, 0, 0, 0.45);
}

.checkout-loading[b-7rrszicn6a] {
    text-align: center;
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
}

.checkout-summary[b-7rrszicn6a] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.checkout-list[b-7rrszicn6a] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.checkout-item[b-7rrszicn6a] {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 0.7rem;
    padding: 0.6rem;
    border: 1px solid var(--inv-border);
    border-radius: 0.8rem;
    background: color-mix(in oklab, var(--inv-surface) 70%, transparent);
    align-items: center;
}

.checkout-item-thumb[b-7rrszicn6a] {
    width: 64px;
    height: 64px;
    border-radius: 0.55rem;
    overflow: hidden;
    background: color-mix(in oklab, var(--inv-surface) 70%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-item-thumb img[b-7rrszicn6a] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.checkout-thumb-placeholder[b-7rrszicn6a] {
    font-size: 1.4rem;
    opacity: 0.55;
}

.checkout-item-main[b-7rrszicn6a] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.checkout-item-name[b-7rrszicn6a] {
    font-weight: 700;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkout-item-meta[b-7rrszicn6a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.checkout-meta-pill[b-7rrszicn6a] {
    font-size: 0.72rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
}

.checkout-total[b-7rrszicn6a] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-block-start: 0.6rem;
    border-block-start: 1px dashed var(--inv-border);
}

.checkout-total-label[b-7rrszicn6a] {
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
    font-size: 0.9rem;
}

.checkout-total-value[b-7rrszicn6a] {
    font-weight: 800;
    font-size: 1.15rem;
}

.checkout-form-card[b-7rrszicn6a] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.checkout-address-grid[b-7rrszicn6a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.95rem;
    border: 1px solid var(--inv-border);
    background: var(--inv-glass);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.checkout-address-span-2[b-7rrszicn6a] {
    grid-column: 1 / -1;
}

.checkout-select[b-7rrszicn6a] {
    padding: 0.55rem 0.85rem;
    border-radius: 0.75rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
    color: var(--inv-text);
    font-size: 0.95rem;
    font-family: inherit;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.checkout-select:focus[b-7rrszicn6a] {
    outline: none;
    border-color: color-mix(in oklab, var(--inv-text) 35%, var(--inv-border));
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--inv-text) 12%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 90%, transparent);
}

.checkout-select:disabled[b-7rrszicn6a] {
    opacity: 0.7;
    cursor: not-allowed;
}

.checkout-textarea-compact[b-7rrszicn6a] {
    min-height: 5.5rem;
}

@media (max-width: 640px) {
    .checkout-address-grid[b-7rrszicn6a] {
        grid-template-columns: 1fr;
    }
}

.checkout-label[b-7rrszicn6a] {
    font-size: 0.88rem;
    font-weight: 600;
    color: color-mix(in oklab, var(--inv-text) 80%, transparent);
}

.checkout-input[b-7rrszicn6a] {
    padding: 0.65rem 0.85rem;
    border-radius: 0.75rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
    color: var(--inv-text);
    font-size: 0.95rem;
    font-family: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.checkout-input:focus[b-7rrszicn6a] {
    outline: none;
    border-color: color-mix(in oklab, var(--inv-text) 35%, var(--inv-border));
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--inv-text) 12%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 90%, transparent);
}

.checkout-input:disabled[b-7rrszicn6a] {
    opacity: 0.7;
    cursor: not-allowed;
}

.checkout-textarea[b-7rrszicn6a] {
    padding: 0.75rem 0.9rem;
    border-radius: 0.75rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-surface) 75%, transparent);
    color: var(--inv-text);
    font-size: 0.95rem;
    font-family: inherit;
    direction: rtl;
    resize: vertical;
    min-height: 8rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.checkout-textarea:focus[b-7rrszicn6a] {
    outline: none;
    border-color: color-mix(in oklab, var(--inv-text) 35%, var(--inv-border));
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--inv-text) 12%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 90%, transparent);
}

.checkout-textarea:disabled[b-7rrszicn6a] {
    opacity: 0.7;
    cursor: not-allowed;
}

.checkout-error[b-7rrszicn6a] {
    padding: 0.6rem 0.85rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in oklab, #c0392b 55%, var(--inv-border));
    background: color-mix(in oklab, #c0392b 12%, var(--inv-surface));
    color: color-mix(in oklab, #c0392b 80%, var(--inv-text));
    font-size: 0.88rem;
    text-align: start;
}

.checkout-primary[b-7rrszicn6a] {
    margin-block-start: 0.25rem;
    padding: 0.85rem 1rem;
    border-radius: 0.85rem;
    border: 1px solid var(--inv-border);
    background: color-mix(in oklab, var(--inv-text) 12%, var(--inv-surface));
    color: var(--inv-text);
    font-weight: 700;
    font-size: 0.98rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

.checkout-primary:hover:not(:disabled)[b-7rrszicn6a] {
    background: color-mix(in oklab, var(--inv-text) 20%, var(--inv-surface));
    transform: translateY(-1px);
}

.checkout-primary:disabled[b-7rrszicn6a] {
    opacity: 0.55;
    cursor: not-allowed;
}

.checkout-success[b-7rrszicn6a] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    align-items: center;
}

.checkout-success-icon[b-7rrszicn6a] {
    font-size: 2.4rem;
    line-height: 1;
}

.checkout-success-title[b-7rrszicn6a] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 800;
}

.checkout-success-meta[b-7rrszicn6a] {
    margin: 0;
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
    font-size: 0.95rem;
}

.checkout-success .checkout-primary[b-7rrszicn6a] {
    align-self: stretch;
    max-width: 320px;
}
/* /Components/Pages/Public/Index.razor.rz.scp.css */
.idx-slideshow-page[b-ayhai894za] {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    isolation: isolate;
}

.idx-slideshow[b-ayhai894za] {
    position: absolute;
    inset: 0;
}

.idx-slide[b-ayhai894za] {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    overflow: hidden;
    animation: idxSlideCrossfade-b-ayhai894za 18s ease-in-out infinite;
}

.idx-slide--static[b-ayhai894za] {
    opacity: 1;
    animation: none;
}

.idx-slide-media[b-ayhai894za] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.idx-slide--fallback[b-ayhai894za] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.idx-slide--fallback-1[b-ayhai894za] {
    background-image:
        linear-gradient(112deg, rgba(10, 11, 16, 0.76), rgba(10, 11, 16, 0.32)),
        linear-gradient(140deg, #0b101b, #1a2741 44%, #2e3d5d);
    animation-delay: 0s;
}

.idx-slide--fallback-2[b-ayhai894za] {
    background-image:
        linear-gradient(112deg, rgba(8, 9, 13, 0.74), rgba(8, 9, 13, 0.28)),
        linear-gradient(132deg, #090d14, #2e1f2b 46%, #4f3a48);
    animation-delay: 6s;
}

.idx-slide--fallback-3[b-ayhai894za] {
    background-image:
        linear-gradient(112deg, rgba(6, 8, 13, 0.74), rgba(6, 8, 13, 0.28)),
        linear-gradient(126deg, #0a1118, #20333f 45%, #355869);
    animation-delay: 12s;
}

.idx-slideshow-overlay[b-ayhai894za] {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.12), transparent 48%),
        linear-gradient(180deg, rgba(6, 7, 12, 0.25), rgba(6, 7, 12, 0.7));
}

.idx-slideshow-cta[b-ayhai894za] {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    pointer-events: none;
}

.idx-slideshow-btn[b-ayhai894za] {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: clamp(12rem, 30vw, 17rem);
    padding: 0.82rem 1.35rem;
    border-radius: 999px;
    text-decoration: none;
    font-size: clamp(1rem, 1.9vw, 1.18rem);
    font-weight: 760;
    letter-spacing: 0.01em;
    color: #f6fbff;
    border: 1px solid color-mix(in oklab, var(--inv-accent) 44%, rgba(255, 255, 255, 0.55));
    background:
        linear-gradient(135deg, color-mix(in oklab, var(--inv-accent) 82%, #4ce4de), color-mix(in oklab, var(--inv-accent) 62%, #62bbff));
    box-shadow:
        0 14px 30px -18px color-mix(in oklab, var(--inv-accent) 60%, transparent),
        0 6px 22px -12px rgba(5, 8, 14, 0.6);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.idx-slideshow-btn:hover[b-ayhai894za] {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow:
        0 22px 36px -20px color-mix(in oklab, var(--inv-accent) 60%, transparent),
        0 10px 24px -14px rgba(5, 8, 14, 0.68);
}

@keyframes idxSlideCrossfade-b-ayhai894za {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    27% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .idx-slideshow-btn[b-ayhai894za] {
        width: min(100%, 18rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .idx-slide[b-ayhai894za] {
        animation: none;
        opacity: 0;
    }

    .idx-slide--static[b-ayhai894za],
    .idx-slide--fallback-1[b-ayhai894za],
    .idx-slide:first-child[b-ayhai894za] {
        opacity: 1;
    }

    .idx-slideshow-btn[b-ayhai894za] {
        transition: none;
    }
}
/* /Components/Pages/Public/ShopCatalog.razor.rz.scp.css */
.shop-catalog-hero[b-tvf12v1la1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0.75rem, 2vw, 1.1rem);
    margin: 0 0 1.75rem;
    text-align: center;
}

.shop-catalog-hero-glow[b-tvf12v1la1] {
    margin: 0;
}

.shop-catalog-hero-inner[b-tvf12v1la1] {
    width: min(100%, 28rem);
    padding: clamp(1rem, 3vw, 1.35rem) clamp(1rem, 3vw, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.shop-catalog-hero-inner h1[b-tvf12v1la1] {
    margin: 0;
    font-size: clamp(1.45rem, 4vw, 1.85rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.25;
    color: var(--inv-text);
    text-shadow:
        0 0 20px color-mix(in oklab, var(--inv-accent) 22%, transparent),
        0 2px 10px color-mix(in oklab, var(--inv-text) 14%, transparent);
}

.shop-catalog-hero-lead[b-tvf12v1la1] {
    margin: 0;
    font-size: clamp(0.95rem, 2.6vw, 1.05rem);
    font-weight: 500;
    color: color-mix(in oklab, var(--inv-text) 72%, transparent);
    line-height: 1.5;
}

.shop-catalog-grid[b-tvf12v1la1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.shop-catalog-section[b-tvf12v1la1] {
    display: flex;
    flex-direction: column;
    gap: 0.72rem;
    margin-bottom: 1.5rem;
}

.shop-section-head[b-tvf12v1la1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.shop-section-head h2[b-tvf12v1la1] {
    margin: 0;
    font-size: clamp(1.08rem, 2.8vw, 1.35rem);
    font-weight: 780;
    color: var(--inv-text);
}

.shop-section-head .shop-glow-line[b-tvf12v1la1] {
    margin: 0;
    width: min(8rem, 24vw);
}

.shop-empty-state[b-tvf12v1la1] {
    text-align: center;
    padding: 3rem 1rem;
}

.shop-empty-icon[b-tvf12v1la1] {
    font-size: 2rem;
    opacity: 0.7;
    margin-bottom: 0.5rem;
}

.shop-skeleton[b-tvf12v1la1] {
    background: linear-gradient(
        90deg,
        color-mix(in oklab, var(--inv-text) 6%, transparent),
        color-mix(in oklab, var(--inv-text) 14%, transparent),
        color-mix(in oklab, var(--inv-text) 6%, transparent)
    );
    background-size: 200% 100%;
    animation: shopSkeletonShimmer-b-tvf12v1la1 1.4s ease-in-out infinite;
    border-radius: 0.4rem;
}

.shop-skeleton-card[b-tvf12v1la1] {
    pointer-events: none;
}

.shop-skeleton-line[b-tvf12v1la1] {
    height: 0.85rem;
}

.shop-skeleton-line.short[b-tvf12v1la1] {
    width: 55%;
}

@keyframes shopSkeletonShimmer-b-tvf12v1la1 {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-skeleton[b-tvf12v1la1] {
        animation: none;
    }
}
/* /Components/Public/ProductCard.razor.rz.scp.css */
.shop-product-card[b-cbr9gvem01] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--inv-text);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.shop-product-card:hover[b-cbr9gvem01] {
    transform: translateY(-3px) scale(1.01);
    border-color: color-mix(in oklab, var(--inv-accent) 40%, var(--inv-border));
    box-shadow:
        0 24px 48px -28px color-mix(in oklab, var(--inv-text) 22%, transparent),
        inset 0 1px 0 color-mix(in oklab, var(--inv-text) 10%, transparent),
        0 14px 32px -16px color-mix(in oklab, var(--inv-accent) 28%, transparent);
}

.shop-card-thumb[b-cbr9gvem01] {
    aspect-ratio: 1 / 1;
    background: color-mix(in oklab, var(--inv-surface) 70%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 1px solid color-mix(in oklab, var(--inv-border) 72%, transparent);
}

.shop-card-thumb img[b-cbr9gvem01] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-card-thumb-placeholder[b-cbr9gvem01] {
    font-size: 2rem;
    opacity: 0.55;
}

.shop-card-body[b-cbr9gvem01] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.85rem 0.95rem 1rem;
}

.shop-card-title[b-cbr9gvem01] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.shop-card-price[b-cbr9gvem01] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    flex-wrap: wrap;
    font-size: 0.92rem;
}

.shop-card-price-label[b-cbr9gvem01] {
    color: color-mix(in oklab, var(--inv-text) 65%, transparent);
    font-size: 0.82rem;
}

.shop-card-price-value[b-cbr9gvem01] {
    font-size: 1.05rem;
}

.shop-card-price-empty[b-cbr9gvem01] {
    align-self: flex-start;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    color: color-mix(in oklab, var(--inv-text) 70%, transparent);
    background: color-mix(in oklab, var(--inv-surface) 70%, transparent);
    border: 1px solid var(--inv-border);
}