/* /Components/Account/Pages/CustomerAddresses.razor.rz.scp.css */
.address-toolbar[b-t17ysdmffq] {
    align-items: center;
    margin-bottom: 20px;
    padding: 4px 0;
    gap: 20px;
}

.address-toolbar h2[b-t17ysdmffq] { display: flex; align-items: center; gap: 10px; margin: 0 0 5px; color: var(--theme-ink); font-size: 17px; font-weight: 750; }
.address-toolbar p[b-t17ysdmffq] { margin: 0; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.address-count[b-t17ysdmffq] { display: grid; place-items: center; min-width: 28px; height: 28px; padding-inline: 7px; color: var(--theme-ink); background: var(--theme-primary-soft); border-radius: 9px; font-size: 13px; font-variant-numeric: tabular-nums; }
.account-address-message[b-t17ysdmffq] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 18px 20px; font-size: 14px; line-height: 1.9; }
.account-address-message button[b-t17ysdmffq] { min-height: 44px; padding: 8px 12px; border: 1px solid var(--theme-danger-border); border-radius: 10px; color: var(--theme-danger); background: var(--theme-surface); font-weight: 650; cursor: pointer; }

.address-form-panel[b-t17ysdmffq] { padding: 0; border-color: var(--theme-border); overflow: hidden; margin-bottom: 24px; scroll-margin-block-start: 24px; }
.address-form-heading[b-t17ysdmffq] { display: flex; align-items: center; gap: 14px; padding: 24px; border-bottom: 1px solid var(--theme-border); background: var(--theme-surface-muted); }
.address-form-heading > div[b-t17ysdmffq] { flex: 1; min-width: 0; }
.address-form-heading h2[b-t17ysdmffq] { color: var(--theme-ink); font-size: 19px; font-weight: 750; margin: 0; }
.address-form-heading p[b-t17ysdmffq] { margin: 5px 0 0; color: var(--theme-muted); font-size: 14px; line-height: 1.8; }
.address-form-icon[b-t17ysdmffq] { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-primary-soft); color: var(--theme-ink); }
.address-close-button[b-t17ysdmffq] { display: grid; place-items: center; width: 44px; height: 44px; flex: none; color: var(--theme-muted); background: var(--theme-surface); border: 1px solid var(--theme-border); border-radius: 12px; cursor: pointer; }
.address-close-button:hover[b-t17ysdmffq] { color: var(--theme-ink); background: var(--theme-primary-soft); }
.address-form[b-t17ysdmffq] { padding: 24px; }
.address-fieldset[b-t17ysdmffq] { min-width: 0; border: 0; margin: 0; padding: 0; }
.address-fieldset + .address-fieldset[b-t17ysdmffq] { margin-top: 28px; }
.address-fieldset legend[b-t17ysdmffq] { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 0; color: var(--theme-ink); font-size: 15px; font-weight: 700; }
.address-fieldset legend > span[b-t17ysdmffq] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-ink); font-size: 13px; }
.address-form-grid[b-t17ysdmffq] { gap: 20px; }
.address-form-grid label[b-t17ysdmffq] { display: block; min-width: 0; color: var(--theme-ink); font-size: 14px; font-weight: 650; line-height: 1.8; }
.address-form-grid input[b-t17ysdmffq], .address-form-grid textarea[b-t17ysdmffq], .address-form-grid select[b-t17ysdmffq] { min-height: 48px; width: 100%; padding: 12px 14px; margin-top: 8px; color: var(--theme-ink); background: var(--theme-surface); border: 1px solid var(--theme-border); border-radius: 12px; font-size: 14px; font-weight: 450; line-height: 1.7; outline: none; transition: border-color .15s, box-shadow .15s; }
.address-form-grid select[b-t17ysdmffq] { cursor: pointer; padding-inline-end: 30px; }
.address-form-grid textarea[b-t17ysdmffq] { min-height: 106px; resize: vertical; }
.address-form-grid input[b-t17ysdmffq]::placeholder, .address-form-grid textarea[b-t17ysdmffq]::placeholder { color: var(--theme-muted); font-weight: 400; }
.address-form-grid input:focus[b-t17ysdmffq], .address-form-grid textarea:focus[b-t17ysdmffq], .address-form-grid select:focus[b-t17ysdmffq] { border-color: var(--theme-primary-text); box-shadow: 0 0 0 3px var(--theme-focus-ring); }
.address-form-grid input:focus-visible[b-t17ysdmffq], .address-form-grid textarea:focus-visible[b-t17ysdmffq], .address-form-grid select:focus-visible[b-t17ysdmffq] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
.address-form-grid small[b-t17ysdmffq] { display: block; margin-top: 6px; color: var(--theme-muted); font-size: 13px; font-weight: 400; line-height: 1.8; }
.address-form-grid .account-optional[b-t17ysdmffq] { margin-inline-start: 5px; color: var(--theme-muted); font-size: 13px; font-weight: 400; }
.address-village-panel[b-t17ysdmffq] { padding: 20px; background: var(--theme-surface-muted); border: 1px solid var(--theme-border); border-radius: 14px; min-width: 0; }
.address-village-heading[b-t17ysdmffq] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.address-village-heading strong[b-t17ysdmffq] { color: var(--theme-ink); font-size: 14px; font-weight: 650; }
.address-village-heading > span[b-t17ysdmffq] { color: var(--theme-muted); font-size: 13px; line-height: 1.9; }
.address-village-panel > p[b-t17ysdmffq] { margin-top: 8px; color: var(--theme-muted); font-size: 13px; line-height: 1.9; }
.address-village-controls[b-t17ysdmffq] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 16px; margin-top: 16px; }
.address-village-controls label[b-t17ysdmffq] { min-width: 0; }
.address-village-panel .address-village-status[b-t17ysdmffq] { margin-top: 12px; }
.address-geography-error[b-t17ysdmffq] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; margin-bottom: 22px; border: 1px solid var(--theme-danger-border); border-radius: 12px; background: var(--theme-danger-soft); color: var(--theme-danger); font-size: 14px; line-height: 1.9; }
.address-geography-error button[b-t17ysdmffq] { min-height: 44px; padding: 8px 12px; border: 1px solid var(--theme-danger-border); border-radius: 10px; color: var(--theme-danger); background: var(--theme-surface); font-size: 13px; font-weight: 650; }
.address-location .address-village-name[b-t17ysdmffq] { color: var(--theme-ink); font-weight: 550; }
.account-address-default-field[b-t17ysdmffq] { align-items: center; gap: 12px; margin-top: 24px; padding: 16px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-surface-muted); }
.account-address-default-field input[b-t17ysdmffq] { width: 20px; height: 20px; }
.account-address-default-field strong[b-t17ysdmffq] { display: block; font-size: 14px; color: var(--theme-ink); font-weight: 650; }
.account-address-default-field small[b-t17ysdmffq] { display: block; margin-top: 3px; color: var(--theme-muted); font-size: 13px; line-height: 1.8; }
.account-form-actions[b-t17ysdmffq] { justify-content: flex-start; border-top-color: var(--theme-border); margin-top: 24px; padding-top: 20px; }
.account-form-actions button[b-t17ysdmffq] { min-width: 126px; min-height: 44px; font-size: 14px; }

.account-address-grid[b-t17ysdmffq] { gap: 20px; align-items: stretch; }
.account-address[b-t17ysdmffq] { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--theme-border); border-radius: 18px; box-shadow: 0 5px 18px var(--theme-shadow); }
.account-address.address-is-default[b-t17ysdmffq] { border-color: var(--theme-border); }
.account-address-heading[b-t17ysdmffq] { gap: 12px; align-items: center; }
.account-address-heading > div[b-t17ysdmffq] { min-width: 0; flex: 1; }
.account-address-heading .account-soft-icon[b-t17ysdmffq] { width: 44px; height: 44px; background: var(--theme-primary-soft); color: var(--theme-ink); border-radius: 13px; }
.address-card-label[b-t17ysdmffq] { display: block; margin-bottom: 2px; color: var(--theme-muted); font-size: 13px; }
.account-address-heading h2[b-t17ysdmffq] { margin: 0; color: var(--theme-ink); font-size: 16px; line-height: 1.8; font-weight: 750; overflow-wrap: anywhere; }
.account-small-badge[b-t17ysdmffq] { display: inline-flex; align-items: center; gap: 4px; margin-inline-start: 0; padding: 5px 8px; color: var(--theme-ink); background: var(--theme-primary-soft); border-radius: 8px; white-space: nowrap; font-size: 12px; font-weight: 650; }
.address-location[b-t17ysdmffq] { min-height: 100px; margin: 22px 0 18px; }
.address-location strong[b-t17ysdmffq] { color: var(--theme-ink); font-size: 14px; font-weight: 650; }
.address-location p[b-t17ysdmffq] { margin: 6px 0 0; color: var(--theme-muted); font-size: 14px; line-height: 2; overflow-wrap: anywhere; }
.address-location .address-location-note[b-t17ysdmffq] { color: var(--theme-muted); font-size: 13px; }
.account-address-meta[b-t17ysdmffq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: auto 0 0; padding: 15px 16px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-surface-muted); }
.account-address-meta > div[b-t17ysdmffq] { min-width: 0; }
.account-address-meta dt[b-t17ysdmffq] { color: var(--theme-muted); font-size: 12px; margin-bottom: 5px; }
.account-address-meta dd[b-t17ysdmffq] { margin: 0; color: var(--theme-ink); font-size: 14px; font-weight: 550; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.account-address-actions[b-t17ysdmffq] { gap: 8px; margin-top: 18px; padding-top: 16px; border-top-color: var(--theme-border); }
.account-address-actions .account-text-button[b-t17ysdmffq] { justify-content: center; gap: 7px; min-height: 44px; padding: 9px 11px; color: var(--theme-ink); background: var(--theme-primary-soft); border: 1px solid var(--theme-border); border-radius: 10px; font-size: 13px; font-weight: 650; line-height: 1.6; }
.account-address-actions .account-text-button:hover[b-t17ysdmffq] { background: var(--theme-primary-soft); border-color: var(--theme-border); }
.account-delete-button[b-t17ysdmffq] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; min-width: 66px; padding: 9px 10px; border: 1px solid var(--theme-danger-border); border-radius: 10px; background: var(--theme-surface); color: var(--theme-danger); font-size: 13px; line-height: 1.6; }
.account-delete-button:hover[b-t17ysdmffq] { background: var(--theme-danger-soft); border-color: var(--theme-danger-border); color: var(--theme-danger); }
.account-address-delete-confirm[b-t17ysdmffq] { display: block; margin-top: 16px; padding: 16px; border: 1px solid var(--theme-danger-border); border-radius: 12px; background: var(--theme-danger-soft); color: var(--theme-danger); }
.account-address-delete-confirm strong[b-t17ysdmffq] { display: block; font-size: 14px; font-weight: 700; }
.account-address-delete-confirm p[b-t17ysdmffq] { margin: 5px 0 0; color: var(--theme-danger); font-size: 13px; line-height: 1.9; }
.address-confirm-actions[b-t17ysdmffq] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.address-confirm-actions button[b-t17ysdmffq] { min-height: 44px; padding: 9px 12px; border-radius: 9px; font-size: 13px; cursor: pointer; }
.address-confirm-actions .address-confirm-delete[b-t17ysdmffq] { color: var(--theme-on-danger); background: var(--theme-danger-strong); font-weight: 650; }
.address-confirm-actions .address-confirm-cancel[b-t17ysdmffq] { color: var(--theme-muted); background: var(--theme-surface); border: 1px solid var(--theme-border); }
.account-address-delete-confirm button:first-of-type[b-t17ysdmffq] { color: var(--theme-on-danger); }
.account-address-loading[b-t17ysdmffq] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; min-height: 200px; padding: 32px 24px; color: var(--theme-muted); font-size: 14px; }
.address-loading-mark[b-t17ysdmffq] { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; color: var(--theme-muted); background: var(--theme-primary-soft); }
.address-empty .account-empty[b-t17ysdmffq] { padding: 48px 24px; gap: 16px; }
.address-empty .account-empty h2[b-t17ysdmffq] { margin: 0; color: var(--theme-ink); font-size: 21px; font-weight: 750; }
.address-empty .account-empty p[b-t17ysdmffq] { margin: 0; max-width: 430px; color: var(--theme-muted); font-size: 14px; line-height: 2; }
.address-empty .account-primary-button[b-t17ysdmffq] { margin-top: 6px; }
.address-empty-icon[b-t17ysdmffq] { display: grid; place-items: center; width: 76px; height: 76px; margin-bottom: 4px; border: 1px solid var(--theme-border); border-radius: 24px; color: var(--theme-muted); background: var(--theme-primary-soft); }
button:disabled[b-t17ysdmffq] { cursor: wait; opacity: .55; }
button:focus-visible[b-t17ysdmffq] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }

@media (max-width: 1100px) and (min-width: 801px) {
    .account-address-grid[b-t17ysdmffq] { grid-template-columns: minmax(0, 1fr); }
    .address-location[b-t17ysdmffq] { min-height: auto; }
}

@media (max-width: 680px) {
    .address-toolbar[b-t17ysdmffq] { flex-direction: column; align-items: stretch; gap: 14px; }
    .address-toolbar .account-primary-button[b-t17ysdmffq] { justify-content: center; }
    .address-form-heading[b-t17ysdmffq] { padding: 20px; gap: 10px; }
    .address-form-heading h2[b-t17ysdmffq] { font-size: 17px; }
    .address-form-heading p[b-t17ysdmffq] { font-size: 13px; }
    .address-form-icon[b-t17ysdmffq] { width: 42px; height: 42px; border-radius: 12px; }
    .address-form[b-t17ysdmffq] { padding: 20px; }
    .address-form-grid[b-t17ysdmffq] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .address-village-panel[b-t17ysdmffq] { padding: 16px; }
    .address-village-controls[b-t17ysdmffq] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .account-address-grid[b-t17ysdmffq] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .account-address[b-t17ysdmffq] { padding: 20px; }
    .address-location[b-t17ysdmffq] { min-height: auto; }
    .account-address-default-field[b-t17ysdmffq] { padding: 14px; }
    .account-form-actions[b-t17ysdmffq] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .65fr); gap: 10px; }
    .account-form-actions button[b-t17ysdmffq] { min-width: 0; }
    .address-empty .account-empty[b-t17ysdmffq] { padding: 36px 20px; }
    .address-empty .account-empty h2[b-t17ysdmffq] { font-size: 19px; }
}

@media (prefers-reduced-motion: reduce) {
    .address-form-grid input[b-t17ysdmffq], .address-form-grid textarea[b-t17ysdmffq], .address-form-grid select[b-t17ysdmffq] { transition: none; }
}
/* /Components/Account/Pages/CustomerProfile.razor.rz.scp.css */
.identity-layout[b-on259v131w] { display: grid; grid-template-columns: minmax(0, 1fr) 276px; gap: 24px; align-items: start; }
.identity-main[b-on259v131w] { display: grid; gap: 24px; min-width: 0; }
.identity-card[b-on259v131w], .identity-contact-card[b-on259v131w] { background: var(--theme-surface); border: 1px solid var(--theme-border); border-radius: 18px; overflow: hidden; box-shadow: 0 5px 18px var(--theme-shadow); }
.identity-card--verified[b-on259v131w] { border-color: var(--theme-success-border); }
.identity-card-heading[b-on259v131w] { display: flex; align-items: center; gap: 14px; padding: 24px; border-bottom: 1px solid var(--theme-border); background: var(--theme-surface-muted); }
.identity-symbol[b-on259v131w] { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; background: var(--theme-primary-soft); border: 1px solid var(--theme-border); color: var(--theme-ink); flex: none; }
.identity-eyebrow[b-on259v131w] { display: block; color: var(--theme-muted); font-size: 13px; font-weight: 500; margin-bottom: 4px; }
.identity-card-heading h2[b-on259v131w], .identity-contact-heading h2[b-on259v131w] { margin: 0; font-size: 18px; font-weight: 750; line-height: 1.7; color: var(--theme-ink); }
.identity-badge[b-on259v131w] { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--theme-warning-border); border-radius: 9px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 12px; font-weight: 650; padding: 6px 9px; margin-inline-start: auto; white-space: nowrap; }
.identity-badge--verified[b-on259v131w] { color: var(--theme-success); border-color: var(--theme-success-border); background: var(--theme-success-soft); }
.identity-intro[b-on259v131w] { padding: 24px 24px 0; }
.identity-intro h3[b-on259v131w] { font-size: 19px; font-weight: 750; margin: 0 0 9px; color: var(--theme-ink); }
.identity-intro p[b-on259v131w] { margin: 0; color: var(--theme-muted); font-size: 14px; line-height: 2; max-width: 600px; }
.identity-form[b-on259v131w] { padding: 24px; }
.identity-fields[b-on259v131w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.identity-fields label[b-on259v131w] { display: flex; flex-direction: column; min-width: 0; gap: 8px; color: var(--theme-ink); font-size: 14px; font-weight: 650; line-height: 1.8; }
.identity-fields input[b-on259v131w] { color: var(--theme-ink); width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; font-size: 14px; font-weight: 450; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-surface); outline: none; transition: border-color .15s, box-shadow .15s; }
.identity-fields input:focus[b-on259v131w] { border-color: var(--theme-primary-text); box-shadow: 0 0 0 3px var(--theme-focus-ring); }
.identity-fields input:focus-visible[b-on259v131w] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
.identity-fields input[b-on259v131w]::placeholder { color: var(--theme-muted); font-size: 14px; font-weight: 400; }
.identity-fields input[readonly][b-on259v131w] { background: var(--theme-primary-soft); border-color: var(--theme-border); color: var(--theme-muted); }
.identity-fields label > small[b-on259v131w] { font-size: 13px; font-weight: 400; color: var(--theme-muted); line-height: 1.9; }
.identity-inline-hint[b-on259v131w] { font-size: 12px; font-weight: 400; color: var(--theme-muted); margin-inline-start: 4px; }
.identity-fields[b-on259v131w]  .jalali-datepicker { gap: 8px; color: var(--theme-ink); font-size: 14px; }
.identity-fields[b-on259v131w]  .jalali-field-label { font-size: 14px; font-weight: 650; line-height: 1.8; }
.identity-fields[b-on259v131w]  .jalali-field-label small { font-size: 12px; color: var(--theme-muted); }
.identity-fields[b-on259v131w]  .jalali-date-input { min-height: 48px; padding: 12px 14px; border-color: var(--theme-border); border-radius: 12px; color: var(--theme-ink); font-size: 14px; font-weight: 450; }
.identity-fields[b-on259v131w]  .jalali-datepicker[data-jalali-enhanced] .jalali-date-input { padding-right: 54px; }
.identity-fields[b-on259v131w]  .jalali-date-input:focus { border-color: var(--theme-primary-text); box-shadow: 0 0 0 3px var(--theme-focus-ring); }
.identity-fields[b-on259v131w]  .jalali-date-input:focus-visible { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
.identity-fields[b-on259v131w]  .jalali-date-input::placeholder { font-size: 14px; color: var(--theme-muted); }
.identity-fields[b-on259v131w]  .jalali-field-help { font-size: 13px; color: var(--theme-muted); line-height: 1.9; }
.identity-fields[b-on259v131w]  .jalali-toggle { top: 2px; right: 3px; width: 44px; height: 44px; border-radius: 10px; color: var(--theme-ink); background: var(--theme-primary-soft); }
.identity-form-bottom[b-on259v131w] { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--theme-border); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.identity-form-bottom > p[b-on259v131w] { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--theme-muted); font-size: 13px; line-height: 1.9; flex: 1 1 200px; }
.identity-form-bottom[b-on259v131w]  svg { flex: none; margin-top: 3px; }
.identity-form-bottom .account-primary-button[b-on259v131w] { white-space: nowrap; min-height: 44px; padding-inline: 18px; font-size: 14px; }
.identity-submit-button[b-on259v131w] { min-width: 190px; }
.identity-submit-icon[b-on259v131w] { display: inline-flex; }
.identity-submit-spinner[b-on259v131w], .identity-submit-busy[b-on259v131w] { display: none; }
.identity-form[aria-busy="true"] .identity-submit-icon[b-on259v131w], .identity-form[aria-busy="true"] .identity-submit-idle[b-on259v131w] { display: none; }
.identity-form[aria-busy="true"] .identity-submit-busy[b-on259v131w] { display: inline; }
.identity-form[aria-busy="true"] .identity-submit-spinner[b-on259v131w] { display: inline-block; width: 18px; height: 18px; flex: none; border: 2px solid color-mix(in srgb,currentColor 31.37%,transparent); border-top-color: currentColor; border-radius: 50%; animation: identity-submit-spin-b-on259v131w .75s linear infinite; }
.identity-submit-button:disabled[b-on259v131w] { cursor: wait; opacity: .88; transform: none; }
@keyframes identity-submit-spin-b-on259v131w { to { transform: rotate(360deg); } }
.identity-unavailable[b-on259v131w] { display: flex; gap: 12px; margin: 24px; padding: 18px; color: var(--theme-warning); background: var(--theme-warning-soft); border: 1px solid var(--theme-warning-border); border-radius: 12px; }
.identity-unavailable[b-on259v131w]  svg { flex: none; margin-top: 3px; }
.identity-unavailable strong[b-on259v131w] { font-size: 14px; font-weight: 650; }
.identity-unavailable p[b-on259v131w] { color: var(--theme-warning); font-size: 13px; line-height: 2; margin: 6px 0 0; }
.identity-side[b-on259v131w] { display: grid; gap: 20px; min-width: 0; }
.identity-guide[b-on259v131w] { padding: 24px; border: 1px solid var(--theme-border-strong); border-radius: 18px; background: var(--theme-primary-strong-surface); color: var(--theme-on-dark); overflow: hidden; }
.identity-guide-icon[b-on259v131w] { display: grid; place-items: center; width: 52px; height: 52px; color: var(--theme-on-dark-muted); background: color-mix(in srgb,var(--theme-on-dark) 7.06%,transparent); border: 1px solid color-mix(in srgb,var(--theme-on-dark) 14.12%,transparent); border-radius: 16px; margin-bottom: 22px; }
.identity-guide .identity-eyebrow[b-on259v131w] { color: var(--theme-on-dark-muted); }
.identity-guide h2[b-on259v131w] { color: var(--theme-on-dark); font-size: 23px; font-weight: 750; line-height: 1.7; margin: 8px 0 12px; }
.identity-guide > p[b-on259v131w] { margin: 0; color: var(--theme-on-dark-muted); font-size: 14px; line-height: 2; }
.identity-guide ol[b-on259v131w] { display: grid; gap: 20px; margin: 24px 0 0; padding: 22px 0 0; border-top: 1px solid color-mix(in srgb,var(--theme-on-dark) 14.12%,transparent); list-style: none; }
.identity-guide li[b-on259v131w] { display: flex; align-items: flex-start; gap: 11px; }
.identity-guide li > span[b-on259v131w] { flex: none; display: grid; place-items: center; width: 30px; height: 30px; background: color-mix(in srgb,var(--theme-on-dark) 7.06%,transparent); border: 1px solid color-mix(in srgb,var(--theme-on-dark) 14.51%,transparent); border-radius: 9px; color: var(--theme-on-dark-muted); font-size: 13px; font-weight: 650; }
.identity-guide li strong[b-on259v131w] { font-size: 14px; color: var(--theme-on-dark); font-weight: 650; }
.identity-guide li p[b-on259v131w] { font-size: 13px; color: var(--theme-on-dark-muted); line-height: 1.9; margin: 3px 0 0; }
.identity-purchase-note[b-on259v131w] { display: flex; align-items: flex-start; gap: 12px; padding: 20px; border: 1px solid var(--theme-border); border-radius: 16px; background: var(--theme-surface); color: var(--theme-ink); }
.identity-purchase-note[b-on259v131w]  svg { flex: none; margin-top: 3px; }
.identity-purchase-note strong[b-on259v131w] { font-size: 14px; font-weight: 650; color: var(--theme-ink); line-height: 1.8; }
.identity-purchase-note p[b-on259v131w] { font-size: 13px; color: var(--theme-muted); line-height: 2; margin: 7px 0 0; }
.identity-confirmed[b-on259v131w] { display: flex; align-items: center; gap: 14px; margin: 24px 24px 0; padding: 18px; background: var(--theme-primary-soft); border: 1px solid var(--theme-border); border-radius: 14px; }
.identity-confirmed-mark[b-on259v131w] { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-primary-soft); color: var(--theme-ink); flex: none; }
.identity-confirmed strong[b-on259v131w] { font-size: 19px; font-weight: 750; color: var(--theme-ink); }
.identity-confirmed p[b-on259v131w] { font-size: 13px; color: var(--theme-muted); margin: 5px 0 0; line-height: 1.9; }
.identity-details[b-on259v131w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 0; padding: 8px 24px 20px; }
.identity-details > div[b-on259v131w] { display: grid; gap: 7px; padding: 18px 0; border-bottom: 1px solid var(--theme-border); min-width: 0; }
.identity-details dt[b-on259v131w] { color: var(--theme-muted); font-size: 13px; }
.identity-details dt > span[b-on259v131w] { font-size: 12px; margin-inline-start: 3px; }
.identity-details dd[b-on259v131w] { margin: 0; font-size: 15px; font-weight: 650; color: var(--theme-ink); overflow-wrap: anywhere; }
.identity-details bdi[b-on259v131w] { display: inline-block; letter-spacing: .3px; font-variant-numeric: tabular-nums; }
.identity-record-footer[b-on259v131w] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; color: var(--theme-muted); font-size: 12px; line-height: 1.8; padding: 0 24px 20px; }
.identity-record-footer > span[b-on259v131w] { display: inline-flex; align-items: center; gap: 6px; }
.identity-locked-note[b-on259v131w] { margin: 0; font-size: 13px; color: var(--theme-muted); background: var(--theme-surface-muted); border-top: 1px solid var(--theme-border); padding: 18px 24px; line-height: 2; }
.identity-contact-card[b-on259v131w] { padding: 24px; }
.identity-contact-heading[b-on259v131w] { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.identity-contact-symbol[b-on259v131w] { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: var(--theme-primary-soft); color: var(--theme-ink); flex: none; }
.identity-contact-heading p[b-on259v131w] { margin: 4px 0 0; color: var(--theme-muted); font-size: 13px; line-height: 1.8; }
.identity-contact-actions[b-on259v131w] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--theme-border); }
.identity-contact-actions > p[b-on259v131w] { margin: 0; color: var(--theme-muted); font-size: 13px; line-height: 2; flex: 1 1 220px; }
.identity-contact-actions button[b-on259v131w] { flex: none; white-space: nowrap; min-height: 44px; font-size: 14px; }
.identity-contact-details[b-on259v131w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; }
.identity-contact-details > div[b-on259v131w] { border: 1px solid var(--theme-border); background: var(--theme-surface-muted); border-radius: 12px; padding: 16px; min-width: 0; }
.identity-contact-details dt[b-on259v131w] { font-size: 13px; color: var(--theme-muted); margin-bottom: 7px; }
.identity-contact-details dd[b-on259v131w] { margin: 0; color: var(--theme-ink); font-size: 14px; overflow-wrap: anywhere; }
.identity-contact-note[b-on259v131w] { color: var(--theme-muted); font-size: 13px; line-height: 2; margin: 18px 0 0; }
.identity-error[b-on259v131w] { display: flex; align-items: flex-start; gap: 12px; color: var(--theme-danger); border: 1px solid var(--theme-danger-border); background: var(--theme-danger-soft); border-radius: 12px; margin-bottom: 20px; padding: 18px 20px; }
.identity-message-icon[b-on259v131w] { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 8px; color: var(--theme-danger); background: var(--theme-danger-soft); font-size: 15px; font-weight: 750; }
.identity-error strong[b-on259v131w] { font-size: 14px; font-weight: 650; }
.identity-error p[b-on259v131w] { color: var(--theme-danger); font-size: 13px; line-height: 2; margin: 4px 0 0; }
.identity-layout button:focus-visible[b-on259v131w] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }

@media (max-width: 1180px) {
    .identity-layout[b-on259v131w] { grid-template-columns: minmax(0, 1fr); }
    .identity-side[b-on259v131w] { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: start; }
    .identity-guide h2 br[b-on259v131w] { display: none; }
    .identity-guide ol[b-on259v131w] { gap: 16px; }
    .identity-guide-icon[b-on259v131w] { width: 46px; height: 46px; margin-bottom: 16px; }
}

@media (max-width: 680px) {
    .identity-layout[b-on259v131w], .identity-main[b-on259v131w] { gap: 20px; }
    .identity-fields[b-on259v131w], .identity-contact-details[b-on259v131w], .identity-side[b-on259v131w] { grid-template-columns: minmax(0, 1fr); }
    .identity-side[b-on259v131w] { gap: 16px; }
    .identity-card-heading[b-on259v131w] { padding: 20px; gap: 10px; flex-wrap: wrap; }
    .identity-symbol[b-on259v131w] { width: 44px; height: 44px; border-radius: 13px; }
    .identity-card-heading h2[b-on259v131w] { font-size: 17px; }
    .identity-badge[b-on259v131w] { padding-inline: 8px; }
    .identity-intro[b-on259v131w] { padding: 20px 20px 0; }
    .identity-intro h3[b-on259v131w] { font-size: 18px; }
    .identity-form[b-on259v131w], .identity-contact-card[b-on259v131w] { padding: 20px; }
    .identity-fields[b-on259v131w] { gap: 18px; }
    .identity-form-bottom[b-on259v131w] { flex-direction: column; align-items: stretch; }
    .identity-form-bottom > p[b-on259v131w] { flex-basis: auto; }
    .identity-form-bottom .account-primary-button[b-on259v131w] { width: 100%; justify-content: center; }
    .identity-contact-actions[b-on259v131w] { flex-direction: column; align-items: stretch; }
    .identity-contact-actions > p[b-on259v131w] { flex-basis: auto; }
    .identity-contact-actions button[b-on259v131w] { justify-content: center; }
    .identity-unavailable[b-on259v131w] { margin: 20px; padding: 16px; }
    .identity-confirmed[b-on259v131w] { margin: 20px 20px 0; padding: 16px; }
    .identity-confirmed strong[b-on259v131w] { font-size: 17px; }
    .identity-details[b-on259v131w] { padding-inline: 20px; gap: 0 18px; }
    .identity-details dd[b-on259v131w] { font-size: 14px; }
    .identity-record-footer[b-on259v131w], .identity-locked-note[b-on259v131w] { padding-inline: 20px; }
    .identity-guide[b-on259v131w] { padding: 24px;  background: var(--theme-primary-strong-surface);  color: var(--theme-on-dark); }
    .identity-guide h2[b-on259v131w] { font-size: 21px; }
}

@media (max-width: 400px) {
    .identity-card-heading > div[b-on259v131w] { flex: 1; }
    .identity-badge[b-on259v131w] { margin-inline-start: 54px; }
    .identity-confirmed[b-on259v131w] { align-items: flex-start; }
    .identity-details[b-on259v131w] { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .identity-form[aria-busy="true"] .identity-submit-spinner[b-on259v131w] { animation: none; }
    .identity-fields input[b-on259v131w] { transition: none; }
}
/* /Components/Account/Pages/CustomerReturns.razor.rz.scp.css */
.customer-returns-toolbar[b-1q3onod7z7] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; color: var(--theme-muted); font-size: 14px; }
.customer-returns-toolbar a[b-1q3onod7z7] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--theme-ink); font-weight: 650; text-decoration: none; }
.customer-returns-list[b-1q3onod7z7] { display: grid; gap: 24px; min-width: 0; }
.customer-return-item[b-1q3onod7z7] { padding: 24px; min-width: 0; }
.customer-return-item header[b-1q3onod7z7] { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 18px; margin-bottom: 22px; }
.customer-return-order > span[b-1q3onod7z7] { display: block; color: var(--theme-muted); font-size: 13px; }
.customer-return-order h2[b-1q3onod7z7] { margin: 7px 0; color: var(--theme-ink); font-size: 18px; line-height: 1.7; }
.customer-return-order time[b-1q3onod7z7] { color: var(--theme-muted); font-size: 12px; }
.customer-return-status[b-1q3onod7z7] { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 9px; background: var(--theme-success-soft); color: var(--theme-success); font-size: 13px; font-weight: 650; white-space: nowrap; }
.customer-return-status > span[b-1q3onod7z7] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.customer-return-status--waiting[b-1q3onod7z7] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.customer-return-status--rejected[b-1q3onod7z7] { background: var(--theme-danger-soft); color: var(--theme-danger); }
.customer-return-reason[b-1q3onod7z7] { padding: 16px 18px; margin-bottom: 20px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-surface-muted); }
.customer-return-reason > span[b-1q3onod7z7] { color: var(--theme-muted); font-size: 12px; }
.customer-return-reason p[b-1q3onod7z7] { margin: 7px 0 0; color: var(--theme-ink); font-size: 14px; line-height: 1.9; overflow-wrap: anywhere; }
.customer-return-table-wrap[b-1q3onod7z7] { position: relative; overflow-x: auto; border: 1px solid var(--theme-border); border-radius: 12px; }
.customer-return-table[b-1q3onod7z7] { width: 100%; min-width: 320px; border-collapse: collapse; text-align: start; font-size: 14px; }
.customer-return-table thead[b-1q3onod7z7] { color: var(--theme-muted); background: var(--theme-primary-soft); font-size: 13px; }
.customer-return-table th[b-1q3onod7z7], .customer-return-table td[b-1q3onod7z7] { padding: 15px 17px; text-align: start; vertical-align: middle; }
.customer-return-table thead th[b-1q3onod7z7] { font-weight: 600; }
.customer-return-table tbody th[b-1q3onod7z7] { color: var(--theme-ink); font-weight: 650; line-height: 1.8; }
.customer-return-table tbody tr + tr[b-1q3onod7z7] { border-top: 1px solid var(--theme-border); }
.customer-return-table th > span[b-1q3onod7z7] { display: block; margin-top: 4px; color: var(--theme-muted); font-size: 13px; font-weight: 400; }
.customer-return-table td[b-1q3onod7z7] { color: var(--theme-ink); font-weight: 650; white-space: nowrap; }
.customer-return-item footer[b-1q3onod7z7] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-top: 20px; }
.customer-return-item footer > span[b-1q3onod7z7] { color: var(--theme-muted); font-size: 12px; line-height: 1.9; }
.customer-return-link[b-1q3onod7z7] { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-ink); font-size: 14px; font-weight: 650; text-decoration: none; }
.customer-return-link:hover[b-1q3onod7z7] { background: var(--theme-primary-soft); }
.customer-returns-empty[b-1q3onod7z7] { display: grid; justify-items: center; padding: 48px 24px; text-align: center; }
.customer-returns-empty-icon[b-1q3onod7z7] { display: grid; place-items: center; width: 78px; height: 78px; margin-bottom: 22px; border: 1px solid var(--theme-border); border-radius: 24px; color: var(--theme-ink); background: var(--theme-primary-soft); }
.customer-returns-empty h2[b-1q3onod7z7] { margin: 0; color: var(--theme-ink); font-size: 20px; }
.customer-returns-empty p[b-1q3onod7z7] { max-width: 450px; margin: 12px 0 24px; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.customer-returns-empty a[b-1q3onod7z7] { display: inline-flex; align-items: center; gap: 12px; }
.customer-returns-feedback[b-1q3onod7z7] { padding: 24px; border-color: var(--theme-danger-border); color: var(--theme-danger); background: var(--theme-danger-soft); }
.customer-returns-feedback h2[b-1q3onod7z7] { margin: 0 0 10px; font-size: 18px; }
.customer-returns-feedback p[b-1q3onod7z7] { margin: 0 0 12px; font-size: 14px; line-height: 1.9; }
.customer-returns-feedback a[b-1q3onod7z7] { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-size: 14px; font-weight: 700; }
.customer-returns-loading[b-1q3onod7z7] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; min-height: 220px; padding: 24px; color: var(--theme-muted); font-size: 14px; }
.customer-return-table-wrap:focus-visible[b-1q3onod7z7], .customer-return-link:focus-visible[b-1q3onod7z7], .customer-returns-toolbar a:focus-visible[b-1q3onod7z7] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
@media (max-width: 600px) { .customer-returns-list[b-1q3onod7z7] { gap: 20px; } .customer-return-item[b-1q3onod7z7] { padding: 20px; } .customer-return-order[b-1q3onod7z7] { min-width: 0; } .customer-return-order h2 bdi[b-1q3onod7z7] { display: block; margin-top: 6px; font-size: 14px; line-height: 1.8; white-space: nowrap; } .customer-return-item footer[b-1q3onod7z7] { align-items: flex-start; flex-direction: column; } .customer-returns-empty[b-1q3onod7z7] { padding: 36px 20px; } .customer-returns-empty h2[b-1q3onod7z7] { font-size: 18px; } }
/* /Components/Account/Pages/CustomerSupport.razor.rz.scp.css */
.support-panel[b-ss2medu23z] { padding: 24px; min-width: 0; border-color: var(--theme-border); }
.support-section-heading[b-ss2medu23z] { margin-bottom: 20px; align-items: flex-start; }
.support-section-heading h2[b-ss2medu23z], .support-create-intro h2[b-ss2medu23z] { margin: 0; color: var(--theme-ink); font-size: 19px; line-height: 1.7; }
.support-section-heading p[b-ss2medu23z] { margin: 5px 0 0; color: var(--theme-muted); font-size: 14px; line-height: 1.8; }
.support-count[b-ss2medu23z] { padding: 5px 11px; border-radius: 9px; background: var(--theme-primary-soft); color: var(--theme-muted); font-size: 13px; white-space: nowrap; }
.support-table-scroll[b-ss2medu23z] { position: relative; overflow-x: auto; max-width: 100%; border: 1px solid var(--theme-border); border-radius: 12px; }
.support-table-scroll:focus-visible[b-ss2medu23z] { outline: 2px solid var(--theme-primary-text); outline-offset: 3px; }
.support-table[b-ss2medu23z] { width: 100%; min-width: 640px; border-collapse: collapse; text-align: right; font-size: 14px; }
.support-table thead[b-ss2medu23z] { background: var(--theme-primary-soft); }
.support-table th[b-ss2medu23z], .support-table td[b-ss2medu23z] { padding: 16px; vertical-align: middle; }
.support-table thead th[b-ss2medu23z] { color: var(--theme-muted); font-size: 13px; font-weight: 600; white-space: nowrap; }
.support-table tbody tr + tr[b-ss2medu23z] { border-top: 1px solid var(--theme-border); }
.support-table tbody tr:hover[b-ss2medu23z] { background: var(--theme-surface-muted); }
.support-table th[scope="row"][b-ss2medu23z] { width: 40%; font-weight: 600; }
.support-subject[b-ss2medu23z] { display: block; color: var(--theme-ink); overflow-wrap: anywhere; line-height: 1.9; }
.support-subject:hover[b-ss2medu23z] { color: var(--theme-ink); text-decoration: underline; }
.support-reference[b-ss2medu23z] { display: block; width: fit-content; margin-top: 5px; color: var(--theme-muted); font-size: 12px; font-weight: 400; }
.support-date[b-ss2medu23z] { color: var(--theme-muted); white-space: nowrap; font-size: 13px; }
.support-ticket-status[b-ss2medu23z] { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 8px; background: var(--theme-success-soft); color: var(--theme-success); font-size: 12px; font-weight: 500; white-space: nowrap; }
.support-ticket-status[b-ss2medu23z]::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.support-ticket-status-waitingforsupport[b-ss2medu23z] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.support-ticket-status-waitingforcustomer[b-ss2medu23z] { background: var(--theme-info-soft); color: var(--theme-info); }
.support-ticket-status-resolved[b-ss2medu23z] { background: var(--theme-success-soft); color: var(--theme-success); }
.support-ticket-status-closed[b-ss2medu23z] { background: var(--theme-surface-muted); color: var(--theme-muted); }
.support-view-link[b-ss2medu23z] { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; color: var(--theme-ink); white-space: nowrap; font-weight: 600; }
.support-view-link:hover[b-ss2medu23z] { text-decoration: underline; }
.support-pagination[b-ss2medu23z] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 20px; color: var(--theme-muted); font-size: 13px; }
.support-pagination a[b-ss2medu23z] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--theme-border); border-radius: 9px; color: var(--theme-ink); }
.support-pagination a:hover[b-ss2medu23z] { background: var(--theme-primary-soft); }
.support-create[b-ss2medu23z] { display: grid; grid-template-columns: minmax(180px, .72fr) minmax(0, 1.4fr); gap: 28px; margin-top: 24px; }
.support-create-intro[b-ss2medu23z] { min-width: 0; }
.support-create-intro > .support-state-icon[b-ss2medu23z] { margin-bottom: 16px; }
.support-create-intro h2[b-ss2medu23z] { scroll-margin-top: 24px; }
.support-create-intro p[b-ss2medu23z] { margin-top: 10px; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.support-create-form[b-ss2medu23z] { min-width: 0; padding-inline-start: 24px; border-inline-start: 1px solid var(--theme-border); }
.support-help-note[b-ss2medu23z] { display: flex; align-items: flex-start; gap: 8px; margin-top: 24px; padding: 13px; border-radius: 10px; background: var(--theme-primary-soft); color: var(--theme-muted); font-size: 13px; line-height: 1.9; }
.support-help-note[b-ss2medu23z]  svg { flex: none; margin-top: 4px; }
.support-state[b-ss2medu23z] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 36px 20px; }
.support-state-icon[b-ss2medu23z] { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--theme-primary-soft); color: var(--theme-ink); flex: none; }
.support-state h2[b-ss2medu23z], .support-state h3[b-ss2medu23z] { margin: 4px 0 0; color: var(--theme-ink); font-size: 19px; font-weight: 700; }
.support-state p[b-ss2medu23z] { color: var(--theme-muted); font-size: 14px; max-width: 400px; line-height: 1.9; margin: 0; }
.support-state a[b-ss2medu23z] { margin-top: 8px; font-size: 14px; }
.support-error[b-ss2medu23z] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 16px; color: var(--theme-danger); background: var(--theme-danger-soft); border: 1px solid var(--theme-danger-border); border-radius: 12px; font-size: 14px; line-height: 1.9; }
.support-error a[b-ss2medu23z] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; text-decoration: underline; font-weight: 600; }
.support-scroll-hint[b-ss2medu23z] { display: none; }
.support-visually-hidden[b-ss2medu23z] { position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 1px; height: 1px; padding: 0; margin: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 1000px) {
    .support-create[b-ss2medu23z] { grid-template-columns: 1fr; gap: 20px; }
    .support-create-form[b-ss2medu23z] { padding-inline-start: 0; border-inline-start: 0; border-top: 1px solid var(--theme-border); padding-top: 20px; }
    .support-help-note[b-ss2medu23z] { margin-top: 14px; }
}
@media (max-width: 560px) {
    .support-panel[b-ss2medu23z] { padding: 20px 16px; }
    .support-new-link[b-ss2medu23z] { width: 100%; }
    .account-page-heading[b-ss2medu23z] { align-items: stretch; flex-direction: column; }
    .support-section-heading[b-ss2medu23z] { flex-wrap: wrap; gap: 12px; }
    .support-scroll-hint[b-ss2medu23z] { display: block; margin: 0 0 10px; color: var(--theme-muted); font-size: 12px; line-height: 1.8; }
    .support-create[b-ss2medu23z] { margin-top: 20px; }
    .support-state[b-ss2medu23z] { padding: 28px 8px; }
}
/* /Components/Account/Pages/CustomerSupportDetails.razor.rz.scp.css */
.support-detail-panel[b-w8sbka120y] { padding: 24px; border-color: var(--theme-border); min-width: 0; }
.support-back-link[b-w8sbka120y] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-bottom: 4px; font-size: 13px; font-weight: 600; color: var(--theme-ink); }
.support-back-link:hover[b-w8sbka120y] { text-decoration: underline; }
.support-ticket-heading[b-w8sbka120y] { align-items: flex-start; gap: 20px; }
.support-ticket-heading > div[b-w8sbka120y] { min-width: 0; }
.support-ticket-heading h2[b-w8sbka120y] { color: var(--theme-ink); font-size: 20px; line-height: 1.8; overflow-wrap: anywhere; margin: 0; }
.support-detail-status[b-w8sbka120y] { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 9px; background: var(--theme-success-soft); color: var(--theme-success); font-size: 13px; white-space: nowrap; flex: none; }
.support-detail-status[b-w8sbka120y]::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.support-detail-status-waitingforsupport[b-w8sbka120y] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.support-detail-status-waitingforcustomer[b-w8sbka120y] { background: var(--theme-info-soft); color: var(--theme-info); }
.support-detail-status-resolved[b-w8sbka120y] { background: var(--theme-success-soft); color: var(--theme-success); }
.support-detail-status-closed[b-w8sbka120y] { background: var(--theme-surface-muted); color: var(--theme-muted); }
.support-ticket-meta[b-w8sbka120y] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 20px 0 24px; padding: 16px 18px; border: 1px solid var(--theme-border); background: var(--theme-surface-muted); border-radius: 12px; }
.support-ticket-meta > div[b-w8sbka120y] { min-width: 0; }
.support-ticket-meta dt[b-w8sbka120y] { color: var(--theme-muted); font-size: 12px; margin-bottom: 7px; }
.support-ticket-meta dd[b-w8sbka120y] { margin: 0; color: var(--theme-ink); font-size: 13px; overflow-wrap: anywhere; }
.support-ticket-meta dd[dir="ltr"][b-w8sbka120y] { width: fit-content; }
.support-conversation-heading[b-w8sbka120y] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--theme-border); }
.support-conversation-heading h3[b-w8sbka120y] { color: var(--theme-ink); font-size: 15px; font-weight: 700; margin: 0; }
.support-conversation-heading > span[b-w8sbka120y] { color: var(--theme-muted); font-size: 12px; }
.support-conversation[b-w8sbka120y] { display: grid; gap: 20px; padding-top: 24px; }
.support-conversation-message[b-w8sbka120y] { width: min(92%, 680px); padding: 18px 20px; border: 1px solid var(--theme-border); border-radius: 16px; min-width: 0; }
.support-conversation-message.is-customer[b-w8sbka120y] { margin-inline-end: auto; background: var(--theme-primary-soft); border-start-start-radius: 4px; }
.support-conversation-message.is-staff[b-w8sbka120y] { margin-inline-start: auto; background: var(--theme-surface); border-color: var(--theme-border); border-start-end-radius: 4px; }
.support-message-heading[b-w8sbka120y] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.support-sender[b-w8sbka120y] { display: inline-flex; align-items: center; gap: 8px; color: var(--theme-ink); font-size: 13px; }
.support-sender-icon[b-w8sbka120y] { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: var(--theme-primary-soft); border-radius: 9px; }
.is-staff .support-sender-icon[b-w8sbka120y] { background: var(--theme-primary-soft); }
.support-message-heading time[b-w8sbka120y] { font-size: 12px; color: var(--theme-muted); }
.support-conversation-message p[b-w8sbka120y] { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 2; color: var(--theme-ink); margin: 14px 0 0; }
.support-reply-panel[b-w8sbka120y] { margin-top: 24px; }
.support-reply-heading[b-w8sbka120y] { margin-bottom: 20px; }
.support-reply-heading h2[b-w8sbka120y] { margin: 0; color: var(--theme-ink); font-size: 19px; }
.support-reply-heading p[b-w8sbka120y] { margin-top: 7px; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.support-detail-state[b-w8sbka120y] { display: flex; align-items: center; flex-direction: column; gap: 16px; text-align: center; padding-block: 40px; }
.support-detail-state h2[b-w8sbka120y] { color: var(--theme-ink); font-size: 19px; margin: 0; }
.support-detail-state p[b-w8sbka120y] { color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.support-detail-icon[b-w8sbka120y] { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; flex: none; color: var(--theme-ink); background: var(--theme-primary-soft); }
.support-detail-icon.is-error[b-w8sbka120y] { background: var(--theme-danger-soft); color: var(--theme-danger); }
.support-detail-state .support-detail-error[b-w8sbka120y] { color: var(--theme-danger); }
.support-closed-note[b-w8sbka120y] { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 20px 24px; margin-top: 24px; border: 1px solid var(--theme-border); background: var(--theme-primary-soft); border-radius: 16px; }
.support-closed-note > div[b-w8sbka120y] { flex: 1; min-width: 190px; }
.support-closed-note h2[b-w8sbka120y] { margin: 0; color: var(--theme-ink); font-size: 15px; }
.support-closed-note p[b-w8sbka120y] { color: var(--theme-muted); margin-top: 4px; font-size: 14px; line-height: 1.8; }
.support-closed-note a[b-w8sbka120y] { font-size: 14px; }
@media (max-width: 560px) {
    .support-detail-panel[b-w8sbka120y] { padding: 20px 16px; }
    .support-detail-heading .account-page-symbol[b-w8sbka120y] { display: none; }
    .support-ticket-heading[b-w8sbka120y] { flex-direction: column; gap: 12px; }
    .support-ticket-heading h2[b-w8sbka120y] { font-size: 18px; }
    .support-ticket-meta[b-w8sbka120y] { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
    .support-ticket-meta > div[b-w8sbka120y] { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
    .support-ticket-meta dt[b-w8sbka120y] { margin: 0; flex: none; }
    .support-ticket-meta dd[b-w8sbka120y] { text-align: left; }
    .support-conversation-message[b-w8sbka120y] { width: 100%; padding: 16px; }
    .support-message-heading[b-w8sbka120y] { gap: 8px; }
    .support-closed-note[b-w8sbka120y] { padding: 20px 16px; }
    .support-closed-note a[b-w8sbka120y] { width: 100%; }
}
/* /Components/Account/Pages/SupportTicketActionIsland.razor.rz.scp.css */
.customer-support-reply[b-xqtvud3dug] { min-width: 0; }
.customer-support-reply .support-reply-field[b-xqtvud3dug] { display: grid; gap: 8px; min-width: 0; }
.customer-support-reply label[b-xqtvud3dug] { color: var(--theme-ink); font-size: 14px; font-weight: 600; }
.customer-support-reply textarea[b-xqtvud3dug] { width: 100%; min-width: 0; min-height: 140px; border: 1px solid var(--theme-border); border-radius: 11px; padding: 12px 14px; color: var(--theme-ink); background: var(--theme-surface-muted); font: inherit; font-size: 14px; line-height: 1.9; resize: vertical; }
.customer-support-reply textarea[b-xqtvud3dug]::placeholder { color: var(--theme-muted); }
.customer-support-reply textarea:focus-visible[b-xqtvud3dug] { border-color: var(--theme-primary-text); outline: 3px solid var(--theme-primary-text); outline-offset: 1px; }
.customer-support-reply .support-reply-help[b-xqtvud3dug] { color: var(--theme-muted); font-size: 12px; line-height: 1.9; }
.customer-support-reply .support-reply-actions[b-xqtvud3dug] { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--theme-border); }
.customer-support-reply button[b-xqtvud3dug] { font-size: 14px; min-height: 44px; }
.customer-support-reply button:disabled[b-xqtvud3dug] { opacity: .6; cursor: not-allowed; }
.customer-support-reply .support-reply-error[b-xqtvud3dug] { margin-top: 18px; padding: 12px 14px; border: 1px solid var(--theme-danger-border); background: var(--theme-danger-soft); color: var(--theme-danger); border-radius: 10px; font-size: 14px; line-height: 1.9; }
.customer-support-reply .support-reply-spinner[b-xqtvud3dug] { width: 16px; height: 16px; border: 2px solid color-mix(in srgb,currentColor 40.0%,transparent); border-top-color: currentColor; border-radius: 50%; animation: support-reply-spin-b-xqtvud3dug .8s linear infinite; }
@keyframes support-reply-spin-b-xqtvud3dug { to { transform: rotate(360deg); } }
@media (max-width: 560px) {
    .customer-support-reply .support-reply-actions[b-xqtvud3dug] { align-items: stretch; flex-direction: column; gap: 10px; }
    .customer-support-reply button[b-xqtvud3dug] { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .customer-support-reply .support-reply-spinner[b-xqtvud3dug] { animation: none; } }

.admin-support-action[b-xqtvud3dug] { min-width: 0; }
.admin-support-reply[b-xqtvud3dug] { display: grid; gap: 10px; min-width: 0; }
.admin-support-reply label[b-xqtvud3dug] { color: var(--theme-ink); font-size: 12px; font-weight: 600; }
.admin-support-reply textarea[b-xqtvud3dug] { width: 100%; min-width: 0; min-height: 150px; padding: 14px 16px; border: 1px solid var(--theme-border); border-radius: 11px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-size: 14px; line-height: 2; resize: vertical; }
.admin-support-reply textarea[b-xqtvud3dug]::placeholder { color: var(--theme-muted); }
.admin-support-reply textarea:focus-visible[b-xqtvud3dug] { border-color: var(--theme-primary-text); outline: 2px solid var(--theme-primary-text); outline-offset: 2px; }
.admin-support-reply-help[b-xqtvud3dug] { display: flex; justify-content: space-between; align-items: start; gap: 16px; color: var(--theme-muted); font-size: 11px; line-height: 1.9; }
.admin-support-character-count[b-xqtvud3dug] { flex: none; font-variant-numeric: tabular-nums; white-space: nowrap; }
.admin-support-send-row[b-xqtvud3dug] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.admin-support-action .admin-button[b-xqtvud3dug] { min-height: 42px; font-size: 12px !important; padding: 10px 14px; }
.admin-support-action button:disabled[b-xqtvud3dug] { opacity: .5; cursor: not-allowed; }
.admin-support-progress[b-xqtvud3dug] { font-size: 12px; color: var(--theme-muted); }
.admin-support-action-error[b-xqtvud3dug] { padding: 12px 15px; border: 1px solid var(--theme-danger-border); border-radius: 9px; background: var(--theme-danger-soft); color: var(--theme-danger); font-size: 13px; line-height: 1.9; }
.admin-support-management[b-xqtvud3dug] { display: grid; gap: 15px; margin-top: 25px; padding-top: 21px; border-top: 1px solid var(--theme-border); }
.admin-support-management strong[b-xqtvud3dug] { color: var(--theme-ink); font-size: 12px; }
.admin-support-management p[b-xqtvud3dug] { margin: 4px 0 0; color: var(--theme-muted); font-size: 11px; line-height: 1.9; }
.admin-support-management-buttons[b-xqtvud3dug] { display: flex; flex-wrap: wrap; gap: 9px; }
.admin-support-action .admin-support-close[b-xqtvud3dug] { color: var(--theme-danger); border-color: var(--theme-danger-border); }
.admin-support-action .admin-support-close:hover:not(:disabled)[b-xqtvud3dug] { background: var(--theme-danger-soft); }
.admin-support-spinner[b-xqtvud3dug] { width: 16px; height: 16px; border: 2px solid color-mix(in srgb,currentColor 40.0%,transparent); border-top-color: currentColor; border-radius: 50%; animation: support-reply-spin-b-xqtvud3dug .8s linear infinite; }
@media (max-width: 560px) {
    .admin-support-reply-help[b-xqtvud3dug] { flex-wrap: wrap; gap: 5px; }
    .admin-support-send-row[b-xqtvud3dug] { align-items: stretch; flex-direction: column; }
    .admin-support-management-buttons[b-xqtvud3dug] { display: grid; grid-template-columns: minmax(0, 1fr); }
    .admin-support-action .admin-button[b-xqtvud3dug] { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .admin-support-spinner[b-xqtvud3dug] { animation: none; } }
/* /Components/Account/Pages/SupportTicketCreateIsland.razor.rz.scp.css */
.support-create-form[b-y1glcw2wia] { min-width: 0; }
.support-form-fields[b-y1glcw2wia] { display: grid; gap: 20px; }
.support-field[b-y1glcw2wia] { min-width: 0; display: grid; gap: 8px; }
.support-field label[b-y1glcw2wia] { color: var(--theme-ink); font-size: 14px; font-weight: 600; }
.support-field input[b-y1glcw2wia], .support-field textarea[b-y1glcw2wia] { width: 100%; min-width: 0; border: 1px solid var(--theme-border); border-radius: 11px; padding: 12px 14px; color: var(--theme-ink); background: var(--theme-surface-muted); font: inherit; font-size: 14px; line-height: 1.8; }
.support-field input[b-y1glcw2wia] { min-height: 46px; }
.support-field textarea[b-y1glcw2wia] { min-height: 150px; resize: vertical; }
.support-field input[b-y1glcw2wia]::placeholder, .support-field textarea[b-y1glcw2wia]::placeholder { color: var(--theme-muted); }
.support-field input:focus-visible[b-y1glcw2wia], .support-field textarea:focus-visible[b-y1glcw2wia] { border-color: var(--theme-primary-text); outline: 3px solid var(--theme-primary-text); outline-offset: 1px; }
.support-field-help[b-y1glcw2wia] { color: var(--theme-muted); font-size: 12px; line-height: 1.8; }
.support-form-actions[b-y1glcw2wia] { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--theme-border); }
.support-form-actions button[b-y1glcw2wia] { font-size: 14px; min-height: 44px; }
.support-form-actions button:disabled[b-y1glcw2wia] { opacity: .6; cursor: not-allowed; }
.support-submit-note[b-y1glcw2wia] { color: var(--theme-muted); font-size: 12px; line-height: 1.8; }
.support-form-error[b-y1glcw2wia] { margin-top: 18px; padding: 12px 14px; border: 1px solid var(--theme-danger-border); background: var(--theme-danger-soft); color: var(--theme-danger); border-radius: 10px; font-size: 14px; line-height: 1.9; }
.support-form-spinner[b-y1glcw2wia] { width: 16px; height: 16px; border: 2px solid color-mix(in srgb,currentColor 40.0%,transparent); border-top-color: currentColor; border-radius: 50%; animation: support-create-spin-b-y1glcw2wia .8s linear infinite; }
@keyframes support-create-spin-b-y1glcw2wia { to { transform: rotate(360deg); } }
@media (max-width: 560px) {
    .support-form-actions[b-y1glcw2wia] { align-items: stretch; flex-direction: column; gap: 10px; }
    .support-form-actions button[b-y1glcw2wia] { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .support-form-spinner[b-y1glcw2wia] { animation: none; } }
/* /Components/Account/Shared/CustomerLayout.razor.rz.scp.css */
.account-verification-status[b-nqqm3aoclq] { display: inline-flex; align-items: center; gap: 5px; margin-top: 4px; color: var(--theme-success); font-size: 12px; }
.account-brand[b-nqqm3aoclq] { min-width: 0; max-width: 100%; }
.account-brand > span[b-nqqm3aoclq] { min-width: 0; overflow-wrap: anywhere; }
.account-brand-caption[b-nqqm3aoclq] { max-width: 320px; overflow-wrap: anywhere; }
.account-verification-alert[b-nqqm3aoclq] { display: flex; align-items: center; gap: 14px; padding: 18px 21px; margin-bottom: 24px; border: 1px solid var(--theme-warning-border); border-radius: 14px; background: var(--theme-warning-soft); color: var(--theme-warning); }
.account-verification-alert-icon[b-nqqm3aoclq] { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--theme-warning-soft); color: var(--theme-warning); }
.account-verification-alert > div[b-nqqm3aoclq] { min-width: 0; }
.account-verification-alert strong[b-nqqm3aoclq] { font-size: 13px; font-weight: 750; }
.account-verification-alert p[b-nqqm3aoclq] { color: var(--theme-warning); font-size: 12px; line-height: 2; margin-top: 4px; max-width: 640px; }
.account-verification-alert > a[b-nqqm3aoclq] { flex: none; display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; padding: 10px 14px; margin-inline-start: auto; border: 1px solid var(--theme-warning-border); border-radius: 10px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 13px; font-weight: 700; white-space: nowrap; }
.account-verification-alert > a:hover[b-nqqm3aoclq] { background: var(--theme-warning-soft); }
@media (max-width: 760px) { .account-verification-alert[b-nqqm3aoclq] { flex-wrap: wrap; align-items: flex-start; padding: 16px; gap: 11px; } .account-verification-alert > div[b-nqqm3aoclq] { flex: 1; } .account-verification-alert-icon[b-nqqm3aoclq] { width: 38px; height: 38px; border-radius: 10px; } .account-verification-alert > a[b-nqqm3aoclq] { width: 100%; margin-inline-start: 0; } .account-verification-alert p[b-nqqm3aoclq] { font-size: 11px; } }
/* /Components/Admin/Pages/Branding.razor.rz.scp.css */
.branding-breadcrumb[b-xfe9ylftly] { display: flex; align-items: center; gap: 7px; margin-bottom: 15px; color: var(--theme-muted); font-size: 12px; }
.branding-breadcrumb a[b-xfe9ylftly] { color: var(--theme-primary-text); }
.branding-heading-icon[b-xfe9ylftly] { display: grid; place-items: center; width: 60px; height: 60px; border: 1px solid var(--theme-border); border-radius: 18px; background: linear-gradient(140deg, var(--theme-primary-soft), var(--theme-surface)); color: var(--theme-primary-text); }
.branding-workspace[b-xfe9ylftly] { --branding-ink: var(--theme-ink); --branding-muted: var(--theme-muted); --branding-border: var(--theme-border); --branding-surface: var(--theme-surface); --branding-soft: var(--theme-canvas); display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(290px, .8fr); gap: 24px; align-items: start; }
.branding-form[b-xfe9ylftly] { min-width: 0; overflow: hidden; background: var(--branding-surface); }
.branding-fieldset[b-xfe9ylftly] { border: 0; padding: 0; margin: 0; min-width: 0; }
.branding-section[b-xfe9ylftly] { padding: 27px; border-bottom: 1px solid var(--branding-border); }
.branding-section-heading[b-xfe9ylftly] { display: flex; gap: 13px; align-items: start; margin-bottom: 23px; }
.branding-section-heading > span[b-xfe9ylftly] { flex: none; display: grid; place-items: center; width: 38px; height: 38px; background: var(--theme-primary-soft); border: 1px solid var(--theme-border); border-radius: 11px; color: var(--theme-primary-text); font-weight: 750; font-size: 13px; }
.branding-section-heading h2[b-xfe9ylftly] { margin: 0; color: var(--branding-ink); font-size: 17px; }
.branding-section-heading p[b-xfe9ylftly] { margin: 6px 0 0; color: var(--branding-muted); font-size: 12px; line-height: 1.95; }
.branding-fields[b-xfe9ylftly] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.branding-field[b-xfe9ylftly] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--branding-ink); font-size: 13px; font-weight: 700; min-width: 0; }
.branding-field > span[b-xfe9ylftly] { font-size: 10px; font-weight: 400; color: var(--branding-muted); margin-inline-start: auto; }
.branding-field input[b-xfe9ylftly], .branding-field textarea[b-xfe9ylftly], .branding-field select[b-xfe9ylftly] { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid var(--theme-border); border-radius: 10px; background: var(--branding-surface); color: var(--branding-ink); font: inherit; font-weight: 400; padding: 12px 13px; min-height: 46px; transition: border-color .15s, box-shadow .15s; }
.branding-field input:focus-visible[b-xfe9ylftly], .branding-field textarea:focus-visible[b-xfe9ylftly], .branding-field select:focus-visible[b-xfe9ylftly] { outline: 2px solid var(--theme-primary-text); outline-offset: 2px; border-color: var(--theme-primary-text); }
.branding-field input[b-xfe9ylftly]::placeholder, .branding-field textarea[b-xfe9ylftly]::placeholder { color: var(--theme-muted); font-weight: 400; }
.branding-field textarea[b-xfe9ylftly] { resize: vertical; line-height: 1.95; }
.branding-field small[b-xfe9ylftly] { color: var(--branding-muted); font-weight: 400; font-size: 11px; line-height: 1.9; }
.branding-field-wide[b-xfe9ylftly] { grid-column: 1 / -1; }
.branding-highlight-list[b-xfe9ylftly] { display: grid; gap: 16px; }
.branding-highlight-card[b-xfe9ylftly] { min-width: 0; padding: 18px; border: 1px solid var(--branding-border); border-radius: 13px; background: var(--branding-soft); }
.branding-highlight-card h3[b-xfe9ylftly] { margin: 0 0 17px; color: var(--branding-ink); font-size: 13px; }
.branding-highlight-preview[b-xfe9ylftly] { display: flex; align-items: center; gap: 12px; min-width: 0; margin-top: 17px; padding: 13px 15px; border-inline-start: 3px solid var(--theme-primary-border); border-radius: 7px; background: var(--branding-surface); overflow-wrap: anywhere; }
.branding-highlight-preview > div[b-xfe9ylftly] { display: grid; gap: 5px; min-width: 0; }
.branding-highlight-preview-icon[b-xfe9ylftly] { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 50%; color: var(--theme-primary-text); background: var(--theme-primary-soft); }
.branding-icon-picker[b-xfe9ylftly] { margin-bottom: 18px; border: 1px solid var(--branding-border); border-radius: 11px; background: var(--branding-surface); }
.branding-icon-picker summary[b-xfe9ylftly] { display: flex; align-items: center; gap: 10px; padding: 11px 13px; cursor: pointer; list-style: none; color: var(--branding-ink); font-size: 12px; font-weight: 700; }
.branding-icon-picker summary[b-xfe9ylftly]::-webkit-details-marker { display: none; }
.branding-icon-picker summary > span:nth-child(2)[b-xfe9ylftly] { display: grid; gap: 3px; }
.branding-icon-picker summary small[b-xfe9ylftly] { color: var(--branding-muted); font-size: 10px; font-weight: 400; }
.branding-icon-picker summary[b-xfe9ylftly] >  svg { margin-inline-start: auto; }
.branding-selected-icon[b-xfe9ylftly] { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; color: var(--theme-primary-text); background: var(--theme-primary-soft); }
.branding-icon-options[b-xfe9ylftly] { display: grid; grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); gap: 7px; padding: 12px; border-top: 1px solid var(--branding-border); }
.branding-icon-option[b-xfe9ylftly] { display: grid; place-items: center; gap: 7px; min-height: 72px; padding: 10px 5px; border: 1px solid var(--branding-border); border-radius: 9px; background: var(--branding-surface); color: var(--branding-muted); cursor: pointer; font-size: 10px; }
.branding-icon-option:hover[b-xfe9ylftly], .branding-icon-option[aria-pressed="true"][b-xfe9ylftly] { border-color: var(--theme-primary-text); background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.branding-icon-picker summary:focus-visible[b-xfe9ylftly], .branding-icon-option:focus-visible[b-xfe9ylftly] { outline: 2px solid var(--theme-primary-text); outline-offset: 3px; }
.branding-icon-option:disabled[b-xfe9ylftly] { cursor: default; opacity: .7; }
.branding-highlight-preview strong[b-xfe9ylftly] { color: var(--branding-ink); font-size: 13px; line-height: 1.8; }
.branding-highlight-preview small[b-xfe9ylftly] { color: var(--branding-muted); font-size: 12px; line-height: 1.9; }
.branding-field .branding-markup-input[b-xfe9ylftly] { font-family: Consolas, monospace; font-size: 12px; line-height: 1.8; text-align: left; tab-size: 2; }
.branding-field .branding-markup-input[aria-invalid="true"][b-xfe9ylftly] { border-color: var(--theme-warning); }
.branding-trust-feedback[b-xfe9ylftly] { display: flex; gap: 8px; align-items: start; padding: 12px 14px; border: 1px solid var(--theme-warning-border); border-radius: 10px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 12px; line-height: 1.9; margin: 14px 0 0; }
.branding-trust-feedback[b-xfe9ylftly]  svg { flex: none; margin-top: 3px; }
.branding-trust-preview[b-xfe9ylftly] { margin-top: 18px; padding: 18px; border: 1px solid var(--branding-border); border-radius: 13px; background: var(--theme-primary-deep); color: var(--theme-on-dark); }
.branding-trust-preview > p[b-xfe9ylftly] { display: flex; gap: 8px; align-items: center; font-size: 12px; margin: 0 0 15px; }
.branding-trust-preview > p[b-xfe9ylftly]  svg { color: var(--theme-accent-on-dark); }
.branding-trust-preview > small[b-xfe9ylftly] { display: block; margin-top: 14px; color: var(--theme-on-dark-muted); font-size: 11px; line-height: 1.9; }
.branding-trust-badges[b-xfe9ylftly] { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; }
.branding-trust-badges[b-xfe9ylftly]  a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; width: 100px; min-height: 112px; padding: 10px; box-sizing: border-box; border-radius: 14px; background: var(--theme-image-surface); color: var(--theme-image-ink); text-align: center; font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; text-decoration: none; }
.branding-trust-badges[b-xfe9ylftly]  a:focus-visible { outline: 2px solid var(--theme-accent-on-dark); outline-offset: 4px; }
.branding-trust-badges[b-xfe9ylftly]  img { display: block; width: auto; height: auto; max-width: 100%; max-height: 92px; object-fit: contain; }
.branding-logo-grid[b-xfe9ylftly] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.branding-logo-card[b-xfe9ylftly] { min-width: 0; border: 1px solid var(--branding-border); border-radius: 14px; padding: 16px; background: var(--branding-soft); }
.branding-logo-heading[b-xfe9ylftly] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; color: var(--branding-ink); margin-bottom: 15px; }
.branding-logo-heading h3[b-xfe9ylftly] { margin: 0; font-size: 12px; }
.branding-logo-heading > span[b-xfe9ylftly] { margin-inline-start: auto; color: var(--branding-muted); font-size: 10px; }
.branding-logo-card[b-xfe9ylftly]  .media-picker-preview { height: 140px; background: var(--theme-image-surface); border-radius: 10px; }
.branding-logo-card[b-xfe9ylftly]  .media-picker-preview img { width: 100%; height: 100%; object-fit: contain; padding: 10px; box-sizing: border-box; }
.branding-logo-card-dark[b-xfe9ylftly]  .media-picker-preview { background: var(--theme-primary-deep); color: var(--theme-on-dark-muted); }
.branding-logo-card[b-xfe9ylftly]  .media-picker-actions { gap: 7px; margin-top: 12px; }
.branding-logo-card[b-xfe9ylftly]  .admin-button { font-size: 11px; padding: 8px 10px; }
.branding-logo-card[b-xfe9ylftly]  .media-picker-library { margin-top: 12px; }
.branding-help[b-xfe9ylftly] { display: flex; align-items: start; gap: 8px; margin: 17px 0 0; color: var(--branding-muted); font-size: 11px; line-height: 1.95; }
.branding-help[b-xfe9ylftly]  svg { flex: none; margin-top: 3px; }
.branding-actions[b-xfe9ylftly] { display: flex; flex-wrap: wrap; gap: 10px; padding: 21px 27px; background: var(--branding-soft); }
.branding-actions .admin-button[b-xfe9ylftly] { display: inline-flex; align-items: center; gap: 8px; justify-content: center; }
.branding-actions .branding-help[b-xfe9ylftly] { margin: 0; }
.branding-preview-stack[b-xfe9ylftly] { display: grid; gap: 20px; min-width: 0; position: sticky; top: 24px; }
.branding-preview-card[b-xfe9ylftly] { --branding-ink: var(--theme-ink); --branding-muted: var(--theme-muted); --branding-border: var(--theme-border); --branding-surface: var(--theme-surface); --branding-soft: var(--theme-canvas); overflow: hidden; background: var(--branding-surface); font-family: var(--site-font-family); }
.branding-font-sample[b-xfe9ylftly] { font-size: 13px; line-height: 2; color: var(--theme-ink); }
.branding-preview-heading[b-xfe9ylftly] { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding: 22px; }
.branding-preview-heading h2[b-xfe9ylftly] { margin: 0; color: var(--branding-ink); font-size: 15px; }
.branding-preview-heading > span:last-child[b-xfe9ylftly] { font-size: 10px; color: var(--branding-muted); margin-inline-start: auto; }
.branding-preview-dot[b-xfe9ylftly] { width: 7px; height: 7px; border-radius: 50%; background: var(--theme-primary); box-shadow: 0 0 0 4px var(--theme-primary-soft); }
.branding-preview-stage[b-xfe9ylftly] { margin: 0 18px 12px; border-radius: 13px; border: 1px solid var(--theme-border); padding: 22px 17px; background: var(--theme-canvas); color: var(--theme-ink); }
.branding-preview-stage > small[b-xfe9ylftly] { font-size: 10px; color: var(--theme-muted); }
.branding-preview-identity[b-xfe9ylftly] { display: flex; gap: 12px; align-items: center; margin-top: 23px; min-height: 65px; }
.branding-preview-identity > div[b-xfe9ylftly] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.branding-preview-identity strong[b-xfe9ylftly] { font-size: var(--site-brand-name-font-size); font-weight: 850; line-height: 1.5; overflow-wrap: anywhere; }
.branding-preview-identity span[b-xfe9ylftly] { color: var(--theme-muted); font-size: var(--site-brand-slogan-font-size); line-height: 1.8; overflow-wrap: anywhere; }
.branding-preview-stage-dark[b-xfe9ylftly] { background: var(--theme-primary-deep); border-color: var(--theme-primary-deep); color: var(--theme-on-dark); }
.branding-preview-stage-dark > small[b-xfe9ylftly], .branding-preview-stage-dark .branding-preview-identity span[b-xfe9ylftly] { color: var(--theme-on-dark-muted); }
.branding-preview-contact[b-xfe9ylftly] { padding: 9px 22px 24px; }
.branding-preview-footer[b-xfe9ylftly] { padding: 9px 22px 16px; border-bottom: 1px solid var(--branding-border); }
.branding-preview-footer h3[b-xfe9ylftly] { color: var(--branding-ink); font-size: 12px; margin: 8px 0 15px; }
.branding-preview-footer p[b-xfe9ylftly] { margin: 11px 0; color: var(--branding-muted); font-size: 12px; line-height: 1.9; white-space: pre-line; overflow-wrap: anywhere; }
.branding-preview-footer > small[b-xfe9ylftly] { color: var(--branding-muted); font-size: 11px; }
.branding-preview-contact h3[b-xfe9ylftly] { color: var(--branding-ink); font-size: 12px; margin: 8px 0 15px; }
.branding-preview-contact p[b-xfe9ylftly] { display: flex; gap: 8px; align-items: start; margin: 11px 0; color: var(--branding-muted); font-size: 12px; line-height: 1.9; }
.branding-preview-contact[b-xfe9ylftly]  svg { flex: none; margin-top: 3px; }
.branding-preview-contact > small[b-xfe9ylftly] { color: var(--branding-muted); font-size: 11px; }
.branding-address[b-xfe9ylftly] { white-space: pre-line; overflow-wrap: anywhere; }
.branding-guide[b-xfe9ylftly] { padding: 25px; border: 1px solid var(--theme-border); background: linear-gradient(140deg, var(--theme-primary-soft), var(--theme-canvas)); border-radius: 15px; color: var(--theme-primary-text); }
.branding-guide h2[b-xfe9ylftly] { margin: 14px 0 8px; color: var(--theme-ink); font-size: 15px; }
.branding-guide p[b-xfe9ylftly] { color: var(--theme-muted); font-size: 12px; line-height: 2.05; margin: 0; }
.branding-guide a[b-xfe9ylftly] { display: inline-flex; align-items: center; gap: 8px; color: var(--theme-primary-text); margin-top: 20px; font-size: 12px; font-weight: 750; }
.branding-font-field[b-xfe9ylftly], .branding-color-field[b-xfe9ylftly] { display: grid; align-content: start; gap: 10px; min-width: 0; }
.branding-font-field > label[b-xfe9ylftly], .branding-color-field > label[b-xfe9ylftly] { display: flex; gap: 8px; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 700; color: var(--branding-ink); }
.branding-font-field > label span[b-xfe9ylftly], .branding-color-field > label span[b-xfe9ylftly] { color: var(--branding-muted); font-size: 10px; font-weight: 400; }
.branding-font-field > small[b-xfe9ylftly], .branding-color-field > small[b-xfe9ylftly] { color: var(--branding-muted); font-size: 11px; line-height: 1.9; }
.branding-font-control[b-xfe9ylftly] { display: flex; gap: 14px; align-items: center; min-height: 42px; }
.branding-font-control input[type="range"][b-xfe9ylftly] { width: 100%; min-width: 0; accent-color: var(--theme-primary-text); cursor: pointer; }
.branding-font-control input[type="number"][b-xfe9ylftly] { width: 68px; flex: none; min-height: 40px; border: 1px solid var(--theme-border-strong); border-radius: 9px; background: var(--theme-surface); color: var(--theme-ink); padding: 5px; text-align: center; }
.branding-theme-fields[b-xfe9ylftly] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.branding-color-control[b-xfe9ylftly] { display: flex; gap: 10px; border: 1px solid var(--theme-border-strong); border-radius: 11px; padding: 7px; background: var(--theme-surface); align-items: center; }
.branding-color-control input[type="color"][b-xfe9ylftly] { appearance: none; border: 0; border-radius: 8px; background: transparent; width: 48px; height: 42px; padding: 0; flex: none; cursor: pointer; }
.branding-color-control input[type="color"][b-xfe9ylftly]::-webkit-color-swatch-wrapper { padding: 3px; }
.branding-color-control input[type="color"][b-xfe9ylftly]::-webkit-color-swatch { border: 1px solid var(--theme-border); border-radius: 7px; }
.branding-color-control input[type="color"][b-xfe9ylftly]::-moz-color-swatch { border: 1px solid var(--theme-border); border-radius: 7px; }
.branding-color-control input[type="text"][b-xfe9ylftly] { width: 100%; min-width: 0; border: 0; border-radius: 6px; padding: 8px; color: var(--theme-ink); background: transparent; font-family: Tahoma, Arial, sans-serif; font-size: 14px; letter-spacing: 1px; }
.branding-theme-presets[b-xfe9ylftly] { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-top: 22px; }
.branding-theme-presets > span[b-xfe9ylftly] { flex-basis: 100%; color: var(--branding-muted); font-size: 11px; margin-bottom: 2px; }
.branding-theme-preset[b-xfe9ylftly] { display: inline-flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-surface); color: var(--theme-ink); font-size: 11px; cursor: pointer; }
.branding-theme-preset:hover[b-xfe9ylftly], .branding-theme-preset.is-selected[b-xfe9ylftly] { border-color: var(--theme-primary-text); background: var(--theme-primary-soft); }
.branding-preset-swatches[b-xfe9ylftly] { display: inline-flex; direction: ltr; }
.branding-preset-swatches i[b-xfe9ylftly] { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--theme-surface); box-sizing: content-box; }
.branding-preset-swatches i + i[b-xfe9ylftly] { margin-left: -5px; }
.branding-theme-reset[b-xfe9ylftly] { border: 0; background: none; color: var(--theme-primary-text); text-decoration: underline; text-underline-offset: 4px; padding: 0; margin-top: 16px; cursor: pointer; font-size: 11px; }
.branding-theme-preview[b-xfe9ylftly] { margin: 18px; border: 1px solid var(--theme-border); border-radius: 13px; overflow: hidden; background: var(--theme-canvas); color: var(--theme-ink); }
.branding-theme-preview nav[b-xfe9ylftly] { display: flex; flex-wrap: wrap; gap: 15px; background: var(--theme-surface); border-bottom: 1px solid var(--theme-border); padding: 14px; font-size: 10px; color: var(--theme-muted); }
.branding-theme-preview nav .is-active[b-xfe9ylftly] { color: var(--theme-primary-text); font-weight: 750; box-shadow: 0 2px var(--theme-primary-text); }
.branding-theme-preview-product[b-xfe9ylftly] { display: flex; flex-direction: column; align-items: start; gap: 12px; padding: 18px 14px; }
.branding-theme-preview-badge[b-xfe9ylftly] { display: inline-flex; background: var(--theme-secondary-soft); color: var(--theme-secondary-text); font-size: 10px; padding: 3px 9px; border-radius: 6px; }
.branding-theme-preview-product > strong[b-xfe9ylftly] { font-size: 13px; line-height: 1.9; overflow-wrap: anywhere; }
.branding-theme-preview-product > small[b-xfe9ylftly] { font-size: 10px; color: var(--theme-muted); }
.branding-theme-preview-buttons[b-xfe9ylftly] { display: flex; flex-wrap: wrap; gap: 11px; align-items: center; }
.branding-theme-preview-buttons button[b-xfe9ylftly] { border: 1px solid var(--theme-primary-border); border-radius: 8px; padding: 9px 12px; background: var(--theme-primary); color: var(--theme-on-primary); font-size: 11px; font-weight: 700; cursor: pointer; }
.branding-theme-preview-buttons button:hover[b-xfe9ylftly] { background: var(--theme-primary-hover); }
.branding-theme-preview-buttons button:active[b-xfe9ylftly] { background: var(--theme-primary-active); }
.branding-theme-preview-buttons a[b-xfe9ylftly] { color: var(--theme-primary-text); font-size: 10px; }
.branding-theme-palette[b-xfe9ylftly] { display: flex; padding: 0 14px 14px; gap: 7px; }
.branding-theme-palette > span[b-xfe9ylftly] { width: 100%; height: 9px; border: 1px solid var(--theme-border); border-radius: 4px; }
fieldset:disabled .branding-theme-preset[b-xfe9ylftly], fieldset:disabled .branding-theme-reset[b-xfe9ylftly], fieldset:disabled input[b-xfe9ylftly] { cursor: default; }
@media (max-width: 1100px) { .branding-workspace[b-xfe9ylftly] { grid-template-columns: minmax(0, 1fr); } .branding-preview-stack[b-xfe9ylftly] { position: static; grid-template-columns: minmax(0, 1.4fr) minmax(230px, .8fr); align-items: start; } }
@media (max-width: 680px) { .branding-fields[b-xfe9ylftly], .branding-logo-grid[b-xfe9ylftly], .branding-preview-stack[b-xfe9ylftly], .branding-theme-fields[b-xfe9ylftly] { grid-template-columns: minmax(0, 1fr); } .branding-section[b-xfe9ylftly] { padding: 22px 17px; } .branding-actions[b-xfe9ylftly] { padding: 18px 17px; } .branding-actions .admin-button[b-xfe9ylftly] { flex: 1; min-width: 145px; } .branding-section-heading h2[b-xfe9ylftly] { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .branding-field input[b-xfe9ylftly], .branding-field textarea[b-xfe9ylftly] { transition: none; } }
/* /Components/Admin/Pages/Categories.razor.rz.scp.css */
.admin-category-tree-wrap[b-8nniesjf2m] {
    padding: 10px 18px 20px;
}

.admin-category-tree[b-8nniesjf2m] {
    display: grid;
    gap: 7px;
}

.admin-category-tree-row[b-8nniesjf2m] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(250px, 1fr) auto auto auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 11px 14px;
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: 12px;
}

.admin-category-tree-row.is-root[b-8nniesjf2m] {
    background: var(--theme-surface-muted);
    border-color: var(--theme-border);
}

.admin-category-tree-row.is-archived[b-8nniesjf2m] {
    opacity: .72;
}

.admin-category-drag-handle[b-8nniesjf2m] {
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    width: 28px;
    height: 34px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--theme-muted);
    background: transparent;
    cursor: grab;
}

.admin-category-drag-handle:hover:not(:disabled)[b-8nniesjf2m],
.admin-category-drag-handle:focus-visible[b-8nniesjf2m] {
    color: var(--theme-primary-text);
    background: var(--theme-primary-soft);
    border-color: var(--theme-primary-text);
}

.admin-category-drag-handle:active:not(:disabled)[b-8nniesjf2m] {
    cursor: grabbing;
}

.admin-category-drag-handle:disabled[b-8nniesjf2m] {
    cursor: default;
    opacity: .3;
}

.admin-category-tree-row.is-dragging[b-8nniesjf2m] {
    opacity: .45;
}

.admin-category-tree-row.is-drop-before[b-8nniesjf2m]::before,
.admin-category-tree-row.is-drop-after[b-8nniesjf2m]::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    height: 3px;
    border-radius: 3px;
    background: var(--theme-primary-text);
    pointer-events: none;
}

.admin-category-tree-row.is-drop-before[b-8nniesjf2m]::before {
    top: -5px;
}

.admin-category-tree-row.is-drop-after[b-8nniesjf2m]::after {
    bottom: -5px;
}

.admin-category-reorder-status[b-8nniesjf2m] {
    margin: 0 0 12px;
    color: var(--theme-primary-text);
    font-size: 12px;
}

.admin-category-tree-main[b-8nniesjf2m] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.admin-category-tree-indent[b-8nniesjf2m] {
    flex: 0 0 calc(var(--category-depth) * 24px);
    height: 20px;
}

.is-child .admin-category-tree-indent[b-8nniesjf2m] {
    border-inline-end: 1px solid var(--theme-border-strong);
    border-block-end: 1px solid var(--theme-border-strong);
    border-end-end-radius: 6px;
}

.admin-category-tree-expand[b-8nniesjf2m],
.admin-category-tree-leaf[b-8nniesjf2m] {
    display: grid;
    place-items: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border: 1px solid var(--theme-border);
    border-radius: 7px;
    color: var(--theme-primary-text);
    background: var(--theme-surface);
    font-size: 18px;
    line-height: 1;
}

.admin-category-tree-expand[b-8nniesjf2m] {
    cursor: pointer;
}

.admin-category-tree-expand:hover[b-8nniesjf2m],
.admin-category-tree-expand:focus-visible[b-8nniesjf2m] {
    border-color: var(--theme-primary-text);
    background: var(--theme-primary-soft);
}

.admin-category-tree-leaf[b-8nniesjf2m] {
    border-color: transparent;
    background: transparent;
    color: var(--theme-muted);
}

.admin-category-tree-label[b-8nniesjf2m] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.admin-preview-category-icon[b-8nniesjf2m] {
    flex: none;
    overflow: hidden;
}

.admin-preview-category-icon > img[b-8nniesjf2m] {
    width: 100%;
    height: 100%;
    padding: 4px;
    object-fit: contain;
}

.admin-category-icon-field[b-8nniesjf2m] {
    min-width: 0;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--theme-border);
    border-radius: 10px;
}

.admin-category-icon-field > legend[b-8nniesjf2m] {
    padding-inline: 6px;
    color: var(--theme-ink);
    font-size: 12px;
    font-weight: 600;
}

.admin-category-icon-field > p[b-8nniesjf2m] {
    margin-bottom: 12px;
    line-height: 1.9;
}

.admin-category-tree-label strong[b-8nniesjf2m] {
    color: var(--theme-ink);
    font-size: 13px;
    line-height: 1.65;
}

.admin-category-tree-label small[b-8nniesjf2m] {
    color: var(--theme-muted);
    font-size: 11px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.admin-category-child-count[b-8nniesjf2m] {
    padding: 3px 8px;
    border-radius: 99px;
    background: var(--theme-primary-soft);
    color: var(--theme-primary-text);
    font-size: 10px;
    white-space: nowrap;
}

.admin-category-home-toggle[b-8nniesjf2m] {
    white-space: nowrap;
}

.admin-category-home-toggle > span:first-child[b-8nniesjf2m] {
    color: var(--theme-muted);
    font-size: 11px;
}

.admin-category-tree-actions[b-8nniesjf2m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.admin-category-action[b-8nniesjf2m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 34px;
    padding: 5px 9px;
    border: 1px solid var(--theme-border);
    border-radius: 8px;
    background: var(--theme-surface);
    color: var(--theme-ink);
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    white-space: nowrap;
}

.admin-category-action:hover:not(:disabled)[b-8nniesjf2m],
.admin-category-action:focus-visible[b-8nniesjf2m] {
    background: var(--theme-primary-soft);
    border-color: var(--theme-primary-text);
}

.admin-category-action-danger[b-8nniesjf2m] {
    color: var(--theme-danger);
    border-color: var(--theme-danger-border);
}

.admin-category-action-danger:hover:not(:disabled)[b-8nniesjf2m],
.admin-category-action-danger:focus-visible[b-8nniesjf2m] {
    background: var(--theme-danger-soft);
    border-color: var(--theme-danger-border);
}

.admin-category-action:disabled[b-8nniesjf2m] {
    cursor: not-allowed;
    opacity: .45;
}

.admin-category-delete-dialog[b-8nniesjf2m] {
    max-width: 560px;
}

.admin-category-delete-dialog .admin-card-heading p[b-8nniesjf2m] {
    line-height: 2;
}

.admin-category-delete-error[b-8nniesjf2m] {
    margin: 0 20px 12px;
}

.admin-category-delete-button[b-8nniesjf2m] {
    color: var(--theme-on-danger);
    border-color: var(--theme-danger);
    background: var(--theme-danger);
}

.admin-category-delete-button:hover:not(:disabled)[b-8nniesjf2m] {
    background: var(--theme-danger-strong);
}

@media (max-width: 1050px) {
    .admin-category-tree-row[b-8nniesjf2m] {
        grid-template-columns: minmax(200px, 1fr) auto;
    }

    .admin-category-tree-actions[b-8nniesjf2m] {
        justify-content: flex-start;
    }
}

@media (max-width: 650px) {
    .admin-category-tree-wrap[b-8nniesjf2m] {
        padding-inline: 10px;
    }

    .admin-category-tree-row[b-8nniesjf2m] {
        grid-template-columns: 1fr auto;
        gap: 9px;
        padding: 11px;
    }

    .admin-category-tree-main[b-8nniesjf2m] {
        grid-column: 1 / -1;
    }

    .admin-category-tree-actions[b-8nniesjf2m] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .admin-category-tree-indent[b-8nniesjf2m] {
        flex-basis: calc(var(--category-depth) * 16px);
    }
}
/* /Components/Admin/Pages/ContentBannerEditor.razor.rz.scp.css */
.banner-format-guide[b-fzepxpi28b] { display: grid; gap: 5px; padding: 13px 15px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-primary-soft); color: var(--theme-ink); font-size: 12px; line-height: 1.9; }
.banner-format-guide strong[b-fzepxpi28b] { font-weight: 750; }
.banner-format-guide span[b-fzepxpi28b] { color: var(--theme-muted); }
.banner-format-guide bdi[b-fzepxpi28b] { display: inline-block; font-weight: 650; }
.banner-image-note[b-fzepxpi28b] { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-radius: 12px; background: var(--theme-primary-soft); color: var(--theme-muted); font-size: 12px; line-height: 2; }
.banner-image-note[b-fzepxpi28b]  svg { flex: none; margin-top: 3px; color: var(--theme-primary-text); }
.banner-image-note strong[b-fzepxpi28b] { color: var(--theme-ink); font-weight: 750; }
.banner-image-note p[b-fzepxpi28b] { margin: 3px 0 0; }
.banner-image-field[b-fzepxpi28b] { min-width: 0; }
.banner-image-field small[b-fzepxpi28b] { color: var(--theme-muted); font-size: 12px; line-height: 1.9; overflow-wrap: anywhere; }
.banner-image-field[b-fzepxpi28b]  .media-picker-preview { position: relative; min-height: 0; aspect-ratio: 4 / 1; }
.banner-image-field--mobile[b-fzepxpi28b]  .media-picker-preview { aspect-ratio: 2 / 1; }
.banner-image-field[b-fzepxpi28b]  .media-picker-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
/* /Components/Admin/Pages/ContentStories.razor.rz.scp.css */
.stories-studio[b-hp1qbsvo4h] { --stories-ink: var(--theme-ink); --stories-muted: var(--theme-muted); --stories-border: var(--theme-border); --stories-soft: var(--theme-primary-soft); }
.stories-breadcrumb[b-hp1qbsvo4h] { display: flex; align-items: center; gap: 7px; color: var(--stories-muted); font-size: 12px; }
.stories-breadcrumb a[b-hp1qbsvo4h] { color: var(--theme-ink); }
.stories-alert[b-hp1qbsvo4h] { flex-wrap: wrap; }
.stories-form[b-hp1qbsvo4h] { display: grid; gap: 22px; }
.stories-visibility[b-hp1qbsvo4h] { display: flex; align-items: center; gap: 16px; padding: 23px 25px; }
.stories-visibility-icon[b-hp1qbsvo4h] { display: grid; place-items: center; width: 52px; height: 52px; flex: none; background: linear-gradient(135deg, var(--theme-primary-soft), var(--theme-surface-muted)); border: 1px solid var(--theme-border); color: var(--theme-primary-text); border-radius: 15px; }
.stories-visibility > div[b-hp1qbsvo4h] { flex: 1; min-width: 0; }
.stories-visibility h2[b-hp1qbsvo4h] { margin: 0 0 6px; color: var(--stories-ink); font-size: 16px; }
.stories-visibility p[b-hp1qbsvo4h] { margin: 0; color: var(--stories-muted); font-size: 12px; line-height: 1.9; }
.stories-switch-label[b-hp1qbsvo4h] { position: relative; display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--stories-muted); cursor: pointer; white-space: nowrap; }
.stories-switch-label input[b-hp1qbsvo4h] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.stories-switch[b-hp1qbsvo4h] { position: relative; display: block; width: 44px; height: 25px; border-radius: 25px; background: var(--theme-primary-soft-strong); transition: background .18s; }
.stories-switch[b-hp1qbsvo4h]::after { content: ""; position: absolute; top: 4px; right: 4px; width: 17px; height: 17px; background: var(--theme-ink); border-radius: 50%; box-shadow: 0 1px 3px color-mix(in srgb,var(--theme-primary-deep) 14.9%,transparent); transition: transform .18s; }
.stories-switch-label input:checked + .stories-switch[b-hp1qbsvo4h] { background: var(--theme-primary); }
.stories-switch-label input:checked + .stories-switch[b-hp1qbsvo4h]::after { background: var(--theme-on-primary); transform: translateX(-19px); }
.stories-switch-label input:focus-visible + .stories-switch[b-hp1qbsvo4h] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
.stories-switch-label input:disabled + .stories-switch[b-hp1qbsvo4h] { opacity: .55; }
.stories-readonly[b-hp1qbsvo4h] { display: flex; align-items: start; gap: 8px; margin: 0; color: var(--stories-muted); font-size: 12px; line-height: 1.9; }
.stories-workspace[b-hp1qbsvo4h] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(340px, 1fr); align-items: start; gap: 22px; }
.stories-list-card[b-hp1qbsvo4h], .stories-editor[b-hp1qbsvo4h] { min-width: 0; overflow: hidden; }
.stories-list-card .admin-card-heading[b-hp1qbsvo4h], .stories-editor .admin-card-heading[b-hp1qbsvo4h] { border-bottom: 1px solid var(--stories-border); }
.stories-order-note[b-hp1qbsvo4h] { color: var(--stories-muted); font-size: 11px; }
.stories-list[b-hp1qbsvo4h] { padding: 4px 20px; }
.stories-row[b-hp1qbsvo4h] { display: flex; align-items: center; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--theme-border); }
.stories-row:last-child[b-hp1qbsvo4h] { border-bottom: 0; }
.stories-thumbnail[b-hp1qbsvo4h] { display: block; flex: none; background: var(--theme-primary-soft-strong); padding: 3px; border: 0; border-radius: 50%; width: 68px; height: 68px; }
.stories-thumbnail-active[b-hp1qbsvo4h] { background: linear-gradient(135deg, var(--theme-secondary), var(--theme-primary-strong)); }
.stories-thumbnail > span[b-hp1qbsvo4h] { position: relative; display: grid; place-items: center; width: 100%; height: 100%; border: 3px solid var(--theme-image-surface); border-radius: 50%; background: var(--theme-primary-soft); color: var(--theme-muted); overflow: hidden; box-sizing: border-box; }
.stories-thumbnail img[b-hp1qbsvo4h], .stories-thumbnail video[b-hp1qbsvo4h] { display: block; width: 100%; height: 100%; object-fit: cover; }
.stories-play-marker[b-hp1qbsvo4h] { display: grid; place-items: center; position: absolute; width: 23px; height: 23px; background: color-mix(in srgb,var(--theme-primary-strong-surface) 87.84%,transparent); border: 1px solid color-mix(in srgb,var(--theme-on-dark) 53%,transparent); border-radius: 50%; inset: auto 4px 4px auto; }
.stories-play-marker[b-hp1qbsvo4h]::after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid var(--theme-on-dark); margin-left: 2px; }
.stories-row-copy[b-hp1qbsvo4h] { flex: 1; min-width: 0; }
.stories-row-copy > div[b-hp1qbsvo4h] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.stories-row h3[b-hp1qbsvo4h] { margin: 0; font-size: 13px; line-height: 1.9; color: var(--stories-ink); overflow-wrap: anywhere; }
.stories-row p[b-hp1qbsvo4h] { margin: 5px 0 0; color: var(--stories-muted); font-size: 11px; }
.stories-row .content-status[b-hp1qbsvo4h] { font-size: 10px; padding: 3px 7px; }
.stories-row-selected .stories-thumbnail[b-hp1qbsvo4h] { box-shadow: 0 0 0 4px color-mix(in srgb,var(--theme-primary-deep) 12.55%,transparent); }
.stories-row-actions[b-hp1qbsvo4h] { display: flex; flex: none; align-items: center; gap: 5px; }
.stories-icon-button[b-hp1qbsvo4h], .stories-order-buttons button[b-hp1qbsvo4h] { display: grid; place-items: center; background: var(--theme-surface-muted); border: 1px solid var(--theme-border); color: var(--theme-muted); border-radius: 7px; width: 32px; height: 32px; }
.stories-icon-button:hover[b-hp1qbsvo4h], .stories-order-buttons button:hover[b-hp1qbsvo4h] { background: var(--theme-primary-soft); color: var(--theme-ink); }
.stories-delete:hover[b-hp1qbsvo4h] { background: var(--theme-danger-soft); border-color: var(--theme-danger-border); color: var(--theme-danger); }
.stories-order-buttons[b-hp1qbsvo4h] { display: grid; gap: 3px; margin-inline-end: 3px; }
.stories-order-buttons button[b-hp1qbsvo4h] { height: 25px; width: 27px; }
.stories-up[b-hp1qbsvo4h] { display: flex; transform: rotate(180deg); }
.stories-studio button:disabled[b-hp1qbsvo4h] { cursor: not-allowed; }
.stories-empty[b-hp1qbsvo4h] { min-height: 330px; }
.stories-empty h3[b-hp1qbsvo4h] { color: var(--stories-ink); font-size: 17px; margin: 5px 0 0; }
.stories-empty p[b-hp1qbsvo4h] { max-width: 36ch; font-size: 12px; line-height: 1.95; }
.stories-empty .admin-button[b-hp1qbsvo4h] { justify-self: center; margin-top: 7px; }
.stories-empty-ring[b-hp1qbsvo4h] { display: grid; place-items: center; width: 78px; height: 78px; border: 2px dashed var(--theme-border-strong); border-radius: 50%; color: var(--theme-primary-text); margin-bottom: 10px; }
.stories-list-note[b-hp1qbsvo4h] { display: flex; align-items: start; gap: 9px; padding: 17px 21px; border-top: 1px solid var(--stories-border); color: var(--stories-muted); background: var(--stories-soft); }
.stories-list-note p[b-hp1qbsvo4h] { margin: 0; font-size: 11px; line-height: 1.95; }
.stories-list-note[b-hp1qbsvo4h]  svg { flex: none; margin-top: 3px; }
.stories-editor[b-hp1qbsvo4h] { position: sticky; top: 24px; }
.stories-editor .admin-card-heading > svg[b-hp1qbsvo4h] { color: var(--theme-muted); }
.stories-editor-fields[b-hp1qbsvo4h] { display: grid; gap: 23px; border: 0; padding: 23px; margin: 0; min-width: 0; }
.stories-field[b-hp1qbsvo4h] { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: var(--stories-ink); font-size: 13px; font-weight: 700; }
.stories-field > span[b-hp1qbsvo4h], .stories-field-heading > span[b-hp1qbsvo4h] { margin-inline-start: auto; color: var(--stories-muted); font-size: 10px; font-weight: 400; }
.stories-field input[b-hp1qbsvo4h] { width: 100%; min-width: 0; box-sizing: border-box; background: var(--theme-surface); border: 1px solid var(--theme-border); border-radius: 9px; color: var(--stories-ink); font: inherit; font-size: 13px; font-weight: 400; min-height: 44px; padding: 10px 12px; }
.stories-field input:focus-visible[b-hp1qbsvo4h] { border-color: var(--theme-primary-text); outline: 2px solid var(--theme-primary-text); outline-offset: 2px; }
.stories-field input:disabled[b-hp1qbsvo4h] { background: var(--stories-soft); }
.stories-field small[b-hp1qbsvo4h] { color: var(--stories-muted); font-size: 11px; font-weight: 400; line-height: 1.9; }
.stories-field-heading[b-hp1qbsvo4h] { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.stories-field-heading h3[b-hp1qbsvo4h] { margin: 0; font-size: 13px; color: var(--stories-ink); }
.stories-media-field[b-hp1qbsvo4h] { min-width: 0; }
.stories-media-field[b-hp1qbsvo4h]  .media-picker-preview { height: 230px; background: var(--stories-soft); border-radius: 12px; }
.stories-media-field[b-hp1qbsvo4h]  .media-picker-preview img, .stories-media-field[b-hp1qbsvo4h]  .media-picker-preview video { display: block; width: 100%; height: 100%; object-fit: contain; }
.stories-media-field[b-hp1qbsvo4h]  .media-picker-actions { gap: 7px; flex-wrap: wrap; margin-top: 12px; }
.stories-media-field[b-hp1qbsvo4h]  .admin-button { font-size: 11px; padding: 8px 10px; }
.stories-cover[b-hp1qbsvo4h] { border-top: 1px solid var(--stories-border); padding-top: 20px; }
.stories-cover[b-hp1qbsvo4h]  .media-picker-preview { height: 150px; }
.stories-help[b-hp1qbsvo4h] { margin: 12px 0 0; color: var(--stories-muted); font-size: 11px; line-height: 1.95; }
.stories-link-fields[b-hp1qbsvo4h] { display: grid; gap: 18px; grid-column: 1 / -1; border-top: 1px solid var(--stories-border); padding-top: 20px; }
.stories-link-fields input[dir="ltr"][b-hp1qbsvo4h] { text-align: left; }
.stories-active-choice[b-hp1qbsvo4h] { display: flex; align-items: start; gap: 10px; padding: 16px; border: 1px solid var(--stories-border); background: var(--stories-soft); border-radius: 11px; cursor: pointer; }
.stories-active-choice input[b-hp1qbsvo4h] { accent-color: var(--theme-primary-text); margin-top: 3px; width: 16px; height: 16px; }
.stories-active-choice strong[b-hp1qbsvo4h] { display: block; color: var(--stories-ink); font-size: 12px; }
.stories-active-choice small[b-hp1qbsvo4h] { display: block; color: var(--stories-muted); margin-top: 5px; font-size: 11px; line-height: 1.8; }
.stories-editor-placeholder[b-hp1qbsvo4h] { display: grid; place-items: center; gap: 22px; padding: 35px 20px; color: var(--stories-muted); }
.stories-preview-frame[b-hp1qbsvo4h] { display: grid; place-items: center; width: 112px; height: 181px; border: 1px solid var(--theme-border); border-radius: 19px; background: linear-gradient(145deg, var(--theme-primary-soft), var(--theme-primary-soft)); color: var(--theme-muted); box-shadow: 9px 9px 0 var(--theme-focus-ring); }
.stories-editor-placeholder p[b-hp1qbsvo4h] { font-size: 12px; text-align: center; line-height: 1.95; }
.stories-save-bar[b-hp1qbsvo4h] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 20px 23px; border: 1px solid var(--stories-border); border-radius: 13px; background: var(--theme-surface); }
.stories-save-bar > p[b-hp1qbsvo4h] { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--stories-muted); font-size: 12px; }
.stories-save-bar > div[b-hp1qbsvo4h] { display: flex; flex-wrap: wrap; gap: 9px; }
.stories-save-bar .admin-button[b-hp1qbsvo4h] { min-height: 43px; font-size: 12px; }
@media (max-width: 1150px) { .stories-workspace[b-hp1qbsvo4h] { grid-template-columns: minmax(0, 1fr); } .stories-editor[b-hp1qbsvo4h] { position: static; } .stories-editor-fields[b-hp1qbsvo4h] { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .stories-field[b-hp1qbsvo4h], .stories-active-choice[b-hp1qbsvo4h] { grid-column: 1 / -1; } .stories-cover[b-hp1qbsvo4h] { border-top: 0; padding-top: 0; } }
@media (max-width: 680px) { .stories-visibility[b-hp1qbsvo4h] { flex-wrap: wrap; gap: 12px; padding: 19px 17px; } .stories-switch-label[b-hp1qbsvo4h] { flex-basis: 100%; justify-content: space-between; border-top: 1px solid var(--stories-border); padding-top: 15px; } .stories-visibility-icon[b-hp1qbsvo4h] { width: 43px; height: 43px; } .stories-visibility h2[b-hp1qbsvo4h] { font-size: 14px; } .stories-editor-fields[b-hp1qbsvo4h] { grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .stories-field[b-hp1qbsvo4h], .stories-active-choice[b-hp1qbsvo4h] { grid-column: auto; } .stories-cover[b-hp1qbsvo4h] { border-top: 1px solid var(--stories-border); padding-top: 20px; } .stories-list[b-hp1qbsvo4h] { padding-inline: 15px; } .stories-row[b-hp1qbsvo4h] { flex-wrap: wrap; gap: 11px; padding-block: 17px; } .stories-thumbnail[b-hp1qbsvo4h] { width: 59px; height: 59px; } .stories-row-actions[b-hp1qbsvo4h] { margin-inline-start: auto; } .stories-row-copy[b-hp1qbsvo4h] { flex-basis: calc(100% - 80px); } .stories-order-buttons[b-hp1qbsvo4h] { display: flex; gap: 5px; } .stories-order-buttons button[b-hp1qbsvo4h] { width: 32px; height: 32px; } .stories-save-bar[b-hp1qbsvo4h] { padding: 18px 17px; } .stories-save-bar > div[b-hp1qbsvo4h] { width: 100%; } .stories-save-bar .admin-button[b-hp1qbsvo4h] { flex: 1; } .stories-studio .content-lead[b-hp1qbsvo4h] { flex-wrap: wrap; } .stories-studio .content-lead > .admin-button[b-hp1qbsvo4h] { margin-top: 0; } }
@media (prefers-reduced-motion: reduce) { .stories-switch[b-hp1qbsvo4h], .stories-switch[b-hp1qbsvo4h]::after { transition: none; } }
/* /Components/Admin/Pages/Coupons.razor.rz.scp.css */
.coupon-metrics[b-9eocrtzm2u] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.coupon-metrics article[b-9eocrtzm2u] { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 20px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-surface); }
.coupon-metric-icon[b-9eocrtzm2u] { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 13px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.coupon-metric-icon-active[b-9eocrtzm2u] { color: var(--theme-success); background: color-mix(in srgb, var(--theme-success) 10%, var(--theme-surface)); }
.coupon-metrics article > div[b-9eocrtzm2u] { display: grid; gap: 6px; }
.coupon-metrics article > div > span[b-9eocrtzm2u] { color: var(--theme-muted); font-size: 12px; }
.coupon-metrics strong[b-9eocrtzm2u] { color: var(--theme-ink); font-size: 25px; line-height: 1.2; font-weight: 850; }
.coupon-filters[b-9eocrtzm2u] { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--theme-border); background: var(--theme-surface-muted); }
.coupon-filters label[b-9eocrtzm2u] { display: grid; gap: 7px; min-width: 190px; color: var(--theme-ink); font-size: 12px; font-weight: 650; }
.coupon-search[b-9eocrtzm2u] { flex: 1; max-width: 440px; }
.coupon-list[b-9eocrtzm2u]  .admin-table th { font-size: 12px; white-space: nowrap; }
.coupon-list[b-9eocrtzm2u]  .admin-table td { padding-block: 22px; vertical-align: middle; }
.coupon-code[b-9eocrtzm2u] { display: inline-block; padding: 8px 10px; max-width: 250px; border: 1px dashed var(--theme-border-strong); border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font-family: monospace; font-size: 14px; letter-spacing: .7px; overflow-wrap: anywhere; }
.coupon-discount[b-9eocrtzm2u] { display: block; color: var(--theme-ink); font-size: 13px; font-weight: 800; }
.coupon-cell-note[b-9eocrtzm2u] { display: block; margin-top: 7px; color: var(--theme-muted); font-size: 11px; font-weight: 400; line-height: 1.8; }
.coupon-date[b-9eocrtzm2u] { display: flex; align-items: center; gap: 10px; margin-block: 5px; white-space: nowrap; font-size: 12px; }
.coupon-date > span[b-9eocrtzm2u] { min-width: 18px; color: var(--theme-muted); font-size: 11px; }
.coupon-usage[b-9eocrtzm2u] { min-width: 135px; }
.coupon-usage > strong[b-9eocrtzm2u] { display: block; color: var(--theme-ink); font-size: 15px; }
.coupon-usage strong small[b-9eocrtzm2u] { color: var(--theme-muted); font-size: 11px; font-weight: 400; }
.coupon-usage progress[b-9eocrtzm2u] { display: block; width: 110px; height: 6px; margin-top: 10px; border: 0; border-radius: 10px; overflow: hidden; accent-color: var(--theme-primary); background: var(--theme-primary-soft); }
.coupon-usage progress[b-9eocrtzm2u]::-webkit-progress-bar { background: var(--theme-primary-soft); border-radius: 10px; }
.coupon-usage progress[b-9eocrtzm2u]::-webkit-progress-value { background: var(--theme-primary); border-radius: 10px; }
.coupon-usage progress[b-9eocrtzm2u]::-moz-progress-bar { background: var(--theme-primary); border-radius: 10px; }
.coupon-list-help[b-9eocrtzm2u] { display: flex; align-items: start; gap: 8px; line-height: 2; }
.coupon-list-help[b-9eocrtzm2u]  svg { flex: none; margin-top: 4px; }
@media (max-width: 1100px) { .coupon-metrics[b-9eocrtzm2u] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .coupon-metrics[b-9eocrtzm2u] { gap: 10px; } .coupon-metrics article[b-9eocrtzm2u] { padding: 14px; gap: 10px; } .coupon-metric-icon[b-9eocrtzm2u] { width: 34px; height: 34px; border-radius: 10px; } .coupon-metrics article > div > span[b-9eocrtzm2u] { font-size: 11px; } .coupon-metrics strong[b-9eocrtzm2u] { font-size: 22px; } .coupon-filters[b-9eocrtzm2u] { padding: 16px; } .coupon-filters label[b-9eocrtzm2u] { width: 100%; max-width: none; } }
/* /Components/Admin/Pages/DynamicSettings.razor.rz.scp.css */
.settings-breadcrumb[b-y5qopv9gou] { display: flex; align-items: center; gap: .5rem; color: var(--admin-muted); font-size: .8rem; margin-bottom: 1.4rem; }
.settings-breadcrumb a[b-y5qopv9gou] { color: var(--theme-primary-text); text-decoration: none; }
.settings-heading-icon[b-y5qopv9gou] { display: grid; place-items: center; flex: none; width: 58px; height: 58px; border: 1px solid var(--theme-border); border-radius: 18px; background: linear-gradient(140deg, var(--theme-primary-soft), var(--theme-surface)); color: var(--theme-primary-text); }
.settings-intro[b-y5qopv9gou] { display: flex; align-items: flex-start; gap: .7rem; border: 1px solid var(--theme-border); background: var(--theme-primary-soft); border-radius: 1rem; padding: 1rem 1.2rem; margin-bottom: 1.3rem; color: var(--theme-primary-text); }
.settings-intro p[b-y5qopv9gou] { margin: 0; font-size: .85rem; line-height: 1.9; }
.settings-intro[b-y5qopv9gou]  svg { flex-shrink: 0; margin-top: .25rem; }
.settings-tabs-shell[b-y5qopv9gou] { padding: 8px 8px 0; margin-bottom: 26px; border: 1px solid var(--theme-border); border-radius: 16px; background: var(--theme-surface); box-shadow: 0 4px 22px color-mix(in srgb, var(--theme-primary-deep) 3%, transparent); }
.settings-tabs[b-y5qopv9gou] { display: flex; gap: 5px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--theme-border) transparent; padding-bottom: 8px; }
.settings-tab[b-y5qopv9gou] { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 1 0 auto; min-height: 47px; padding: 11px 14px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--admin-muted); font-size: 11px; font-weight: 600; white-space: nowrap; }
.settings-tab:hover[b-y5qopv9gou] { background: var(--theme-canvas); color: var(--admin-ink); }
.settings-tab.is-active[b-y5qopv9gou] { background: var(--theme-primary-soft); color: var(--theme-primary-text); border-color: var(--theme-border); }
.settings-tab:focus-visible[b-y5qopv9gou], .settings-tab-panel:focus-visible[b-y5qopv9gou], .settings-shortcuts a:focus-visible[b-y5qopv9gou], .settings-service-card:focus-visible[b-y5qopv9gou] { outline: 2px solid var(--theme-primary-text); outline-offset: 3px; }
.settings-tab[b-y5qopv9gou]  svg { flex: none; }
.settings-tab-draft[b-y5qopv9gou] { width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--theme-warning); box-shadow: 0 0 0 3px var(--theme-warning-soft); }
.settings-tabs-hint[b-y5qopv9gou] { border-top: 1px solid var(--theme-border); padding: 10px 12px; color: var(--admin-muted); font-size: 10px; }
.settings-tab-panel[b-y5qopv9gou] { scroll-margin-top: 5rem; border-radius: 14px; }
.settings-tab-panel[hidden][b-y5qopv9gou] { display: none; }
.settings-panel-heading[b-y5qopv9gou] { display: flex; align-items: center; gap: 13px; margin-bottom: 22px; }
.settings-panel-icon[b-y5qopv9gou] { width: 46px; height: 46px; display: grid; place-items: center; flex: none; background: var(--theme-surface); color: var(--theme-primary-text); border: 1px solid var(--theme-border); border-radius: 13px; }
.settings-panel-heading > div[b-y5qopv9gou] { flex: 1; min-width: 0; }
.settings-panel-heading h2[b-y5qopv9gou] { font-size: 17px; font-weight: 750; }
.settings-panel-heading p[b-y5qopv9gou] { font-size: 11px; line-height: 1.9; color: var(--admin-muted); margin-top: 4px; }
.settings-draft-count[b-y5qopv9gou] { color: var(--theme-warning); background: var(--theme-warning-soft); border: 1px solid var(--theme-warning-border); border-radius: 7px; padding: 5px 9px; white-space: nowrap; font-size: 10px; }
.settings-shortcuts[b-y5qopv9gou] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.settings-shortcuts a[b-y5qopv9gou] { display: flex; align-items: center; gap: 13px; padding: 17px; background: var(--theme-surface); color: var(--admin-ink); border: 1px solid var(--theme-border); border-radius: 13px; }
.settings-shortcuts a:hover[b-y5qopv9gou] { border-color: var(--theme-primary-border); background: var(--theme-primary-soft); }
.settings-shortcuts a > span:nth-child(2)[b-y5qopv9gou] { flex: 1; min-width: 0; }
.settings-shortcuts a[b-y5qopv9gou] >  svg { color: var(--theme-primary-text); flex: none; }
.settings-shortcut-icon[b-y5qopv9gou] { display: grid; place-items: center; flex: none; width: 39px; height: 39px; background: var(--theme-primary-soft); color: var(--theme-primary-text); border-radius: 11px; }
.settings-shortcuts strong[b-y5qopv9gou] { font-size: 12px; display: block; }
.settings-shortcuts small[b-y5qopv9gou] { font-size: 10px; color: var(--admin-muted); display: block; margin-top: 3px; line-height: 1.8; }
.settings-service-grid[b-y5qopv9gou] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.settings-grid:empty[b-y5qopv9gou] { display: none; }
.settings-grid[b-y5qopv9gou] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.settings-wallet-intro[b-y5qopv9gou] { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 1rem; padding: 1.35rem; border-color: var(--theme-border); background: linear-gradient(110deg, var(--theme-primary-soft), var(--theme-surface)); scroll-margin-top: 5rem; }
.settings-wallet-symbol[b-y5qopv9gou] { display: grid; place-items: center; width: 3rem; height: 3rem; flex-shrink: 0; border-radius: .85rem; background: var(--theme-surface); color: var(--theme-primary-text); border: 1px solid var(--theme-border); }
.settings-wallet-intro > div[b-y5qopv9gou] { flex: 1; min-width: 0; }
.settings-wallet-intro h3[b-y5qopv9gou] { margin: 0; font-size: 1rem; }
.settings-wallet-intro .settings-group-label[b-y5qopv9gou] { margin-bottom: .4rem; }
.settings-wallet-intro p[b-y5qopv9gou] { margin: .65rem 0 .5rem; color: var(--admin-muted); font-size: .8rem; line-height: 1.9; }
.settings-wallet-intro small[b-y5qopv9gou] { display: block; color: var(--admin-muted); font-size: .73rem; line-height: 1.9; }
.settings-wallet-intro > .access-status[b-y5qopv9gou] { flex-shrink: 0; }
.settings-card[b-y5qopv9gou] { padding: 1.35rem; display: flex; flex-direction: column; min-width: 0; scroll-margin-top: 5rem; }
.settings-card.has-changes[b-y5qopv9gou] { border-color: var(--theme-warning-border); }
.settings-group-label[b-y5qopv9gou] { display: flex; align-items: center; gap: .4rem; color: var(--theme-primary-text); font-size: .7rem; font-weight: 700; margin: 0 0 .85rem; }
.settings-card-heading[b-y5qopv9gou] { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
.settings-card-heading h3[b-y5qopv9gou] { margin: 0; font-size: .92rem; }
.settings-description[b-y5qopv9gou] { color: var(--admin-muted); font-size: .77rem; line-height: 1.9; margin: .65rem 0 1rem; min-height: 3rem; }
.settings-fields[b-y5qopv9gou] { border: 0; padding: 0; margin: 0; display: grid; gap: .9rem; }
.settings-fields .access-input[b-y5qopv9gou] { width: 100%; }
.settings-textarea[b-y5qopv9gou] { min-height: 7rem; resize: vertical; line-height: 1.9; font-family: inherit; }
.settings-fields small[b-y5qopv9gou] { color: var(--admin-muted); font-size: .73rem; font-weight: 400; }
.settings-seal-picker[b-y5qopv9gou] { display: grid; gap: .9rem; }
.settings-seal-picker[b-y5qopv9gou]  .media-picker-preview { min-height: 11rem; border-radius: .85rem; background-color: #fff; background-image: linear-gradient(45deg, #f1f3f5 25%, transparent 25%), linear-gradient(-45deg, #f1f3f5 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f1f3f5 75%), linear-gradient(-45deg, transparent 75%, #f1f3f5 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0; }
.settings-seal-picker[b-y5qopv9gou]  .media-picker-preview img { max-height: 10rem; object-fit: contain; }
.settings-seal-picker small[b-y5qopv9gou] { line-height: 1.9; }
.settings-toggle[b-y5qopv9gou] { display: flex; align-items: center; gap: .7rem; min-height: 2.8rem; background: var(--theme-canvas); border: 1px solid var(--theme-border); padding: .75rem; border-radius: .75rem; }
.settings-toggle:has(input:checked)[b-y5qopv9gou] { background: var(--theme-primary-soft); border-color: var(--theme-primary-border); }
.settings-toggle input[b-y5qopv9gou] { width: 1.1rem; height: 1.1rem; accent-color: var(--theme-primary-text); }
.settings-secret-status[b-y5qopv9gou] { display: flex; align-items: center; gap: .5rem; font-size: .77rem; color: var(--admin-muted); margin: 0; }
.settings-secret-status[b-y5qopv9gou]  svg { flex: none; color: var(--theme-primary-text); }
.settings-actions[b-y5qopv9gou] { display: flex; flex-wrap: wrap; gap: .6rem; padding-top: 1.2rem; margin-top: auto; }
.settings-readonly[b-y5qopv9gou] { color: var(--admin-muted); font-size: .75rem; }
.settings-service-card[b-y5qopv9gou] { display: flex; align-items: flex-start; flex-direction: column; gap: 17px; padding: 25px; color: var(--admin-ink); }
.settings-service-card:hover[b-y5qopv9gou] { border-color: var(--theme-primary-border); background: var(--theme-primary-soft); }
.settings-service-icon[b-y5qopv9gou] { display: grid; place-items: center; width: 53px; height: 53px; border: 1px solid var(--theme-border); border-radius: 15px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.settings-service-card h3[b-y5qopv9gou] { font-size: 15px; }
.settings-service-card p[b-y5qopv9gou] { font-size: 11px; line-height: 1.9; color: var(--admin-muted); margin-top: 6px; }
.settings-service-action[b-y5qopv9gou] { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; padding-top: 10px; color: var(--theme-primary-text); font-size: 11px; font-weight: 700; }
@media (max-width: 1100px) { .settings-tab[b-y5qopv9gou] { flex: 0 0 auto; padding-inline: 13px; } }
@media (max-width: 800px) { .settings-grid[b-y5qopv9gou], .settings-service-grid[b-y5qopv9gou] { grid-template-columns: 1fr; } .settings-card-heading[b-y5qopv9gou] { flex-wrap: wrap; } .settings-wallet-intro[b-y5qopv9gou] { flex-wrap: wrap; } .settings-wallet-intro > .access-status[b-y5qopv9gou] { margin-inline-start: 4rem; } .settings-panel-heading[b-y5qopv9gou] { flex-wrap: wrap; } .settings-draft-count[b-y5qopv9gou] { margin-inline-start: 59px; } }
@media (max-width: 580px) { .settings-shortcuts[b-y5qopv9gou] { grid-template-columns: 1fr; gap: 11px; } .settings-tabs-shell[b-y5qopv9gou] { margin-inline: -4px; } .settings-heading-icon[b-y5qopv9gou] { width: 43px; height: 43px; border-radius: 13px; } .settings-heading-icon[b-y5qopv9gou]  svg { width: 23px; height: 23px; } .settings-tabs-hint[b-y5qopv9gou] { font-size: 9px; line-height: 1.8; } .settings-tab[b-y5qopv9gou] { gap: 6px; min-height: 43px; font-size: 10px; } .settings-tab[b-y5qopv9gou]  svg { width: 17px; height: 17px; } .settings-panel-heading h2[b-y5qopv9gou] { font-size: 15px; } .settings-panel-heading p[b-y5qopv9gou] { font-size: 10px; } .settings-card[b-y5qopv9gou] { padding: 1.1rem; } .settings-wallet-intro[b-y5qopv9gou] { padding: 1.1rem; } .settings-wallet-intro > .access-status[b-y5qopv9gou] { margin-inline-start: 0; } }
/* /Components/Admin/Pages/NewCoupon.razor.rz.scp.css */
.coupon-form-body[b-qmn9ma5ca9] { display: grid; gap: 22px; }
.coupon-section-heading[b-qmn9ma5ca9] { display: flex; align-items: center; gap: 12px; padding-top: 6px; }
.coupon-section-heading:not(:first-child)[b-qmn9ma5ca9] { border-top: 1px solid var(--theme-border); padding-top: 24px; }
.coupon-section-heading > span[b-qmn9ma5ca9] { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 11px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font-size: 15px; font-weight: 800; }
.coupon-section-heading h3[b-qmn9ma5ca9] { margin: 0; color: var(--theme-ink); font-size: 15px; font-weight: 800; }
.coupon-section-heading p[b-qmn9ma5ca9] { margin: 4px 0 0; color: var(--theme-muted); font-size: 11px; line-height: 1.8; }
.coupon-code-input[b-qmn9ma5ca9] { font-family: monospace; letter-spacing: 1.5px; font-weight: 700; text-transform: uppercase; }
.coupon-schedule-grid[b-qmn9ma5ca9] { display: grid; gap: 20px; }
.coupon-active[b-qmn9ma5ca9] { align-items: center; gap: 12px; }
.coupon-active > span[b-qmn9ma5ca9] { display: grid; gap: 4px; }
.coupon-active strong[b-qmn9ma5ca9] { font-size: 13px; }
.coupon-active small[b-qmn9ma5ca9] { color: var(--theme-muted); font-size: 11px; font-weight: 400; line-height: 1.8; }
.coupon-preview[b-qmn9ma5ca9] { display: grid; gap: 18px; padding: 26px; border: 1px solid var(--theme-border-strong); border-radius: 18px; background: linear-gradient(145deg, var(--theme-primary-soft), var(--theme-surface)); color: var(--theme-primary-text); }
.coupon-preview p[b-qmn9ma5ca9] { margin: 0; font-size: 12px; font-weight: 650; }
.coupon-preview-value[b-qmn9ma5ca9] { font-size: 36px; font-weight: 900; line-height: 1.2; }
.coupon-preview-value small[b-qmn9ma5ca9] { font-size: 15px; font-weight: 700; }
.coupon-preview bdi[b-qmn9ma5ca9] { max-width: 100%; overflow-wrap: anywhere; padding: 15px; border: 1px dashed var(--theme-border-strong); border-radius: 10px; background: var(--theme-surface); font-family: monospace; font-size: 19px; letter-spacing: 1.2px; font-weight: 800; text-align: center; }
.coupon-preview > span[b-qmn9ma5ca9] { color: var(--theme-muted); font-size: 12px; }
/* /Components/Admin/Pages/NotificationTemplates.razor.rz.scp.css */
.notification-overview[b-qbswnu89wj] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.4rem; }
.notification-overview .admin-card[b-qbswnu89wj] { display: flex; flex-direction: column; gap: .45rem; padding: 1.2rem; }
.notification-overview span[b-qbswnu89wj], .notification-overview small[b-qbswnu89wj] { color: var(--admin-muted, var(--theme-muted)); }
.notification-overview strong[b-qbswnu89wj] { font-size: 1.4rem; }
.notification-workspace[b-qbswnu89wj] { display: grid; grid-template-columns: minmax(230px, .8fr) minmax(0, 2fr); gap: 1.3rem; align-items: start; }
.notification-event-list[b-qbswnu89wj] { display: grid; gap: .55rem; padding: 1rem; }
.notification-event[b-qbswnu89wj] { display: flex; flex-direction: column; gap: .35rem; text-align: right; border: 1px solid var(--theme-border); background: var(--theme-surface); padding: .9rem; border-radius: 10px; font: inherit; color: inherit; cursor: pointer; }
.notification-event small[b-qbswnu89wj] { color: var(--theme-muted); font-size: .75rem; }
.notification-event--selected[b-qbswnu89wj] { border-color: var(--theme-primary-text); background: var(--theme-primary-soft); }
.notification-event:focus-visible[b-qbswnu89wj] { outline: 3px solid var(--theme-primary-text); outline-offset: 2px; }
.notification-placeholder-help[b-qbswnu89wj] { display: grid; gap: .55rem; border: 1px solid var(--theme-border); border-radius: 10px; padding: 1rem; background: var(--theme-surface-muted); }
.notification-placeholder-help div[b-qbswnu89wj] { display: flex; align-items: center; gap: 1rem; }
.notification-placeholder-help code[b-qbswnu89wj] { color: var(--theme-primary-text); font-size: .85rem; }
.notification-placeholder-help small[b-qbswnu89wj], .notification-policy[b-qbswnu89wj] { color: var(--theme-muted); line-height: 1.9; }
.notification-enabled[b-qbswnu89wj] { display: flex; align-items: center; gap: .7rem; }
.notification-enabled input[b-qbswnu89wj] { width: 18px; height: 18px; accent-color: var(--theme-primary-text); }
.notification-preview[b-qbswnu89wj] { margin: 0 1.5rem 1.5rem; padding: 1.3rem; border-radius: 12px; border: 1px solid var(--theme-primary-border); background: var(--theme-primary-soft); overflow-wrap: anywhere; }
.notification-preview small[b-qbswnu89wj] { color: var(--theme-muted); }
.notification-preview h3[b-qbswnu89wj] { margin: .6rem 0; }
.notification-preview p[b-qbswnu89wj] { white-space: pre-wrap; line-height: 1.9; margin: 0; }
@media (max-width: 950px) { .notification-workspace[b-qbswnu89wj] { grid-template-columns: 1fr; } .notification-event-list[b-qbswnu89wj] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .notification-overview[b-qbswnu89wj] { grid-template-columns: 1fr; } .notification-event-list[b-qbswnu89wj] { grid-template-columns: 1fr; } .notification-placeholder-help div[b-qbswnu89wj] { flex-wrap: wrap; } }
/* /Components/Admin/Pages/OrderDetails.razor.rz.scp.css */
.admin-order-detail-summary[b-01igtzytph] { display: flex; flex-wrap: wrap; gap: 28px; padding: 22px; margin-bottom: 20px; }
.admin-order-detail-summary div[b-01igtzytph] { display: grid; gap: 6px; justify-items: start; }
.admin-order-detail-summary span:not(.admin-status)[b-01igtzytph] { color: var(--theme-muted); font-size: 10px; }
.admin-order-detail-summary strong[b-01igtzytph] { color: var(--theme-muted); font-size: 12px; }
.admin-order-detail-error[b-01igtzytph] { padding: 22px; color: var(--theme-danger); font-size: 12px; }
.admin-order-customer-card[b-01igtzytph] { margin-bottom: 20px; }
.admin-order-customer-fields[b-01igtzytph] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 28px; padding: 22px; margin: 0; }
.admin-order-customer-fields div[b-01igtzytph] { display: grid; align-content: start; justify-items: start; gap: 7px; min-width: 0; }
.admin-order-customer-fields dt[b-01igtzytph] { color: var(--theme-muted); font-size: 11px; }
.admin-order-customer-fields dd[b-01igtzytph] { margin: 0; color: var(--theme-primary-text); font-size: 13px; font-weight: 600; overflow-wrap: anywhere; max-width: 100%; }
.admin-order-customer-fields .admin-order-user-id[b-01igtzytph] { font-size: 11px; }
@media (max-width: 900px) { .admin-order-customer-fields[b-01igtzytph] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .admin-order-customer-fields[b-01igtzytph] { grid-template-columns: 1fr; padding: 18px; } }
.admin-order-shipment-details[b-01igtzytph] { margin-block: 22px; }
.admin-order-shipment-details summary[b-01igtzytph] { padding: 18px 22px; background: var(--theme-primary-soft); border: 1px solid var(--theme-border); border-radius: 12px; color: var(--theme-primary-text); font-size: 13px; cursor: pointer; }
/* /Components/Admin/Pages/Orders.razor.rz.scp.css */
.admin-orders-pagination[b-le1uw17kb0] { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 17px; border-top: 1px solid var(--theme-border); color: var(--theme-muted); font-size: 10px; }
.admin-orders-pagination a[b-le1uw17kb0] { color: var(--theme-primary-text); font-weight: 700; }
.admin-order-recipient[b-le1uw17kb0] { display: grid; justify-items: start; gap: 5px; min-width: 130px; }
.admin-order-recipient strong[b-le1uw17kb0] { color: var(--theme-muted); font-size: 12px; }
.admin-order-recipient span[b-le1uw17kb0] { color: var(--theme-muted); font-size: 11px; }
.admin-orders-search[b-le1uw17kb0] { display: grid; gap: 18px; padding: 22px; border-bottom: 1px solid var(--theme-border); }
.admin-orders-search-text[b-le1uw17kb0], .admin-orders-search-field[b-le1uw17kb0] { display: grid; align-content: start; gap: 8px; }
.admin-orders-search-text label[b-le1uw17kb0], .admin-orders-search-field label[b-le1uw17kb0] { color: var(--theme-ink); font-size: 12px; font-weight: 700; }
.admin-orders-search-text small[b-le1uw17kb0] { color: var(--theme-muted); font-size: 11px; line-height: 1.8; }
.admin-orders-search-input[b-le1uw17kb0] { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 13px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-muted); background: var(--theme-surface); }
.admin-orders-search-input input[b-le1uw17kb0] { flex: 1; min-width: 0; padding: 12px 0; color: var(--theme-ink); font-size: 12px; outline: none; background: transparent; border: 0; }
.admin-orders-search-input:focus-within[b-le1uw17kb0] { border-color: var(--theme-primary-text); box-shadow: 0 0 0 3px var(--theme-focus-ring); }
.admin-orders-search-filters[b-le1uw17kb0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 16px; }
.admin-orders-search-field select[b-le1uw17kb0] { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--theme-border); border-radius: 10px; background: var(--theme-surface); color: var(--theme-ink); font-size: 12px; }
.admin-orders-search-field select:focus-visible[b-le1uw17kb0] { outline: 2px solid var(--theme-primary-text); outline-offset: 2px; }
.admin-orders-search-actions[b-le1uw17kb0] { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.admin-orders-clear[b-le1uw17kb0] { color: var(--theme-muted); font-size: 12px; font-weight: 600; }
@media (max-width: 1000px) { .admin-orders-search-filters[b-le1uw17kb0] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .admin-orders-search[b-le1uw17kb0] { padding: 16px; } .admin-orders-search-filters[b-le1uw17kb0] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Admin/Pages/PaymentProviders.razor.rz.scp.css */
.payment-admin-alert[b-1imhhzojjt] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; margin-bottom: 20px; border: 1px solid var(--theme-danger-border); border-radius: 12px; background: var(--theme-danger-soft); color: var(--theme-danger); font-size: 12px; }
.payment-admin-alert button[b-1imhhzojjt] { border: 0; background: none; color: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.payment-admin-loading[b-1imhhzojjt] { padding: 30px; color: var(--theme-muted); }
.payment-provider-grid[b-1imhhzojjt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr)); align-items: start; gap: 20px; }
.payment-provider-card[b-1imhhzojjt] { padding: 24px; }
.payment-provider-presentation[b-1imhhzojjt] { display: grid; gap: 16px; padding: 18px; margin-top: 20px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-primary-soft); }
.payment-provider-presentation-heading h3[b-1imhhzojjt] { margin: 0; color: var(--theme-ink); font-size: 13px; }
.payment-provider-presentation-heading p[b-1imhhzojjt] { margin: 5px 0 0; color: var(--theme-muted); font-size: 11px; line-height: 1.8; }
.payment-provider-display-name[b-1imhhzojjt] { display: grid; gap: 8px; color: var(--theme-ink); font-size: 11px; font-weight: 700; }
.payment-provider-display-name input[b-1imhhzojjt] { width: 100%; min-width: 0; min-height: 42px; padding: 8px 10px; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-weight: 500; }
.payment-provider-display-name input:focus[b-1imhhzojjt] { outline: 2px solid var(--theme-primary-text); outline-offset: 1px; }
.payment-provider-display-name small[b-1imhhzojjt] { color: var(--theme-muted); font-size: 10px; font-weight: 400; line-height: 1.8; }
.payment-provider-field-label[b-1imhhzojjt], .payment-provider-description[b-1imhhzojjt] { color: var(--theme-ink); font-size: 11px; font-weight: 700; }
.payment-provider-field-label[b-1imhhzojjt] { display: block; margin-bottom: 8px; }
.payment-provider-logo[b-1imhhzojjt]  .media-picker-preview { min-height: 110px; background: var(--theme-surface); border-style: solid; }
.payment-provider-logo[b-1imhhzojjt]  .media-picker-preview img { height: 110px; padding: 14px; }
.payment-provider-logo small[b-1imhhzojjt], .payment-provider-description small[b-1imhhzojjt] { display: block; margin-top: 7px; color: var(--theme-muted); font-size: 10px; font-weight: 400; line-height: 1.8; }
.payment-provider-description[b-1imhhzojjt] { display: block; }
.payment-provider-description > span[b-1imhhzojjt] { margin-inline-start: 5px; color: var(--theme-muted); font-size: 10px; font-weight: 400; }
.payment-provider-description textarea[b-1imhhzojjt] { display: block; width: 100%; margin-top: 8px; padding: 11px 12px; resize: vertical; border: 1px solid var(--theme-border); border-radius: 10px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-weight: 400; line-height: 1.9; }
.payment-provider-description textarea:focus[b-1imhhzojjt] { outline: 2px solid var(--theme-primary-text); outline-offset: 1px; }
.payment-provider-description-note[b-1imhhzojjt] { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--theme-muted); font-size: 11px; line-height: 1.9; }
.payment-provider-description-note[b-1imhhzojjt]  svg { flex-shrink: 0; margin-top: 3px; }
.payment-admin-note[b-1imhhzojjt] { padding: 12px 14px; margin: 16px 0 0; border-radius: 10px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 11px; line-height: 1.8; }
.payment-provider-fields[b-1imhhzojjt] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.payment-provider-fields label[b-1imhhzojjt] { display: grid; gap: 6px; color: var(--theme-ink); font-size: 11px; font-weight: 700; }
.payment-provider-fields input[b-1imhhzojjt], .payment-provider-fields select[b-1imhhzojjt] { width: 100%; min-width: 0; min-height: 42px; padding: 8px 10px; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-weight: 500; }
.payment-provider-fields input:focus[b-1imhhzojjt], .payment-provider-fields select:focus[b-1imhhzojjt] { outline: 2px solid var(--theme-primary-text); outline-offset: 1px; }
.payment-provider-fields small[b-1imhhzojjt] { color: var(--theme-muted); font-weight: 400; line-height: 1.7; }
.payment-provider-toggle[b-1imhhzojjt] { display: flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--theme-ink); font-size: 12px; font-weight: 700; }
.payment-provider-toggle input[b-1imhhzojjt] { accent-color: var(--theme-primary-text); }
.payment-provider-sandbox[b-1imhhzojjt] { grid-column: 1 / -1; }
.payment-provider-fields .payment-provider-sandbox .payment-provider-toggle[b-1imhhzojjt] { display: flex; margin-top: 0; font-size: 12px; }
.payment-provider-sandbox input[type="checkbox"][b-1imhhzojjt] { width: 16px; min-height: 16px; height: 16px; padding: 0; flex-shrink: 0; }
.payment-provider-sandbox small[b-1imhhzojjt] { display: block; margin-top: 8px; }
.payment-provider-fields input:disabled[b-1imhhzojjt] { background: var(--theme-primary-soft); color: var(--theme-muted); }
.payment-provider-save[b-1imhhzojjt] { margin-top: 19px; border: 0; cursor: pointer; }
.payment-provider-save:disabled[b-1imhhzojjt] { opacity: .6; cursor: wait; }
.payment-provider-feedback[b-1imhhzojjt] { display: flex; align-items: start; gap: 7px; margin: 12px 0 0; font-size: 11px; line-height: 1.9; }
.payment-provider-feedback[b-1imhhzojjt]  svg { flex: none; margin-top: 2px; }
.payment-provider-feedback.is-success[b-1imhhzojjt] { color: var(--theme-primary-text); }
.payment-provider-feedback.is-error[b-1imhhzojjt] { color: var(--theme-danger); }
@media (max-width: 650px) { .payment-provider-fields[b-1imhhzojjt] { grid-template-columns: 1fr; } .payment-provider-card[b-1imhhzojjt] { padding: 18px; } }
/* /Components/Admin/Pages/ProductGalleryManager.razor.rz.scp.css */
.gallery-add[b-ooyfgxs5cd] { display: grid; gap: 14px; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--theme-border); }
.gallery-add > h3[b-ooyfgxs5cd] { font-size: 15px; font-weight: 700; }
.gallery-add > .admin-button[b-ooyfgxs5cd] { width: fit-content; }
.gallery-image-list[b-ooyfgxs5cd] { display: grid; gap: 16px; }
.gallery-image-row[b-ooyfgxs5cd] { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 18px; align-items: start; padding: 16px; border: 1px solid var(--theme-border); border-radius: 12px; }
.gallery-image-preview[b-ooyfgxs5cd] { display: grid; gap: 10px; justify-items: center; }
.gallery-image-preview > img[b-ooyfgxs5cd] { width: 112px; height: 112px; object-fit: contain; border-radius: 8px; background: var(--theme-image-surface); }
.gallery-image-fields[b-ooyfgxs5cd] { display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: 12px; }
.gallery-image-actions[b-ooyfgxs5cd] { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 8px; }
.gallery-image-actions .admin-button[b-ooyfgxs5cd] { font-size: 13px; min-height: 36px; }
.gallery-danger[b-ooyfgxs5cd] { color: var(--theme-danger); border-color: var(--theme-danger-border); }
.gallery-feedback[b-ooyfgxs5cd] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 16px; }
@media (max-width: 640px) {
    .gallery-image-row[b-ooyfgxs5cd] { grid-template-columns: 1fr; }
    .gallery-image-fields[b-ooyfgxs5cd] { grid-template-columns: 1fr; }
}
/* /Components/Admin/Pages/ProductInstallmentSettings.razor.rz.scp.css */
.admin-product-installments-provider + .admin-product-installments-provider[b-y0syipcpud] {
    border-top: 1px solid var(--admin-border, var(--theme-border));
    margin-top: 1rem;
    padding-top: 1rem;
}

.admin-product-installments-fields[b-y0syipcpud] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.admin-product-installments .admin-form-actions[b-y0syipcpud] {
    margin-top: 1.25rem;
}
/* /Components/Admin/Pages/ProductReviews.razor.rz.scp.css */
.review-management[b-k7khldcmtm] { color: var(--theme-ink); }
.review-management__heading[b-k7khldcmtm] { gap: 20px; }
.review-management__heading-title[b-k7khldcmtm] { display: flex; align-items: center; gap: 17px; }
.review-management__heading-title > span[b-k7khldcmtm] { width: 57px; height: 57px; flex: none; display: grid; place-items: center; border-radius: 17px; background: var(--theme-secondary-soft); color: var(--theme-secondary-text); }
.review-management__pending-count[b-k7khldcmtm] { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 11px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 13px; font-weight: 650; flex: none; }
.review-management__readonly[b-k7khldcmtm] { display: flex; gap: 8px; align-items: start; margin-bottom: 18px; color: var(--theme-muted); font-size: 13px; line-height: 1.8; }
.review-management__readonly > svg[b-k7khldcmtm] { flex: none; margin-top: 3px; }
.review-management__card-heading[b-k7khldcmtm] { gap: 16px; padding-bottom: 20px; }
.review-management__card-heading p[b-k7khldcmtm] { line-height: 1.9; }
.review-management__search[b-k7khldcmtm] { display: flex; align-items: end; gap: 12px; padding: 20px 24px; background: var(--theme-surface-muted); border-top: 1px solid var(--theme-border); }
.review-management__search > div[b-k7khldcmtm] { flex: 1; min-width: 0; max-width: 640px; }
.review-management__search label[b-k7khldcmtm] { display: block; font-size: 13px; font-weight: 650; margin-bottom: 8px; }
.review-management__search-input[b-k7khldcmtm] { display: flex; align-items: center; gap: 10px; min-height: 44px; border: 1px solid var(--theme-border-strong); border-radius: 10px; padding-inline: 13px; background: var(--theme-surface); color: var(--theme-muted); }
.review-management__search-input input[b-k7khldcmtm] { min-width: 0; width: 100%; padding-block: 11px; background: transparent; border: 0; outline: 0; color: var(--theme-ink); font: inherit; font-size: 14px; }
.review-management__search-input:focus-within[b-k7khldcmtm] { outline: 2px solid var(--theme-primary-border); outline-offset: 2px; }
.review-management__search > a[b-k7khldcmtm] { font-size: 12px; min-height: 44px; align-content: center; }
.review-management__filters[b-k7khldcmtm] { display: flex; gap: 8px; padding: 16px 24px; border-block: 1px solid var(--theme-border); overflow-x: auto; }
.review-management__filters a[b-k7khldcmtm] { flex: none; padding: 9px 16px; border: 1px solid transparent; border-radius: 9px; color: var(--theme-muted); font-size: 13px; font-weight: 650; }
.review-management__filters a:hover[b-k7khldcmtm] { background: var(--theme-surface-muted); }
.review-management__filters a.is-active[b-k7khldcmtm] { color: var(--theme-primary-text); background: var(--theme-primary-soft); border-color: var(--theme-border); }
.review-management__list[b-k7khldcmtm] { display: grid; gap: 16px; padding: 24px; }
.review-management__review[b-k7khldcmtm] { border: 1px solid var(--theme-border); border-radius: 15px; padding: 22px; background: var(--theme-surface); }
.review-management__review-heading[b-k7khldcmtm] { display: flex; align-items: start; justify-content: space-between; gap: 15px; }
.review-management__product[b-k7khldcmtm] { display: flex; align-items: start; gap: 12px; min-width: 0; }
.review-management__product > span[b-k7khldcmtm] { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 12px; color: var(--theme-primary-text); background: var(--theme-primary-soft); }
.review-management__product > div[b-k7khldcmtm] { min-width: 0; }
.review-management__product a[b-k7khldcmtm] { color: var(--theme-ink); font-size: 15px; font-weight: 750; line-height: 1.9; overflow-wrap: anywhere; }
.review-management__product a:hover[b-k7khldcmtm] { color: var(--theme-primary-text); }
.review-management__author[b-k7khldcmtm] { display: flex; align-items: center; gap: 5px; color: var(--theme-muted); font-size: 12px; margin-top: 4px; }
.review-management__status[b-k7khldcmtm] { padding: 5px 10px; border-radius: 8px; font-size: 12px; font-weight: 650; flex: none; }
.review-management__status--pending[b-k7khldcmtm] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.review-management__status--approved[b-k7khldcmtm] { background: var(--theme-success-soft); color: var(--theme-success); }
.review-management__status--rejected[b-k7khldcmtm] { background: var(--theme-danger-soft); color: var(--theme-danger); }
.review-management__review-meta[b-k7khldcmtm] { display: flex; align-items: center; gap: 12px; margin-top: 18px; color: var(--theme-muted); font-size: 12px; }
.review-management__review-meta time[b-k7khldcmtm] { margin-inline-start: auto; font-size: 11px; }
.review-management__stars[b-k7khldcmtm] { color: var(--theme-secondary-text); letter-spacing: 2px; direction: ltr; font-size: 20px; }
.review-management__text[b-k7khldcmtm] { margin-top: 12px; line-height: 2; white-space: pre-line; overflow-wrap: anywhere; font-size: 14px; color: var(--theme-ink); }
.review-management__moderation[b-k7khldcmtm] { display: flex; align-items: end; gap: 18px; border-top: 1px solid var(--theme-border); padding-top: 18px; margin-top: 20px; }
.review-management__note-field[b-k7khldcmtm] { flex: 1; min-width: 0; }
.review-management__note-field label[b-k7khldcmtm] { display: block; font-size: 12px; font-weight: 650; margin-bottom: 7px; }
.review-management__note-field label > span[b-k7khldcmtm] { font-weight: 400; font-size: 11px; color: var(--theme-muted); margin-inline-start: 8px; }
.review-management__note-field textarea[b-k7khldcmtm] { width: 100%; min-height: 67px; padding: 10px 12px; display: block; resize: vertical; font: inherit; font-size: 13px; line-height: 1.8; border: 1px solid var(--theme-border-strong); border-radius: 10px; background: var(--theme-surface-muted); color: var(--theme-ink); }
.review-management__note-field textarea[b-k7khldcmtm]::placeholder { color: var(--theme-muted); }
.review-management__actions[b-k7khldcmtm] { display: flex; gap: 8px; flex: none; }
.review-management__actions button[b-k7khldcmtm] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 9px 14px; border: 1px solid; border-radius: 9px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.review-management__actions button:disabled[b-k7khldcmtm] { opacity: .55; cursor: default; }
.review-management__approve[b-k7khldcmtm] { background: var(--theme-primary); color: var(--theme-on-primary); border-color: var(--theme-primary-border) !important; }
.review-management__approve:hover[b-k7khldcmtm] { background: var(--theme-primary-hover); }
.review-management__reject[b-k7khldcmtm] { background: var(--theme-danger-soft); color: var(--theme-danger); border-color: var(--theme-danger-border) !important; }
.review-management__reject:hover[b-k7khldcmtm] { color: var(--theme-danger-strong); }
.review-management__saved-note[b-k7khldcmtm] { margin-top: 18px; border-top: 1px solid var(--theme-border); padding-top: 12px; color: var(--theme-muted); font-size: 12px; line-height: 1.9; white-space: pre-line; overflow-wrap: anywhere; }
.review-management__notice[b-k7khldcmtm] { display: flex; gap: 9px; padding: 14px 18px; border-radius: 11px; font-size: 13px; line-height: 1.9; margin-bottom: 18px; }
.review-management__card > .review-management__notice[b-k7khldcmtm] { margin: 18px 24px 0; }
.review-management__notice > svg[b-k7khldcmtm] { flex: none; margin-top: 3px; }
.review-management__notice a[b-k7khldcmtm] { font-weight: 650; text-decoration: underline; }
.review-management__notice--warning[b-k7khldcmtm] { color: var(--theme-warning); background: var(--theme-warning-soft); }
.review-management__notice--error[b-k7khldcmtm] { color: var(--theme-danger); background: var(--theme-danger-soft); }
.review-management__notice--success[b-k7khldcmtm] { color: var(--theme-success); background: var(--theme-success-soft); }
.review-management__empty > span[b-k7khldcmtm] { display: grid; place-items: center; width: 65px; height: 65px; border-radius: 20px; background: var(--theme-secondary-soft); color: var(--theme-secondary-text); margin-bottom: 12px; }
.review-management__footer[b-k7khldcmtm] { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 18px 24px; border-top: 1px solid var(--theme-border); color: var(--theme-muted); font-size: 12px; }
.review-management__footer nav[b-k7khldcmtm] { display: flex; align-items: center; gap: 14px; }
.review-management__footer a[b-k7khldcmtm] { display: inline-flex; gap: 4px; align-items: center; color: var(--theme-primary-text); min-height: 35px; }
.review-management :is(a,button,textarea):focus-visible[b-k7khldcmtm] { outline: 2px solid var(--theme-primary-border); outline-offset: 3px; }
@media (max-width: 1000px) { .review-management__heading[b-k7khldcmtm] { flex-wrap: wrap; } .review-management__moderation[b-k7khldcmtm] { flex-wrap: wrap; } .review-management__note-field[b-k7khldcmtm] { flex-basis: 100%; } .review-management__actions[b-k7khldcmtm] { margin-inline-start: auto; } }
@media (max-width: 640px) {
    .review-management__heading-title[b-k7khldcmtm] { gap: 11px; }
    .review-management__heading-title > span[b-k7khldcmtm] { width: 46px; height: 46px; border-radius: 13px; }
    .review-management__search[b-k7khldcmtm] { flex-wrap: wrap; padding-inline: 16px; }
    .review-management__search > div[b-k7khldcmtm] { flex-basis: 100%; }
    .review-management__filters[b-k7khldcmtm] { padding-inline: 16px; gap: 3px; }
    .review-management__filters a[b-k7khldcmtm] { padding-inline: 11px; font-size: 12px; }
    .review-management__list[b-k7khldcmtm] { padding: 16px; }
    .review-management__review[b-k7khldcmtm] { padding: 16px; }
    .review-management__review-heading[b-k7khldcmtm] { flex-wrap: wrap; }
    .review-management__review-meta[b-k7khldcmtm] { flex-wrap: wrap; gap: 8px; }
    .review-management__review-meta time[b-k7khldcmtm] { width: 100%; margin: 0; }
    .review-management__note-field label > span[b-k7khldcmtm] { display: block; margin: 3px 0 0; }
    .review-management__actions[b-k7khldcmtm] { width: 100%; }
    .review-management__actions button[b-k7khldcmtm] { flex: 1; padding-inline: 9px; }
    .review-management__footer[b-k7khldcmtm] { flex-direction: column; align-items: start; gap: 9px; padding-inline: 16px; }
    .review-management__footer nav[b-k7khldcmtm] { width: 100%; justify-content: space-between; }
}
/* /Components/Admin/Pages/ProductVariantManager.razor.rz.scp.css */
.product-variant-list[b-qu3i6pe2b0]{display:grid;border:1px solid var(--theme-border);border-radius:10px;overflow:hidden;margin-bottom:16px}
.product-variant-row[b-qu3i6pe2b0]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:13px 16px;border-bottom:1px solid var(--theme-border)}
.product-variant-row:last-child[b-qu3i6pe2b0]{border-bottom:0}
.product-variant-row>div:first-child[b-qu3i6pe2b0]{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.product-variant-row strong[b-qu3i6pe2b0]{color:var(--theme-ink);font-size:12px}
.product-variant-row small[b-qu3i6pe2b0]{color:var(--theme-muted);font-size:10px}
.product-variant-price[b-qu3i6pe2b0]{color:var(--theme-ink);font-size:11px;white-space:nowrap}
.product-variant-actions[b-qu3i6pe2b0]{display:flex;gap:7px}
.product-variant-actions .admin-button[b-qu3i6pe2b0]{min-height:34px;padding:6px 10px}
.product-variant-danger[b-qu3i6pe2b0]{color:var(--theme-danger);border-color:var(--theme-danger-border)}
.product-variant-dialog[b-qu3i6pe2b0]{width:min(700px,100%)}
.product-variant-stock-fields[b-qu3i6pe2b0]{border-top:1px solid var(--theme-border);padding-top:16px}
.product-variant-stock-fields h3[b-qu3i6pe2b0]{font-size:12px;font-weight:700;color:var(--theme-ink);margin-bottom:14px}
.product-variants .admin-back-link[b-qu3i6pe2b0]{margin:4px 0 0}
@media(max-width:660px){.product-variant-row[b-qu3i6pe2b0]{grid-template-columns:1fr;gap:9px}.product-variant-actions[b-qu3i6pe2b0]{justify-content:flex-start}}
/* /Components/Admin/Pages/Reporting.razor.rz.scp.css */
.report-filter[b-0v20ym670e] { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; padding: 20px; margin-bottom: 20px; }
.report-filter label[b-0v20ym670e] { display: grid; gap: 8px; font-size: .85rem; }
.report-filter input[b-0v20ym670e] { padding: 10px 12px; border: 1px solid var(--admin-border, var(--theme-border)); border-radius: 10px; background: var(--admin-surface, var(--theme-surface)); color: inherit; }
.report-filter p[b-0v20ym670e] { flex-basis: 100%; margin: 0; font-size: .8rem; color: var(--admin-muted, var(--theme-muted)); }
.report-section[b-0v20ym670e] { margin-top: 20px; }
.report-daily[b-0v20ym670e] { max-height: 480px; overflow: auto; }
.report-columns[b-0v20ym670e] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.report-path[b-0v20ym670e] { overflow-wrap: anywhere; white-space: normal; max-width: 280px; }
.report-notes[b-0v20ym670e] { margin-top: 20px; padding: 20px; color: var(--admin-muted, var(--theme-muted)); font-size: .85rem; line-height: 1.9; }
.report-notes p[b-0v20ym670e] { margin: 0 0 10px; }
.report-notes p:last-child[b-0v20ym670e] { margin-bottom: 0; }
@media (max-width: 1100px) { .report-columns[b-0v20ym670e] { grid-template-columns: 1fr; } }
/* /Components/Admin/Pages/ShippingMethods.razor.rz.scp.css */
.shipping-heading-actions[b-9xwuochnuv] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.shipping-admin-alert[b-9xwuochnuv] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 18px; margin-bottom: 18px; border: 1px solid var(--theme-danger-border); border-radius: 12px; background: var(--theme-danger-soft); color: var(--theme-danger); font-size: 12px; line-height: 1.9; }
.shipping-admin-alert > span[b-9xwuochnuv] { display: flex; align-items: center; gap: 9px; }
.shipping-admin-alert button[b-9xwuochnuv], .shipping-link[b-9xwuochnuv], .shipping-link-danger[b-9xwuochnuv] { border: 0; padding: 4px 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.shipping-admin-alert button[b-9xwuochnuv] { flex-shrink: 0; }
.shipping-link[b-9xwuochnuv] { color: var(--theme-primary-text); }
.shipping-link-danger[b-9xwuochnuv] { color: var(--theme-danger); }
.shipping-notice[b-9xwuochnuv] { margin-bottom: 18px; padding: 14px 18px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font-size: 12px; line-height: 1.9; }
.shipping-overview[b-9xwuochnuv] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.shipping-metric[b-9xwuochnuv] { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-surface); }
.shipping-metric-icon[b-9xwuochnuv], .shipping-empty-icon[b-9xwuochnuv] { display: grid; place-items: center; flex-shrink: 0; width: 46px; height: 46px; border-radius: 12px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.shipping-metric-icon-active[b-9xwuochnuv] { background: var(--theme-success-soft); color: var(--theme-success); }
.shipping-metric-icon-warning[b-9xwuochnuv] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.shipping-metric > div[b-9xwuochnuv] { display: grid; gap: 3px; }
.shipping-metric strong[b-9xwuochnuv] { color: var(--theme-ink); font-size: 23px; font-weight: 750; line-height: 1.3; font-variant-numeric: tabular-nums; }
.shipping-metric > div > span[b-9xwuochnuv] { color: var(--theme-muted); font-size: 11px; }
.shipping-workspace[b-9xwuochnuv] { display: grid; grid-template-columns: minmax(260px, .78fr) minmax(0, 1.65fr); align-items: start; gap: 20px; }
.shipping-methods[b-9xwuochnuv], .shipping-method[b-9xwuochnuv], .shipping-detail-placeholder[b-9xwuochnuv] { min-width: 0; overflow: hidden; }
.shipping-methods > .admin-card-heading[b-9xwuochnuv], .shipping-method > .admin-card-heading[b-9xwuochnuv] { padding: 20px; border-bottom: 1px solid var(--theme-border); }
.shipping-count[b-9xwuochnuv] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 28px; padding: 4px 8px; border-radius: 7px; background: var(--theme-surface-muted); color: var(--theme-muted); font-size: 10px; white-space: nowrap; }
.shipping-empty[b-9xwuochnuv] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 40px 24px; text-align: center; }
.shipping-empty-icon[b-9xwuochnuv] { width: 60px; height: 60px; margin-bottom: 2px; border-radius: 18px; }
.shipping-empty strong[b-9xwuochnuv] { color: var(--theme-ink); font-size: 13px; }
.shipping-empty p[b-9xwuochnuv] { max-width: 370px; margin: 0; color: var(--theme-muted); font-size: 11px; line-height: 2; }
.shipping-empty .admin-button[b-9xwuochnuv] { margin-top: 5px; }
.shipping-detail-placeholder .shipping-empty[b-9xwuochnuv] { min-height: 270px; justify-content: center; }
.shipping-method-list[b-9xwuochnuv] { display: grid; gap: 10px; padding: 12px; }
.shipping-method-row[b-9xwuochnuv] { min-width: 0; overflow: hidden; border: 1px solid var(--theme-border); border-radius: 11px; background: var(--theme-surface); transition: border-color .15s, background .15s; }
.shipping-method-row:hover[b-9xwuochnuv] { border-color: var(--theme-primary-text); }
.shipping-method-row-selected[b-9xwuochnuv] { border-color: var(--theme-primary-text); background: var(--theme-primary-soft); box-shadow: inset -3px 0 0 var(--theme-primary-text); }
.shipping-method-select[b-9xwuochnuv] { display: grid; gap: 11px; width: 100%; min-width: 0; padding: 15px 16px 12px; border: 0; background: transparent; color: var(--theme-ink); text-align: start; font: inherit; cursor: pointer; }
.shipping-method-select-heading[b-9xwuochnuv] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.shipping-method-select-heading strong[b-9xwuochnuv] { font-size: 13px; font-weight: 750; overflow-wrap: anywhere; }
.shipping-method-meta[b-9xwuochnuv] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 13px; color: var(--theme-muted); font-size: 10px; line-height: 1.8; }
.shipping-method-meta > span[b-9xwuochnuv] { display: inline-flex; align-items: center; gap: 5px; }
.shipping-method-meta bdi[b-9xwuochnuv] { padding: 2px 6px; border: 1px solid var(--theme-border); border-radius: 5px; font-size: 9px; overflow-wrap: anywhere; }
.shipping-method-select-footer[b-9xwuochnuv] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 9px; border-top: 1px solid var(--theme-border); color: var(--theme-primary-text); font-size: 10px; }
.shipping-method-warnings[b-9xwuochnuv] { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 16px 13px; }
.shipping-warning-tag[b-9xwuochnuv] { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 6px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 9px; line-height: 1.7; }
.shipping-detail-heading[b-9xwuochnuv] { align-items: flex-start; gap: 16px; }
.shipping-detail-eyebrow[b-9xwuochnuv] { margin-bottom: 4px !important; color: var(--theme-primary-text) !important; font-size: 9px !important; }
.shipping-method-actions[b-9xwuochnuv] { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.shipping-method-actions .admin-button[b-9xwuochnuv] { min-height: 34px; padding: 6px 11px; white-space: nowrap; }
.shipping-danger-button[b-9xwuochnuv] { color: var(--theme-danger); border-color: var(--theme-danger-border); }
.shipping-danger-button:hover[b-9xwuochnuv] { color: var(--theme-danger-strong); background: var(--theme-danger-soft); border-color: var(--theme-danger-border); }
.shipping-method-details[b-9xwuochnuv] { padding: 18px 20px 20px; }
.shipping-detail-status[b-9xwuochnuv] { margin-bottom: 16px; }
.shipping-detail-facts[b-9xwuochnuv] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; }
.shipping-detail-facts > div[b-9xwuochnuv] { display: grid; align-content: start; gap: 6px; }
.shipping-detail-facts dt[b-9xwuochnuv] { color: var(--theme-muted); font-size: 10px; }
.shipping-detail-facts dd[b-9xwuochnuv] { margin: 0; color: var(--theme-ink); font-size: 11px; font-weight: 650; line-height: 1.8; overflow-wrap: anywhere; }
.shipping-method-description[b-9xwuochnuv] { margin: 15px 0 0; padding-top: 14px; border-top: 1px dashed var(--theme-border); color: var(--theme-muted); font-size: 11px; line-height: 2; white-space: pre-line; }
.shipping-configuration-warning[b-9xwuochnuv] { display: flex; align-items: start; gap: 8px; margin: 15px 0 0; padding: 11px 13px; border: 1px solid var(--theme-warning-border); border-radius: 8px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 10px; line-height: 2; }
.shipping-configuration-warning[b-9xwuochnuv]  svg { flex-shrink: 0; margin-top: 3px; }
.shipping-feedback[b-9xwuochnuv] { margin: 0 20px 18px; padding: 12px 14px; border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font-size: 11px; line-height: 1.9; }
.shipping-rules-head[b-9xwuochnuv] { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 20px 20px 16px; border-top: 1px solid var(--theme-border); }
.shipping-rules-head h3[b-9xwuochnuv], .shipping-rule-editor-heading h3[b-9xwuochnuv] { margin: 0; color: var(--theme-ink); font-size: 13px; font-weight: 750; }
.shipping-rules-head p[b-9xwuochnuv], .shipping-rule-editor-heading p[b-9xwuochnuv] { margin: 6px 0 0; color: var(--theme-muted); font-size: 10px; line-height: 1.9; }
.shipping-no-rules[b-9xwuochnuv] { display: flex; align-items: start; gap: 12px; margin: 0 20px 20px; padding: 16px; border: 1px dashed var(--theme-warning-border); border-radius: 10px; background: var(--theme-warning-soft); color: var(--theme-warning); }
.shipping-no-rules[b-9xwuochnuv]  svg { flex-shrink: 0; margin-top: 2px; }
.shipping-no-rules strong[b-9xwuochnuv] { font-size: 11px; }
.shipping-no-rules p[b-9xwuochnuv] { margin: 6px 0 0; font-size: 10px; line-height: 2; }
.shipping-rule-list[b-9xwuochnuv] { display: grid; gap: 10px; padding: 0 20px 22px; }
.shipping-rule[b-9xwuochnuv] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 13px; padding: 16px; border: 1px solid var(--theme-border); border-radius: 11px; background: var(--theme-surface); }
.shipping-rule-inactive[b-9xwuochnuv] { background: var(--theme-surface-muted); }
.shipping-rule-summary[b-9xwuochnuv] { min-width: 0; }
.shipping-rule-title[b-9xwuochnuv] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.shipping-rule-icon[b-9xwuochnuv] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.shipping-rule-title strong[b-9xwuochnuv] { color: var(--theme-ink); font-size: 11px; font-weight: 700; }
.shipping-priority[b-9xwuochnuv] { color: var(--theme-muted); font-size: 9px; }
.shipping-rule-price[b-9xwuochnuv] { margin: 9px 0 0; color: var(--theme-primary-text); font-size: 12px; font-weight: 700; line-height: 1.9; }
.shipping-rule-scope[b-9xwuochnuv] { margin: 5px 0 0; color: var(--theme-muted); font-size: 10px; line-height: 2; overflow-wrap: anywhere; }
.shipping-rule-actions[b-9xwuochnuv] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; font-size: 10px; }
.shipping-rule-actions .admin-button[b-9xwuochnuv] { min-height: 32px; padding: 6px 10px; font-size: 10px !important; }
.shipping-rule-delete-confirm[b-9xwuochnuv] { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--theme-danger-border); border-radius: 8px; background: var(--theme-danger-soft); color: var(--theme-danger); }
.shipping-rule-delete-confirm > div[b-9xwuochnuv] { display: flex; flex-wrap: wrap; gap: 6px; }
.shipping-rule-editor[b-9xwuochnuv] { min-width: 0; margin: 0; padding: 0; border: 0; border-top: 1px solid var(--theme-border); background: var(--theme-surface-muted); }
.shipping-rule-editor-heading[b-9xwuochnuv] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 20px 0; }
.shipping-rule-editor-heading .shipping-link[b-9xwuochnuv] { flex-shrink: 0; font-size: 10px; }
.shipping-form-grid[b-9xwuochnuv] { display: grid; grid-template-columns: 1.3fr .8fr 1fr; gap: 15px; padding: 17px 20px 20px; }
.shipping-scope-grid[b-9xwuochnuv], .shipping-method-form-grid[b-9xwuochnuv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shipping-form-grid label[b-9xwuochnuv] { display: grid; align-content: start; gap: 8px; min-width: 0; color: var(--theme-ink); font-size: 11px; font-weight: 650; }
.shipping-form-grid label > small[b-9xwuochnuv] { color: var(--theme-muted); font-size: 9px; font-weight: 450; line-height: 1.7; }
.shipping-form-grid input[b-9xwuochnuv], .shipping-form-grid select[b-9xwuochnuv], .shipping-form-grid textarea[b-9xwuochnuv] { min-width: 0; width: 100%; min-height: 42px; padding: 10px 11px; border: 1px solid var(--theme-border); border-radius: 8px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-weight: 450; }
.shipping-form-grid textarea[b-9xwuochnuv] { resize: vertical; line-height: 1.9; }
.shipping-form-grid input:focus-visible[b-9xwuochnuv], .shipping-form-grid select:focus-visible[b-9xwuochnuv], .shipping-form-grid textarea:focus-visible[b-9xwuochnuv], .shipping-method-select:focus-visible[b-9xwuochnuv], .shipping-link:focus-visible[b-9xwuochnuv], .shipping-link-danger:focus-visible[b-9xwuochnuv], .shipping-dialog-close:focus-visible[b-9xwuochnuv] { outline: 2px solid var(--theme-primary-text); outline-offset: 2px; }
.shipping-method-select:focus-visible[b-9xwuochnuv] { outline-offset: -3px; }
.shipping-form-grid input:disabled[b-9xwuochnuv], .shipping-form-grid select:disabled[b-9xwuochnuv], .shipping-form-grid textarea:disabled[b-9xwuochnuv] { background: var(--theme-surface-muted); color: var(--theme-muted); cursor: not-allowed; }
.shipping-form-grid .shipping-wide[b-9xwuochnuv] { grid-column: 1 / -1; }
.shipping-form-section-heading[b-9xwuochnuv] { padding: 0 20px; }
.shipping-form-section-heading h3[b-9xwuochnuv], .shipping-form-section-heading h4[b-9xwuochnuv] { margin: 0; color: var(--theme-ink); font-size: 12px; font-weight: 700; }
.shipping-form-section-heading p[b-9xwuochnuv] { margin: 6px 0 0; color: var(--theme-muted); font-size: 10px; line-height: 1.9; }
.shipping-cost-help[b-9xwuochnuv] { display: flex; align-items: start; gap: 8px; margin: 0 20px 22px; padding: 11px 13px; border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font-size: 10px; line-height: 2; }
.shipping-cost-help[b-9xwuochnuv]  svg { flex-shrink: 0; margin-top: 3px; }
.shipping-rule-hint[b-9xwuochnuv] { margin: 0; padding: 0 20px 20px; color: var(--theme-muted); font-size: 9px; line-height: 1.9; }
.shipping-actions[b-9xwuochnuv] { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 20px 22px; }
.shipping-check[b-9xwuochnuv] { display: inline-flex; align-items: flex-start; gap: 9px; color: var(--theme-ink); font-size: 11px; }
.shipping-check input[b-9xwuochnuv] { width: 16px; height: 16px; margin-top: 3px; accent-color: var(--theme-primary-text); }
.shipping-check > span[b-9xwuochnuv] { display: grid; gap: 4px; }
.shipping-check strong[b-9xwuochnuv] { font-weight: 650; }
.shipping-check small[b-9xwuochnuv] { color: var(--theme-muted); font-size: 9px; line-height: 1.7; }
button:disabled[b-9xwuochnuv] { opacity: .55; cursor: wait; }
.shipping-method-dialog[b-9xwuochnuv], .shipping-delete-dialog[b-9xwuochnuv] { position: fixed; inset: 0; width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 0; overflow: auto; border: 1px solid var(--theme-border); border-radius: 16px; background: var(--theme-surface); color: var(--theme-ink); box-shadow: 0 24px 75px color-mix(in srgb, var(--theme-primary-deep) 24%, transparent); }
.shipping-delete-dialog[b-9xwuochnuv] { width: min(480px, calc(100vw - 32px)); }
.shipping-method-dialog[b-9xwuochnuv]::backdrop, .shipping-delete-dialog[b-9xwuochnuv]::backdrop { background: var(--theme-overlay); }
.shipping-method-dialog > .admin-card-heading[b-9xwuochnuv], .shipping-delete-dialog > .admin-card-heading[b-9xwuochnuv] { align-items: flex-start; gap: 15px; padding: 22px; border-bottom: 1px solid var(--theme-border); }
.shipping-method-dialog .admin-card-heading p[b-9xwuochnuv] { max-width: 590px; line-height: 2; }
.shipping-dialog-close[b-9xwuochnuv] { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; padding: 0; border: 1px solid var(--theme-border); border-radius: 8px; background: var(--theme-surface); color: var(--theme-muted); cursor: pointer; }
.shipping-method-form[b-9xwuochnuv] { min-width: 0; margin: 0; padding: 22px 0 0; border: 0; }
.shipping-method-form .shipping-form-section-heading:not(:first-child)[b-9xwuochnuv] { padding-top: 18px; border-top: 1px solid var(--theme-border); }
.shipping-form-provider-warning[b-9xwuochnuv] { margin: 0 20px 20px; }
.shipping-method-form > .shipping-cost-help[b-9xwuochnuv] { margin-bottom: 20px; }
.shipping-dialog-error[b-9xwuochnuv] { margin: 0 20px 18px; padding: 12px 14px; border: 1px solid var(--theme-danger-border); border-radius: 8px; background: var(--theme-danger-soft); color: var(--theme-danger); font-size: 11px; line-height: 1.9; }
.shipping-dialog-actions[b-9xwuochnuv] { display: flex; gap: 8px; flex-wrap: wrap; }
.shipping-dialog-footer[b-9xwuochnuv] { padding-top: 18px; border-top: 1px solid var(--theme-border); background: var(--theme-surface-muted); }
.shipping-delete-dialog > p[b-9xwuochnuv] { margin: 0; padding: 22px; color: var(--theme-muted); font-size: 12px; line-height: 2; }
.shipping-delete-actions[b-9xwuochnuv] { justify-content: flex-end; padding: 0 22px 22px; }
@media (max-width: 1150px) {
    .shipping-workspace[b-9xwuochnuv] { grid-template-columns: minmax(235px, .75fr) minmax(0, 1.45fr); gap: 16px; }
    .shipping-detail-heading[b-9xwuochnuv] { flex-direction: column; }
    .shipping-rule[b-9xwuochnuv] { grid-template-columns: 1fr; }
    .shipping-rule-actions[b-9xwuochnuv] { justify-content: flex-start; padding-top: 4px; }
    .shipping-form-grid[b-9xwuochnuv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .shipping-rule-editor > .shipping-form-grid > label:first-child[b-9xwuochnuv] { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
    .shipping-workspace[b-9xwuochnuv] { grid-template-columns: 1fr; }
    .shipping-method-list[b-9xwuochnuv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .shipping-detail-heading[b-9xwuochnuv] { flex-direction: row; }
    .shipping-metric[b-9xwuochnuv] { gap: 10px; padding: 16px; }
    .shipping-metric-icon[b-9xwuochnuv] { width: 38px; height: 38px; }
    .shipping-metric strong[b-9xwuochnuv] { font-size: 21px; }
    .shipping-rule[b-9xwuochnuv] { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (max-width: 620px) {
    .shipping-heading-actions[b-9xwuochnuv], .shipping-heading-actions > .admin-button[b-9xwuochnuv] { width: 100%; }
    .shipping-admin-alert[b-9xwuochnuv] { align-items: flex-start; flex-direction: column; gap: 8px; }
    .shipping-overview[b-9xwuochnuv] { gap: 8px; margin-bottom: 16px; }
    .shipping-metric[b-9xwuochnuv] { flex-direction: column; align-items: flex-start; gap: 9px; padding: 12px; }
    .shipping-metric-icon[b-9xwuochnuv] { width: 32px; height: 32px; border-radius: 8px; }
    .shipping-metric > div > span[b-9xwuochnuv] { font-size: 9px; line-height: 1.8; }
    .shipping-method-list[b-9xwuochnuv] { grid-template-columns: 1fr; }
    .shipping-methods > .admin-card-heading[b-9xwuochnuv], .shipping-method > .admin-card-heading[b-9xwuochnuv] { padding: 17px 16px; }
    .shipping-detail-heading[b-9xwuochnuv] { flex-direction: column; }
    .shipping-method-details[b-9xwuochnuv] { padding: 16px; }
    .shipping-detail-facts[b-9xwuochnuv] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .shipping-rules-head[b-9xwuochnuv] { flex-direction: column; gap: 9px; padding: 18px 16px 14px; }
    .shipping-no-rules[b-9xwuochnuv] { margin-inline: 16px; }
    .shipping-rule-list[b-9xwuochnuv] { padding-inline: 16px; }
    .shipping-rule[b-9xwuochnuv] { grid-template-columns: 1fr; padding: 14px; }
    .shipping-rule-actions[b-9xwuochnuv] { justify-content: flex-start; }
    .shipping-rule-editor-heading[b-9xwuochnuv] { flex-direction: column; gap: 7px; padding: 18px 16px 0; }
    .shipping-form-grid[b-9xwuochnuv], .shipping-scope-grid[b-9xwuochnuv], .shipping-method-form-grid[b-9xwuochnuv] { grid-template-columns: 1fr; padding: 16px; }
    .shipping-form-section-heading[b-9xwuochnuv] { padding-inline: 16px; }
    .shipping-actions[b-9xwuochnuv] { align-items: flex-start; flex-direction: column; padding: 0 16px 18px; }
    .shipping-actions > .admin-button[b-9xwuochnuv] { width: 100%; }
    .shipping-cost-help[b-9xwuochnuv], .shipping-form-provider-warning[b-9xwuochnuv], .shipping-feedback[b-9xwuochnuv], .shipping-dialog-error[b-9xwuochnuv] { margin-inline: 16px; }
    .shipping-rule-hint[b-9xwuochnuv] { padding-inline: 16px; }
    .shipping-method-dialog[b-9xwuochnuv], .shipping-delete-dialog[b-9xwuochnuv] { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 12px; }
    .shipping-method-dialog > .admin-card-heading[b-9xwuochnuv], .shipping-delete-dialog > .admin-card-heading[b-9xwuochnuv] { padding: 18px 16px; }
    .shipping-dialog-footer[b-9xwuochnuv] { padding-top: 16px; }
    .shipping-dialog-footer .shipping-dialog-actions[b-9xwuochnuv] { width: 100%; }
    .shipping-dialog-footer .shipping-dialog-actions .admin-button[b-9xwuochnuv] { flex: 1; }
    .shipping-delete-dialog > p[b-9xwuochnuv] { padding: 18px 16px; }
    .shipping-delete-actions[b-9xwuochnuv] { padding-inline: 16px; }
}
/* /Components/Admin/Pages/SupportQueue.razor.rz.scp.css */
.support-queue-page[b-q4w624m0rs] { min-width: 0; }
.support-queue-page-heading[b-q4w624m0rs] { align-items: center; gap: 18px; }
.support-queue-heading-title[b-q4w624m0rs] { display: flex; align-items: center; gap: 15px; min-width: 0; }
.support-queue-heading-icon[b-q4w624m0rs] { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border: 1px solid var(--theme-border); border-radius: 16px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.support-queue-page-heading h1[b-q4w624m0rs] { font-size: 26px; }
.support-queue-page-heading p:not(.admin-eyebrow)[b-q4w624m0rs] { max-width: 620px; font-size: 13px; line-height: 1.9; }
.support-queue-heading-note[b-q4w624m0rs] { display: flex; align-items: center; gap: 7px; flex: none; color: var(--theme-muted); font-size: 11px; }
.support-queue-overview[b-q4w624m0rs] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 24px; }
.support-queue-stat[b-q4w624m0rs] { display: flex; align-items: flex-start; gap: 13px; padding: 20px 17px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-surface); color: var(--theme-ink); transition: border-color .18s, box-shadow .18s; }
.support-queue-stat:hover[b-q4w624m0rs] { border-color: var(--theme-border-strong); box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-primary-deep) 6%, transparent); }
.support-queue-stat-icon[b-q4w624m0rs] { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: 12px; color: var(--theme-primary-text); background: var(--theme-primary-soft); }
.support-queue-stat > div[b-q4w624m0rs] { min-width: 0; flex: 1; }
.support-queue-stat-label[b-q4w624m0rs] { display: block; color: var(--theme-muted); font-size: 12px; font-weight: 600; }
.support-queue-stat strong[b-q4w624m0rs] { display: block; color: var(--theme-ink); font-size: 29px; line-height: 1.5; margin: 4px 0; }
.support-queue-stat small[b-q4w624m0rs] { display: block; color: var(--theme-muted); font-size: 11px; line-height: 1.8; }
.support-queue-stat[b-q4w624m0rs]  > svg { flex: none; margin-top: 13px; color: var(--theme-muted); }
.support-queue-stat-pending .support-queue-stat-icon[b-q4w624m0rs] { color: var(--theme-warning); background: var(--theme-warning-soft); }
.support-queue-stat-customer .support-queue-stat-icon[b-q4w624m0rs] { color: var(--theme-info); background: var(--theme-info-soft); }
.support-queue-overview-note[b-q4w624m0rs] { margin: -10px 0 18px; color: var(--theme-muted); font-size: 12px; }
.support-queue-card[b-q4w624m0rs] { overflow: hidden; border-radius: 16px; }
.support-queue-card-heading[b-q4w624m0rs] { padding: 25px 25px 19px; }
.support-queue-card-heading h2[b-q4w624m0rs] { font-size: 17px; }
.support-queue-card-heading p[b-q4w624m0rs] { font-size: 12px; line-height: 1.9; }
.support-queue-results-count[b-q4w624m0rs] { padding: 5px 11px; border-radius: 8px; color: var(--theme-primary-text); background: var(--theme-primary-soft); font-size: 12px; font-weight: 600; white-space: nowrap; }
.support-queue-search[b-q4w624m0rs] { display: flex; align-items: flex-end; gap: 14px; padding: 0 25px 22px; }
.support-queue-search-field[b-q4w624m0rs] { display: grid; gap: 8px; flex: 1; min-width: 0; }
.support-queue-search label[b-q4w624m0rs] { font-size: 12px; color: var(--theme-ink); font-weight: 600; }
.support-queue-search-input[b-q4w624m0rs] { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 14px; color: var(--theme-muted); border: 1px solid var(--theme-border); border-radius: 10px; background: var(--theme-surface); }
.support-queue-search-input input[b-q4w624m0rs] { width: 100%; min-width: 0; padding: 12px 0; border: 0; outline: none; background: transparent; color: var(--theme-ink); font: inherit; font-size: 13px; }
.support-queue-search-input:focus-within[b-q4w624m0rs] { border-color: var(--theme-primary-text); box-shadow: 0 0 0 3px var(--theme-focus-ring); }
.support-queue-search-actions[b-q4w624m0rs] { display: flex; align-items: center; gap: 14px; }
.support-queue-search-actions .admin-button[b-q4w624m0rs] { min-height: 46px; padding-inline: 19px; font-size: 12px !important; }
.support-queue-clear[b-q4w624m0rs] { display: inline-flex; align-items: center; gap: 5px; color: var(--theme-muted); font-size: 12px; white-space: nowrap; }
.support-queue-clear:hover[b-q4w624m0rs] { color: var(--theme-primary-text); }
.support-queue-filters[b-q4w624m0rs] { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 25px 22px; }
.support-queue-filter[b-q4w624m0rs] { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-surface); color: var(--theme-muted); font-size: 12px; font-weight: 500; }
.support-queue-filter span[b-q4w624m0rs] { display: grid; place-items: center; min-width: 24px; height: 24px; padding-inline: 5px; border-radius: 6px; background: var(--theme-surface-muted); color: var(--theme-muted); font-size: 11px; }
.support-queue-filter:hover[b-q4w624m0rs] { border-color: var(--theme-border-strong); background: var(--theme-surface-muted); }
.support-queue-filter.is-active[b-q4w624m0rs] { border-color: var(--theme-border-strong); background: var(--theme-primary-soft); color: var(--theme-primary-text); font-weight: 700; }
.support-queue-filter.is-active span[b-q4w624m0rs] { background: var(--theme-surface); color: var(--theme-primary-text); }
.support-queue-filter-dot[b-q4w624m0rs] { width: 6px; height: 6px; border-radius: 50%; flex: none; background: var(--theme-muted); }
.support-queue-filter-dot.is-pending[b-q4w624m0rs] { background: var(--theme-warning); }
.support-queue-filter-dot.is-customer[b-q4w624m0rs] { background: var(--theme-info); }
.support-queue-filter-dot.is-resolved[b-q4w624m0rs] { background: var(--theme-success); }
.support-queue-table[b-q4w624m0rs] { table-layout: fixed; white-space: normal; }
.support-queue-table thead th[b-q4w624m0rs] { font-size: 12px; padding: 13px 18px; font-weight: 500; }
.support-queue-table thead th:first-child[b-q4w624m0rs] { padding-inline-start: 25px; }
.support-queue-table thead th:nth-child(2)[b-q4w624m0rs] { width: 18%; }
.support-queue-table thead th:nth-child(3)[b-q4w624m0rs] { width: 178px; }
.support-queue-table thead th:nth-child(4)[b-q4w624m0rs] { width: 145px; }
.support-queue-table thead th:last-child[b-q4w624m0rs] { width: 150px; }
.support-queue-table tbody th[b-q4w624m0rs], .support-queue-table td[b-q4w624m0rs] { padding: 20px 18px; border-bottom: 1px solid var(--theme-border); text-align: start; vertical-align: middle; background: transparent; font-size: 13px; font-weight: 400; }
.support-queue-table tbody th[b-q4w624m0rs] { padding-inline-start: 25px; border-top: 0; }
.support-queue-table tbody tr:last-child th[b-q4w624m0rs] { border-bottom: 0; }
.support-queue-table tbody tr:hover[b-q4w624m0rs] { background: color-mix(in srgb, var(--theme-primary-soft) 35%, var(--theme-surface)); }
.support-queue-ticket[b-q4w624m0rs] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.support-queue-ticket-icon[b-q4w624m0rs] { display: grid; place-items: center; flex: none; width: 39px; height: 43px; border-radius: 10px; background: var(--theme-surface-muted); color: var(--theme-muted); }
.needs-reply .support-queue-ticket-icon[b-q4w624m0rs] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.support-queue-ticket > div[b-q4w624m0rs] { min-width: 0; }
.support-queue-subject[b-q4w624m0rs] { display: block; color: var(--theme-ink); font-size: 14px; font-weight: 650; line-height: 1.9; overflow-wrap: anywhere; }
.support-queue-subject:hover[b-q4w624m0rs] { color: var(--theme-primary-text); text-decoration: underline; text-underline-offset: 3px; }
.support-queue-reference[b-q4w624m0rs] { display: block; margin-top: 5px; color: var(--theme-muted); font-size: 11px; text-align: start; width: fit-content; }
.support-queue-customer[b-q4w624m0rs] { color: var(--theme-muted); line-height: 1.9; overflow-wrap: anywhere; }
.support-queue-table .support-status[b-q4w624m0rs] { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; font-size: 11px; line-height: 1.8; font-weight: 600; }
.support-queue-table .support-status-open[b-q4w624m0rs] { --admin-badge-bg: var(--admin-badge-warning-bg); --admin-badge-border: var(--admin-badge-warning-border); --admin-badge-text: var(--admin-badge-warning-text); }
.support-queue-table .support-assigned[b-q4w624m0rs] { display: flex; align-items: center; gap: 4px; margin-top: 7px; font-size: 11px; }
.support-queue-date-cell time[b-q4w624m0rs] { display: inline-block; font-size: 11px; line-height: 1.9; color: var(--theme-muted); }
.support-queue-open[b-q4w624m0rs] { display: inline-flex; align-items: center; gap: 7px; padding: 8px 9px; color: var(--theme-primary-text); border: 1px solid transparent; border-radius: 8px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.support-queue-open.is-pending[b-q4w624m0rs] { background: var(--theme-primary-soft); border-color: var(--theme-border); }
.support-queue-open:hover[b-q4w624m0rs] { background: var(--theme-primary-soft); border-color: var(--theme-border-strong); }
.support-queue-table-footer[b-q4w624m0rs] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 25px; border-top: 1px solid var(--theme-border); color: var(--theme-muted); font-size: 12px; }
.support-queue-pagination[b-q4w624m0rs] { display: flex; align-items: center; gap: 12px; }
.support-queue-pagination a[b-q4w624m0rs] { display: inline-flex; align-items: center; gap: 4px; min-height: 35px; padding: 5px 9px; border: 1px solid var(--theme-border); border-radius: 8px; color: var(--theme-primary-text); background: var(--theme-surface); font-size: 12px; }
.support-queue-pagination a:hover[b-q4w624m0rs] { background: var(--theme-primary-soft); }
.support-queue-empty[b-q4w624m0rs] { padding: 58px 24px; gap: 13px; }
.support-queue-empty-icon[b-q4w624m0rs] { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 22px; background: var(--theme-primary-soft); color: var(--theme-primary-text); margin-bottom: 3px; }
.support-queue-empty-icon.is-error[b-q4w624m0rs] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.support-queue-empty h2[b-q4w624m0rs] { color: var(--theme-ink); font-size: 17px; }
.support-queue-empty p[b-q4w624m0rs] { max-width: 440px; font-size: 13px; line-height: 2; }
.support-queue-empty .admin-text-link[b-q4w624m0rs] { font-size: 13px; }
.support-queue-sr-only[b-q4w624m0rs] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.support-queue-page a:focus-visible[b-q4w624m0rs], .support-queue-page button:focus-visible[b-q4w624m0rs] { outline: 2px solid var(--theme-primary-text); outline-offset: 3px; }
@media (max-width: 1300px) {
    .support-queue-overview[b-q4w624m0rs] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .support-queue-heading-note[b-q4w624m0rs] { display: none; }
    .support-queue-table[b-q4w624m0rs] { min-width: 940px; }
}
@media (max-width: 900px) {
    .support-queue-page-heading[b-q4w624m0rs] { margin-bottom: 22px; }
    .support-queue-page-heading h1[b-q4w624m0rs] { font-size: 23px; }
    .support-queue-heading-icon[b-q4w624m0rs] { width: 48px; height: 48px; border-radius: 14px; }
    .support-queue-overview[b-q4w624m0rs] { gap: 10px; margin-bottom: 20px; }
    .support-queue-stat[b-q4w624m0rs] { padding: 16px 12px; gap: 10px; }
    .support-queue-stat-icon[b-q4w624m0rs] { width: 35px; height: 35px; border-radius: 10px; }
    .support-queue-stat-label[b-q4w624m0rs] { font-size: 11px; }
    .support-queue-stat strong[b-q4w624m0rs] { font-size: 26px; }
    .support-queue-stat[b-q4w624m0rs]  > svg { display: none; }
    .support-queue-card-heading[b-q4w624m0rs] { padding: 20px 18px 17px; }
    .support-queue-search[b-q4w624m0rs] { padding: 0 18px 19px; flex-wrap: wrap; }
    .support-queue-search-field[b-q4w624m0rs] { flex-basis: 100%; }
    .support-queue-filters[b-q4w624m0rs] { padding: 0 18px 19px; gap: 7px; }
    .support-queue-filter[b-q4w624m0rs] { padding: 6px 9px; font-size: 11px; }
    .support-queue-table-scroll[b-q4w624m0rs] { padding: 0 18px 5px; overflow: visible; }
    .support-queue-table[b-q4w624m0rs] { display: block; min-width: 0; width: 100%; }
    .support-queue-table thead[b-q4w624m0rs] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
    .support-queue-table tbody[b-q4w624m0rs] { display: grid; gap: 13px; }
    .support-queue-table .support-queue-row[b-q4w624m0rs] { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 17px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-surface); }
    .support-queue-table tbody th[b-q4w624m0rs], .support-queue-table td[b-q4w624m0rs] { padding: 0; border: 0; font-size: 12px; }
    .support-queue-ticket-cell[b-q4w624m0rs] { grid-column: 1 / -1; margin-bottom: 15px; }
    .support-queue-ticket[b-q4w624m0rs] { align-items: flex-start; gap: 10px; }
    .support-queue-ticket-icon[b-q4w624m0rs] { width: 35px; height: 39px; }
    .support-queue-subject[b-q4w624m0rs] { font-size: 14px; }
    .support-queue-table .support-queue-customer-cell[b-q4w624m0rs], .support-queue-table .support-queue-status-cell[b-q4w624m0rs], .support-queue-table .support-queue-date-cell[b-q4w624m0rs] { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-block: 6px; }
    .support-queue-table td[data-label][b-q4w624m0rs]::before { content: attr(data-label); color: var(--theme-muted); font-size: 11px; flex: none; }
    .support-queue-customer[b-q4w624m0rs] { text-align: end; }
    .support-queue-status-cell > div[b-q4w624m0rs] { display: grid; justify-items: end; }
    .support-queue-table .support-queue-action-cell[b-q4w624m0rs] { grid-column: 1 / -1; padding-top: 12px; margin-top: 9px; border-top: 1px solid var(--theme-border); }
    .support-queue-open[b-q4w624m0rs] { width: 100%; justify-content: space-between; min-height: 39px; font-size: 12px; }
    .support-queue-table-footer[b-q4w624m0rs] { padding: 18px; flex-wrap: wrap; justify-content: center; font-size: 11px; }
    .support-queue-pagination[b-q4w624m0rs] { justify-content: center; flex-wrap: wrap; }
}
@media (max-width: 420px) {
    .support-queue-heading-title[b-q4w624m0rs] { align-items: flex-start; gap: 10px; }
    .support-queue-heading-icon[b-q4w624m0rs] { width: 40px; height: 44px; border-radius: 12px; }
    .support-queue-page-heading h1[b-q4w624m0rs] { font-size: 21px; }
    .support-queue-page-heading p:not(.admin-eyebrow)[b-q4w624m0rs] { font-size: 12px; }
    .support-queue-stat[b-q4w624m0rs] { flex-direction: column; }
    .support-queue-stat-label[b-q4w624m0rs] { font-size: 12px; }
    .support-queue-card-heading[b-q4w624m0rs] { align-items: flex-start; }
    .support-queue-card-heading p[b-q4w624m0rs] { font-size: 11px; }
    .support-queue-results-count[b-q4w624m0rs] { font-size: 10px; padding-inline: 8px; }
    .support-queue-search-actions[b-q4w624m0rs] { flex-wrap: wrap; }
    .support-queue-table .support-queue-row[b-q4w624m0rs] { padding: 14px; }
}
/* /Components/Admin/Pages/SupportQueueDetails.razor.rz.scp.css */
.ticket-detail-page[b-5sd5kbza7v] { min-width: 0; }
.ticket-back-link[b-5sd5kbza7v] { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; color: var(--theme-muted); font-size: 13px; }
.ticket-back-link:hover[b-5sd5kbza7v] { color: var(--theme-primary-text); }
.ticket-detail-heading[b-5sd5kbza7v] { gap: 16px; }
.ticket-detail-heading p:not(.admin-eyebrow)[b-5sd5kbza7v] { font-size: 13px; }
.ticket-heading-reference[b-5sd5kbza7v] { padding: 8px 13px; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-surface); color: var(--theme-muted); font-size: 12px; white-space: nowrap; }
.ticket-detail-layout[b-5sd5kbza7v] { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.ticket-conversation[b-5sd5kbza7v] { min-width: 0; overflow: hidden; }
.ticket-conversation-heading[b-5sd5kbza7v] { display: flex; align-items: center; gap: 13px; padding: 24px; border-bottom: 1px solid var(--theme-border); }
.ticket-conversation-heading > div[b-5sd5kbza7v] { flex: 1; min-width: 0; }
.ticket-conversation-icon[b-5sd5kbza7v] { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 13px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.ticket-section-label[b-5sd5kbza7v] { margin-bottom: 5px; color: var(--theme-muted); font-size: 11px; }
.ticket-conversation-heading h2[b-5sd5kbza7v] { font-size: 17px; font-weight: 700; line-height: 1.9; overflow-wrap: anywhere; }
.ticket-message-count[b-5sd5kbza7v] { flex: none; padding: 4px 9px; border-radius: 7px; background: var(--theme-surface-muted); color: var(--theme-muted); font-size: 11px; }
.ticket-messages[b-5sd5kbza7v] { display: flex; flex-direction: column; gap: 25px; padding: 28px 24px 32px; }
.ticket-message[b-5sd5kbza7v] { display: flex; gap: 10px; min-width: 0; margin-inline-end: 35px; }
.ticket-message--staff[b-5sd5kbza7v] { margin-inline-start: 35px; margin-inline-end: 0; }
.ticket-sender-avatar[b-5sd5kbza7v] { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border: 1px solid var(--theme-border); border-radius: 11px; background: var(--theme-surface-muted); color: var(--theme-muted); }
.ticket-message--staff .ticket-sender-avatar[b-5sd5kbza7v] { border-color: var(--theme-border-strong); background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.ticket-message-content[b-5sd5kbza7v] { flex: 1; min-width: 0; }
.ticket-message-heading[b-5sd5kbza7v] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 12px; margin: 5px 0 9px; }
.ticket-message-heading strong[b-5sd5kbza7v] { font-size: 12px; font-weight: 650; color: var(--theme-ink); }
.ticket-message--staff .ticket-message-heading strong[b-5sd5kbza7v] { color: var(--theme-primary-text); }
.ticket-message-heading time[b-5sd5kbza7v] { color: var(--theme-muted); font-size: 11px; }
.ticket-message-body[b-5sd5kbza7v] { padding: 16px 18px; border: 1px solid var(--theme-border); border-radius: 2px 13px 13px 13px; background: var(--theme-surface-muted); color: var(--theme-ink); font-size: 14px; line-height: 2; white-space: pre-wrap; overflow-wrap: anywhere; text-align: start; }
.ticket-message--staff .ticket-message-body[b-5sd5kbza7v] { background: var(--theme-primary-soft); border-color: var(--theme-border-strong); }
.ticket-no-messages[b-5sd5kbza7v] { text-align: center; padding-block: 20px; color: var(--theme-muted); }
.ticket-composer[b-5sd5kbza7v] { padding: 24px; border-top: 1px solid var(--theme-border); }
.ticket-composer-heading[b-5sd5kbza7v] { display: flex; align-items: center; gap: 9px; margin-bottom: 19px; color: var(--theme-primary-text); }
.ticket-composer-heading h3[b-5sd5kbza7v] { color: var(--theme-ink); font-size: 15px; font-weight: 700; }
.ticket-closed-notice[b-5sd5kbza7v], .ticket-readonly-notice[b-5sd5kbza7v] { display: flex; gap: 11px; align-items: center; padding: 20px 24px; background: var(--theme-surface-muted); color: var(--theme-muted); border-top: 1px solid var(--theme-border); font-size: 13px; }
.ticket-closed-notice > svg[b-5sd5kbza7v], .ticket-readonly-notice > svg[b-5sd5kbza7v] { flex: none; }
.ticket-closed-notice strong[b-5sd5kbza7v] { color: var(--theme-ink); font-size: 13px; }
.ticket-closed-notice p[b-5sd5kbza7v] { margin-top: 4px; font-size: 12px; }
.ticket-detail-aside[b-5sd5kbza7v] { display: grid; gap: 18px; min-width: 0; }
.ticket-info-card[b-5sd5kbza7v] { padding: 22px; min-width: 0; }
.ticket-info-card h2[b-5sd5kbza7v] { font-size: 14px; font-weight: 700; margin-bottom: 18px; }
.ticket-status[b-5sd5kbza7v] { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; font-size: 12px; font-weight: 600; }
.ticket-status.support-status-open[b-5sd5kbza7v] { --admin-badge-bg: var(--admin-badge-warning-bg); --admin-badge-border: var(--admin-badge-warning-border); --admin-badge-text: var(--admin-badge-warning-text); }
.ticket-status-hint[b-5sd5kbza7v] { margin-top: 13px; font-size: 12px; color: var(--theme-muted); line-height: 2; }
.ticket-assignment[b-5sd5kbza7v] { display: flex; align-items: center; gap: 8px; padding-top: 16px; margin-top: 17px; border-top: 1px solid var(--theme-border); color: var(--theme-primary-text); font-size: 11px; }
.ticket-assignment > svg[b-5sd5kbza7v] { flex: none; }
.ticket-info-list[b-5sd5kbza7v] { display: grid; gap: 17px; margin: 0; }
.ticket-info-list > div[b-5sd5kbza7v] { display: grid; gap: 5px; min-width: 0; }
.ticket-info-list dt[b-5sd5kbza7v] { color: var(--theme-muted); font-size: 11px; }
.ticket-info-list dd[b-5sd5kbza7v] { margin: 0; color: var(--theme-ink); font-size: 12px; overflow-wrap: anywhere; }
.ticket-info-list time[b-5sd5kbza7v] { display: inline-block; }
.ticket-info-list .ticket-reference[b-5sd5kbza7v] { text-align: start; direction: ltr; }
.ticket-customer-reference[b-5sd5kbza7v] { unicode-bidi: plaintext; }
.ticket-timezone-note[b-5sd5kbza7v] { display: flex; gap: 6px; align-items: center; margin-top: 19px; padding-top: 14px; border-top: 1px solid var(--theme-border); color: var(--theme-muted); font-size: 10px; }
.ticket-state[b-5sd5kbza7v] { display: grid; justify-items: center; gap: 12px; padding: 55px 24px; text-align: center; }
.ticket-state-icon[b-5sd5kbza7v] { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 18px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.ticket-state h2[b-5sd5kbza7v] { font-size: 18px; }
.ticket-state p[b-5sd5kbza7v] { color: var(--theme-muted); font-size: 13px; line-height: 2; }
.ticket-state .admin-button[b-5sd5kbza7v] { margin-top: 8px; }
@media (max-width: 1150px) {
    .ticket-detail-layout[b-5sd5kbza7v] { grid-template-columns: minmax(0, 1fr) 260px; gap: 16px; }
    .ticket-info-card[b-5sd5kbza7v] { padding: 19px; }
    .ticket-conversation-heading[b-5sd5kbza7v], .ticket-messages[b-5sd5kbza7v], .ticket-composer[b-5sd5kbza7v] { padding-inline: 20px; }
    .ticket-message[b-5sd5kbza7v] { margin-inline-end: 15px; }
    .ticket-message--staff[b-5sd5kbza7v] { margin-inline-start: 15px; margin-inline-end: 0; }
}
@media (max-width: 900px) {
    .ticket-detail-layout[b-5sd5kbza7v] { grid-template-columns: minmax(0, 1fr); }
    .ticket-detail-aside[b-5sd5kbza7v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .ticket-detail-heading[b-5sd5kbza7v] { flex-wrap: wrap; margin-bottom: 20px; }
    .ticket-detail-heading p:not(.admin-eyebrow)[b-5sd5kbza7v] { font-size: 12px; max-width: none; }
    .ticket-heading-reference[b-5sd5kbza7v] { font-size: 11px; }
    .ticket-conversation-heading[b-5sd5kbza7v] { padding: 18px 16px; flex-wrap: wrap; gap: 10px; }
    .ticket-conversation-icon[b-5sd5kbza7v] { width: 36px; height: 36px; border-radius: 10px; }
    .ticket-conversation-heading h2[b-5sd5kbza7v] { font-size: 15px; }
    .ticket-message-count[b-5sd5kbza7v] { margin-inline-start: 46px; }
    .ticket-messages[b-5sd5kbza7v] { padding: 22px 14px; gap: 22px; }
    .ticket-message[b-5sd5kbza7v], .ticket-message--staff[b-5sd5kbza7v] { margin-inline: 0; gap: 8px; }
    .ticket-sender-avatar[b-5sd5kbza7v] { width: 28px; height: 28px; border-radius: 9px; }
    .ticket-message-heading[b-5sd5kbza7v] { margin-top: 2px; gap: 5px 10px; }
    .ticket-message-heading time[b-5sd5kbza7v] { font-size: 10px; }
    .ticket-message-body[b-5sd5kbza7v] { font-size: 13px; padding: 13px; }
    .ticket-composer[b-5sd5kbza7v] { padding: 20px 16px; }
    .ticket-detail-aside[b-5sd5kbza7v] { grid-template-columns: minmax(0, 1fr); }
    .ticket-closed-notice[b-5sd5kbza7v], .ticket-readonly-notice[b-5sd5kbza7v] { padding: 18px 16px; }
}
/* /Components/Admin/Shared/AdminActionConfirmation.razor.rz.scp.css */
.admin-confirmation-dialog[b-8h2ysd6eby] {
    --confirmation-accent: var(--theme-primary-text, #5344bc);
    --confirmation-accent-soft: var(--theme-primary-soft, #eeebfc);
    --confirmation-button: var(--theme-primary, #6654d9);
    --confirmation-button-ink: var(--theme-on-primary, #fff);
    width: min(480px, calc(100vw - 40px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--theme-border, #e5e2ef);
    border-radius: 24px;
    background: var(--theme-surface, #fff);
    color: var(--theme-ink, #222034);
    box-shadow: 0 24px 80px #10102638, 0 4px 18px #10102618;
    font-family: inherit;
    text-align: right;
}

.admin-confirmation-dialog[open][b-8h2ysd6eby] { animation: admin-confirmation-enter-b-8h2ysd6eby 280ms cubic-bezier(.16, 1, .3, 1) both; }
.admin-confirmation-dialog[b-8h2ysd6eby]::backdrop { background: #10102670; backdrop-filter: blur(5px); animation: admin-confirmation-backdrop-enter-b-8h2ysd6eby 220ms ease-out both; }
.admin-confirmation-dialog.is-closing[b-8h2ysd6eby] { pointer-events: none; animation: admin-confirmation-exit-b-8h2ysd6eby 190ms ease-in both; }
.admin-confirmation-dialog.is-closing[b-8h2ysd6eby]::backdrop { animation: admin-confirmation-backdrop-exit-b-8h2ysd6eby 190ms ease-in both; }
.admin-confirmation-dialog[data-tone="danger"][b-8h2ysd6eby] {
    --confirmation-accent: var(--theme-danger, #bf2443);
    --confirmation-accent-soft: var(--theme-danger-soft, #fff0f2);
    --confirmation-button: var(--theme-danger, #bf2443);
    --confirmation-button-ink: var(--theme-on-danger, #fff);
}

.admin-confirmation-content[b-8h2ysd6eby] { padding: 24px 28px 22px; }
.admin-confirmation-header[b-8h2ysd6eby] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.admin-confirmation-step[b-8h2ysd6eby] { display: inline-flex; align-items: center; gap: 7px; color: var(--theme-muted, #777185); font-size: 11px; font-weight: 600; line-height: 1.7; }
.admin-confirmation-step > span[b-8h2ysd6eby] { width: 6px; height: 6px; border-radius: 50%; background: var(--confirmation-accent); box-shadow: 0 0 0 4px var(--confirmation-accent-soft); }
.admin-confirmation-close[b-8h2ysd6eby] { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; padding: 0; border: 1px solid transparent; border-radius: 11px; background: var(--theme-surface-muted, #f6f5fa); color: var(--theme-muted, #777185); cursor: pointer; transition: color 150ms, background 150ms, transform 150ms; }
.admin-confirmation-close:hover[b-8h2ysd6eby] { background: var(--confirmation-accent-soft); color: var(--confirmation-accent); transform: rotate(90deg); }

.admin-confirmation-symbol[b-8h2ysd6eby] { display: grid; place-items: center; position: relative; width: 68px; height: 68px; margin: 4px 0 20px; border: 1px solid color-mix(in srgb, var(--confirmation-accent) 16%, transparent); border-radius: 22px; background: var(--confirmation-accent-soft); color: var(--confirmation-accent); }
.admin-confirmation-symbol-ring[b-8h2ysd6eby] { position: absolute; inset: -7px; border: 1px solid color-mix(in srgb, var(--confirmation-accent) 11%, transparent); border-radius: 28px; pointer-events: none; }
.admin-confirmation-dialog[open] .admin-confirmation-symbol[b-8h2ysd6eby] { animation: admin-confirmation-symbol-enter-b-8h2ysd6eby 440ms cubic-bezier(.16, 1, .3, 1) both; }
.admin-confirmation-symbol-danger[b-8h2ysd6eby] { display: none; }
.admin-confirmation-dialog[data-tone="danger"] .admin-confirmation-symbol-default[b-8h2ysd6eby] { display: none; }
.admin-confirmation-dialog[data-tone="danger"] .admin-confirmation-symbol-danger[b-8h2ysd6eby] { display: block; }
.admin-confirmation-copy h2[b-8h2ysd6eby] { margin: 0 0 10px; color: var(--theme-ink, #222034); font-size: 21px; font-weight: 750; line-height: 1.65; }
.admin-confirmation-copy p[b-8h2ysd6eby] { margin: 0; color: var(--theme-muted, #777185); font-size: 13px; line-height: 1.95; overflow-wrap: anywhere; }

.admin-confirmation-details[b-8h2ysd6eby] { margin: 20px 0 0; padding: 6px 16px; border: 1px solid var(--theme-border, #e5e2ef); border-radius: 14px; background: var(--theme-surface-muted, #f6f5fa); }
.admin-confirmation-details:empty[b-8h2ysd6eby] { display: none; }
.admin-confirmation-details[b-8h2ysd6eby]  > div { display: grid; grid-template-columns: minmax(90px, 1fr) minmax(0, 1.65fr); align-items: start; gap: 12px; padding: 11px 0; }
.admin-confirmation-details[b-8h2ysd6eby]  > div + div { border-top: 1px solid var(--theme-border, #e5e2ef); }
.admin-confirmation-details[b-8h2ysd6eby]  dt { color: var(--theme-muted, #777185); font-size: 11px; line-height: 1.9; }
.admin-confirmation-details[b-8h2ysd6eby]  dd { margin: 0; color: var(--theme-ink, #222034); font-size: 12px; font-weight: 600; line-height: 1.8; text-align: left; overflow-wrap: anywhere; white-space: pre-line; }
.admin-confirmation-warning[b-8h2ysd6eby], .admin-confirmation-error[b-8h2ysd6eby] { margin: 16px 0 0; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--theme-danger, #bf2443) 19%, transparent); border-radius: 12px; background: var(--theme-danger-soft, #fff0f2); color: var(--theme-danger, #bf2443); font-size: 12px; line-height: 1.9; overflow-wrap: anywhere; }
.admin-confirmation-footer[b-8h2ysd6eby] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr); gap: 10px; margin-top: 26px; }
.admin-confirmation-button[b-8h2ysd6eby] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 47px; padding: 11px 14px; border: 1px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 650; line-height: 1.6; cursor: pointer; transition: background 150ms, border-color 150ms, box-shadow 150ms, transform 150ms; }
.admin-confirmation-cancel[b-8h2ysd6eby] { border-color: var(--theme-border, #e5e2ef); background: var(--theme-surface, #fff); color: var(--theme-ink, #222034); }
.admin-confirmation-cancel:hover[b-8h2ysd6eby] { background: var(--theme-surface-muted, #f6f5fa); border-color: var(--theme-muted, #777185); }
.admin-confirmation-accept[b-8h2ysd6eby] { background: var(--confirmation-button); color: var(--confirmation-button-ink); box-shadow: 0 4px 12px color-mix(in srgb, var(--confirmation-button) 22%, transparent); }
.admin-confirmation-accept:hover[b-8h2ysd6eby] { background: color-mix(in srgb, var(--confirmation-button) 91%, #000); transform: translateY(-1px); box-shadow: 0 6px 16px color-mix(in srgb, var(--confirmation-button) 28%, transparent); }
.admin-confirmation-accept-icon[b-8h2ysd6eby] { flex-shrink: 0; }
.admin-confirmation-button:active[b-8h2ysd6eby] { transform: translateY(0); }
.admin-confirmation-button:disabled[b-8h2ysd6eby], .admin-confirmation-close:disabled[b-8h2ysd6eby] { cursor: wait; opacity: .65; transform: none; box-shadow: none; }
.admin-confirmation-button:focus-visible[b-8h2ysd6eby], .admin-confirmation-close:focus-visible[b-8h2ysd6eby] { outline: 3px solid var(--confirmation-accent); outline-offset: 3px; }
.admin-confirmation-hint[b-8h2ysd6eby] { margin: 13px 0 0; color: var(--theme-muted, #777185); text-align: center; font-size: 10px; line-height: 1.8; }

@keyframes admin-confirmation-enter-b-8h2ysd6eby { from { opacity: 0; transform: translateY(18px) scale(.95); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes admin-confirmation-exit-b-8h2ysd6eby { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(8px) scale(.97); } }
@keyframes admin-confirmation-backdrop-enter-b-8h2ysd6eby { from { opacity: 0; } to { opacity: 1; } }
@keyframes admin-confirmation-backdrop-exit-b-8h2ysd6eby { from { opacity: 1; } to { opacity: 0; } }
@keyframes admin-confirmation-symbol-enter-b-8h2ysd6eby { from { opacity: 0; transform: scale(.76) rotate(-8deg); } to { opacity: 1; transform: scale(1) rotate(0); } }

@media (max-width: 520px) {
    .admin-confirmation-dialog[b-8h2ysd6eby] { max-height: calc(100dvh - 40px); border-radius: 21px; }
    .admin-confirmation-content[b-8h2ysd6eby] { padding: 20px; }
    .admin-confirmation-copy h2[b-8h2ysd6eby] { font-size: 19px; }
    .admin-confirmation-symbol[b-8h2ysd6eby] { margin-bottom: 18px; }
    .admin-confirmation-footer[b-8h2ysd6eby] { grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); }
    .admin-confirmation-button[b-8h2ysd6eby] { padding-inline: 9px; font-size: 12px; }
    .admin-confirmation-details[b-8h2ysd6eby] { padding-inline: 12px; }
    .admin-confirmation-details[b-8h2ysd6eby]  > div { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.4fr); }
}

@media (prefers-reduced-motion: reduce) {
    .admin-confirmation-dialog[open][b-8h2ysd6eby], .admin-confirmation-dialog.is-closing[b-8h2ysd6eby], .admin-confirmation-dialog[open] .admin-confirmation-symbol[b-8h2ysd6eby], .admin-confirmation-dialog[b-8h2ysd6eby]::backdrop, .admin-confirmation-dialog.is-closing[b-8h2ysd6eby]::backdrop { animation: none; }
    .admin-confirmation-close[b-8h2ysd6eby], .admin-confirmation-button[b-8h2ysd6eby] { transition: none; }
    .admin-confirmation-close:hover[b-8h2ysd6eby], .admin-confirmation-accept:hover[b-8h2ysd6eby] { transform: none; }
}
/* /Components/Admin/Shared/AdminOrderCustomerSummary.razor.rz.scp.css */
.admin-order-customer[b-nwjqh1eoei] { display: grid; justify-items: start; gap: 5px; min-width: 150px; max-width: 260px; }
.admin-order-customer strong[b-nwjqh1eoei] { color: var(--theme-primary-text); font-size: 12px; overflow-wrap: anywhere; }
.admin-order-customer span[b-nwjqh1eoei], .admin-order-customer small[b-nwjqh1eoei] { color: var(--theme-muted); font-size: 11px; overflow-wrap: anywhere; }
/* /Components/Admin/Shared/AdminReturnsPanel.razor.rz.scp.css */
.admin-returns-panel[b-jp976vi8fq] { margin-top: 1.5rem; }
.admin-returns-list[b-jp976vi8fq] { display: grid; gap: 1rem; margin: 1.2rem 20px 0; }
.admin-return-entry[b-jp976vi8fq] { border: 1px solid var(--theme-border); border-radius: 1rem; padding: 1rem; }
.admin-return-entry header[b-jp976vi8fq] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.admin-return-entry header time[b-jp976vi8fq], .admin-returns-empty[b-jp976vi8fq], .admin-returns-footnote[b-jp976vi8fq] { color: var(--theme-muted); }
.admin-return-entry ul[b-jp976vi8fq], .admin-return-events[b-jp976vi8fq] { margin: .7rem 1.25rem; padding: 0; }
.admin-return-actions[b-jp976vi8fq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.admin-return-actions form[b-jp976vi8fq], .admin-return-complete[b-jp976vi8fq] { display: grid; gap: .7rem; margin-top: 1rem; }
.admin-return-actions label[b-jp976vi8fq], .admin-return-complete label[b-jp976vi8fq] { display: grid; gap: .35rem; }
.admin-return-actions input[b-jp976vi8fq], .admin-return-complete input[b-jp976vi8fq] { border: 1px solid var(--theme-border-strong); border-radius: .6rem; padding: .65rem; background: var(--theme-surface); color: var(--theme-ink); }
.admin-return-actions input:focus-visible[b-jp976vi8fq], .admin-return-complete input:focus-visible[b-jp976vi8fq] { outline: 2px solid var(--theme-primary-text); outline-offset: 2px; }
.admin-return-actions button[b-jp976vi8fq], .admin-return-complete button[b-jp976vi8fq] { justify-self: start; }
.admin-returns-empty[b-jp976vi8fq] { margin: 0 20px; }
.admin-returns-footnote[b-jp976vi8fq] { margin: 1.1rem 20px 20px; font-size: .85rem; }
.admin-returns-notice[b-jp976vi8fq], .admin-returns-error[b-jp976vi8fq] { margin: 0 20px 20px; padding: 14px 18px; border: 1px solid var(--theme-success-border); border-radius: 12px; background: var(--theme-success-soft); color: var(--theme-success); font-size: 13px; line-height: 1.9; }
.admin-returns-error[b-jp976vi8fq] { border-color: var(--theme-danger-border); background: var(--theme-danger-soft); color: var(--theme-danger); }
.admin-returns-notice + .admin-returns-list[b-jp976vi8fq] { margin-top: 0; }
/* /Components/Admin/Shared/AdminSidebar.razor.rz.scp.css */
.admin-sidebar[b-84nl2dcx00] {
    scrollbar-width: thin;
    scrollbar-color: var(--theme-border) transparent;
    scrollbar-gutter: stable;
    overflow-anchor: none;
}

.admin-store-chip[b-84nl2dcx00] {
    margin-bottom: 22px;
    flex-shrink: 0;
}

.admin-nav-workspace[b-84nl2dcx00] {
    gap: 5px;
    margin-bottom: 0;
    flex-shrink: 0;
}

.admin-nav-label[b-84nl2dcx00] {
    flex-shrink: 0;
}

.admin-nav-group[b-84nl2dcx00] {
    min-width: 0;
    border: 1px solid transparent;
    border-radius: 11px;
    transition: background 180ms ease, border-color 180ms ease;
}

.admin-nav-group.is-expanded[b-84nl2dcx00] {
    background: var(--theme-surface-muted);
    border-color: var(--theme-border);
}

.admin-nav-group-toggle[b-84nl2dcx00] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 48px;
    padding: 9px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--theme-muted);
    text-align: start;
    line-height: 1.65;
    cursor: pointer;
    transition: background 180ms ease, color 180ms ease;
}

.admin-nav-group-toggle:hover[b-84nl2dcx00] {
    background: var(--theme-primary-soft);
    color: var(--theme-ink);
}

.admin-nav-group-toggle:focus-visible[b-84nl2dcx00] {
    outline: 2px solid var(--theme-primary-text);
    outline-offset: 2px;
}

.admin-nav-group-icon[b-84nl2dcx00] {
    display: grid;
    place-items: center;
    flex: 0 0 29px;
    height: 29px;
    border-radius: 8px;
    background: var(--theme-surface-muted);
    color: var(--theme-muted);
    transition: background 180ms ease, color 180ms ease;
}

.admin-nav-group-title[b-84nl2dcx00] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    font-weight: 650;
}

.admin-nav-group.is-active .admin-nav-group-toggle[b-84nl2dcx00] {
    color: var(--theme-primary-text);
}

.admin-nav-group.is-active .admin-nav-group-icon[b-84nl2dcx00] {
    background: var(--theme-primary-soft-strong);
    color: var(--theme-primary-text);
}

.admin-nav-group.is-active .admin-nav-group-title[b-84nl2dcx00] {
    font-weight: 800;
}

.admin-nav-group-chevron[b-84nl2dcx00] {
    display: grid;
    place-items: center;
    flex: 0 0 15px;
    color: var(--theme-muted);
    transform: rotate(0deg);
    transition: transform 180ms ease;
}

.admin-nav-group.is-expanded .admin-nav-group-chevron[b-84nl2dcx00] {
    transform: rotate(180deg);
}

.admin-nav-group-panel[b-84nl2dcx00] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows 220ms cubic-bezier(0.2, 0, 0, 1),
                opacity 160ms ease,
                visibility 0s linear 220ms;
}

.admin-nav-group-panel.is-expanded[b-84nl2dcx00] {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.admin-nav-group-panel[inert][b-84nl2dcx00] {
    pointer-events: none;
}

.admin-nav-group-content[b-84nl2dcx00] {
    min-height: 0;
    overflow: hidden;
}

.admin-nav-group-links[b-84nl2dcx00] {
    gap: 3px;
    margin: 0 10px 10px;
    padding-inline-start: 9px;
    border-inline-start: 1px solid var(--theme-border);
}

.admin-nav-group-links[b-84nl2dcx00]  a {
    min-height: 41px;
    gap: 8px;
    padding: 8px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 1.65;
}

.admin-nav-group-links[b-84nl2dcx00]  a > svg {
    flex-shrink: 0;
}

.admin-nav-group-links[b-84nl2dcx00]  a.active {
    background: var(--theme-primary-soft-strong);
    color: var(--theme-primary-text);
}

.admin-nav-group-links[b-84nl2dcx00]  a:focus-visible {
    outline-offset: -2px;
}

.admin-nav-quick[b-84nl2dcx00] {
    gap: 2px;
    margin-bottom: 15px;
    padding-top: 12px;
    border-top: 1px solid var(--theme-border);
}

.admin-nav-quick > a[b-84nl2dcx00] {
    min-height: 39px;
    padding: 8px 10px;
    font-size: 12px;
}

.admin-sidebar-bottom[b-84nl2dcx00] {
    padding-top: 20px;
    flex-shrink: 0;
}

.admin-sidebar-note[b-84nl2dcx00] {
    padding: 12px 10px;
    margin-bottom: 15px;
}

.admin-sidebar-note p[b-84nl2dcx00] {
    margin-top: 5px;
}

.admin-support-count[b-84nl2dcx00] {
    min-width: 24px;
    padding-inline: 6px;
    border-color: var(--theme-warning-border);
    background: var(--theme-warning-soft);
    color: var(--theme-warning);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

@media (max-width: 1020px) and (min-width: 761px) {
    .admin-nav-group-toggle[b-84nl2dcx00] {
        gap: 6px;
        padding-inline: 7px;
    }

    .admin-nav-group-icon[b-84nl2dcx00] {
        flex-basis: 23px;
        height: 26px;
    }

    .admin-nav-group-title[b-84nl2dcx00] {
        font-size: 11px;
    }

    .admin-nav-group-links[b-84nl2dcx00] {
        margin-inline: 7px;
        padding-inline-start: 5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-sidebar[b-84nl2dcx00],
    .admin-nav-group[b-84nl2dcx00],
    .admin-nav-group-toggle[b-84nl2dcx00],
    .admin-nav-group-icon[b-84nl2dcx00],
    .admin-nav-group-chevron[b-84nl2dcx00],
    .admin-nav-group-panel[b-84nl2dcx00] {
        transition: none;
    }
}
/* /Components/Admin/Shared/ImageCropper.razor.rz.scp.css */
.image-crop-dialog[b-97uzbxga4x] {
    color: var(--theme-ink);
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: 18px;
    padding: 22px;
    width: min(720px, calc(100vw - 28px));
    max-height: calc(100dvh - 28px);
    overflow-y: auto;
    box-shadow: 0 24px 80px var(--theme-shadow);
    direction: rtl;
}
.image-crop-dialog[b-97uzbxga4x]::backdrop { background: var(--theme-overlay); }
.image-crop-header[b-97uzbxga4x], .image-crop-actions[b-97uzbxga4x] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.image-crop-header h3[b-97uzbxga4x] { margin: 0; font-size: 1.1rem; font-weight: 700; }
.image-crop-preview[b-97uzbxga4x] { display: flex; align-items: center; justify-content: center; min-height: 180px; margin-block: 16px 8px; }
.image-crop-preview canvas[b-97uzbxga4x] {
    display: block;
    max-width: 100%;
    max-height: min(40dvh, 360px);
    width: auto;
    height: auto;
    border: 2px solid var(--theme-primary-text);
    border-radius: 8px;
    background-color: var(--theme-image-surface);
    background-image: linear-gradient(45deg, color-mix(in srgb,var(--theme-image-ink) 12%,var(--theme-image-surface)) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb,var(--theme-image-ink) 12%,var(--theme-image-surface)) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb,var(--theme-image-ink) 12%,var(--theme-image-surface)) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb,var(--theme-image-ink) 12%,var(--theme-image-surface)) 75%);
    background-size: 16px 16px;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    cursor: grab;
    touch-action: none;
    direction: ltr;
}
.image-crop-preview canvas:active[b-97uzbxga4x] { cursor: grabbing; }
.image-crop-preview canvas:focus-visible[b-97uzbxga4x] { outline: 3px solid var(--theme-primary-text); outline-offset: 4px; }
.image-crop-controls[b-97uzbxga4x] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; border: 0; padding: 0; margin: 16px 0; min-width: 0; }
.image-crop-controls label[b-97uzbxga4x] { display: flex; flex-direction: column; gap: 8px; font-size: .84rem; }
.image-crop-controls .access-input[b-97uzbxga4x] { width: 100%; }
.image-crop-controls input[readonly][b-97uzbxga4x] { background: var(--theme-surface-muted); }
.image-crop-zoom[b-97uzbxga4x] { grid-column: span 2; }
.image-crop-zoom input[b-97uzbxga4x] { width: 100%; accent-color: var(--theme-primary); }
.image-crop-controls:disabled[b-97uzbxga4x] { opacity: .6; }
.image-crop-footer[b-97uzbxga4x] { border-top: 1px solid var(--theme-border); padding-top: 10px; }
.image-crop-actions[b-97uzbxga4x] { justify-content: flex-end; flex-wrap: wrap; }
@media (max-width: 560px) {
    .image-crop-dialog[b-97uzbxga4x] { padding: 16px; }
    .image-crop-controls[b-97uzbxga4x] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .image-crop-controls label:first-child[b-97uzbxga4x], .image-crop-zoom[b-97uzbxga4x] { grid-column: span 2; }
}
/* /Components/Admin/Shared/OperationalLogsPanel.razor.rz.scp.css */
.operations-card[b-9qknxx0vfn]{padding:1.3rem}.operations-filters[b-9qknxx0vfn]{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin-bottom:1.5rem}.operations-filters label[b-9qknxx0vfn]{display:grid;gap:.4rem;min-width:10rem}.operations-alert[b-9qknxx0vfn]{padding:1rem;background:var(--theme-danger-soft);color:var(--theme-danger);border-radius:.7rem;margin-bottom:1rem}.operations-table[b-9qknxx0vfn]{width:100%;border-collapse:collapse;text-align:start;font-size:.85rem}.operations-table th[b-9qknxx0vfn],.operations-table td[b-9qknxx0vfn]{padding:.85rem;border-bottom:1px solid var(--theme-border);text-align:start;vertical-align:top}.operations-table code[b-9qknxx0vfn]{direction:ltr;display:inline-block;overflow-wrap:anywhere;font-size:.72rem}.operations-pager[b-9qknxx0vfn]{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.operations-pager span[b-9qknxx0vfn]{margin-inline-end:auto}
/* /Components/Admin/Shared/OrderFulfillmentPanel.razor.rz.scp.css */
.fulfillment-panel[b-y379sqpfyj]{margin-block:22px;padding:26px}.fulfillment-heading[b-y379sqpfyj]{display:flex;align-items:center;gap:14px;margin-bottom:24px}.fulfillment-heading h2[b-y379sqpfyj]{margin:0 0 6px;font-size:19px}.fulfillment-heading p[b-y379sqpfyj]{margin:0;color:var(--admin-muted,var(--theme-muted));font-size:13px}.fulfillment-heading .admin-status[b-y379sqpfyj]{margin-inline-start:auto;white-space:nowrap}.fulfillment-icon[b-y379sqpfyj],.fulfillment-option-icon[b-y379sqpfyj]{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:var(--theme-primary-soft);color:var(--theme-primary-text)}.fulfillment-options[b-y379sqpfyj]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fulfillment-option[b-y379sqpfyj]{display:flex;flex-direction:column;align-items:stretch;gap:12px;border:1px solid var(--theme-border);border-radius:16px;padding:22px;background:var(--theme-surface)}.fulfillment-option h3[b-y379sqpfyj]{font-size:17px;margin:2px 0 0}.fulfillment-option p[b-y379sqpfyj]{font-size:13px;line-height:1.9;color:var(--theme-muted);margin:0 0 5px}.fulfillment-option label[b-y379sqpfyj]{display:grid;gap:7px;font-size:12px;font-weight:600}.fulfillment-option input[b-y379sqpfyj],.fulfillment-option textarea[b-y379sqpfyj]{width:100%;border:1px solid var(--theme-border);border-radius:10px;padding:11px 12px;font:inherit;min-height:44px;background:var(--theme-surface);color:var(--theme-ink)}.fulfillment-option input:focus[b-y379sqpfyj],.fulfillment-option textarea:focus[b-y379sqpfyj]{outline:2px solid var(--theme-primary-text);outline-offset:2px}.fulfillment-option .admin-button[b-y379sqpfyj]{margin-top:auto;justify-content:center;min-height:44px}.fulfillment-option-send[b-y379sqpfyj]{background:var(--theme-surface-muted);border-color:var(--theme-border)}.fulfillment-option-cancel .fulfillment-option-icon[b-y379sqpfyj]{background:var(--theme-danger-soft);color:var(--theme-danger)}.fulfillment-option small[b-y379sqpfyj]{font-size:11px;line-height:1.8;color:var(--theme-danger)}.fulfillment-notice[b-y379sqpfyj]{margin:0 0 20px;line-height:1.9;padding:14px 18px;border-radius:12px;background:var(--theme-primary-soft);color:var(--theme-ink);font-size:13px}.fulfillment-notice.is-error[b-y379sqpfyj]{background:var(--theme-danger-soft);color:var(--theme-danger)}.fulfillment-summary[b-y379sqpfyj]{padding:20px;background:var(--theme-primary-soft);border-radius:12px;font-size:13px;line-height:1.9}.fulfillment-dispatched[b-y379sqpfyj]{display:flex;gap:13px;padding:20px;background:var(--theme-primary-soft);border-radius:14px;color:var(--theme-ink)}.fulfillment-dispatched p[b-y379sqpfyj]{font-size:13px;margin:7px 0 0;line-height:1.9}.fulfillment-tracking[b-y379sqpfyj]{display:flex;justify-content:space-between;gap:16px;padding:17px 8px;border-bottom:1px solid var(--theme-border);font-size:13px}.fulfillment-tracking strong[b-y379sqpfyj]{overflow-wrap:anywhere}.fulfillment-panel[b-y379sqpfyj]  .admin-button{cursor:pointer}@media(max-width:1100px){.fulfillment-options[b-y379sqpfyj]{grid-template-columns:1fr}.fulfillment-option[b-y379sqpfyj]{padding:20px}.fulfillment-option .admin-button[b-y379sqpfyj]{margin-top:8px}}@media(max-width:580px){.fulfillment-panel[b-y379sqpfyj]{padding:18px}.fulfillment-heading[b-y379sqpfyj]{flex-wrap:wrap}.fulfillment-heading .admin-status[b-y379sqpfyj]{margin-inline-start:60px}.fulfillment-tracking[b-y379sqpfyj]{flex-direction:column}}
/* /Components/Admin/Shared/OrderShipmentsPanel.razor.rz.scp.css */
.shipment-panel[b-5d9lz6pe5y]{margin-top:22px;overflow:hidden}
.shipment-panel>.admin-card-heading[b-5d9lz6pe5y]{border-bottom:1px solid var(--theme-border)}
.shipment-alert[b-5d9lz6pe5y]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 20px;padding:12px 14px;border-radius:9px;border:1px solid var(--theme-danger-border);background:var(--theme-danger-soft);color:var(--theme-danger);font-size:10px}
.shipment-alert button[b-5d9lz6pe5y]{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}
.shipment-loading[b-5d9lz6pe5y],.shipment-empty[b-5d9lz6pe5y]{padding:25px 22px;color:var(--theme-muted);font-size:11px}
.shipment-list[b-5d9lz6pe5y]{padding:18px 22px;display:grid;gap:16px}
.shipment-item[b-5d9lz6pe5y]{border:1px solid var(--theme-border);border-radius:10px;padding:17px 18px;background:var(--theme-surface-muted)}
.shipment-title[b-5d9lz6pe5y]{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shipment-title>div[b-5d9lz6pe5y]{display:flex;align-items:center;gap:10px}
.shipment-title strong[b-5d9lz6pe5y]{font-size:12px;color:var(--theme-ink)}
.shipment-title small[b-5d9lz6pe5y]{font-size:9px;color:var(--theme-muted)}
.shipment-meta[b-5d9lz6pe5y]{display:flex;gap:28px;margin:15px 0 10px;flex-wrap:wrap}
.shipment-meta>div[b-5d9lz6pe5y]{display:flex;gap:7px;font-size:10px}.shipment-meta dt[b-5d9lz6pe5y]{color:var(--theme-muted)}.shipment-meta dd[b-5d9lz6pe5y]{margin:0;color:var(--theme-muted)}
.shipment-lines[b-5d9lz6pe5y]{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.shipment-lines li[b-5d9lz6pe5y]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:var(--theme-primary-soft);border-radius:6px;color:var(--theme-muted);font-size:10px}
.shipment-lines strong[b-5d9lz6pe5y]{white-space:nowrap}
.shipment-events[b-5d9lz6pe5y]{list-style:none;padding:13px 0 0;margin:13px 0 0;border-top:1px solid var(--theme-border);display:grid;gap:8px}
.shipment-events li[b-5d9lz6pe5y]{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;font-size:9px;color:var(--theme-muted)}
.shipment-events li strong[b-5d9lz6pe5y]{color:var(--theme-primary-text)}.shipment-events time[b-5d9lz6pe5y]{color:var(--theme-muted)}
.shipment-transition[b-5d9lz6pe5y]{margin-top:15px;border-top:1px solid var(--theme-border);padding-top:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.shipment-transition label[b-5d9lz6pe5y],.shipment-create-fields label[b-5d9lz6pe5y]{display:grid;gap:6px;font-size:10px;color:var(--theme-muted)}
.shipment-transition input[b-5d9lz6pe5y],.shipment-create-fields input[b-5d9lz6pe5y],.shipment-create-lines input[b-5d9lz6pe5y]{width:100%;min-width:0;min-height:36px;border:1px solid var(--theme-border);border-radius:7px;background:var(--theme-surface);color:var(--theme-ink);padding:7px 10px;font:inherit}
.shipment-transition-actions[b-5d9lz6pe5y]{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.shipment-transition-actions button:disabled[b-5d9lz6pe5y],.shipment-create-actions button:disabled[b-5d9lz6pe5y]{opacity:.5;cursor:wait}
.shipment-create[b-5d9lz6pe5y]{border-top:1px solid var(--theme-border);padding:20px 22px 22px;background:var(--theme-surface-muted)}
.shipment-create h3[b-5d9lz6pe5y]{font-size:12px}.shipment-create>p[b-5d9lz6pe5y]{font-size:9px;color:var(--theme-muted);margin-top:5px}
.shipment-create-lines[b-5d9lz6pe5y]{margin-top:14px;display:grid;gap:8px}
.shipment-create-lines label[b-5d9lz6pe5y]{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:8px;padding:10px 12px}
.shipment-create-lines strong[b-5d9lz6pe5y]{display:block;font-size:10px;color:var(--theme-primary-text)}.shipment-create-lines small[b-5d9lz6pe5y]{display:block;font-size:9px;color:var(--theme-muted);margin-top:3px}
.shipment-create-lines input[b-5d9lz6pe5y]{width:85px;flex:none;text-align:center}
.shipment-create-fields[b-5d9lz6pe5y]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.shipment-create-actions[b-5d9lz6pe5y]{margin-top:14px}
@media(max-width:650px){.shipment-list[b-5d9lz6pe5y],.shipment-create[b-5d9lz6pe5y]{padding-inline:14px}.shipment-transition[b-5d9lz6pe5y],.shipment-create-fields[b-5d9lz6pe5y]{grid-template-columns:1fr}.shipment-title[b-5d9lz6pe5y]{align-items:flex-start;flex-direction:column}}
/* /Components/Admin/Shared/ProductImageGuidance.razor.rz.scp.css */
.product-image-guidance[b-bjsufem877] {
    min-width: 0;
    margin-bottom: 20px;
    padding: 16px 18px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 12px;
    background: var(--theme-primary-soft);
    color: var(--theme-ink);
    font-size: 12px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.product-image-guidance-heading[b-bjsufem877] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--theme-primary-text);
    font-size: 13px;
}

.product-image-guidance-heading[b-bjsufem877]  svg {
    flex: none;
}

.product-image-guidance ul[b-bjsufem877] {
    margin: 8px 0 0;
    padding-inline-start: 20px;
    list-style: disc;
}

.product-image-guidance li + li[b-bjsufem877] {
    margin-top: 4px;
}
/* /Components/Layouts/AccountLayout.razor.rz.scp.css */
.account-auth-brand[b-qquyxmtc4r] { min-width: 0; max-width: 100%; }
.account-auth-brand > span[b-qquyxmtc4r] { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1024px) {
    .account-auth-shell[b-qquyxmtc4r] { padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px)); }
}
/* /Components/Layouts/InvoiceLayout.razor.rz.scp.css */
.invoice-layout[b-xivheqrbki] { min-height: 100vh; background: #eef1f3; padding: 32px 20px 56px; color: #172b35; }
@media (max-width: 640px) { .invoice-layout[b-xivheqrbki] { padding: 18px 10px 30px; } }
@media print { .invoice-layout[b-xivheqrbki] { padding: 0; background: white; min-height: auto; } }
@page { size: A4 portrait; margin: 12mm; }
/* /Components/Layouts/StoreLayout.razor.rz.scp.css */
.store-brand-copy[b-jzd9o69rbx] { min-width: 0; }
.store-brand-copy strong[b-jzd9o69rbx] { overflow-wrap: anywhere; }
.store-brand-copy small[b-jzd9o69rbx] { direction: initial; letter-spacing: 0; overflow-wrap: anywhere; }
.store-brand-contact-phone[b-jzd9o69rbx] { display: inline-flex; margin-top: 12px; line-height: 1.8; }
.store-brand-contact-address[b-jzd9o69rbx] { margin-top: 16px; color: var(--theme-on-dark-muted); font-style: normal; font-size: 13px; line-height: 2; white-space: pre-line; overflow-wrap: anywhere; }
.store-footer[b-jzd9o69rbx] {
    margin-top: auto;
    border-top: 3px solid var(--theme-accent-on-dark);
    background: radial-gradient(ellipse at 100% 0, color-mix(in srgb,var(--theme-on-dark) 3.14%,transparent), transparent 65%), var(--theme-primary-deep);
    color: var(--theme-on-dark);
}
.store-footer-contact[b-jzd9o69rbx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
    padding-block: 28px;
    border-bottom: 1px solid color-mix(in srgb,var(--theme-on-dark) 9.41%,transparent);
}
.store-footer-contact-heading[b-jzd9o69rbx] { display: flex; align-items: center; gap: 13px; flex: none; }
.store-footer-contact-icon[b-jzd9o69rbx] { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border: 1px solid color-mix(in srgb,var(--theme-on-dark) 12.55%,transparent); border-radius: 15px; background: color-mix(in srgb,var(--theme-on-dark) 3.14%,transparent); color: var(--theme-accent-on-dark); }
.store-footer-contact-heading h2[b-jzd9o69rbx] { margin: 0; color: var(--theme-on-dark); font-size: 16px; font-weight: 750; line-height: 1.8; }
.store-footer-contact-heading p[b-jzd9o69rbx] { margin: 3px 0 0; color: var(--theme-on-dark-muted); font-size: 12px; }
.store-footer-contact-details[b-jzd9o69rbx] { display: flex; flex: 1; flex-wrap: wrap; gap: 12px; align-items: stretch; min-width: 0; }
.store-footer-phone[b-jzd9o69rbx] { display: grid; flex: 1 0 160px; grid-template-columns: minmax(0, 1fr) auto; align-content: center; gap: 4px 16px; min-height: 72px; padding: 13px 17px; border: 1px solid color-mix(in srgb,var(--theme-on-dark) 13.33%,transparent); border-radius: 13px; background: color-mix(in srgb,var(--theme-on-dark) 1.96%,transparent); color: var(--theme-on-dark); direction: rtl; transition: background .2s, border-color .2s; }
.store-footer-phone > span[b-jzd9o69rbx] { font-size: 11px; color: var(--theme-on-dark-muted); }
.store-footer-phone > b[b-jzd9o69rbx] { grid-column: 1; grid-row: 2; justify-self: start; color: var(--theme-on-dark); font-size: 18px; font-weight: 700; letter-spacing: .6px; }
.store-footer-phone[b-jzd9o69rbx]  svg { grid-column: 2; grid-row: 1 / 3; color: var(--theme-accent-on-dark); }
.store-footer-phone:hover[b-jzd9o69rbx] { background: color-mix(in srgb,var(--theme-on-dark) 5.49%,transparent); border-color: var(--theme-accent-on-dark); }
.store-footer-address[b-jzd9o69rbx] { display: flex; align-items: center; gap: 10px; flex: 1.6 1 240px; padding: 10px 12px; min-width: 0; }
.store-footer-address[b-jzd9o69rbx]  svg { flex: none; color: var(--theme-accent-on-dark); }
.store-footer-address span[b-jzd9o69rbx] { display: block; color: var(--theme-on-dark-muted); font-size: 11px; }
.store-footer-address address[b-jzd9o69rbx] { margin: 4px 0 0; color: var(--theme-on-dark); font-size: 12px; font-style: normal; line-height: 1.95; white-space: pre-line; overflow-wrap: anywhere; }
.store-footer-grid[b-jzd9o69rbx] { grid-template-columns: minmax(0, 1.5fr) minmax(0, .7fr) minmax(0, .9fr) minmax(0, 1.1fr); gap: 38px; padding-block: 42px; }
.store-footer-grid--without-badges[b-jzd9o69rbx] { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr); }
.store-footer-about[b-jzd9o69rbx], .store-footer-links[b-jzd9o69rbx], .store-footer-certifications[b-jzd9o69rbx] { min-width: 0; }
.store-footer-about > p[b-jzd9o69rbx] { margin-top: 17px; font-size: 13px; line-height: 2.1; }
.store-footer-description[b-jzd9o69rbx] { white-space: pre-line; overflow-wrap: anywhere; }
.store-trust-row[b-jzd9o69rbx] { flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.store-trust-row span[b-jzd9o69rbx] { color: var(--theme-on-dark-muted); font-size: 11px; padding: 7px 10px; border: 1px solid color-mix(in srgb,var(--theme-on-dark) 9.41%,transparent); border-radius: 9px; }
.store-trust-row[b-jzd9o69rbx]  svg { color: var(--theme-accent-on-dark); }
.store-footer-links[b-jzd9o69rbx] { gap: 12px; align-items: start; }
.store-footer-links h2[b-jzd9o69rbx], .store-footer-certifications h2[b-jzd9o69rbx] { position: relative; margin: 0 0 8px; padding-bottom: 14px; color: var(--theme-on-dark); font-size: 15px; font-weight: 750; line-height: 1.8; }
.store-footer-links h2[b-jzd9o69rbx]::after, .store-footer-certifications h2[b-jzd9o69rbx]::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 24px; height: 2px; border-radius: 2px; background: var(--theme-accent-on-dark); }
.store-footer-links a[b-jzd9o69rbx] { line-height: 1.9; overflow-wrap: anywhere; }
.store-footer-certifications > p[b-jzd9o69rbx] { color: var(--theme-on-dark-muted); font-size: 11px; line-height: 1.9; margin: 12px 0 16px; }
.store-footer-badges[b-jzd9o69rbx] { display: flex; align-items: stretch; flex-wrap: wrap; gap: 10px; }
.store-footer-badges[b-jzd9o69rbx]  a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; width: 100px; min-height: 112px; padding: 10px; box-sizing: border-box; border: 1px solid color-mix(in srgb,var(--theme-on-dark) 20.78%,transparent); border-radius: 14px; background: var(--theme-surface); color: var(--theme-ink); text-align: center; font-size: 11px; font-weight: 600; line-height: 1.8; overflow-wrap: anywhere; text-decoration: none; box-shadow: 0 4px 18px var(--theme-shadow); transition: transform .2s, box-shadow .2s; }
.store-footer-badges[b-jzd9o69rbx]  a:hover { transform: translateY(-3px); box-shadow: 0 8px 20px var(--theme-shadow); }
.store-footer-badges[b-jzd9o69rbx]  img { display: block; width: auto; height: auto; max-width: 100%; max-height: 92px; object-fit: contain;  background: var(--theme-image-surface);  border-radius: 6px; color: var(--theme-image-ink); }
.store-footer-bottom[b-jzd9o69rbx] { align-items: center; padding-block: 19px; font-size: 11px; line-height: 1.9; }
.store-footer-back-to-top[b-jzd9o69rbx] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; flex: none; color: var(--theme-on-dark-muted); font-size: 11px; padding: 6px 0; }
.store-footer-back-to-top[b-jzd9o69rbx]  svg { transform: rotate(90deg); color: var(--theme-accent-on-dark); }
.store-footer a:focus-visible[b-jzd9o69rbx], .store-footer-badges[b-jzd9o69rbx]  a:focus-visible { outline: 2px solid var(--theme-accent-on-dark); outline-offset: 5px; }
@media (max-width: 1080px) {
    .store-footer-contact[b-jzd9o69rbx] { flex-direction: column; align-items: stretch; gap: 20px; }
    .store-footer-grid[b-jzd9o69rbx] { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 30px; }
    .store-footer-certifications[b-jzd9o69rbx] { grid-column: 1 / -1; padding-top: 22px; border-top: 1px solid color-mix(in srgb,var(--theme-on-dark) 9.41%,transparent); }
}
@media (max-width: 600px) {
    .store-footer-contact[b-jzd9o69rbx] { padding-block: 24px; }
    .store-footer-contact-details[b-jzd9o69rbx] { gap: 10px; }
    .store-footer-phone[b-jzd9o69rbx] { flex-basis: 130px; padding: 12px; }
    .store-footer-phone > b[b-jzd9o69rbx] { font-size: 16px; letter-spacing: .2px; }
    .store-footer-address[b-jzd9o69rbx] { flex-basis: 100%; padding-inline: 0; }
    .store-footer-grid[b-jzd9o69rbx] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 20px; padding-block: 30px; }
    .store-footer-about[b-jzd9o69rbx] { grid-column: 1 / -1; }
    .store-footer-about > p[b-jzd9o69rbx] { max-width: none; }
    .store-footer-bottom[b-jzd9o69rbx] { flex-direction: column; align-items: start; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .store-footer-phone[b-jzd9o69rbx], .store-footer-badges[b-jzd9o69rbx]  a { transition: none; }
    .store-footer-badges[b-jzd9o69rbx]  a:hover { transform: none; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0qbzquozjx],
.components-reconnect-repeated-attempt-visible[b-0qbzquozjx],
.components-reconnect-failed-visible[b-0qbzquozjx],
.components-pause-visible[b-0qbzquozjx],
.components-resume-failed-visible[b-0qbzquozjx],
.components-rejoining-animation[b-0qbzquozjx] {
    display: none;
}

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


#components-reconnect-modal[b-0qbzquozjx] {
    background-color: var(--theme-surface);
    color: var(--theme-ink);
    width: min(20rem, calc(100vw - 32px));
    box-sizing: border-box;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid var(--theme-border);
    border-radius: 0.5rem;
    box-shadow: 0 12px 40px var(--theme-shadow);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0qbzquozjx 0.5s both;
    &[open]

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

}

#components-reconnect-modal[b-0qbzquozjx]::backdrop {
    background-color: var(--theme-overlay);
    animation: components-reconnect-modal-fadeInOpacity-b-0qbzquozjx 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-0qbzquozjx] {
    border: 0;
    background-color: var(--theme-primary);
    color: var(--theme-on-primary);
    padding: 4px 24px;
    border-radius: 4px;
    min-height: 36px;
    cursor: pointer;
}

    #components-reconnect-modal button:hover[b-0qbzquozjx] {
        background-color: var(--theme-primary-hover);
    }

    #components-reconnect-modal button:active[b-0qbzquozjx] {
        background-color: var(--theme-primary-active);
    }

    #components-reconnect-modal button:focus-visible[b-0qbzquozjx] {
        outline: 2px solid var(--theme-primary-text);
        outline-offset: 3px;
    }

    #components-reconnect-modal button:disabled[b-0qbzquozjx] {
        opacity: .6;
        cursor: not-allowed;
    }

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

    .components-rejoining-animation div[b-0qbzquozjx] {
        position: absolute;
        border: 3px solid var(--theme-primary-text);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0qbzquozjx 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

@keyframes components-rejoining-animation-b-0qbzquozjx {
    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;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-0qbzquozjx],
    #components-reconnect-modal[open][b-0qbzquozjx],
    #components-reconnect-modal[b-0qbzquozjx]::backdrop,
    .components-rejoining-animation div[b-0qbzquozjx] {
        animation: none;
        transition: none;
    }

    .components-rejoining-animation[b-0qbzquozjx] {
        display: none !important;
    }
}
/* /Components/Shared/JalaliDatePicker.razor.rz.scp.css */
.jalali-datepicker[b-q4pdcwfark] { display: grid; gap: 8px; min-width: 0; color: var(--theme-ink); font-size: 13px; }
.jalali-field-label[b-q4pdcwfark] { font-size: 13px; font-weight: 700; }
.jalali-field-label small[b-q4pdcwfark] { color: var(--theme-muted); font-size: 11px; font-weight: 400; margin-inline-start: 3px; }
.jalali-input-shell[b-q4pdcwfark] { position: relative; min-width: 0; }
.jalali-date-input[b-q4pdcwfark] { width: 100%; min-width: 0; min-height: 48px; padding: 10px 13px; border: 1px solid var(--theme-border); border-radius: 10px; background: var(--theme-surface); color: var(--theme-ink); font-size: 15px; font-weight: 500; outline: none; }
.jalali-date-input:focus[b-q4pdcwfark] { border-color: var(--theme-primary-text); box-shadow: 0 0 0 3px var(--theme-focus-ring); }
.jalali-datepicker[data-jalali-enhanced] .jalali-date-input[b-q4pdcwfark] { padding-right: 47px; }
.jalali-date-input[b-q4pdcwfark]::placeholder { color: var(--theme-muted); font-size: 13px; font-weight: 400; }
.jalali-date-input[readonly][b-q4pdcwfark] { background: var(--theme-primary-soft); }
.jalali-date-input:disabled[b-q4pdcwfark] { opacity: .55; cursor: not-allowed; }
.jalali-field-help[b-q4pdcwfark] { color: var(--theme-muted); font-size: 11px; font-weight: 400; line-height: 1.9; }
.jalali-toggle[b-q4pdcwfark] { position: absolute; right: 5px; top: 5px; width: 38px; height: 38px; display: grid; place-items: center; color: var(--theme-primary-text); border: 1px solid transparent; border-radius: 8px; background: var(--theme-primary-soft); cursor: pointer; }
.jalali-toggle:hover[b-q4pdcwfark] { border-color: var(--theme-border); background: var(--theme-primary-soft); }
.jalali-toggle:focus-visible[b-q4pdcwfark] { outline: 2px solid var(--theme-primary-text); outline-offset: 2px; }
.jalali-toggle:disabled[b-q4pdcwfark] { opacity: .5; cursor: wait; }
.jalali-toggle[hidden][b-q4pdcwfark], .jalali-popup[hidden][b-q4pdcwfark] { display: none; }
.jalali-popup[b-q4pdcwfark] { position: fixed; z-index: 120; width: 350px; max-width: calc(100vw - 24px); overflow: auto; overscroll-behavior: contain; direction: rtl; padding: 18px; color: var(--theme-ink); background: var(--theme-surface-muted); border: 1px solid var(--theme-border); border-radius: 17px; box-shadow: 0 18px 54px color-mix(in srgb,var(--theme-primary-deep) 18.82%,transparent), 0 3px 12px var(--theme-focus-ring); }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--theme-border); }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-kicker { color: var(--theme-primary-text); font-size: 10px; font-weight: 500; margin-bottom: 2px; }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-title { color: var(--theme-ink); font-size: 16px; font-weight: 800; }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-close { width: 30px; height: 30px; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font-size: 20px; line-height: 1; cursor: pointer; flex: none; }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-controls { display: grid; grid-template-columns: 31px minmax(0, 1fr) minmax(0, .9fr) 31px; align-items: end; gap: 8px; padding: 14px 0 15px; }
.jalali-popup[b-q4pdcwfark]  .jalali-select-field { display: grid; gap: 5px; min-width: 0; }
.jalali-popup[b-q4pdcwfark]  .jalali-select-field > span { color: var(--theme-muted); font-size: 10px; }
.jalali-popup[b-q4pdcwfark]  .jalali-select-field select { width: 100%; min-width: 0; min-height: 35px; padding: 5px 7px; border: 1px solid var(--theme-border); border-radius: 8px; background: var(--theme-surface-muted); color: var(--theme-ink); font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
.jalali-popup[b-q4pdcwfark]  .jalali-month-nav { display: grid; place-items: center; width: 31px; height: 35px; border: 1px solid var(--theme-border); border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-primary-text); cursor: pointer; }
.jalali-popup[b-q4pdcwfark]  .jalali-month-nav svg { width: 14px; height: 14px; }
.jalali-popup[b-q4pdcwfark]  button:disabled, .jalali-popup[b-q4pdcwfark]  select:disabled { opacity: .4; cursor: default; }
.jalali-popup[b-q4pdcwfark]  button:focus-visible, .jalali-popup[b-q4pdcwfark]  select:focus-visible { outline: 2px solid var(--theme-primary-text); outline-offset: 2px; }
.jalali-popup[b-q4pdcwfark]  .jalali-weekdays, .jalali-popup[b-q4pdcwfark]  .jalali-calendar-row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.jalali-popup[b-q4pdcwfark]  .jalali-weekdays { padding-bottom: 6px; }
.jalali-popup[b-q4pdcwfark]  .jalali-weekdays > span { text-align: center; color: var(--theme-muted); font-size: 10px; font-weight: 650; padding-block: 6px; }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-grid { display: grid; gap: 4px; }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-cell { display: grid; min-width: 0; }
.jalali-popup[b-q4pdcwfark]  .jalali-day { position: relative; display: grid; place-items: center; width: 100%; min-height: 35px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--theme-primary-text); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.jalali-popup[b-q4pdcwfark]  .jalali-day:hover:not(:disabled) { background: var(--theme-primary-soft); color: var(--theme-ink); }
.jalali-popup[b-q4pdcwfark]  .jalali-day.is-today { border-color: var(--theme-border-strong); background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.jalali-popup[b-q4pdcwfark]  .jalali-day.is-selected { border-color: var(--theme-border-strong); background: var(--theme-primary); color: var(--theme-on-primary); box-shadow: 0 3px 9px color-mix(in srgb,var(--theme-primary-deep) 12.55%,transparent); }
.jalali-popup[b-q4pdcwfark]  .jalali-day.is-selected:hover { background: var(--theme-primary-hover); color: var(--theme-on-primary); }
.jalali-popup[b-q4pdcwfark]  .jalali-day[aria-current="date"]::after { content: ""; position: absolute; bottom: 3px; width: 3px; height: 3px; border-radius: 50%; background: currentColor; }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--theme-border); }
.jalali-popup[b-q4pdcwfark]  .jalali-calendar-note { color: var(--theme-muted); font-size: 10px; line-height: 1.8; }
.jalali-popup[b-q4pdcwfark]  .jalali-today-button { flex: none; min-height: 33px; padding: 5px 12px; border: 1px solid var(--theme-border); border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.jalali-popup[b-q4pdcwfark]  .jalali-today-button:hover { background: var(--theme-primary-soft); }
@media (max-width: 480px) { .jalali-popup[b-q4pdcwfark] { padding: 16px; } .jalali-popup[b-q4pdcwfark]  .jalali-day { min-height: 38px; font-size: 13px; } }
/* /Components/Shared/JalaliDateTimePicker.razor.rz.scp.css */
.jalali-datetime-picker[b-dnteygrn8h] { display: grid; grid-template-columns: minmax(0, 1fr) 110px; align-items: start; gap: 12px; min-width: 0; }
.jalali-time-field[b-dnteygrn8h] { display: grid; gap: 8px; color: var(--theme-ink); font-size: 13px; font-weight: 700; }
.jalali-time-field input[b-dnteygrn8h] { width: 100%; min-width: 0; min-height: 48px; padding: 10px; border: 1px solid var(--theme-border); border-radius: 10px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-size: 14px; outline: none; }
.jalali-time-field input:focus[b-dnteygrn8h] { border-color: var(--theme-primary-text); box-shadow: 0 0 0 3px var(--theme-focus-ring); }
.jalali-time-field input:disabled[b-dnteygrn8h] { opacity: .55; }
@media (max-width: 420px) { .jalali-datetime-picker[b-dnteygrn8h] { grid-template-columns: minmax(0, 1fr) 96px; gap: 8px; } }
/* /Components/Store/Cart/CartEditorIsland.razor.rz.scp.css */
.cart-editor-error[b-b20je0txo6] { position: fixed; z-index: 110; inset-inline: 20px auto; bottom: 20px; display: flex; align-items: center; gap: 16px; max-width: min(440px, calc(100vw - 40px)); color: var(--theme-danger); background: var(--theme-danger-soft); border: 1px solid var(--theme-danger-border); border-radius: 11px; padding: 13px 15px; font-size: 14px; line-height: 1.9; box-shadow: 0 12px 35px var(--theme-shadow); }
.cart-editor-error button[b-b20je0txo6] { font-size: 20px; line-height: 1; cursor: pointer; }
@media (max-width: 1024px) {
    .cart-editor-error[b-b20je0txo6] { bottom: calc(104px + env(safe-area-inset-bottom, 0px)); }
}
/* /Components/Store/Catalog/ProductInformationTabs.razor.rz.scp.css */
.product-information[b-gnln75xm6m] { margin-block: 36px 48px; border: 1px solid var(--theme-border); border-radius: 22px; background: var(--theme-surface); overflow: hidden; }
.product-information__tabs[b-gnln75xm6m] { display: flex; gap: 8px; padding: 12px 22px 0; border-bottom: 1px solid var(--theme-border); background: var(--theme-surface-muted); overflow-x: auto; scrollbar-width: thin; }
.product-information__tab[b-gnln75xm6m] { display: inline-flex; position: relative; flex: none; align-items: center; justify-content: center; gap: 9px; min-height: 62px; padding: 12px 20px 16px; color: var(--theme-muted); border: 0; background: transparent; font: inherit; font-weight: 650; cursor: pointer; white-space: nowrap; }
.product-information__tab:hover[b-gnln75xm6m] { color: var(--theme-primary-text); }
.product-information__tab.is-active[b-gnln75xm6m] { color: var(--theme-primary-text); }
.product-information__tab.is-active[b-gnln75xm6m]::after { content: ''; position: absolute; height: 3px; border-radius: 3px 3px 0 0; background: var(--theme-primary-border); inset-inline: 14px; bottom: 0; }
.product-information__count[b-gnln75xm6m] { min-width: 26px; height: 25px; padding-inline: 6px; border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font-size: 12px; display: grid; place-items: center; }
.product-information__panel[b-gnln75xm6m] { min-height: 250px; padding: 30px 32px 34px; }
.product-information__panel[hidden][b-gnln75xm6m] { display: none; }
.product-information__heading[b-gnln75xm6m] { margin-bottom: 22px; }
.product-information__heading span[b-gnln75xm6m] { color: var(--theme-muted); font-size: 13px; }
.product-information__heading h2[b-gnln75xm6m] { margin-top: 4px; color: var(--theme-ink); font-size: 23px; font-weight: 750; }
.product-information__description[b-gnln75xm6m] { max-width: 960px; color: var(--theme-muted); line-height: 2.2; white-space: pre-line; overflow-wrap: anywhere; }
.product-information__specifications[b-gnln75xm6m] { display: grid; gap: 6px; max-width: 1040px; }
.product-information__specifications > div[b-gnln75xm6m] { display: grid; grid-template-columns: minmax(140px, 1fr) 3fr; gap: 20px; padding: 14px 18px; border-radius: 10px; background: var(--theme-surface-muted); line-height: 1.85; }
.product-information__specifications dt[b-gnln75xm6m] { color: var(--theme-muted); }
.product-information__specifications dd[b-gnln75xm6m] { margin: 0; color: var(--theme-ink); overflow-wrap: anywhere; }
.product-information :is(button,[tabindex]):focus-visible[b-gnln75xm6m] { outline: 2px solid var(--theme-primary-border); outline-offset: -4px; border-radius: 10px; }
@media (max-width: 680px) {
    .product-information[b-gnln75xm6m] { margin-block: 25px 32px; border-radius: 16px; }
    .product-information__tabs[b-gnln75xm6m] { padding-inline: 5px; gap: 0; }
    .product-information__tab[b-gnln75xm6m] { padding-inline: 12px; min-height: 56px; font-size: 13px; gap: 6px; }
    .product-information__panel[b-gnln75xm6m] { padding: 24px 18px; }
    .product-information__heading h2[b-gnln75xm6m] { font-size: 20px; }
    .product-information__specifications > div[b-gnln75xm6m] { grid-template-columns: minmax(90px, 1fr) 1.7fr; gap: 10px; padding: 12px; font-size: 14px; }
}
@media (max-width: 420px) {
    .product-information__tab[b-gnln75xm6m] { padding-inline: 10px; gap: 4px; font-size: 12px; }
    .product-information__tab[b-gnln75xm6m]  svg { display: none; }
    .product-information__count[b-gnln75xm6m] { min-width: 20px; height: 21px; padding-inline: 4px; font-size: 10px; }
}
/* /Components/Store/Catalog/ProductReviewsPanel.razor.rz.scp.css */
.product-reviews__heading[b-gb6id107o3] { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.product-reviews__heading > div:first-child > span[b-gb6id107o3] { font-size: 13px; color: var(--theme-primary-text); }
.product-reviews__heading h2[b-gb6id107o3] { margin-top: 4px; font-size: 23px; font-weight: 750; color: var(--theme-ink); }
.product-reviews__heading p[b-gb6id107o3] { margin-top: 7px; font-size: 14px; color: var(--theme-muted); }
.product-reviews__summary[b-gb6id107o3] { flex: none; padding: 10px 20px; border-inline-start: 1px solid var(--theme-border); text-align: center; display: flex; flex-direction: column; gap: 3px; color: var(--theme-muted); font-size: 12px; }
.product-reviews__summary-score[b-gb6id107o3] { font-size: 28px; font-weight: 800; line-height: 1.4; color: var(--theme-ink); }
.product-reviews__summary-score small[b-gb6id107o3] { margin-inline-start: 8px; font-size: 13px; font-weight: 500; color: var(--theme-muted); }
.product-reviews__summary-stars[b-gb6id107o3] { position: relative; display: inline-block; width: fit-content; align-self: center; direction: ltr; white-space: nowrap; color: var(--theme-border-strong); letter-spacing: 2px; font-size: 17px; }
.product-reviews__summary-stars > span[b-gb6id107o3] { position: absolute; inset-inline-start: 0; top: 0; width: var(--review-rating-fill, 0%); overflow: hidden; color: var(--theme-secondary-text); }
.product-reviews__layout[b-gb6id107o3] { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); align-items: start; gap: 32px; }
.product-reviews__composer[b-gb6id107o3] { background: var(--theme-surface-muted); border: 1px solid var(--theme-border); border-radius: 16px; padding: 22px; }
.product-reviews__composer-heading[b-gb6id107o3] { display: flex; gap: 11px; align-items: start; margin-bottom: 21px; }
.product-reviews__composer-heading > span[b-gb6id107o3] { background: var(--theme-primary-soft); color: var(--theme-primary-text); border-radius: 11px; width: 40px; height: 40px; flex: none; display: grid; place-items: center; }
.product-reviews__composer-heading h3[b-gb6id107o3] { font-size: 16px; line-height: 1.7; color: var(--theme-ink); font-weight: 750; }
.product-reviews__composer-heading p[b-gb6id107o3] { font-size: 12px; line-height: 1.9; color: var(--theme-muted); margin-top: 3px; }
.product-reviews__form[b-gb6id107o3] { display: grid; gap: 18px; }
.product-reviews__rating-field[b-gb6id107o3] { min-width: 0; padding: 0; border: 0; }
.product-reviews__rating-field legend[b-gb6id107o3], .product-reviews__text-field > label[b-gb6id107o3] { display: block; font-size: 14px; font-weight: 650; color: var(--theme-ink); margin-bottom: 8px; }
.product-reviews__rating-field legend > span[b-gb6id107o3], .product-reviews__text-field > label > span[b-gb6id107o3] { color: var(--theme-danger); }
.product-reviews__rating-options[b-gb6id107o3] { display: flex; gap: 7px; width: fit-content; }
.product-reviews__rating-option[b-gb6id107o3] { position: relative; width: 43px; height: 43px; display: grid; place-items: center; cursor: pointer; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-surface); color: var(--theme-border-strong); transition: color .15s, border-color .15s; }
.product-reviews__rating-option input[b-gb6id107o3] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.product-reviews__rating-option > span[b-gb6id107o3] { font-size: 29px; line-height: 1; }
.product-reviews__rating-option.is-selected[b-gb6id107o3] { color: var(--theme-secondary-text); background: var(--theme-secondary-soft); border-color: var(--theme-secondary); }
.product-reviews__rating-option:hover[b-gb6id107o3] { border-color: var(--theme-secondary); color: var(--theme-secondary-text); }
.product-reviews__rating-option:has(input:focus-visible)[b-gb6id107o3] { outline: 2px solid var(--theme-primary-border); outline-offset: 3px; }
.product-reviews__rating-field:disabled .product-reviews__rating-option[b-gb6id107o3] { cursor: default; opacity: .65; }
.product-reviews__rating-hint[b-gb6id107o3] { margin-top: 8px; color: var(--theme-muted); font-size: 12px; }
.product-reviews__text-field textarea[b-gb6id107o3] { display: block; width: 100%; min-height: 135px; padding: 12px 14px; border: 1px solid var(--theme-border-strong); border-radius: 11px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-size: 14px; line-height: 1.9; resize: vertical; }
.product-reviews__text-field textarea[b-gb6id107o3]::placeholder { color: var(--theme-muted); }
.product-reviews__field-hint[b-gb6id107o3] { display: flex; justify-content: space-between; gap: 8px; margin-top: 7px; font-size: 10px; color: var(--theme-muted); }
.product-reviews__field-hint > span:last-child[b-gb6id107o3] { flex: none; }
.product-reviews__submit[b-gb6id107o3] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 10px 18px; border: 1px solid var(--theme-primary-border); border-radius: 11px; background: var(--theme-primary); color: var(--theme-on-primary); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.product-reviews__submit:hover[b-gb6id107o3] { background: var(--theme-primary-hover); }
.product-reviews__submit:disabled[b-gb6id107o3] { opacity: .55; cursor: default; }
.product-reviews__privacy[b-gb6id107o3] { color: var(--theme-muted); font-size: 11px; line-height: 1.9; }
.product-reviews__signin p[b-gb6id107o3] { font-size: 14px; margin-bottom: 16px; color: var(--theme-muted); }
.product-reviews__signin a[b-gb6id107o3] { width: 100%; }
.product-reviews__mine[b-gb6id107o3] { display: grid; gap: 12px; }
.product-reviews__status[b-gb6id107o3] { display: inline-flex; width: fit-content; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 8px; font-size: 12px; font-weight: 650; }
.product-reviews__status--pending[b-gb6id107o3] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.product-reviews__status--approved[b-gb6id107o3] { background: var(--theme-success-soft); color: var(--theme-success); }
.product-reviews__status-hint[b-gb6id107o3] { color: var(--theme-muted); font-size: 12px; line-height: 1.9; padding-top: 12px; border-top: 1px solid var(--theme-border); }
.product-reviews__stars[b-gb6id107o3] { display: block; width: fit-content; direction: ltr; color: var(--theme-secondary-text); letter-spacing: 2px; font-size: 20px; line-height: 1.5; }
.product-reviews__text[b-gb6id107o3] { white-space: pre-line; overflow-wrap: anywhere; line-height: 2; font-size: 14px; color: var(--theme-ink); }
.product-reviews__list-heading[b-gb6id107o3] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 17px; border-bottom: 1px solid var(--theme-border); }
.product-reviews__list-heading h3[b-gb6id107o3] { font-size: 16px; font-weight: 750; color: var(--theme-ink); }
.product-reviews__list-heading > span[b-gb6id107o3] { font-size: 12px; color: var(--theme-muted); }
.product-reviews__review[b-gb6id107o3] { padding-block: 22px; border-bottom: 1px solid var(--theme-border); }
.product-reviews__review header[b-gb6id107o3] { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
.product-reviews__author[b-gb6id107o3] { display: flex; align-items: center; gap: 9px; }
.product-reviews__author > span[b-gb6id107o3] { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--theme-surface-muted); color: var(--theme-muted); }
.product-reviews__author strong[b-gb6id107o3] { font-size: 13px; font-weight: 650; color: var(--theme-ink); overflow-wrap: anywhere; }
.product-reviews__review time[b-gb6id107o3] { color: var(--theme-muted); font-size: 11px; flex: none; }
.product-reviews__review .product-reviews__text[b-gb6id107o3] { margin-top: 10px; }
.product-reviews__empty[b-gb6id107o3] { display: grid; place-items: center; gap: 10px; padding: 48px 18px; text-align: center; }
.product-reviews__empty > span[b-gb6id107o3] { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 20px; background: var(--theme-secondary-soft); color: var(--theme-secondary-text); }
.product-reviews__empty h4[b-gb6id107o3] { margin-top: 5px; color: var(--theme-ink); font-size: 16px; font-weight: 650; }
.product-reviews__empty p[b-gb6id107o3] { font-size: 13px; color: var(--theme-muted); }
.product-reviews__pagination[b-gb6id107o3] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 20px; font-size: 12px; color: var(--theme-muted); }
.product-reviews__pagination button[b-gb6id107o3] { display: inline-flex; align-items: center; gap: 5px; min-height: 38px; padding: 7px 12px; border: 1px solid var(--theme-border); border-radius: 9px; color: var(--theme-primary-text); background: var(--theme-surface); cursor: pointer; }
.product-reviews__pagination button:disabled[b-gb6id107o3] { opacity: .4; cursor: default; }
.product-reviews__feedback[b-gb6id107o3] { display: flex; align-items: start; gap: 10px; padding: 13px; border-radius: 11px; font-size: 12px; line-height: 1.9; margin-bottom: 18px; }
.product-reviews__feedback > svg[b-gb6id107o3] { flex: none; margin-top: 3px; }
.product-reviews__feedback--error[b-gb6id107o3], .product-reviews__form-error[b-gb6id107o3] { color: var(--theme-danger); background: var(--theme-danger-soft); }
.product-reviews__feedback--warning[b-gb6id107o3] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.product-reviews__feedback button[b-gb6id107o3] { margin-top: 8px; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.product-reviews__form-error[b-gb6id107o3] { font-size: 12px; padding: 10px; border-radius: 8px; }
.product-reviews__success[b-gb6id107o3] { padding: 12px; margin-top: 16px; border-radius: 9px; color: var(--theme-success); background: var(--theme-success-soft); font-size: 12px; line-height: 1.9; }
.product-reviews__loading[b-gb6id107o3] { padding-block: 24px; color: var(--theme-muted); }
.product-reviews :is(button,a,textarea):focus-visible[b-gb6id107o3] { outline: 2px solid var(--theme-primary-border); outline-offset: 3px; }
@media (max-width: 900px) { .product-reviews__layout[b-gb6id107o3] { grid-template-columns: minmax(0, 1fr); gap: 26px; } .product-reviews__composer[b-gb6id107o3] { max-width: none; } }
@media (max-width: 540px) {
    .product-reviews__heading[b-gb6id107o3] { align-items: start; gap: 12px; }
    .product-reviews__heading h2[b-gb6id107o3] { font-size: 20px; }
    .product-reviews__heading p[b-gb6id107o3] { font-size: 12px; }
    .product-reviews__summary[b-gb6id107o3] { padding: 2px 10px; font-size: 10px; }
    .product-reviews__summary-score[b-gb6id107o3] { font-size: 24px; }
    .product-reviews__summary-score small[b-gb6id107o3] { display: block; margin: 0; font-size: 11px; }
    .product-reviews__summary-stars[b-gb6id107o3] { font-size: 13px; letter-spacing: 1px; }
    .product-reviews__composer[b-gb6id107o3] { padding: 18px; }
    .product-reviews__review header[b-gb6id107o3] { flex-wrap: wrap; gap: 7px; }
    .product-reviews__review time[b-gb6id107o3] { padding-inline-start: 43px; }
    .product-reviews__pagination[b-gb6id107o3] { gap: 8px; font-size: 11px; }
}
/* /Components/Store/Checkout/Pages/Checkout.razor.rz.scp.css */
.checkout-page[b-zlxx8l4xm8] { padding-block: 32px 64px; color: var(--theme-ink); }
.checkout-heading[b-zlxx8l4xm8] { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 24px 0 32px; }
.checkout-heading h1[b-zlxx8l4xm8] { margin: 8px 0; font-size: clamp(30px, 3vw, 42px); font-weight: 900; }
.checkout-heading p[b-zlxx8l4xm8] { margin: 0; color: var(--theme-muted); font-size: 15px; line-height: 2; }
.checkout-heading-note[b-zlxx8l4xm8] { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--theme-border); border-radius: 30px; color: var(--theme-primary-text); font-size: 13px; white-space: nowrap; }
.checkout-error[b-zlxx8l4xm8] { margin: 0 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.checkout-error button[b-zlxx8l4xm8] { flex: none; font-weight: 700; text-decoration: underline; }
.checkout-loading[b-zlxx8l4xm8], .checkout-unavailable[b-zlxx8l4xm8] { min-height: 210px; display: grid; place-content: center; text-align: center; }
.checkout-progress[b-zlxx8l4xm8] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 8px; margin: 0 0 28px; list-style: none; border: 1px solid var(--theme-border); border-radius: 20px; background: var(--theme-surface); }
.checkout-progress li[b-zlxx8l4xm8] { min-width: 0; border-radius: 13px; color: var(--theme-muted); font-size: 15px; }
.checkout-progress button[b-zlxx8l4xm8] { display: flex; align-items: center; gap: 14px; width: 100%; height: 100%; padding: 16px 20px; border: 0; border-radius: inherit; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; transition: background .18s; }
.checkout-progress button:hover:not(:disabled)[b-zlxx8l4xm8] { background: color-mix(in srgb, var(--theme-primary-text) 6%, transparent); }
.checkout-progress button:focus-visible[b-zlxx8l4xm8] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
.checkout-progress button:disabled[b-zlxx8l4xm8] { cursor: wait; opacity: .6; }
.checkout-step-number[b-zlxx8l4xm8] { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border: 1px solid var(--theme-border); border-radius: 50%; background: var(--theme-primary-soft); color: var(--theme-muted); font-size: 17px; font-weight: 750; }
.checkout-step-label[b-zlxx8l4xm8] { min-width: 0; }
.checkout-progress li strong[b-zlxx8l4xm8], .checkout-progress li small[b-zlxx8l4xm8] { display: block; }
.checkout-progress li strong[b-zlxx8l4xm8] { font-weight: 750; }
.checkout-progress li small[b-zlxx8l4xm8] { margin-top: 3px; font-size: 12px; font-weight: 400; color: var(--theme-muted); }
.checkout-progress li.is-current[b-zlxx8l4xm8] { background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.checkout-progress li.is-current .checkout-step-number[b-zlxx8l4xm8] { border-color: var(--theme-border-strong); background: var(--theme-primary); color: var(--theme-on-primary); box-shadow: 0 0 0 5px var(--theme-shadow); }
.checkout-progress li.is-complete[b-zlxx8l4xm8] { color: var(--theme-primary-text); }
.checkout-progress li.is-complete .checkout-step-number[b-zlxx8l4xm8] { color: var(--theme-primary-text); background: var(--theme-primary-soft); border-color: var(--theme-border); }
.checkout-details-layout[b-zlxx8l4xm8] { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.checkout-details-main[b-zlxx8l4xm8] { min-width: 0; }
.checkout-card[b-zlxx8l4xm8] { padding: 28px; border: 1px solid var(--theme-border); border-radius: 22px; background: var(--theme-surface); box-shadow: 0 8px 28px var(--theme-shadow); }
.checkout-card-heading[b-zlxx8l4xm8] { display: flex; align-items: start; gap: 13px; padding-bottom: 22px; border-bottom: 1px solid var(--theme-border); }
.checkout-card-heading > span[b-zlxx8l4xm8] { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 14px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.checkout-card-heading > div[b-zlxx8l4xm8] { flex: 1; min-width: 0; }
.checkout-card-heading h2[b-zlxx8l4xm8], .checkout-totals h2[b-zlxx8l4xm8], .checkout-snapshot h2[b-zlxx8l4xm8] { margin: 0; font-size: 19px; font-weight: 780; }
.checkout-card-heading p[b-zlxx8l4xm8] { margin: 6px 0 0; color: var(--theme-muted); font-size: 13px; line-height: 1.9; }
.checkout-add-address[b-zlxx8l4xm8] { display: inline-flex; flex: none; align-items: center; gap: 6px; padding: 9px 12px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-primary-text); font-size: 13px; font-weight: 700; transition: background .18s; }
.checkout-add-address:hover[b-zlxx8l4xm8] { background: var(--theme-primary-soft); }
.checkout-form[b-zlxx8l4xm8] { margin-top: 24px; }
.checkout-address-list[b-zlxx8l4xm8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.checkout-address-option[b-zlxx8l4xm8] { position: relative; display: flex; flex-direction: column; gap: 18px; min-width: 0; padding: 20px; border: 2px solid var(--theme-border); border-radius: 16px; background: var(--theme-surface); cursor: pointer; transition: border-color .18s, background .18s; }
.checkout-address-option:hover[b-zlxx8l4xm8], .checkout-shipping-option:not(.is-unavailable):hover[b-zlxx8l4xm8] { border-color: var(--theme-border); }
.checkout-address-option.is-selected[b-zlxx8l4xm8] { border-color: var(--theme-border-strong); background: var(--theme-surface-muted); }
.checkout-address-option:focus-within[b-zlxx8l4xm8], .checkout-shipping-option:focus-within[b-zlxx8l4xm8], .checkout-payment-option:focus-within[b-zlxx8l4xm8] { outline: 3px solid color-mix(in srgb,var(--theme-primary-text) 18.82%,transparent); outline-offset: 3px; }
.checkout-address-option input[b-zlxx8l4xm8] { position: absolute; inset-inline-end: 18px; top: 24px; width: 19px; height: 19px; margin: 0; accent-color: var(--theme-primary-text); cursor: pointer; }
.checkout-address-top[b-zlxx8l4xm8] { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding-inline-end: 26px; }
.checkout-address-icon[b-zlxx8l4xm8] { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 12px; background: var(--theme-primary-soft); color: var(--theme-muted); }
.is-selected .checkout-address-icon[b-zlxx8l4xm8] { color: var(--theme-on-primary); background: var(--theme-primary); }
.checkout-address-top strong[b-zlxx8l4xm8] { display: block; font-size: 16px; color: var(--theme-ink); }
.checkout-address-top small[b-zlxx8l4xm8] { display: block; font-size: 12px; color: var(--theme-muted); }
.checkout-address-detail[b-zlxx8l4xm8] { display: grid; flex: 1; gap: 10px; min-width: 0; color: var(--theme-ink); font-size: 14px; line-height: 1.9; overflow-wrap: anywhere; }
.checkout-address-detail small[b-zlxx8l4xm8] { color: var(--theme-muted); font-size: 12px; }
.checkout-address-default[b-zlxx8l4xm8] { padding: 3px 7px; border-radius: 6px; background: var(--theme-primary-soft); color: var(--theme-primary-text); font-size: 10px; font-weight: 650; }
.checkout-address-contact[b-zlxx8l4xm8] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; border-top: 1px solid var(--theme-border); padding-top: 14px; color: var(--theme-muted); font-size: 12px; }
.checkout-address-contact > span[b-zlxx8l4xm8] { display: inline-flex; align-items: center; gap: 6px; }
.checkout-address-manage[b-zlxx8l4xm8] { display: flex; align-items: center; gap: 7px; margin-top: 20px; color: var(--theme-primary-text); }
.checkout-address-manage a[b-zlxx8l4xm8] { font-size: 13px; font-weight: 650; }
.checkout-fields[b-zlxx8l4xm8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.checkout-fields label[b-zlxx8l4xm8], .checkout-coupon-field[b-zlxx8l4xm8] { display: grid; gap: 8px; color: var(--theme-muted); font-size: 14px; font-weight: 700; }
.checkout-fields input[b-zlxx8l4xm8], .checkout-coupon-field input[b-zlxx8l4xm8] { width: 100%; min-width: 0; min-height: 48px; padding: 12px 16px; border: 1px solid var(--theme-border); border-radius: 10px; outline: none; background: var(--theme-surface-muted); color: var(--theme-ink); font: inherit; font-size: 16px; font-weight: 500; }
.checkout-fields input:focus[b-zlxx8l4xm8], .checkout-coupon-field input:focus[b-zlxx8l4xm8] { border-color: var(--theme-primary-text); box-shadow: 0 0 0 3px var(--theme-focus-ring); }
.checkout-field-wide[b-zlxx8l4xm8] { grid-column: 1 / -1; }
.checkout-actions[b-zlxx8l4xm8] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; border-top: 1px solid var(--theme-border); padding-top: 24px; }
.checkout-actions a[b-zlxx8l4xm8], .checkout-text-button[b-zlxx8l4xm8] { display: inline-flex; align-items: center; gap: 7px; border: 0; background: none; color: var(--theme-primary-text); font-size: 13px; font-weight: 650; cursor: pointer; }
.checkout-actions .shop-primary-button[b-zlxx8l4xm8] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 0; }
.checkout-actions button:disabled[b-zlxx8l4xm8], .checkout-totals button:disabled[b-zlxx8l4xm8] { cursor: wait; opacity: .58; }
.checkout-destination[b-zlxx8l4xm8] { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding: 15px 16px; border-radius: 13px; background: var(--theme-primary-soft); }
.checkout-destination-icon[b-zlxx8l4xm8] { display: grid; place-items: center; color: var(--theme-muted); flex: none; }
.checkout-destination > div[b-zlxx8l4xm8] { flex: 1; min-width: 0; }
.checkout-destination small[b-zlxx8l4xm8], .checkout-destination strong[b-zlxx8l4xm8] { display: block; }
.checkout-destination small[b-zlxx8l4xm8] { font-size: 11px; color: var(--theme-muted); }
.checkout-destination strong[b-zlxx8l4xm8] { font-size: 13px; font-weight: 600; color: var(--theme-primary-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; }
.checkout-shipping-list[b-zlxx8l4xm8] { display: grid; gap: 14px; }
.checkout-shipping-option[b-zlxx8l4xm8] { position: relative; display: flex; align-items: center; gap: 16px; padding: 20px; padding-inline-end: 50px; border: 2px solid var(--theme-border); border-radius: 16px; background: var(--theme-surface); cursor: pointer; transition: border-color .18s, background .18s; }
.checkout-shipping-option.is-selected[b-zlxx8l4xm8] { border-color: var(--theme-border-strong); background: var(--theme-surface-muted); }
.checkout-shipping-option.is-unavailable[b-zlxx8l4xm8] { cursor: not-allowed; opacity: .68; }
.checkout-shipping-option input[b-zlxx8l4xm8] { position: absolute; inset-inline-end: 18px; top: calc(50% - 9px); width: 18px; height: 18px; margin: 0; accent-color: var(--theme-primary-text); }
.checkout-shipping-icon[b-zlxx8l4xm8] { display: grid; place-items: center; flex: none; width: 52px; height: 52px; background: var(--theme-primary-soft); border-radius: 14px; color: var(--theme-muted); }
.is-selected .checkout-shipping-icon[b-zlxx8l4xm8] { background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.checkout-shipping-detail[b-zlxx8l4xm8] { display: grid; flex: 1; min-width: 0; gap: 6px; }
.checkout-shipping-option strong[b-zlxx8l4xm8] { font-size: 16px; }
.checkout-shipping-option small[b-zlxx8l4xm8] { color: var(--theme-muted); font-size: 12px; line-height: 1.8; }
.checkout-shipping-estimate[b-zlxx8l4xm8] { display: flex; align-items: center; gap: 6px; }
.checkout-shipping-option .checkout-shipping-unavailable[b-zlxx8l4xm8] { color: var(--theme-danger); }
.checkout-shipping-price[b-zlxx8l4xm8] { display: grid; gap: 4px; flex: none; align-self: center; text-align: end; color: var(--theme-primary-text); font-size: 14px; white-space: nowrap; }
.checkout-shipping-price small[b-zlxx8l4xm8] { font-size: 10px; font-weight: 400; }
.checkout-shipping-price strong[b-zlxx8l4xm8] { font-size: 14px; }
.checkout-shipping-price.is-freight-collect[b-zlxx8l4xm8] { max-inline-size: 180px; white-space: normal; line-height: 1.8; }
.checkout-coupon-field[b-zlxx8l4xm8] { margin-top: 23px; }
.checkout-coupon-panel[b-zlxx8l4xm8] { padding: 22px; margin-top: 24px; border: 1px dashed var(--theme-border); border-radius: 16px; background: var(--theme-surface-muted); }
.checkout-coupon-heading[b-zlxx8l4xm8] { display: flex; align-items: center; gap: 12px; }
.checkout-coupon-heading > span[b-zlxx8l4xm8] { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 12px; background: var(--theme-primary-soft); color: var(--theme-primary-text); }
.checkout-coupon-heading h3[b-zlxx8l4xm8] { margin: 0; font-size: 15px; font-weight: 750; }
.checkout-coupon-heading p[b-zlxx8l4xm8] { margin: 4px 0 0; color: var(--theme-muted); font-size: 12px; }
.checkout-coupon-controls[b-zlxx8l4xm8] { display: flex; gap: 10px; margin-top: 18px; }
.checkout-coupon-controls input[b-zlxx8l4xm8] { flex: 1; min-width: 0; min-height: 46px; padding: 11px 14px; border: 1px solid var(--theme-border); border-radius: 10px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-size: 14px; }
.checkout-coupon-controls input:focus[b-zlxx8l4xm8] { outline: 3px solid color-mix(in srgb,var(--theme-primary-text) 9.02%,transparent); border-color: var(--theme-primary-text); }
.checkout-coupon-apply[b-zlxx8l4xm8] { flex: none; min-height: 46px; padding: 10px 20px; border: 1px solid var(--theme-border-strong); border-radius: 10px; background: var(--theme-surface); color: var(--theme-primary-text); font-size: 13px; font-weight: 750; cursor: pointer; }
.checkout-coupon-apply:hover:not(:disabled)[b-zlxx8l4xm8] { background: var(--theme-primary-hover); color: var(--theme-on-primary); }
.checkout-coupon-controls :disabled[b-zlxx8l4xm8] { opacity: .55; cursor: not-allowed; }
.checkout-coupon-feedback[b-zlxx8l4xm8] { display: flex; align-items: center; gap: 7px; margin: 12px 0 0; font-size: 13px; }
.checkout-coupon-feedback.is-success[b-zlxx8l4xm8] { color: var(--theme-success); }
.checkout-coupon-feedback.is-error[b-zlxx8l4xm8] { color: var(--theme-danger); }
.checkout-coupon-remove[b-zlxx8l4xm8] { margin-top: 10px; }
.checkout-coupon-hint[b-zlxx8l4xm8] { display: block; color: var(--theme-muted); font-size: 11px; margin-top: 10px; }
.checkout-preview[b-zlxx8l4xm8] { position: sticky; top: 24px; padding: 24px; }
.checkout-preview-heading[b-zlxx8l4xm8] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.checkout-preview h2[b-zlxx8l4xm8] { margin: 0; font-size: 17px; font-weight: 800; }
.checkout-preview-heading a[b-zlxx8l4xm8] { display: inline-flex; align-items: center; font-size: 11px; color: var(--theme-muted); }
.checkout-item-count[b-zlxx8l4xm8] { display: block; font-size: 12px; color: var(--theme-muted); margin-top: 6px; }
.checkout-preview-products[b-zlxx8l4xm8] { display: grid; gap: 17px; margin-block: 22px; }
.checkout-preview-products article[b-zlxx8l4xm8] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.checkout-preview-image[b-zlxx8l4xm8] { display: grid; place-items: center; width: 60px; height: 65px; flex: none; border: 1px solid var(--theme-border); border-radius: 12px; padding: 8px; background: var(--theme-image-surface); color: var(--theme-image-ink); }
.checkout-preview-image img[b-zlxx8l4xm8] { width: 100%; height: 100%; object-fit: contain; }
.checkout-preview-image[href][b-zlxx8l4xm8], .checkout-review-image[href][b-zlxx8l4xm8] { transition: border-color .18s, box-shadow .18s; }
.checkout-preview-image[href]:hover[b-zlxx8l4xm8], .checkout-review-image[href]:hover[b-zlxx8l4xm8] { border-color: var(--theme-primary-text); box-shadow: 0 3px 12px color-mix(in srgb, var(--theme-primary-text) 10%, transparent); }
.checkout-product-link[b-zlxx8l4xm8] { color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.checkout-product-link[href]:hover[b-zlxx8l4xm8] { color: var(--theme-primary-text); }
.checkout-product-link[href]:focus-visible[b-zlxx8l4xm8], .checkout-preview-image[href]:focus-visible[b-zlxx8l4xm8], .checkout-review-image[href]:focus-visible[b-zlxx8l4xm8] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; border-radius: 5px; }
.checkout-preview-products article > div[b-zlxx8l4xm8] { min-width: 0; }
.checkout-preview-products strong[b-zlxx8l4xm8] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; line-height: 1.9; font-weight: 650; }
.checkout-preview-products small[b-zlxx8l4xm8] { display: block; margin-top: 4px; color: var(--theme-muted); font-size: 10px; }
.checkout-more-items[b-zlxx8l4xm8] { display: block; color: var(--theme-primary-text); font-size: 12px; margin-bottom: 16px; }
.checkout-preview-prices[b-zlxx8l4xm8] { display: grid; gap: 14px; padding-top: 20px; border-top: 1px solid var(--theme-border); margin: 0; }
.checkout-preview-prices div[b-zlxx8l4xm8] { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12px; color: var(--theme-muted); }
.checkout-preview-prices dd[b-zlxx8l4xm8] { margin: 0; color: var(--theme-ink); font-weight: 650; font-size: 12px; text-align: end; }
.checkout-preview-prices .checkout-preview-discount dd[b-zlxx8l4xm8] { color: var(--theme-primary-text); }
.checkout-preview-total[b-zlxx8l4xm8] { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--theme-border); }
.checkout-preview-total > span[b-zlxx8l4xm8] { font-size: 12px; font-weight: 650; }
.checkout-preview-total > strong[b-zlxx8l4xm8] { display: flex; align-items: baseline; gap: 5px; color: var(--theme-primary-text); font-size: 24px; font-weight: 850; }
.checkout-preview-total small[b-zlxx8l4xm8] { font-size: 11px; font-weight: 400; }
.checkout-preview-note[b-zlxx8l4xm8] { margin: 12px 0 0; color: var(--theme-muted); font-size: 11px; line-height: 2; }
.checkout-preview-footer[b-zlxx8l4xm8] { display: flex; align-items: center; gap: 10px; margin-top: 22px; padding: 14px 12px; border-radius: 12px; background: var(--theme-primary-soft); color: var(--theme-muted); }
.checkout-preview-footer > svg[b-zlxx8l4xm8] { flex: none; }
.checkout-preview-footer strong[b-zlxx8l4xm8] { display: block; font-size: 11px; font-weight: 750; }
.checkout-preview-footer small[b-zlxx8l4xm8] { display: block; font-size: 10px; line-height: 1.8; margin-top: 3px; }
.checkout-payment-list[b-zlxx8l4xm8] { display: grid; gap: 14px; margin-top: 24px; }
.checkout-payment-option[b-zlxx8l4xm8] { display: grid; grid-template-columns: 76px minmax(0, 1fr) 20px; align-items: center; gap: 18px; padding: 20px; border: 2px solid var(--theme-border); border-radius: 17px; background: var(--theme-surface); cursor: pointer; transition: border-color .18s, background .18s, box-shadow .18s; }
.checkout-payment-option:hover[b-zlxx8l4xm8] { border-color: var(--theme-border-strong); background: var(--theme-surface-muted); }
.checkout-payment-option.is-selected[b-zlxx8l4xm8] { border-color: var(--theme-primary-text); background: var(--theme-primary-soft); box-shadow: 0 4px 16px color-mix(in srgb, var(--theme-primary-text) 6%, transparent); }
.checkout-payment-option:has(input:disabled)[b-zlxx8l4xm8] { cursor: wait; opacity: .65; }
.checkout-payment-option input[b-zlxx8l4xm8] { width: 20px; height: 20px; margin: 0; accent-color: var(--theme-primary-text); cursor: inherit; }
.checkout-payment-logo[b-zlxx8l4xm8] { display: grid; place-items: center; width: 76px; height: 76px; padding: 10px; border: 1px solid var(--theme-border); border-radius: 17px; background: var(--theme-image-surface); color: var(--theme-image-ink); }
.checkout-payment-logo img[b-zlxx8l4xm8] { width: 100%; height: 100%; object-fit: contain; }
.checkout-payment-detail[b-zlxx8l4xm8] { display: grid; min-width: 0; justify-items: start; gap: 7px; }
.checkout-payment-conditions[b-zlxx8l4xm8] { display: grid; min-width: 0; justify-items: start; gap: 7px; }
.checkout-payment-title[b-zlxx8l4xm8] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.checkout-payment-title strong[b-zlxx8l4xm8] { color: var(--theme-ink); font-size: 16px; font-weight: 800; overflow-wrap: anywhere; }
.checkout-payment-kind[b-zlxx8l4xm8] { padding: 3px 8px; border-radius: 6px; background: var(--theme-surface-muted); color: var(--theme-muted); font-size: 10px; white-space: nowrap; }
.checkout-payment-description[b-zlxx8l4xm8], .checkout-payment-eligibility[b-zlxx8l4xm8] { color: var(--theme-muted); font-size: 12px; line-height: 1.9; white-space: pre-line; overflow-wrap: anywhere; }
.checkout-payment-eligibility[b-zlxx8l4xm8] { color: var(--theme-primary-text); font-weight: 650; }
.checkout-payment-amount[b-zlxx8l4xm8] { display: inline-flex; padding: 3px 8px; border: 1px solid var(--theme-border); border-radius: 7px; background: var(--theme-surface); color: var(--theme-primary-text); font-size: 11px; font-weight: 650; line-height: 1.8; }
.checkout-payment-amount.has-fee[b-zlxx8l4xm8] { color: var(--theme-muted); }
.checkout-review-layout[b-zlxx8l4xm8] { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: 19px; }
.checkout-review-main[b-zlxx8l4xm8] { display: grid; gap: 18px; }
.checkout-inline-loading[b-zlxx8l4xm8], .checkout-inline-error[b-zlxx8l4xm8] { padding: 18px 0; color: var(--theme-muted); font-size: 15px; }
.checkout-inline-error[b-zlxx8l4xm8] { color: var(--theme-danger); }
.checkout-issues[b-zlxx8l4xm8] { padding: 15px 18px; margin-top: 20px; border-radius: 11px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 14px; line-height: 2; }
.checkout-issues ul[b-zlxx8l4xm8] { margin: 5px 0 0; padding-inline-start: 19px; }
.checkout-review-lines[b-zlxx8l4xm8] { display: grid; margin-top: 6px; }
.checkout-review-lines article[b-zlxx8l4xm8] { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--theme-border); font-size: 14px; }
.checkout-review-lines article:last-child[b-zlxx8l4xm8] { border-bottom: 0; }
.checkout-review-image[b-zlxx8l4xm8] { display: grid; place-items: center; width: 76px; height: 76px; padding: 9px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-image-surface); color: var(--theme-image-ink); }
.checkout-review-image img[b-zlxx8l4xm8] { width: 100%; height: 100%; object-fit: contain; }
.checkout-review-product[b-zlxx8l4xm8] { display: grid; min-width: 0; gap: 7px; }
.checkout-review-product strong[b-zlxx8l4xm8] { font-size: 14px; line-height: 1.9; }
.checkout-review-product > span[b-zlxx8l4xm8] { color: var(--theme-muted); font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
.checkout-review-line-total[b-zlxx8l4xm8] { text-align: end; font-size: 14px; line-height: 1.9; }
.checkout-review-line-total small[b-zlxx8l4xm8] { color: var(--theme-muted); font-size: 11px; font-weight: 400; }
.checkout-snapshot > div[b-zlxx8l4xm8] { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.checkout-snapshot > p[b-zlxx8l4xm8] { margin: 15px 0 0; color: var(--theme-muted); font-size: 14px; line-height: 2; }
.checkout-snapshot > div:last-child[b-zlxx8l4xm8] { margin-top: 17px; border-top: 1px solid var(--theme-border); padding-top: 17px; color: var(--theme-muted); font-size: 14px; }
.checkout-totals[b-zlxx8l4xm8] { position: sticky; top: 16px; }
.checkout-totals dl[b-zlxx8l4xm8] { display: grid; gap: 13px; margin: 21px 0; }
.checkout-totals dl div[b-zlxx8l4xm8] { display: flex; justify-content: space-between; gap: 12px; color: var(--theme-muted); font-size: 14px; }
.checkout-totals dt[b-zlxx8l4xm8], .checkout-totals dd[b-zlxx8l4xm8] { margin: 0; }
.checkout-totals dd[b-zlxx8l4xm8] { color: var(--theme-ink); font-weight: 700; white-space: nowrap; }
.checkout-totals dd.is-freight-collect[b-zlxx8l4xm8] { max-inline-size: 65%; white-space: normal; text-align: end; line-height: 1.8; }
.checkout-grand-total[b-zlxx8l4xm8] { display: flex; justify-content: space-between; align-items: center; gap: 10px; border-top: 1px solid var(--theme-border); padding-top: 18px; color: var(--theme-ink); font-size: 15px; font-weight: 750; }
.checkout-grand-total strong[b-zlxx8l4xm8] { font-size: 24px; white-space: nowrap; }
.checkout-applied-coupon[b-zlxx8l4xm8] { margin: 13px 0 0; color: var(--theme-primary-text); font-size: 13px; }
.checkout-place-button[b-zlxx8l4xm8] { width: 100%; margin-top: 25px; border: 0; justify-content: center; }
.checkout-totals > .checkout-text-button[b-zlxx8l4xm8] { display: block; margin: 15px auto 0; }

@media (max-width: 1100px) {
    .checkout-details-layout[b-zlxx8l4xm8] { grid-template-columns: minmax(0, 1fr) 310px; gap: 18px; }
    .checkout-address-list[b-zlxx8l4xm8] { grid-template-columns: 1fr; }
    .checkout-card-heading[b-zlxx8l4xm8] { flex-wrap: wrap; }
    .checkout-add-address[b-zlxx8l4xm8] { margin-inline-start: 57px; }
    .checkout-shipping-option[b-zlxx8l4xm8] { gap: 12px; }
    .checkout-shipping-icon[b-zlxx8l4xm8] { width: 42px; height: 42px; }
}

@media (max-width: 850px) {
    .checkout-details-layout[b-zlxx8l4xm8] { grid-template-columns: 1fr; }
    .checkout-preview[b-zlxx8l4xm8] { position: static; }
    .checkout-address-list[b-zlxx8l4xm8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .checkout-review-layout[b-zlxx8l4xm8] { grid-template-columns: 1fr; }
    .checkout-totals[b-zlxx8l4xm8] { position: static; }
    .checkout-heading-note[b-zlxx8l4xm8] { display: none; }
    .checkout-progress button[b-zlxx8l4xm8] { gap: 10px; padding-inline: 12px; }
}

@media (max-width: 580px) {
    .checkout-page[b-zlxx8l4xm8] { padding-block: 18px 60px; }
    .checkout-heading[b-zlxx8l4xm8] { margin-top: 25px; }
    .checkout-progress[b-zlxx8l4xm8] { gap: 5px; }
    .checkout-progress[b-zlxx8l4xm8] { border-radius: 15px; padding: 6px; }
    .checkout-progress button[b-zlxx8l4xm8] { justify-content: center; flex-direction: column; gap: 8px; padding: 12px 3px; font-size: 11px; text-align: center; }
    .checkout-step-number[b-zlxx8l4xm8] { width: 32px; height: 32px; font-size: 13px; }
    .checkout-progress li small[b-zlxx8l4xm8] { display: none; }
    .checkout-card[b-zlxx8l4xm8] { padding: 19px; border-radius: 15px; }
    .checkout-card-heading[b-zlxx8l4xm8] { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 13px; }
    .checkout-add-address[b-zlxx8l4xm8] { grid-column: 1 / -1; margin-inline-start: 0; justify-self: start; }
    .checkout-card-heading h2[b-zlxx8l4xm8] { font-size: 16px; }
    .checkout-address-list[b-zlxx8l4xm8] { grid-template-columns: 1fr; }
    .checkout-address-option[b-zlxx8l4xm8] { padding: 17px; }
    .checkout-actions[b-zlxx8l4xm8] { flex-direction: column-reverse; align-items: stretch; gap: 17px; }
    .checkout-actions > :not(.shop-primary-button)[b-zlxx8l4xm8] { align-self: center; }
    .checkout-actions .shop-primary-button[b-zlxx8l4xm8] { width: 100%; min-height: 48px; font-size: 13px; }
    .checkout-coupon-panel[b-zlxx8l4xm8] { padding: 17px; }
    .checkout-coupon-apply[b-zlxx8l4xm8] { padding-inline: 14px; }
    .checkout-coupon-controls input[b-zlxx8l4xm8] { padding-inline: 10px; font-size: 12px; }
    .checkout-fields[b-zlxx8l4xm8] { grid-template-columns: 1fr; gap: 14px; }
    .checkout-field-wide[b-zlxx8l4xm8] { grid-column: auto; }
    .checkout-actions .shop-primary-button[b-zlxx8l4xm8] { min-height: 44px; padding-inline: 12px; }
    .checkout-review-lines article[b-zlxx8l4xm8] { grid-template-columns: 60px minmax(0, 1fr); gap: 8px 12px; align-items: start; }
    .checkout-review-image[b-zlxx8l4xm8] { grid-row: span 2; width: 60px; height: 60px; padding: 7px;  background: var(--theme-image-surface); color: var(--theme-image-ink); }
    .checkout-review-line-total[b-zlxx8l4xm8] { grid-column: 2; text-align: start; }
    .checkout-payment-option[b-zlxx8l4xm8] { grid-template-columns: 56px minmax(0, 1fr) 18px; gap: 12px; padding: 16px 12px; border-radius: 14px; }
    .checkout-payment-logo[b-zlxx8l4xm8] { width: 56px; height: 56px; padding: 7px; border-radius: 12px;  background: var(--theme-image-surface); color: var(--theme-image-ink); }
    .checkout-payment-option input[b-zlxx8l4xm8] { width: 18px; height: 18px; }
    .checkout-payment-title strong[b-zlxx8l4xm8] { font-size: 14px; }
    .checkout-payment-description[b-zlxx8l4xm8], .checkout-payment-eligibility[b-zlxx8l4xm8] { font-size: 11px; }
    .checkout-shipping-option[b-zlxx8l4xm8] { flex-wrap: wrap; padding: 17px; padding-inline-end: 44px; }
    .checkout-shipping-option strong[b-zlxx8l4xm8] { font-size: 14px; }
    .checkout-shipping-price[b-zlxx8l4xm8] { width: 100%; text-align: start; padding-inline-start: 54px; gap: 2px; }
    .checkout-shipping-price.is-freight-collect[b-zlxx8l4xm8] { max-inline-size: none; }
    .checkout-shipping-price small[b-zlxx8l4xm8] { display: none; }
    .checkout-shipping-icon[b-zlxx8l4xm8] { width: 42px; height: 42px; }
}

@media (prefers-reduced-motion: reduce) { .checkout-progress button[b-zlxx8l4xm8], .checkout-address-option[b-zlxx8l4xm8], .checkout-shipping-option[b-zlxx8l4xm8], .checkout-add-address[b-zlxx8l4xm8], .checkout-payment-option[b-zlxx8l4xm8], .checkout-preview-image[b-zlxx8l4xm8], .checkout-review-image[b-zlxx8l4xm8] { transition: none; } }
/* /Components/Store/Home/HomeDailyStories.razor.rz.scp.css */
.daily-stories[b-2nux9uzfqm] { padding: 4px 0 20px; margin-bottom: 20px; border-bottom: 1px solid var(--store-line); }
.daily-stories-list[b-2nux9uzfqm] { display: flex; justify-content: safe center; gap: 24px; overflow-x: auto; padding: 4px 4px 10px; overscroll-behavior-inline: contain; scrollbar-width: thin; }
.daily-story[b-2nux9uzfqm] { flex: 0 0 94px; display: flex; flex-direction: column; align-items: center; gap: 10px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.daily-story-ring[b-2nux9uzfqm] { width: 88px; height: 88px; display: grid; place-items: center; padding: 3px; border-radius: 50%; background: linear-gradient(35deg, var(--theme-secondary), var(--theme-primary) 55%, var(--theme-primary-strong)); transition: transform .2s; }
.daily-story.is-viewed .daily-story-ring[b-2nux9uzfqm] { background: var(--store-line); }
.daily-story:hover .daily-story-ring[b-2nux9uzfqm] { transform: translateY(-3px); }
.daily-story-thumbnail[b-2nux9uzfqm] { position: relative; width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; border: 3px solid var(--store-ivory); border-radius: 50%; background: var(--theme-primary-soft); color: var(--store-green); }
.daily-story-thumbnail img[b-2nux9uzfqm] { width: 100%; height: 100%; object-fit: cover; }
.daily-story-title[b-2nux9uzfqm] { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; font-weight: 650; }
.daily-story-video[b-2nux9uzfqm] { position: absolute; bottom: 7px; inset-inline-end: 7px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb,var(--theme-primary-deep) 85%,transparent); color: var(--theme-on-dark); font-size: 10px; }
.daily-story:focus-visible[b-2nux9uzfqm] { outline: 2px solid var(--store-green); outline-offset: 2px; border-radius: 12px; }
.story-dialog[b-2nux9uzfqm] { width: min(440px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 0; border-radius: 18px; background: var(--theme-primary-deep); color: var(--theme-on-dark); direction: rtl; overflow: hidden; box-shadow: 0 25px 100px var(--theme-shadow); }
.story-dialog[b-2nux9uzfqm]::backdrop { background: var(--theme-overlay); backdrop-filter: blur(8px); }
.story-dialog[open][b-2nux9uzfqm] { animation: story-dialog-in-b-2nux9uzfqm 220ms cubic-bezier(.2,.7,.2,1) both; }
.story-dialog[open][b-2nux9uzfqm]::backdrop { animation: story-backdrop-in-b-2nux9uzfqm 220ms ease-out both; }
.story-dialog[open].is-closing[b-2nux9uzfqm] { animation: story-dialog-out-b-2nux9uzfqm 180ms ease-in both; pointer-events: none; }
.story-dialog[open].is-closing[b-2nux9uzfqm]::backdrop { animation: story-backdrop-out-b-2nux9uzfqm 180ms ease-in both; }
@keyframes story-dialog-in-b-2nux9uzfqm { from { opacity: 0; transform: translateY(14px) scale(.94); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes story-dialog-out-b-2nux9uzfqm { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(10px) scale(.96); } }
@keyframes story-backdrop-in-b-2nux9uzfqm { from { opacity: 0; } to { opacity: 1; } }
@keyframes story-backdrop-out-b-2nux9uzfqm { from { opacity: 1; } to { opacity: 0; } }
.story-viewer[b-2nux9uzfqm] { display: flex; flex-direction: column; height: min(780px, calc(100dvh - 32px)); }
.story-progress[b-2nux9uzfqm] { display: flex; gap: 4px; padding: 12px 12px 0; }
.story-progress-track[b-2nux9uzfqm] { flex: 1; height: 3px; overflow: hidden; border-radius: 5px; background: color-mix(in srgb,var(--theme-on-dark) 23.92%,transparent); }
.story-progress-track > span[b-2nux9uzfqm] { display: block; width: 0; height: 100%; background: var(--theme-on-dark); }
.story-progress-track.is-complete > span[b-2nux9uzfqm] { width: 100%; }
.story-viewer-header[b-2nux9uzfqm] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; }
.story-viewer-header > div:first-child[b-2nux9uzfqm] { min-width: 0; }
.story-viewer-header span[b-2nux9uzfqm] { font-size: 11px; color: var(--theme-on-dark-muted); }
.story-viewer-header h3[b-2nux9uzfqm] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 3px 0 0; font-size: 15px; font-weight: 650; }
.story-viewer-actions[b-2nux9uzfqm] { display: flex; flex: none; gap: 5px; }
.story-viewer-actions button[b-2nux9uzfqm] { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: color-mix(in srgb,var(--theme-on-dark) 7.84%,transparent); color: var(--theme-on-dark); cursor: pointer; }
.story-viewer-actions button span[b-2nux9uzfqm] { color: var(--theme-on-dark); font-size: 18px; }
.story-stage[b-2nux9uzfqm] { flex: 1; min-height: 0; display: grid; place-items: center; background: var(--theme-primary-deep); touch-action: pan-y; }
.story-stage img[b-2nux9uzfqm], .story-stage video[b-2nux9uzfqm] { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.story-media-error[b-2nux9uzfqm] { padding: 28px; text-align: center; line-height: 2; font-size: 14px; }
.story-link[b-2nux9uzfqm] { flex: none; padding: 12px 16px 0; }
.story-link-button[b-2nux9uzfqm] { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border-radius: 12px; background: var(--theme-secondary); color: var(--theme-on-secondary); font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.story-link-button:hover[b-2nux9uzfqm] { background: var(--theme-secondary-soft);  color: var(--theme-secondary-text); }
.story-viewer-footer[b-2nux9uzfqm] { display: flex; justify-content: space-between; align-items: center; padding: 12px; gap: 16px; }
.story-viewer-footer button[b-2nux9uzfqm] { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 8px 12px; border: 0; border-radius: 12px; background: color-mix(in srgb,var(--theme-on-dark) 7.84%,transparent); color: var(--theme-on-dark); font-size: 12px; cursor: pointer; }
.story-viewer-footer button:disabled[b-2nux9uzfqm] { opacity: .3; cursor: default; }
.story-viewer-footer output[b-2nux9uzfqm] { direction: ltr; font-size: 12px; color: var(--theme-on-dark-muted); }
.story-dialog button:focus-visible[b-2nux9uzfqm], .story-dialog a:focus-visible[b-2nux9uzfqm] { outline: 2px solid var(--theme-primary-text); outline-offset: 2px; }
@media (max-width: 760px) { .daily-stories[b-2nux9uzfqm] { padding-bottom: 14px; margin-bottom: 16px; } .daily-stories-list[b-2nux9uzfqm] { gap: 16px; } .daily-story[b-2nux9uzfqm] { flex-basis: 78px; } .daily-story-ring[b-2nux9uzfqm] { width: 74px; height: 74px; } }
@media (max-width: 480px) { .story-dialog[b-2nux9uzfqm] { width: 100vw; max-height: 100dvh; border-radius: 0; } .story-viewer[b-2nux9uzfqm] { height: 100dvh; } .story-viewer-footer[b-2nux9uzfqm] { padding-bottom: max(12px, env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion: reduce) { .daily-story-ring[b-2nux9uzfqm] { transition: none; } .story-dialog[open][b-2nux9uzfqm], .story-dialog[open][b-2nux9uzfqm]::backdrop { animation: none; } }
/* /Components/Store/Home/HomeHeroCarousel.razor.rz.scp.css */
.home-hero[b-kegxjkq589] { position: relative; width: 100%; height: clamp(200px, 24vw, 340px); overflow: hidden; border-radius: 22px; background: var(--theme-primary-soft); box-shadow: 0 12px 32px var(--theme-shadow); }
.home-hero-slide[b-kegxjkq589] { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility .45s; }
.home-hero-slide.is-active[b-kegxjkq589] { opacity: 1; visibility: visible; }
.home-hero-slide picture[b-kegxjkq589] { display: block; width: 100%; height: 100%; }
.home-hero-image[b-kegxjkq589] { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-hero-slide--product .home-hero-image[b-kegxjkq589] { object-fit: contain; padding: 12px; background: var(--theme-image-surface); color: var(--theme-image-ink); }
.home-hero-controls[b-kegxjkq589] { position: absolute; z-index: 2; inset-inline: 16px; bottom: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; pointer-events: none; }
.home-hero-controls > button[b-kegxjkq589], .home-hero-controls > div[b-kegxjkq589] { pointer-events: auto; background: var(--theme-surface-glass); box-shadow: 0 2px 12px var(--theme-shadow); }
.home-hero-controls > button[b-kegxjkq589] { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; color: var(--store-green); cursor: pointer; }
.home-hero-controls > div[b-kegxjkq589] { display: flex; align-items: center; border-radius: 30px; padding-inline: 6px; }
.home-hero-controls > div button[b-kegxjkq589] { display: grid; place-items: center; width: 28px; height: 36px; border: 0; background: transparent; cursor: pointer; }
.home-hero-controls > div span[b-kegxjkq589] { width: 7px; height: 7px; border-radius: 10px; background: var(--theme-primary); transition: width .2s, background .2s; }
.home-hero-controls > div button.is-active span[b-kegxjkq589] { width: 18px; background: var(--theme-primary); }
.home-hero :is(a, button):focus-visible[b-kegxjkq589] { outline: 3px solid var(--store-green); outline-offset: -4px; }
@media (max-width: 760px) { .home-hero[b-kegxjkq589] { height: auto; aspect-ratio: 2 / 1; border-radius: 16px; } .home-hero-controls[b-kegxjkq589] { bottom: 10px; } }
@media (prefers-reduced-motion: reduce) { .home-hero-slide[b-kegxjkq589], .home-hero-controls > div span[b-kegxjkq589] { transition: none; } }
/* /Components/Store/Orders/CancelOrderIsland.razor.rz.scp.css */
.order-cancel-action > button[b-7ezkwwb3nf], .order-cancel-confirm button[b-7ezkwwb3nf] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 15px; border: 1px solid var(--theme-danger-border); border-radius: 10px; background: var(--theme-danger-soft); color: var(--theme-danger); font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.order-cancel-action > button:hover[b-7ezkwwb3nf], .order-cancel-confirm button:hover[b-7ezkwwb3nf] { border-color: var(--theme-danger-border); background: var(--theme-danger-soft); }
.order-cancel-action button:disabled[b-7ezkwwb3nf] { opacity: .55; cursor: wait; }
.order-cancel-action > p[b-7ezkwwb3nf] { max-width: 330px; margin: 0 0 12px; color: var(--theme-danger); font-size: 13px; line-height: 1.9; }
.order-cancel-confirm[b-7ezkwwb3nf] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px; border: 1px solid var(--theme-danger-border); border-radius: 12px; color: var(--theme-danger); background: var(--theme-danger-soft); font-size: 13px; }
.order-cancel-confirm > span[b-7ezkwwb3nf] { flex-basis: 100%; padding-bottom: 4px; font-weight: 650; }
.order-cancel-confirm button:last-child[b-7ezkwwb3nf] { border-color: var(--theme-border); background: var(--theme-surface); color: var(--theme-ink); }
.order-cancel-confirm button:last-child:hover[b-7ezkwwb3nf] { background: var(--theme-primary-soft); }
.order-cancel-action button:focus-visible[b-7ezkwwb3nf] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
@media (max-width: 450px) { .order-cancel-confirm[b-7ezkwwb3nf] { gap: 8px; } .order-cancel-confirm button[b-7ezkwwb3nf] { flex: 1; } }
/* /Components/Store/Orders/CustomerReturnsPanel.razor.rz.scp.css */
.return-panel[b-lf0zlly77l] { min-width: 0; margin-top: 0; padding: 24px; }
.return-panel-heading[b-lf0zlly77l], .return-entry-heading[b-lf0zlly77l] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.return-panel-heading[b-lf0zlly77l] { padding-bottom: 22px; border-bottom: 1px solid var(--theme-border); }
.return-panel-heading h2[b-lf0zlly77l] { margin: 0; color: var(--theme-ink); font-size: 18px; line-height: 1.6; }
.return-panel-heading p[b-lf0zlly77l] { max-width: 600px; margin: 8px 0 0; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.return-panel-icon[b-lf0zlly77l] { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 14px; color: var(--theme-ink); background: var(--theme-primary-soft); }
.return-list[b-lf0zlly77l], .return-create-list[b-lf0zlly77l] { display: grid; gap: 20px; margin-top: 24px; }
.return-entry[b-lf0zlly77l], .return-create-form[b-lf0zlly77l] { padding: 22px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-surface); }
.return-entry-heading time[b-lf0zlly77l] { color: var(--theme-muted); font-size: 12px; }
.return-status[b-lf0zlly77l] { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 8px; color: var(--theme-success); background: var(--theme-success-soft); font-size: 13px; }
.return-status > span[b-lf0zlly77l] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.return-status--waiting[b-lf0zlly77l] { color: var(--theme-warning); background: var(--theme-warning-soft); }
.return-status--rejected[b-lf0zlly77l] { color: var(--theme-danger); background: var(--theme-danger-soft); }
.return-entry-reason[b-lf0zlly77l] { margin: 18px 0; }
.return-entry-reason > span[b-lf0zlly77l] { color: var(--theme-muted); font-size: 12px; }
.return-entry-reason p[b-lf0zlly77l] { margin: 6px 0 0; color: var(--theme-ink); font-size: 14px; line-height: 1.9; overflow-wrap: anywhere; }
.return-entry-products[b-lf0zlly77l] { display: grid; border: 1px solid var(--theme-border); border-radius: 10px; background: var(--theme-surface-muted); }
.return-entry-products > div[b-lf0zlly77l] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 16px; }
.return-entry-products > div + div[b-lf0zlly77l] { border-top: 1px solid var(--theme-border); }
.return-entry-products strong[b-lf0zlly77l] { display: block; color: var(--theme-ink); font-size: 14px; line-height: 1.8; }
.return-entry-products small[b-lf0zlly77l] { display: block; margin-top: 3px; color: var(--theme-muted); font-size: 12px; }
.return-entry-products b[b-lf0zlly77l] { flex: none; color: var(--theme-ink); font-size: 13px; white-space: nowrap; }
.return-note[b-lf0zlly77l] { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; padding: 16px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-ink); background: var(--theme-primary-soft); }
.return-note[b-lf0zlly77l]  svg { flex: none; margin-top: 4px; }
.return-note p[b-lf0zlly77l] { display: grid; gap: 6px; margin: 0; font-size: 14px; line-height: 1.9; }
.return-note p span[b-lf0zlly77l] { color: var(--theme-muted); }
.return-create-heading[b-lf0zlly77l] { margin-top: 28px; }
.return-create-heading h3[b-lf0zlly77l] { margin: 0; color: var(--theme-ink); font-size: 16px; }
.return-create-heading p[b-lf0zlly77l] { margin: 8px 0 0; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.return-create-form[b-lf0zlly77l] { display: grid; gap: 22px; }
.return-create-product[b-lf0zlly77l] { display: flex; align-items: flex-start; gap: 13px; }
.return-product-icon[b-lf0zlly77l] { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border: 1px solid var(--theme-border); border-radius: 12px; color: var(--theme-ink); background: var(--theme-primary-soft); }
.return-create-product > div[b-lf0zlly77l] { display: grid; gap: 6px; }
.return-create-product strong[b-lf0zlly77l] { color: var(--theme-ink); font-size: 15px; line-height: 1.8; }
.return-create-product span:not(.return-product-icon)[b-lf0zlly77l] { color: var(--theme-muted); font-size: 13px; }
.return-create-product small[b-lf0zlly77l] { color: var(--theme-ink); font-size: 12px; line-height: 1.8; }
.return-create-fields[b-lf0zlly77l] { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 22px; }
.return-create-form label[b-lf0zlly77l] { display: grid; align-content: start; gap: 9px; color: var(--theme-ink); font-size: 14px; font-weight: 600; }
.return-create-form label small[b-lf0zlly77l] { color: var(--theme-muted); font-size: 12px; font-weight: 400; line-height: 1.8; }
.return-create-form input[b-lf0zlly77l], .return-create-form textarea[b-lf0zlly77l] { width: 100%; min-height: 46px; border: 1px solid var(--theme-border); border-radius: 10px; padding: 11px 13px; background: var(--theme-surface); color: var(--theme-ink); font: inherit; font-weight: 400; box-sizing: border-box; }
.return-create-form input[type=number][b-lf0zlly77l] { text-align: center; }
.return-create-form textarea[b-lf0zlly77l] { min-height: 108px; resize: vertical; line-height: 1.9; }
.return-create-form textarea[b-lf0zlly77l]::placeholder { color: var(--theme-muted); }
.return-create-form input:focus[b-lf0zlly77l], .return-create-form textarea:focus[b-lf0zlly77l] { outline: 3px solid var(--theme-primary-text); border-color: var(--theme-primary-text); }
.return-create-actions[b-lf0zlly77l] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-top: 18px; border-top: 1px solid var(--theme-border); }
.return-create-actions > span[b-lf0zlly77l] { color: var(--theme-muted); font-size: 12px; line-height: 1.9; }
.return-create-actions button[b-lf0zlly77l] { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 11px 18px; border: 0; border-radius: 10px; color: var(--theme-on-primary); background: var(--theme-primary); font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
.return-create-actions button:hover[b-lf0zlly77l] { background: var(--theme-primary-hover); }
.return-notice[b-lf0zlly77l], .return-error[b-lf0zlly77l] { margin: 20px 0 0; padding: 16px 18px; border: 1px solid var(--theme-success-border); border-radius: 10px; color: var(--theme-success); background: var(--theme-success-soft); font-size: 14px; line-height: 1.9; }
.return-error[b-lf0zlly77l] { border-color: var(--theme-danger-border); color: var(--theme-danger); background: var(--theme-danger-soft); }
.return-empty[b-lf0zlly77l] { display: flex; align-items: flex-start; gap: 14px; margin-top: 24px; padding: 22px; border: 1px dashed var(--theme-border); border-radius: 12px; color: var(--theme-muted); background: var(--theme-surface-muted); }
.return-empty[b-lf0zlly77l]  svg { flex: none; margin-top: 4px; color: var(--theme-ink); }
.return-empty strong[b-lf0zlly77l] { color: var(--theme-ink); font-size: 14px; }
.return-empty p[b-lf0zlly77l] { margin: 8px 0 0; font-size: 14px; line-height: 1.9; }
.return-disclaimer[b-lf0zlly77l] { margin: 22px 0 0; color: var(--theme-muted); font-size: 12px; line-height: 1.9; }
.return-loading[b-lf0zlly77l] { padding: 20px 0; margin: 0; color: var(--theme-muted); font-size: 14px; }
.return-create-actions button:focus-visible[b-lf0zlly77l] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
@media (max-width: 650px) { .return-panel[b-lf0zlly77l] { padding: 20px; } .return-panel-heading[b-lf0zlly77l] { flex-wrap: nowrap; align-items: flex-start; } .return-entry[b-lf0zlly77l], .return-create-form[b-lf0zlly77l] { padding: 18px; } .return-create-fields[b-lf0zlly77l] { grid-template-columns: 1fr; gap: 20px; } .return-quantity[b-lf0zlly77l] { max-width: 160px; } .return-create-actions[b-lf0zlly77l] { align-items: stretch; flex-direction: column; } .return-create-actions button[b-lf0zlly77l] { width: 100%; } .return-entry-heading[b-lf0zlly77l] { gap: 12px; } .return-empty[b-lf0zlly77l] { padding: 18px; } }
/* /Components/Store/Orders/InvoiceAccessPanel.razor.rz.scp.css */
.invoice-access[b-cpuokw3oru] { display: flex; align-items: center; gap: 16px; padding: 20px 24px; border: 1px solid color-mix(in srgb, var(--theme-primary, #22835d) 22%, transparent); border-radius: 18px; background: color-mix(in srgb, var(--theme-primary, #22835d) 5%, var(--theme-surface, white)); margin: 20px 0; }
.invoice-access-symbol[b-cpuokw3oru] { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: color-mix(in srgb, var(--theme-primary, #22835d) 12%, transparent); color: var(--theme-primary, #22835d); flex: 0 0 auto; }
.invoice-access strong[b-cpuokw3oru] { font-size: 14px; }
.invoice-access p[b-cpuokw3oru] { font-size: 12px; margin: 5px 0 0; color: var(--theme-muted); }
.invoice-access-link[b-cpuokw3oru] { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--theme-primary, #22835d); font-size: 13px; font-weight: 700; white-space: nowrap; }
.invoice-access-link:focus-visible[b-cpuokw3oru] { outline: 2px solid currentColor; outline-offset: 6px; border-radius: 4px; }
@media (max-width: 640px) { .invoice-access[b-cpuokw3oru] { flex-wrap: wrap; padding: 18px; gap: 12px; } .invoice-access div[b-cpuokw3oru] { flex: 1; min-width: 180px; } .invoice-access-link[b-cpuokw3oru] { margin-inline-start: 56px; } }

/* /Components/Store/Orders/OrderDetailsPanel.razor.rz.scp.css */
.order-details-grid[b-zxk8jbso08] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr); gap: 18px; }
.order-detail-card[b-zxk8jbso08] { padding: 25px; border: 1px solid var(--theme-border); border-radius: 17px; background: var(--theme-surface); }
.order-detail-card h2[b-zxk8jbso08] { margin: 0 0 20px; color: var(--theme-ink); font-size: 16px; font-weight: 780; }
.order-detail-lines[b-zxk8jbso08] { display: grid; }
.order-detail-lines article[b-zxk8jbso08] { display: flex; justify-content: space-between; gap: 15px; padding: 15px 0; border-top: 1px solid var(--theme-border); color: var(--theme-ink); font-size: 11px; }
.order-detail-lines article > div[b-zxk8jbso08] { display: grid; gap: 6px; }
.order-detail-lines article > div:last-child[b-zxk8jbso08] { text-align: end; }
.order-detail-lines article span[b-zxk8jbso08], .order-detail-lines article small[b-zxk8jbso08] { color: var(--theme-muted); }
.order-detail-lines article strong[b-zxk8jbso08] { font-size: 12px; }
.order-detail-address[b-zxk8jbso08], .order-detail-amounts[b-zxk8jbso08] { display: grid; gap: 13px; margin: 0; }
.order-detail-address div[b-zxk8jbso08], .order-detail-amounts div[b-zxk8jbso08] { display: flex; justify-content: space-between; gap: 18px; font-size: 11px; line-height: 1.8; }
.order-detail-address dt[b-zxk8jbso08], .order-detail-amounts dt[b-zxk8jbso08] { flex: none; color: var(--theme-muted); }
.order-detail-address dd[b-zxk8jbso08], .order-detail-amounts dd[b-zxk8jbso08] { margin: 0; color: var(--theme-ink); text-align: end; }
.order-detail-amounts .order-detail-grand[b-zxk8jbso08] { padding-top: 15px; border-top: 1px solid var(--theme-border); font-size: 13px; font-weight: 800; }
.order-detail-amounts .order-detail-grand dt[b-zxk8jbso08], .order-detail-amounts .order-detail-grand dd[b-zxk8jbso08] { color: var(--theme-ink); }
.order-detail-coupon[b-zxk8jbso08] { margin: 15px 0 0; color: var(--theme-primary-text); font-size: 11px; }
.order-detail-shipments[b-zxk8jbso08] { display: grid; align-content: start; }
.order-detail-shipment[b-zxk8jbso08] { padding: 16px 0; border-top: 1px solid var(--theme-border); }
.order-detail-shipment:first-of-type[b-zxk8jbso08] { padding-top: 0; border-top: 0; }
.order-detail-shipment-heading[b-zxk8jbso08] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.order-detail-shipment-heading strong[b-zxk8jbso08] { color: var(--theme-ink); font-size: 12px; }
.order-detail-shipment-heading span[b-zxk8jbso08] { color: var(--theme-muted); font-size: 10px; }
.order-detail-shipment p[b-zxk8jbso08] { margin: 11px 0 0; color: var(--theme-muted); font-size: 11px; }
.order-detail-shipment p strong[b-zxk8jbso08] { margin-inline-start: 5px; color: var(--theme-ink); unicode-bidi: isolate; }
.order-detail-shipment-events[b-zxk8jbso08] { display: grid; gap: 10px; margin: 17px 0 0; padding-inline-start: 18px; color: var(--theme-muted); }
.order-detail-shipment-events li[b-zxk8jbso08] { padding-inline-start: 4px; font-size: 10px; line-height: 1.8; }
.order-detail-shipment-events li strong[b-zxk8jbso08], .order-detail-shipment-events li span[b-zxk8jbso08], .order-detail-shipment-events li time[b-zxk8jbso08] { display: block; }
.order-detail-shipment-events li time[b-zxk8jbso08] { color: var(--theme-muted); }
.order-detail-timeline[b-zxk8jbso08] { display: grid; gap: 17px; margin: 0; padding: 0; list-style: none; }
.order-detail-timeline li[b-zxk8jbso08] { display: flex; gap: 12px; }
.order-detail-timeline li > span[b-zxk8jbso08] { width: 11px; height: 11px; flex: none; margin-top: 5px; border-radius: 50%; background: var(--theme-primary); box-shadow: 0 0 0 4px var(--theme-focus-ring); }
.order-detail-timeline li strong[b-zxk8jbso08] { color: var(--theme-ink); font-size: 11px; }
.order-detail-timeline li p[b-zxk8jbso08] { margin: 5px 0; color: var(--theme-muted); font-size: 10px; line-height: 1.9; }
.order-detail-timeline li time[b-zxk8jbso08] { color: var(--theme-muted); font-size: 10px; }

@media (max-width: 760px) {
    .order-details-grid[b-zxk8jbso08] { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .order-detail-card[b-zxk8jbso08] { padding: 18px; }
    .order-detail-lines article[b-zxk8jbso08] { flex-direction: column; }
    .order-detail-lines article > div:last-child[b-zxk8jbso08] { text-align: start; }
}

/* CustomerView opts the account page into this layout; the admin panel keeps its existing styles. */
.customer-order-details[b-zxk8jbso08] { grid-template-columns: minmax(0, 1fr) minmax(290px, .82fr); gap: 24px; align-items: start; min-width: 0; }
.customer-order-details .order-detail-card[b-zxk8jbso08] { min-width: 0; padding: 24px; border-color: var(--theme-border); border-radius: 18px; box-shadow: 0 4px 20px var(--theme-shadow); }
.customer-order-details .order-detail-card h2[b-zxk8jbso08] { margin-bottom: 22px; color: var(--theme-ink); font-size: 18px; line-height: 1.6; }
.customer-order-details .order-detail-items-card[b-zxk8jbso08], .customer-order-details .order-detail-shipments[b-zxk8jbso08], .customer-order-details .order-detail-timeline-card[b-zxk8jbso08] { grid-column: 1 / -1; }
.customer-order-details .order-detail-items-card[b-zxk8jbso08] { grid-row: 1; }
.customer-order-details .order-detail-address-card[b-zxk8jbso08] { grid-column: 1; grid-row: 2; }
.customer-order-details .order-detail-bill-card[b-zxk8jbso08] { grid-column: 2; grid-row: 2; }
.customer-order-details .order-detail-table-wrap[b-zxk8jbso08] { position: relative; width: 100%; overflow-x: auto; border: 1px solid var(--theme-border); border-radius: 12px; scrollbar-color: var(--theme-primary-text) var(--theme-primary-text); scrollbar-width: thin; }
.customer-order-details .order-detail-table[b-zxk8jbso08] { width: 100%; min-width: 580px; border-collapse: collapse; color: var(--theme-ink); font-size: 14px; text-align: start; }
.customer-order-details .order-detail-table thead[b-zxk8jbso08] { background: var(--theme-primary-soft); }
.customer-order-details .order-detail-table th[b-zxk8jbso08], .customer-order-details .order-detail-table td[b-zxk8jbso08] { padding: 17px 16px; text-align: start; vertical-align: middle; }
.customer-order-details .order-detail-table thead th[b-zxk8jbso08] { color: var(--theme-muted); font-size: 13px; font-weight: 600; }
.customer-order-details .order-detail-table tbody tr + tr[b-zxk8jbso08] { border-top: 1px solid var(--theme-border); }
.customer-order-details .order-detail-table th[scope=row][b-zxk8jbso08] { min-width: 220px; }
.customer-order-details .order-detail-table th[scope=row] strong[b-zxk8jbso08] { display: block; font-size: 14px; font-weight: 650; line-height: 1.8; }
.customer-order-details .order-detail-table th[scope=row] > span[b-zxk8jbso08] { display: block; margin-top: 6px; color: var(--theme-muted); font-size: 13px; font-weight: 400; }
.customer-order-details .order-detail-table td[b-zxk8jbso08] { white-space: nowrap; }
.customer-order-details .order-detail-table td small[b-zxk8jbso08] { color: var(--theme-muted); font-size: 12px; }
.customer-order-details .order-detail-line-total[b-zxk8jbso08] { color: var(--theme-ink); }
.customer-order-details .order-detail-quantity[b-zxk8jbso08] { display: inline-grid; place-items: center; min-width: 32px; height: 32px; padding: 0 8px; border-radius: 8px; background: var(--theme-primary-soft); font-weight: 650; }
.customer-order-details .order-detail-scroll-hint[b-zxk8jbso08] { display: none; margin: 12px 0 0; color: var(--theme-muted); font-size: 12px; }
.customer-order-details .order-detail-address[b-zxk8jbso08], .customer-order-details .order-detail-amounts[b-zxk8jbso08] { gap: 0; }
.customer-order-details .order-detail-address div[b-zxk8jbso08], .customer-order-details .order-detail-amounts div[b-zxk8jbso08] { padding: 12px 0; font-size: 14px; line-height: 1.9; }
.customer-order-details .order-detail-address div:first-child[b-zxk8jbso08], .customer-order-details .order-detail-amounts div:first-child[b-zxk8jbso08] { padding-top: 0; }
.customer-order-details .order-detail-address div + div[b-zxk8jbso08], .customer-order-details .order-detail-amounts div + div[b-zxk8jbso08] { border-top: 1px solid var(--theme-border); }
.customer-order-details .order-detail-address dt[b-zxk8jbso08], .customer-order-details .order-detail-amounts dt[b-zxk8jbso08] { color: var(--theme-muted); }
.customer-order-details .order-detail-address dd[b-zxk8jbso08], .customer-order-details .order-detail-amounts dd[b-zxk8jbso08] { color: var(--theme-ink); overflow-wrap: anywhere; }
.customer-order-details .order-detail-address dd[dir=ltr][b-zxk8jbso08] { text-align: end; }
.customer-order-details .order-detail-amounts .order-detail-grand[b-zxk8jbso08] { margin-top: 10px; padding: 16px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-primary-soft); font-size: 16px; }
.customer-order-details .order-detail-amounts .order-detail-grand dt[b-zxk8jbso08], .customer-order-details .order-detail-amounts .order-detail-grand dd[b-zxk8jbso08] { color: var(--theme-ink); }
.customer-order-details .order-detail-coupon[b-zxk8jbso08] { margin-top: 18px; color: var(--theme-muted); font-size: 13px; line-height: 1.9; }
.customer-order-details .order-detail-shipment[b-zxk8jbso08] { padding: 22px 0; border-color: var(--theme-border); }
.customer-order-details .order-detail-shipment:last-child[b-zxk8jbso08] { padding-bottom: 0; }
.customer-order-details .order-detail-shipment-heading[b-zxk8jbso08] { flex-wrap: wrap; gap: 10px; }
.customer-order-details .order-detail-shipment-heading strong[b-zxk8jbso08] { padding: 7px 11px; border-radius: 8px; color: var(--theme-ink); background: var(--theme-primary-soft); font-size: 13px; }
.customer-order-details .order-detail-shipment p[b-zxk8jbso08] { margin-top: 16px; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.customer-order-details .order-detail-shipment p strong[b-zxk8jbso08] { display: inline-block; padding: 4px 10px; border-radius: 6px; color: var(--theme-ink); background: var(--theme-primary-soft); overflow-wrap: anywhere; }
.customer-order-details .order-detail-shipment-events[b-zxk8jbso08] { gap: 16px; margin-top: 24px; padding-inline-start: 24px; color: var(--theme-ink); }
.customer-order-details .order-detail-shipment-events li[b-zxk8jbso08] { padding-inline-start: 8px; font-size: 14px; line-height: 1.9; }
.customer-order-details .order-detail-shipment-events li span[b-zxk8jbso08] { margin-top: 4px; color: var(--theme-muted); }
.customer-order-details .order-detail-shipment-events li time[b-zxk8jbso08] { margin-top: 4px; color: var(--theme-muted); font-size: 12px; }
.customer-order-details .order-detail-timeline[b-zxk8jbso08] { gap: 0; }
.customer-order-details .order-detail-timeline li[b-zxk8jbso08] { position: relative; gap: 18px; padding-bottom: 26px; }
.customer-order-details .order-detail-timeline li:last-child[b-zxk8jbso08] { padding-bottom: 0; }
.customer-order-details .order-detail-timeline li:not(:last-child)[b-zxk8jbso08]::after { position: absolute; content: ''; width: 1px; inset-inline-start: 5px; top: 20px; bottom: 0; background: var(--theme-primary-soft-strong); }
.customer-order-details .order-detail-timeline li > span[b-zxk8jbso08] { margin-top: 7px; background: var(--theme-primary); box-shadow: 0 0 0 5px var(--theme-focus-ring); }
.customer-order-details .order-detail-timeline li strong[b-zxk8jbso08] { color: var(--theme-ink); font-size: 14px; }
.customer-order-details .order-detail-timeline li p[b-zxk8jbso08] { margin: 7px 0; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.customer-order-details .order-detail-timeline li time[b-zxk8jbso08] { color: var(--theme-muted); font-size: 12px; }
.customer-order-details .order-detail-sr-only[b-zxk8jbso08] { position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.customer-order-details .order-detail-table-wrap:focus-visible[b-zxk8jbso08] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
@media (max-width: 820px) { .customer-order-details[b-zxk8jbso08] { grid-template-columns: 1fr; gap: 20px; } .customer-order-details .order-detail-address-card[b-zxk8jbso08], .customer-order-details .order-detail-bill-card[b-zxk8jbso08] { grid-column: auto; grid-row: auto; } }
@media (max-width: 650px) { .customer-order-details .order-detail-card[b-zxk8jbso08] { padding: 20px; } .customer-order-details .order-detail-scroll-hint[b-zxk8jbso08] { display: block; } .customer-order-details .order-detail-address div[b-zxk8jbso08] { gap: 14px; } .customer-order-details .order-detail-amounts .order-detail-grand[b-zxk8jbso08] { padding: 14px 12px; font-size: 14px; } }
/* /Components/Store/Orders/OrderTrackingPanel.razor.rz.scp.css */
.tracking-panel[b-ttqtepcwxe] {
    --tracking-accent: var(--theme-primary-text);
    --tracking-soft: var(--theme-primary-soft);
    padding: 28px;
    overflow: hidden;
    background: linear-gradient(135deg, var(--theme-surface), var(--theme-surface-muted));
}
.tracking-panel[data-order-status="Processing"][b-ttqtepcwxe],
.tracking-panel[data-order-status="Packed"][b-ttqtepcwxe],
.tracking-panel[data-order-status="Shipped"][b-ttqtepcwxe] {
    --tracking-accent: var(--theme-info);
    --tracking-soft: var(--theme-info-soft);
}
.tracking-panel[data-order-status="Pending"][b-ttqtepcwxe],
.tracking-panel[data-order-status="AwaitingPayment"][b-ttqtepcwxe],
.tracking-panel[data-order-status="PaymentReview"][b-ttqtepcwxe] {
    --tracking-accent: var(--theme-warning);
    --tracking-soft: var(--theme-warning-soft);
}
.tracking-panel.is-cancelled[b-ttqtepcwxe] {
    --tracking-accent: var(--theme-danger);
    --tracking-soft: var(--theme-danger-soft);
}
.tracking-heading[b-ttqtepcwxe] { display: flex; align-items: center; gap: 16px; margin-bottom: 30px; }
.tracking-heading-copy[b-ttqtepcwxe] { flex: 1; min-width: 0; }
.tracking-eyebrow[b-ttqtepcwxe] { display: block; color: var(--tracking-accent); font-size: 10px; font-weight: 700; margin-bottom: 5px; }
.tracking-heading h2[b-ttqtepcwxe] { font-size: 19px; margin: 0 0 8px; color: var(--theme-ink); }
.tracking-heading p[b-ttqtepcwxe] { font-size: 12px; color: var(--theme-muted); line-height: 1.9; margin: 0; }
.tracking-icon[b-ttqtepcwxe] {
    display: grid; place-items: center; flex-shrink: 0; width: 56px; height: 56px;
    color: var(--tracking-accent); background: var(--tracking-soft); border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--tracking-accent) 18%, transparent);
}
.tracking-status[b-ttqtepcwxe] {
    display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; align-self: flex-start;
    color: var(--tracking-accent); background: var(--tracking-soft); font-size: 11px; font-weight: 700;
    padding: 8px 12px; border-radius: 999px; margin-top: 5px;
}
.tracking-status-dot[b-ttqtepcwxe] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.tracking-steps[b-ttqtepcwxe] {
    list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 22px 8px 19px; margin: 0 0 22px; border: 1px solid var(--theme-border);
    border-radius: 18px; background: var(--theme-surface);
}
.tracking-steps li[b-ttqtepcwxe] {
    position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px;
    color: var(--theme-muted); padding: 0 5px; text-align: center;
    animation: tracking-enter-b-ttqtepcwxe 450ms ease-out both;
}
.tracking-steps li:nth-child(2)[b-ttqtepcwxe] { animation-delay: 60ms; }
.tracking-steps li:nth-child(3)[b-ttqtepcwxe] { animation-delay: 120ms; }
.tracking-steps li:nth-child(4)[b-ttqtepcwxe] { animation-delay: 180ms; }
.tracking-steps li:nth-child(5)[b-ttqtepcwxe] { animation-delay: 240ms; }
.tracking-steps li:not(:last-child)[b-ttqtepcwxe]::after {
    content: ""; position: absolute; z-index: 0; height: 3px; top: 25px;
    inset-inline-start: calc(50% + 29px); width: calc(100% - 58px);
    background: var(--theme-border); border-radius: 999px;
}
.tracking-steps li.is-complete[b-ttqtepcwxe]::after { background: var(--theme-primary-text); opacity: .45; }
.tracking-steps li.is-current:not(:last-child)[b-ttqtepcwxe]::after {
    background: linear-gradient(90deg, var(--theme-border) 25%, var(--tracking-accent) 50%, var(--theme-border) 75%);
    background-size: 240% 100%; animation: tracking-flow-b-ttqtepcwxe 3s ease-in-out infinite;
}
.tracking-step-icon[b-ttqtepcwxe] {
    position: relative; z-index: 1; display: grid; place-items: center; width: 52px; height: 52px;
    flex-shrink: 0; border: 1px solid var(--theme-border); border-radius: 17px;
    background: var(--theme-surface-muted); color: var(--theme-muted);
}
.tracking-step-copy[b-ttqtepcwxe] { display: grid; gap: 5px; }
.tracking-step-copy strong[b-ttqtepcwxe] { font-size: 12px; line-height: 1.8; color: var(--theme-muted); }
.tracking-step-copy > span[b-ttqtepcwxe] { font-size: 10px; line-height: 1.8; }
.tracking-steps .is-complete .tracking-step-icon[b-ttqtepcwxe] { color: var(--theme-primary-text); background: var(--theme-primary-soft); border-color: var(--theme-border-strong); }
.tracking-steps .is-complete strong[b-ttqtepcwxe] { color: var(--theme-ink); }
.tracking-step-check[b-ttqtepcwxe] {
    position: absolute; bottom: -4px; inset-inline-end: -4px; display: grid; place-items: center;
    width: 18px; height: 18px; background: var(--theme-primary); color: var(--theme-on-primary);
    border: 2px solid var(--theme-surface); border-radius: 50%;
}
.tracking-steps .is-current .tracking-step-icon[b-ttqtepcwxe] {
    color: var(--tracking-accent); background: var(--tracking-soft);
    border-color: color-mix(in srgb, var(--tracking-accent) 45%, var(--theme-border));
}
.tracking-steps .is-current .tracking-step-icon[b-ttqtepcwxe]::before {
    content: ""; position: absolute; inset: -5px; border: 1px solid var(--tracking-accent);
    border-radius: 21px; animation: tracking-pulse-b-ttqtepcwxe 2.6s ease-out infinite; pointer-events: none;
}
.tracking-steps .is-current .tracking-step-icon[b-ttqtepcwxe]  > svg { animation: tracking-float-b-ttqtepcwxe 3s ease-in-out infinite; }
.tracking-steps .is-current strong[b-ttqtepcwxe] { color: var(--tracking-accent); }
.tracking-current-label[b-ttqtepcwxe] { color: var(--tracking-accent); background: var(--tracking-soft); font-size: 9px; font-weight: 700; padding: 3px 10px; border-radius: 999px; line-height: 1.8; }
.tracking-package[b-ttqtepcwxe] { padding: 22px; border: 1px solid var(--theme-border); border-radius: 16px; margin-top: 14px; background: var(--theme-surface); }
.tracking-package-title[b-ttqtepcwxe] { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.tracking-package-title strong[b-ttqtepcwxe] { display: flex; align-items: center; gap: 11px; font-size: 14px; color: var(--theme-ink); }
.tracking-package-icon[b-ttqtepcwxe] { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--tracking-soft); color: var(--tracking-accent); }
.tracking-package-title > span[b-ttqtepcwxe] { font-size: 11px; font-weight: 700; color: var(--tracking-accent); background: var(--tracking-soft); border-radius: 999px; padding: 7px 11px; }
.tracking-code[b-ttqtepcwxe] { display: flex; justify-content: space-between; align-items: center; gap: 20px; background: var(--theme-surface-muted); border: 1px dashed var(--theme-border-strong); padding: 15px 18px; border-radius: 11px; margin-top: 18px; }
.tracking-code > span[b-ttqtepcwxe] { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--theme-muted); }
.tracking-code strong[b-ttqtepcwxe] { font-size: 16px; letter-spacing: 1px; color: var(--theme-ink); overflow-wrap: anywhere; }
.tracking-receipt-form[b-ttqtepcwxe] { display: flex; align-items: center; gap: 20px; justify-content: space-between; border-top: 1px solid var(--theme-border); margin-top: 20px; padding-top: 20px; }
.tracking-receipt-form strong[b-ttqtepcwxe] { font-size: 14px; color: var(--theme-ink); }
.tracking-receipt-form p[b-ttqtepcwxe] { font-size: 12px; line-height: 1.9; color: var(--theme-muted); margin: 6px 0 0; }
.tracking-receipt-form button[b-ttqtepcwxe] { white-space: nowrap; cursor: pointer; min-height: 45px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.tracking-received[b-ttqtepcwxe] { display: flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 12px; color: var(--theme-primary-text); flex-wrap: wrap; }
.tracking-received a[b-ttqtepcwxe] { display: flex; align-items: center; gap: 7px; margin-inline-start: auto; font-weight: 700; color: var(--theme-ink); padding: 8px 0; }
.tracking-pending[b-ttqtepcwxe] { display: flex; align-items: center; gap: 14px; background: var(--tracking-soft); border: 1px solid color-mix(in srgb, var(--tracking-accent) 18%, transparent); padding: 20px; border-radius: 15px; }
.tracking-pending-icon[b-ttqtepcwxe] { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 13px; color: var(--tracking-accent); background: var(--theme-surface); }
.tracking-pending strong[b-ttqtepcwxe] { font-size: 13px; color: var(--tracking-accent); }
.tracking-pending p[b-ttqtepcwxe] { font-size: 12px; line-height: 1.9; margin: 6px 0 0; color: var(--theme-muted); }
.tracking-package-note[b-ttqtepcwxe] { display: flex; align-items: flex-start; gap: 7px; font-size: 12px; color: var(--theme-muted); line-height: 1.9; margin: 15px 0 0; }
.tracking-package-note[b-ttqtepcwxe]  svg { flex-shrink: 0; margin-top: 3px; }
.tracking-cancelled[b-ttqtepcwxe] { display: flex; gap: 12px; padding: 20px; background: var(--theme-danger-soft); border-radius: 13px; color: var(--theme-danger); }
.tracking-cancelled p[b-ttqtepcwxe] { font-size: 13px; line-height: 1.8; margin: 7px 0 0; }
.tracking-notice[b-ttqtepcwxe] { margin: 0 0 20px; background: var(--theme-primary-soft); border: 1px solid var(--theme-border); padding: 15px; border-radius: 11px; font-size: 13px; line-height: 1.9; color: var(--theme-primary-text); }
.tracking-notice.is-error[b-ttqtepcwxe] { background: var(--theme-danger-soft); border-color: var(--theme-danger-border); color: var(--theme-danger); }
@keyframes tracking-enter-b-ttqtepcwxe { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes tracking-pulse-b-ttqtepcwxe { 0% { opacity: .5; transform: scale(.98); } 80%, 100% { opacity: 0; transform: scale(1.18); } }
@keyframes tracking-float-b-ttqtepcwxe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes tracking-flow-b-ttqtepcwxe { 0%, 100% { background-position: 0 0; } 50% { background-position: 100% 0; } }
@media (max-width: 1050px) {
    .tracking-heading[b-ttqtepcwxe] { flex-wrap: wrap; }
    .tracking-status[b-ttqtepcwxe] { margin: 0; }
    .tracking-step-copy > span[b-ttqtepcwxe] { display: none; }
    .tracking-step-copy strong[b-ttqtepcwxe] { font-size: 11px; }
}
@media (max-width: 600px) {
    .tracking-panel[b-ttqtepcwxe] { padding: 20px; }
    .tracking-heading[b-ttqtepcwxe] { align-items: flex-start; gap: 12px; margin-bottom: 22px; }
    .tracking-icon[b-ttqtepcwxe] { width: 46px; height: 46px; border-radius: 14px; }
    .tracking-heading h2[b-ttqtepcwxe] { font-size: 17px; }
    .tracking-heading-copy[b-ttqtepcwxe] { flex-basis: calc(100% - 58px); }
    .tracking-status[b-ttqtepcwxe] { margin-inline-start: 58px; font-size: 10px; }
    .tracking-steps[b-ttqtepcwxe] { grid-template-columns: 1fr; gap: 0; padding: 20px 16px; }
    .tracking-steps li[b-ttqtepcwxe] { flex-direction: row; flex-wrap: wrap; text-align: start; gap: 14px; padding: 0 0 26px; }
    .tracking-steps li:last-child[b-ttqtepcwxe] { padding-bottom: 0; }
    .tracking-step-icon[b-ttqtepcwxe] { width: 44px; height: 44px; border-radius: 14px; }
    .tracking-step-copy[b-ttqtepcwxe] { flex: 1; }
    .tracking-step-copy strong[b-ttqtepcwxe] { font-size: 12px; }
    .tracking-step-copy > span[b-ttqtepcwxe] { display: block; font-size: 10px; }
    .tracking-current-label[b-ttqtepcwxe] { font-size: 8px; padding-inline: 7px; }
    .tracking-steps li:not(:last-child)[b-ttqtepcwxe]::after { inset-inline-start: 21px; top: 49px; height: calc(100% - 54px); width: 2px; }
    .tracking-steps li.is-current:not(:last-child)[b-ttqtepcwxe]::after { background: linear-gradient(var(--tracking-accent), var(--theme-border)); animation: none; }
    .tracking-steps .is-current .tracking-step-icon[b-ttqtepcwxe]::before { border-radius: 18px; }
    .tracking-package[b-ttqtepcwxe] { padding: 17px; }
    .tracking-package-title strong[b-ttqtepcwxe] { font-size: 12px; gap: 8px; }
    .tracking-package-title > span[b-ttqtepcwxe] { font-size: 10px; }
    .tracking-code[b-ttqtepcwxe] { align-items: flex-start; flex-direction: column; gap: 8px; }
    .tracking-code strong[b-ttqtepcwxe] { font-size: 15px; max-width: 100%; }
    .tracking-receipt-form[b-ttqtepcwxe] { flex-direction: column; align-items: stretch; gap: 15px; }
    .tracking-receipt-form button[b-ttqtepcwxe] { width: 100%; }
    .tracking-received a[b-ttqtepcwxe] { margin-inline-start: 0; width: 100%; }
    .tracking-pending[b-ttqtepcwxe] { align-items: flex-start; padding: 16px; gap: 12px; }
    .tracking-pending-icon[b-ttqtepcwxe] { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
    .tracking-steps li[b-ttqtepcwxe], .tracking-steps li[b-ttqtepcwxe]::after, .tracking-steps .tracking-step-icon[b-ttqtepcwxe]::before,
    .tracking-steps .tracking-step-icon[b-ttqtepcwxe]  > svg { animation: none !important; }
}
/* /Components/Store/Orders/Pages/CustomerOrderDetails.razor.rz.scp.css */
.customer-order-page[b-wljf6b08sr] { display: grid; min-width: 0; gap: 24px; }
.customer-order-back[b-wljf6b08sr] { display: inline-flex; align-items: center; gap: 10px; width: fit-content; min-height: 44px; color: var(--theme-ink); font-size: 14px; font-weight: 650; text-decoration: none; }
.customer-order-back:hover[b-wljf6b08sr] { color: var(--theme-ink); }
.customer-order-hero[b-wljf6b08sr] { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; border: 1px solid var(--theme-border); border-radius: 20px; background: linear-gradient(110deg, var(--theme-primary-soft), var(--theme-primary-soft)); }
.customer-order-hero-info[b-wljf6b08sr] { display: flex; align-items: center; gap: 18px; min-width: 0; }
.customer-order-hero-icon[b-wljf6b08sr] { display: grid; place-items: center; width: 64px; height: 64px; flex: none; border: 1px solid var(--theme-border); border-radius: 18px; color: var(--theme-ink); background: var(--theme-surface); }
.customer-order-hero-label[b-wljf6b08sr] { color: var(--theme-muted); font-size: 13px; }
.customer-order-hero h2[b-wljf6b08sr] { margin: 7px 0; color: var(--theme-ink); font-size: 24px; line-height: 1.45; overflow-wrap: anywhere; }
.customer-order-hero p[b-wljf6b08sr] { margin: 0; color: var(--theme-muted); font-size: 13px; line-height: 1.8; }
.customer-order-hero-actions[b-wljf6b08sr] { display: grid; justify-items: end; gap: 14px; }
.customer-order-badge[b-wljf6b08sr] { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border-radius: 10px; background: var(--theme-primary-soft); color: var(--theme-ink); font-size: 13px; font-weight: 700; white-space: nowrap; }
.customer-order-badge > span[b-wljf6b08sr] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.customer-order-badge--success[b-wljf6b08sr] { background: var(--theme-success-soft); color: var(--theme-success); }
.customer-order-badge--waiting[b-wljf6b08sr] { background: var(--theme-warning-soft); color: var(--theme-warning); }
.customer-order-badge--muted[b-wljf6b08sr] { background: var(--theme-primary-soft); color: var(--theme-muted); }
.customer-order-badge--active[b-wljf6b08sr] { background: var(--theme-info-soft); color: var(--theme-info); }
.customer-order-note[b-wljf6b08sr] { display: flex; align-items: flex-start; gap: 9px; margin: 0; color: var(--theme-muted); font-size: 13px; line-height: 1.9; }
.customer-order-note[b-wljf6b08sr]  svg { flex: none; margin-top: 4px; color: var(--theme-ink); }
.customer-order-feedback[b-wljf6b08sr] { padding: 24px; border-color: var(--theme-danger-border); color: var(--theme-danger); background: var(--theme-danger-soft); }
.customer-order-feedback h2[b-wljf6b08sr] { margin: 0 0 10px; font-size: 18px; }
.customer-order-feedback p[b-wljf6b08sr] { margin: 0 0 16px; font-size: 14px; line-height: 1.9; }
.customer-order-feedback a[b-wljf6b08sr] { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-size: 14px; font-weight: 700; }
.customer-order-loading[b-wljf6b08sr] { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 200px; color: var(--theme-muted); font-size: 14px; }
.customer-order-loader[b-wljf6b08sr] { width: 28px; height: 28px; border: 3px solid var(--theme-border); border-top-color: var(--theme-border-strong); border-radius: 50%; animation: customer-order-spin-b-wljf6b08sr .8s linear infinite; }
.customer-order-back:focus-visible[b-wljf6b08sr], .customer-order-feedback a:focus-visible[b-wljf6b08sr] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; border-radius: 8px; }
@keyframes customer-order-spin-b-wljf6b08sr { to { transform: rotate(360deg); } }
@media (max-width: 650px) {
    .customer-order-page[b-wljf6b08sr] { gap: 20px; }
    .customer-order-hero[b-wljf6b08sr] { flex-direction: column; align-items: stretch; padding: 22px; gap: 20px; }
    .customer-order-hero-actions[b-wljf6b08sr] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; min-width: 0; }
    .customer-order-hero-info[b-wljf6b08sr] { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; }
    .customer-order-hero-info > div[b-wljf6b08sr] { display: contents; }
    .customer-order-hero-icon[b-wljf6b08sr] { grid-column: 1; grid-row: 1; width: 44px; height: 44px; border-radius: 13px; }
    .customer-order-hero-label[b-wljf6b08sr] { grid-column: 2; grid-row: 1; }
    .customer-order-hero h2[b-wljf6b08sr] { grid-column: 1 / -1; grid-row: 2; min-width: 0; margin: 2px 0 0; font-size: 15px; line-height: 1.8; overflow-wrap: normal; }
    .customer-order-hero h2 bdi[b-wljf6b08sr] { display: inline-block; white-space: nowrap; }
    .customer-order-hero p[b-wljf6b08sr] { grid-column: 1 / -1; grid-row: 3; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .customer-order-loader[b-wljf6b08sr] { animation: none; } }
/* /Components/Store/Orders/Pages/CustomerOrders.razor.rz.scp.css */
.customer-orders-card[b-ag806ekwqs] { min-width: 0; min-height: 300px; padding: 24px; }
.customer-orders-heading[b-ag806ekwqs] { align-items: flex-start; gap: 16px; margin-bottom: 24px; }
.customer-orders-heading h2[b-ag806ekwqs] { margin: 0; color: var(--theme-ink); font-size: 18px; }
.customer-orders-heading p[b-ag806ekwqs] { margin: 8px 0 0; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.customer-orders-count[b-ag806ekwqs] { flex: none; padding: 8px 13px; border: 1px solid var(--theme-border); border-radius: 10px; background: var(--theme-primary-soft); color: var(--theme-ink); font-size: 13px; font-weight: 700; white-space: nowrap; }
.customer-orders-table-wrap[b-ag806ekwqs] { position: relative; width: 100%; overflow-x: auto; border: 1px solid var(--theme-border); border-radius: 14px; scrollbar-color: var(--theme-primary-text) var(--theme-primary-text); scrollbar-width: thin; }
.customer-orders-table[b-ag806ekwqs] { width: 100%; min-width: 730px; border-collapse: collapse; color: var(--theme-ink); font-size: 14px; text-align: start; }
.customer-orders-table thead[b-ag806ekwqs] { background: var(--theme-primary-soft); }
.customer-orders-table th[b-ag806ekwqs], .customer-orders-table td[b-ag806ekwqs] { padding: 18px 16px; text-align: start; vertical-align: middle; }
.customer-orders-table thead th[b-ag806ekwqs] { color: var(--theme-muted); font-size: 13px; font-weight: 600; white-space: nowrap; }
.customer-orders-table tbody tr + tr[b-ag806ekwqs] { border-top: 1px solid var(--theme-border); }
.customer-orders-table tbody tr[b-ag806ekwqs] { transition: background .18s ease; }
.customer-orders-table tbody tr:hover[b-ag806ekwqs] { background: var(--theme-surface-muted); }
.customer-orders-table tbody th[b-ag806ekwqs] { font-weight: 750; }
.customer-orders-table tbody th bdi[b-ag806ekwqs] { display: inline-block; white-space: nowrap; }
.customer-orders-table time[b-ag806ekwqs] { color: var(--theme-muted); font-size: 13px; white-space: nowrap; }
.customer-orders-items[b-ag806ekwqs] { display: block; margin-top: 6px; color: var(--theme-muted); font-size: 12px; font-weight: 400; }
.customer-order-status[b-ag806ekwqs] { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 8px; color: var(--theme-success); background: var(--theme-success-soft); font-size: 12px; font-weight: 650; white-space: nowrap; }
.customer-order-status > span[b-ag806ekwqs] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.customer-order-status--waiting[b-ag806ekwqs] { color: var(--theme-warning); background: var(--theme-warning-soft); }
.customer-order-status--muted[b-ag806ekwqs] { color: var(--theme-muted); background: var(--theme-surface-muted); }
.customer-order-status--active[b-ag806ekwqs] { color: var(--theme-info); background: var(--theme-info-soft); }
.customer-orders-price[b-ag806ekwqs] { white-space: nowrap; }
.customer-orders-price strong[b-ag806ekwqs] { font-size: 14px; }
.customer-orders-price > span[b-ag806ekwqs] { margin-inline-start: 5px; color: var(--theme-muted); font-size: 12px; }
.customer-orders-details[b-ag806ekwqs] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-ink); background: var(--theme-surface); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background .18s, border-color .18s; }
.customer-orders-details:hover[b-ag806ekwqs] { background: var(--theme-primary-soft); border-color: var(--theme-border); }
.customer-orders-pagination[b-ag806ekwqs] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; font-size: 13px; }
.customer-orders-pagination a[b-ag806ekwqs] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 16px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-ink); background: var(--theme-surface); font-weight: 700; text-decoration: none; }
.customer-orders-pagination a:hover[b-ag806ekwqs] { background: var(--theme-primary-soft); }
.customer-orders-pagination span[b-ag806ekwqs] { padding: 0 8px; color: var(--theme-muted); }
.customer-orders-scroll-hint[b-ag806ekwqs] { display: none; margin: 12px 0 0; color: var(--theme-muted); font-size: 12px; }
.customer-orders-empty[b-ag806ekwqs], .customer-orders-loading[b-ag806ekwqs] { display: grid; justify-items: center; padding: 40px 20px; text-align: center; }
.customer-orders-empty-icon[b-ag806ekwqs] { display: grid; place-items: center; width: 78px; height: 78px; margin-bottom: 20px; border: 1px solid var(--theme-border); border-radius: 24px; color: var(--theme-ink); background: var(--theme-primary-soft); }
.customer-orders-empty h3[b-ag806ekwqs] { margin: 0; color: var(--theme-ink); font-size: 20px; }
.customer-orders-empty p[b-ag806ekwqs], .customer-orders-loading p[b-ag806ekwqs] { max-width: 420px; margin: 10px 0 24px; color: var(--theme-muted); font-size: 14px; line-height: 1.9; }
.customer-orders-empty a[b-ag806ekwqs] { display: inline-flex; align-items: center; gap: 12px; }
.customer-orders-loading strong[b-ag806ekwqs] { margin-top: 16px; color: var(--theme-ink); font-size: 15px; }
.customer-orders-loader[b-ag806ekwqs] { width: 30px; height: 30px; border: 3px solid var(--theme-border); border-top-color: var(--theme-border-strong); border-radius: 50%; animation: customer-orders-spin-b-ag806ekwqs .8s linear infinite; }
.customer-orders-feedback[b-ag806ekwqs] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border: 1px solid var(--theme-danger-border); border-radius: 12px; color: var(--theme-danger); background: var(--theme-danger-soft); font-size: 14px; }
.customer-orders-feedback p[b-ag806ekwqs] { margin: 0; line-height: 1.9; }
.customer-orders-feedback a[b-ag806ekwqs] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: inherit; font-weight: 700; white-space: nowrap; }
.customer-orders-sr-only[b-ag806ekwqs] { position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.customer-orders-table-wrap:focus-visible[b-ag806ekwqs], .customer-orders-details:focus-visible[b-ag806ekwqs], .customer-orders-pagination a:focus-visible[b-ag806ekwqs] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
@keyframes customer-orders-spin-b-ag806ekwqs { to { transform: rotate(360deg); } }
@media (max-width: 800px) { .customer-orders-scroll-hint[b-ag806ekwqs] { display: block; } }
@media (max-width: 600px) { .customer-orders-card[b-ag806ekwqs] { padding: 20px; } .customer-orders-heading[b-ag806ekwqs] { flex-wrap: wrap; margin-bottom: 20px; } .customer-orders-feedback[b-ag806ekwqs] { align-items: flex-start; flex-direction: column; } .customer-orders-empty[b-ag806ekwqs], .customer-orders-loading[b-ag806ekwqs] { padding: 28px 0; } .customer-orders-empty h3[b-ag806ekwqs] { font-size: 18px; } }
@media (prefers-reduced-motion: reduce) { .customer-orders-loader[b-ag806ekwqs] { animation: none; } .customer-orders-table tbody tr[b-ag806ekwqs], .customer-orders-details[b-ag806ekwqs] { transition: none; } }
/* /Components/Store/Orders/PaymentStatusIsland.razor.rz.scp.css */
.customer-payment-state[b-icf6cu25az] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; min-width: 0; gap: 18px 24px; padding: 24px; border: 1px solid var(--theme-border); border-radius: 18px; background: var(--theme-surface); }
.customer-payment-info[b-icf6cu25az] { display: flex; align-items: center; min-width: 0; gap: 14px; grid-column: 1; grid-row: 1; }
.customer-payment-icon[b-icf6cu25az] { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 14px; color: var(--theme-ink); background: var(--theme-primary-soft); }
.customer-payment-info > div[b-icf6cu25az] { display: grid; min-width: 0; gap: 9px; }
.customer-payment-info strong[b-icf6cu25az] { color: var(--theme-ink); font-size: 16px; }
.customer-payment-status[b-icf6cu25az] { display: inline-flex; align-items: center; gap: 7px; color: var(--theme-success); font-size: 13px; line-height: 1.7; }
.customer-payment-status > span[b-icf6cu25az] { width: 6px; height: 6px; flex: none; border-radius: 50%; background: currentColor; }
.customer-payment-status--warning[b-icf6cu25az] { color: var(--theme-warning); }
.customer-payment-status--muted[b-icf6cu25az] { color: var(--theme-muted); }
.customer-payment-status--danger[b-icf6cu25az] { color: var(--theme-danger); }
.customer-payment-status--active[b-icf6cu25az] { color: var(--theme-info); }
.customer-payment-actions[b-icf6cu25az] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; min-width: 0; gap: 10px; grid-column: 2; grid-row: 1; }
.customer-payment-primary[b-icf6cu25az], .customer-payment-secondary[b-icf6cu25az] { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; gap: 10px; min-height: 44px; padding: 11px 17px; border: 1px solid var(--theme-border-strong); border-radius: 10px; background: var(--theme-primary); color: var(--theme-on-primary); font: inherit; font-size: 14px; font-weight: 650; text-decoration: none; cursor: pointer; }
.customer-payment-secondary[b-icf6cu25az] { border-color: var(--theme-border); background: var(--theme-surface); color: var(--theme-ink); }
.customer-payment-primary:hover[b-icf6cu25az] { background: var(--theme-primary-hover); }
.customer-payment-secondary:hover[b-icf6cu25az] { background: var(--theme-primary-soft); }
.customer-payment-state button:disabled[b-icf6cu25az] { opacity: .55; cursor: wait; }
.customer-payment-error[b-icf6cu25az], .customer-payment-note[b-icf6cu25az] { grid-column: 1 / -1; margin: 0; padding: 14px 17px; border: 1px solid var(--theme-warning-border); border-radius: 10px; background: var(--theme-warning-soft); color: var(--theme-warning); font-size: 14px; line-height: 1.9; }
.customer-payment-error[b-icf6cu25az] { border-color: var(--theme-danger-border); background: var(--theme-danger-soft); color: var(--theme-danger); }
.customer-payment-primary:focus-visible[b-icf6cu25az], .customer-payment-secondary:focus-visible[b-icf6cu25az] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
@media (max-width: 700px) { .customer-payment-state[b-icf6cu25az] { grid-template-columns: 1fr; padding: 20px; gap: 20px; } .customer-payment-actions[b-icf6cu25az] { grid-column: 1; grid-row: auto; justify-content: flex-start; } }
@media (max-width: 450px) { .customer-payment-actions[b-icf6cu25az] { flex-direction: column; align-items: stretch; } }
/* /Components/Store/Orders/ReturnWalletReceipt.razor.rz.scp.css */
.return-wallet-receipt[b-t91vuduvqz] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 20px; padding: 17px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-primary-soft); color: var(--theme-ink); }
.return-wallet-receipt-icon[b-t91vuduvqz] { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 11px; background: var(--theme-primary-soft); }
.return-wallet-receipt > div[b-t91vuduvqz] { display: grid; flex: 1; gap: 5px; min-width: 180px; line-height: 1.9; }
.return-wallet-receipt strong[b-t91vuduvqz] { font-size: 14px; }
.return-wallet-receipt time[b-t91vuduvqz], .return-wallet-receipt > div > span[b-t91vuduvqz] { color: var(--theme-muted); font-size: 12px; }
.return-wallet-receipt a[b-t91vuduvqz] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; color: var(--theme-ink); text-decoration: none; font-size: 13px; font-weight: 650; }
.return-wallet-receipt a:focus-visible[b-t91vuduvqz] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; border-radius: 6px; }
@media (max-width: 600px) { .return-wallet-receipt[b-t91vuduvqz] { align-items: flex-start; gap: 10px; } .return-wallet-receipt a[b-t91vuduvqz] { margin-inline-start: 48px; } }
/* /Components/Store/Orders/SalesInvoiceView.razor.rz.scp.css */
.sales-invoice-view[b-9jq3vrqpxw] { max-width: 1080px; margin: 0 auto; color: var(--invoice-ink); font-size: 13px; line-height: 1.8; }
.invoice-toolbar[b-9jq3vrqpxw] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 22px; }
.invoice-toolbar a[b-9jq3vrqpxw], .invoice-toolbar button[b-9jq3vrqpxw] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; font-weight: 700; border-radius: 12px; min-height: 44px; padding: 10px 16px; cursor: pointer; }
.invoice-toolbar a[b-9jq3vrqpxw] { color: var(--invoice-ink); }
.invoice-toolbar-actions[b-9jq3vrqpxw] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.invoice-download-status[b-9jq3vrqpxw] { color: var(--invoice-primary-text); padding: 12px 16px; background: var(--invoice-soft); border-radius: 12px; margin: 0 0 18px; }
.invoice-download-status[data-error][b-9jq3vrqpxw] { color: #9f1239; background: #fff1f2; }
.invoice-pdf-download[aria-disabled="true"][b-9jq3vrqpxw] { opacity: .65; cursor: wait; }
.invoice-toolbar button[b-9jq3vrqpxw] { background: transparent; color: var(--invoice-ink); border: 1px solid var(--invoice-border); }
.invoice-toolbar a.invoice-pdf-download[b-9jq3vrqpxw] { background: var(--invoice-primary); color: var(--invoice-on-primary); box-shadow: 0 5px 16px #172b3514; }
.invoice-toolbar :focus-visible[b-9jq3vrqpxw], .invoice-feedback a:focus-visible[b-9jq3vrqpxw] { outline: 2px solid var(--invoice-primary-text); outline-offset: 4px; }
.sales-invoice[b-9jq3vrqpxw] { background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 16px 60px #172b3510, 0 2px 6px #172b3508; }
.invoice-header[b-9jq3vrqpxw] { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: 36px 40px 30px; border-top: 7px solid var(--invoice-primary); background: linear-gradient(115deg, #fff 45%, var(--invoice-soft)); }
.invoice-brand[b-9jq3vrqpxw] { display: flex; align-items: center; gap: 18px; max-width: 62%; }
.invoice-logo[b-9jq3vrqpxw] { width: 76px; height: 76px; flex: 0 0 auto; object-fit: contain; }
.invoice-brand > div[b-9jq3vrqpxw] { display: flex; flex-direction: column; }
.invoice-eyebrow[b-9jq3vrqpxw] { font-size: 10px; letter-spacing: .04em; color: var(--invoice-primary-text); margin-bottom: 6px; }
.invoice-brand strong[b-9jq3vrqpxw] { font-size: 22px; line-height: 1.6; overflow-wrap: anywhere; }
.invoice-brand-alias[b-9jq3vrqpxw] { color: var(--invoice-muted); font-size: 11px; }
.invoice-title-block[b-9jq3vrqpxw] { text-align: left; flex: 0 0 auto; }
.invoice-document-label[b-9jq3vrqpxw] { font-size: 9px; letter-spacing: .24em; color: var(--invoice-muted); }
.invoice-title-block h1[b-9jq3vrqpxw] { margin: 4px 0 9px; font-size: 29px; font-weight: 800; line-height: 1.4; }
.invoice-paid-badge[b-9jq3vrqpxw] { display: inline-flex; gap: 5px; align-items: center; font-size: 10px; font-weight: 700; color: var(--invoice-primary-text); background: var(--invoice-soft); padding: 4px 10px; border: 1px solid var(--invoice-border); border-radius: 99px; }
.invoice-metadata[b-9jq3vrqpxw] { margin: 0 40px; padding: 18px 0; display: grid; grid-template-columns: 1.2fr .65fr 1fr 1fr; gap: 20px; border-top: 1px solid var(--invoice-border); border-bottom: 1px solid var(--invoice-border); }
.invoice-metadata div[b-9jq3vrqpxw] { min-width: 0; }
.invoice-metadata dt[b-9jq3vrqpxw] { color: var(--invoice-muted); font-size: 10px; margin-bottom: 4px; }
.invoice-metadata dd[b-9jq3vrqpxw] { font-size: 11px; font-weight: 700; margin: 0; overflow-wrap: anywhere; }
.invoice-parties[b-9jq3vrqpxw] { display: grid; grid-template-columns: 1fr 1fr; padding: 28px 40px 26px; gap: 34px; }
.invoice-party + .invoice-party[b-9jq3vrqpxw] { border-inline-start: 1px solid var(--invoice-border); padding-inline-start: 34px; }
.invoice-section-index[b-9jq3vrqpxw] { display: block; font-size: 10px; color: var(--invoice-primary-text); margin-bottom: 6px; }
.invoice-party h2[b-9jq3vrqpxw] { margin: 0 0 8px; font-size: 16px; font-weight: 750; overflow-wrap: anywhere; }
.invoice-party p[b-9jq3vrqpxw] { margin: 0 0 7px; color: var(--invoice-muted); font-size: 11px; overflow-wrap: anywhere; }
.invoice-contact-list[b-9jq3vrqpxw] { display: flex; flex-wrap: wrap; gap: 4px 20px; font-size: 10px; }
.invoice-items[b-9jq3vrqpxw] { padding: 0 40px; }
.invoice-section-heading[b-9jq3vrqpxw] { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 14px; }
.invoice-section-heading h2[b-9jq3vrqpxw] { margin: 0; font-size: 16px; font-weight: 750; }
.invoice-section-heading > span[b-9jq3vrqpxw] { font-size: 10px; color: var(--invoice-muted); }
.invoice-table-scroll[b-9jq3vrqpxw] { overflow: auto; border: 1px solid var(--invoice-border); border-radius: 14px; }
.invoice-table-scroll:focus-visible[b-9jq3vrqpxw] { outline: 2px solid var(--invoice-primary-text); outline-offset: 3px; }
.invoice-table[b-9jq3vrqpxw] { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 11px; min-width: 710px; }
.invoice-table th[b-9jq3vrqpxw], .invoice-table td[b-9jq3vrqpxw] { padding: 13px 10px; text-align: right; vertical-align: middle; }
.invoice-table thead[b-9jq3vrqpxw] { background: var(--invoice-primary); color: var(--invoice-on-primary); font-size: 10px; }
.invoice-table thead th[b-9jq3vrqpxw] { font-weight: 600; }
.invoice-table th:first-child[b-9jq3vrqpxw] { width: 5%; } .invoice-table th:nth-child(2)[b-9jq3vrqpxw] { width: 29%; } .invoice-table th:nth-child(3)[b-9jq3vrqpxw] { width: 6%; } .invoice-table th:last-child[b-9jq3vrqpxw] { width: 17%; }
.invoice-table tbody tr + tr[b-9jq3vrqpxw] { border-top: 1px solid var(--invoice-border); } .invoice-table tbody tr:nth-child(even)[b-9jq3vrqpxw] { background: var(--invoice-soft); }
.invoice-table tbody th[b-9jq3vrqpxw] { font-weight: 400; } .invoice-table tbody th strong[b-9jq3vrqpxw], .invoice-table tbody th span[b-9jq3vrqpxw], .invoice-table tbody th small[b-9jq3vrqpxw] { display: block; }
.invoice-table tbody th strong[b-9jq3vrqpxw] { font-size: 12px; font-weight: 700; overflow-wrap: anywhere; } .invoice-table tbody th span[b-9jq3vrqpxw], .invoice-table tbody th small[b-9jq3vrqpxw] { font-size: 9px; color: var(--invoice-muted); overflow-wrap: anywhere; }
.invoice-table td[b-9jq3vrqpxw] { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } .invoice-row-number[b-9jq3vrqpxw] { color: var(--invoice-muted); } .invoice-discount-cell[b-9jq3vrqpxw] { color: var(--invoice-primary-text); } .invoice-line-total[b-9jq3vrqpxw] { font-weight: 800; }
.invoice-row-formula[b-9jq3vrqpxw] { font-size: 9px; color: var(--invoice-muted); margin: 10px 0 0; }
.invoice-settlement[b-9jq3vrqpxw] { padding: 28px 40px; display: grid; grid-template-columns: 1.05fr 1fr; gap: 36px; align-items: start; }
.invoice-payment h2[b-9jq3vrqpxw] { margin: 0 0 12px; font-size: 15px; font-weight: 750; } .invoice-payment dl[b-9jq3vrqpxw] { margin: 0; }
.invoice-payment dl div[b-9jq3vrqpxw] { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; margin-bottom: 7px; font-size: 10px; } .invoice-payment dt[b-9jq3vrqpxw] { color: var(--invoice-muted); }
.invoice-payment dd[b-9jq3vrqpxw] { margin: 0; text-align: left; font-weight: 600; min-width: 0; overflow-wrap: anywhere; } .invoice-payment small[b-9jq3vrqpxw] { font-size: 8px; font-weight: 400; color: var(--invoice-muted); }
.invoice-reference[b-9jq3vrqpxw] { display: inline-block; max-width: 100%; overflow-wrap: anywhere; } .invoice-small-note[b-9jq3vrqpxw] { color: var(--invoice-muted); font-size: 9px; margin: 8px 0 0; }
.invoice-shipping-note[b-9jq3vrqpxw] { display: flex; gap: 10px; align-items: flex-start; padding: 14px 0 0; margin-top: 14px; border-top: 1px dashed var(--invoice-border); color: var(--invoice-primary-text); }
.invoice-shipping-note p[b-9jq3vrqpxw] { margin: 0; } .invoice-shipping-note strong[b-9jq3vrqpxw] { display: block; font-size: 11px; font-weight: 700; } .invoice-shipping-note span[b-9jq3vrqpxw] { display: block; color: var(--invoice-muted); font-size: 9px; margin-top: 3px; }
.invoice-coupon[b-9jq3vrqpxw] { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 14px; font-size: 10px; color: var(--invoice-primary-text); } .invoice-coupon strong[b-9jq3vrqpxw] { background: var(--invoice-secondary-soft); padding: 3px 10px; border-radius: 5px; color: var(--invoice-ink); }
.invoice-totals[b-9jq3vrqpxw] { padding: 20px; border: 1px solid var(--invoice-border); border-radius: 16px; background: var(--invoice-soft); }
.invoice-totals h2[b-9jq3vrqpxw] { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 750; margin: 0 0 17px; } .invoice-totals h2 span[b-9jq3vrqpxw] { color: var(--invoice-muted); font-size: 10px; font-weight: 400; }
.invoice-totals dl[b-9jq3vrqpxw] { margin: 0; } .invoice-totals dl div[b-9jq3vrqpxw] { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 11px; padding: 4px 0; } .invoice-totals dt[b-9jq3vrqpxw] { color: var(--invoice-muted); }
.invoice-totals dd[b-9jq3vrqpxw] { margin: 0; font-weight: 650; direction: ltr; font-variant-numeric: tabular-nums; } .invoice-totals .invoice-saving dt[b-9jq3vrqpxw], .invoice-totals .invoice-saving dd[b-9jq3vrqpxw] { color: var(--invoice-primary-text); }
.invoice-grand-total[b-9jq3vrqpxw] { display: flex; flex-direction: column; padding: 18px 20px; margin: 16px -20px -20px; border-radius: 0 0 16px 16px; background: var(--invoice-primary); color: var(--invoice-on-primary); }
.invoice-grand-total span[b-9jq3vrqpxw] { font-size: 11px; } .invoice-grand-total strong[b-9jq3vrqpxw] { font-size: 26px; line-height: 1.6; font-weight: 800; overflow-wrap: anywhere; } .invoice-grand-total small[b-9jq3vrqpxw] { font-size: 11px; font-weight: 500; }
.invoice-total-saving[b-9jq3vrqpxw] { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 16px 0 0; color: var(--invoice-primary-text); font-size: 10px; }
.invoice-totals:has(.invoice-total-saving) .invoice-grand-total[b-9jq3vrqpxw] { margin-bottom: 0; border-radius: 12px; }
.invoice-footer[b-9jq3vrqpxw] { padding: 22px 0 30px; border-top: 1px solid var(--invoice-border); margin: 0 40px; display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.invoice-footer-message[b-9jq3vrqpxw] { max-width: 72%; } .invoice-footer-message > strong[b-9jq3vrqpxw] { display: block; font-size: 17px; font-weight: 750; margin: 7px 0; }
.invoice-footer-message p[b-9jq3vrqpxw] { margin: 0; font-size: 10px; color: var(--invoice-muted); } .invoice-footer-message small[b-9jq3vrqpxw] { display: block; margin-top: 5px; color: var(--invoice-muted); font-size: 9px; }
.invoice-seal[b-9jq3vrqpxw] { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 155px; min-height: 90px; } .invoice-seal img[b-9jq3vrqpxw] { object-fit: contain; max-height: 116px; width: 148px; } .invoice-seal span[b-9jq3vrqpxw] { font-size: 9px; color: var(--invoice-muted); margin-top: 6px; }
.invoice-bottom-line[b-9jq3vrqpxw] { height: 7px; background: linear-gradient(to left, var(--invoice-primary) 0 70%, var(--invoice-secondary) 70% 100%); }
.invoice-print-hint[b-9jq3vrqpxw] { text-align: center; color: #54616a; margin: 18px 12px 0; font-size: 11px; } .invoice-feedback[b-9jq3vrqpxw] { text-align: center; padding: 50px 20px; background: #fff; border-radius: 20px; }
.invoice-feedback h1[b-9jq3vrqpxw] { font-size: 22px; font-weight: 800; } .invoice-feedback p[b-9jq3vrqpxw] { margin: 16px 0; } .invoice-feedback a[b-9jq3vrqpxw] { color: var(--invoice-primary-text); text-decoration: underline; }
.invoice-sr-only[b-9jq3vrqpxw] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 760px) {
    .invoice-header[b-9jq3vrqpxw] { padding: 24px; gap: 20px; } .invoice-brand[b-9jq3vrqpxw] { gap: 12px; } .invoice-logo[b-9jq3vrqpxw] { width: 55px; height: 55px; } .invoice-brand strong[b-9jq3vrqpxw] { font-size: 17px; } .invoice-title-block h1[b-9jq3vrqpxw] { font-size: 24px; }
    .invoice-metadata[b-9jq3vrqpxw] { margin: 0 24px; grid-template-columns: 1fr 1fr; gap: 12px 20px; } .invoice-parties[b-9jq3vrqpxw] { padding: 24px; gap: 20px; } .invoice-party + .invoice-party[b-9jq3vrqpxw] { padding-inline-start: 20px; }
    .invoice-items[b-9jq3vrqpxw] { padding: 0 24px; } .invoice-settlement[b-9jq3vrqpxw] { padding: 24px; grid-template-columns: 1fr; gap: 24px; } .invoice-footer[b-9jq3vrqpxw] { margin: 0 24px; }
}
@media (max-width: 480px) {
    .invoice-toolbar a[b-9jq3vrqpxw], .invoice-toolbar button[b-9jq3vrqpxw] { font-size: 11px; padding: 9px; gap: 5px; } .sales-invoice[b-9jq3vrqpxw] { border-radius: 16px; } .invoice-header[b-9jq3vrqpxw] { align-items: flex-start; flex-direction: column; padding: 24px 18px 20px; gap: 20px; }
    .invoice-brand[b-9jq3vrqpxw] { max-width: 100%; } .invoice-title-block[b-9jq3vrqpxw] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; text-align: right; width: 100%; } .invoice-document-label[b-9jq3vrqpxw] { display: none; } .invoice-title-block h1[b-9jq3vrqpxw] { margin: 0; }
    .invoice-metadata[b-9jq3vrqpxw] { margin: 0 18px; } .invoice-parties[b-9jq3vrqpxw] { grid-template-columns: 1fr; padding: 24px 18px; gap: 18px; } .invoice-party + .invoice-party[b-9jq3vrqpxw] { padding-inline-start: 0; border-inline-start: 0; padding-top: 18px; border-top: 1px solid var(--invoice-border); }
    .invoice-items[b-9jq3vrqpxw] { padding: 0 18px; } .invoice-section-heading[b-9jq3vrqpxw] { align-items: flex-start; flex-direction: column; gap: 4px; } .invoice-settlement[b-9jq3vrqpxw] { padding: 24px 18px; }
    .invoice-footer[b-9jq3vrqpxw] { margin: 0 18px; gap: 12px; } .invoice-footer-message[b-9jq3vrqpxw] { max-width: 64%; } .invoice-seal[b-9jq3vrqpxw] { flex-basis: 105px; } .invoice-seal img[b-9jq3vrqpxw] { width: 100px; height: 85px; } .invoice-footer-message > strong[b-9jq3vrqpxw] { font-size: 14px; }
}
@media print {
    .sales-invoice-view[b-9jq3vrqpxw] { max-width: none; font-size: 10px; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .invoice-toolbar[b-9jq3vrqpxw], .invoice-print-hint[b-9jq3vrqpxw], .invoice-download-status[b-9jq3vrqpxw] { display: none !important; }
    .sales-invoice[b-9jq3vrqpxw] { box-shadow: none; border-radius: 0; overflow: visible; } .invoice-header[b-9jq3vrqpxw] { padding: 18px 18px 16px; } .invoice-brand strong[b-9jq3vrqpxw] { font-size: 18px; } .invoice-title-block h1[b-9jq3vrqpxw] { font-size: 23px; } .invoice-logo[b-9jq3vrqpxw] { width: 58px; height: 58px; }
    .invoice-metadata[b-9jq3vrqpxw] { margin: 0 18px; padding: 12px 0; grid-template-columns: 1.2fr .65fr 1fr 1fr; gap: 12px; } .invoice-parties[b-9jq3vrqpxw] { padding: 18px; gap: 22px; grid-template-columns: 1fr 1fr; } .invoice-party + .invoice-party[b-9jq3vrqpxw] { padding-inline-start: 22px; border-inline-start: 1px solid var(--invoice-border); border-top: 0; padding-top: 0; }
    .invoice-items[b-9jq3vrqpxw] { padding: 0 18px; } .invoice-table-scroll[b-9jq3vrqpxw] { overflow: visible; border-radius: 0; } .invoice-table[b-9jq3vrqpxw] { min-width: 0; font-size: 9px; } .invoice-table th[b-9jq3vrqpxw], .invoice-table td[b-9jq3vrqpxw] { padding: 9px 6px; } .invoice-table tbody th strong[b-9jq3vrqpxw] { font-size: 10px; }
    .invoice-table thead[b-9jq3vrqpxw] { display: table-header-group; } .invoice-table tr[b-9jq3vrqpxw], .invoice-table th[b-9jq3vrqpxw], .invoice-table td[b-9jq3vrqpxw] { break-inside: avoid; }
    .invoice-settlement[b-9jq3vrqpxw] { padding: 20px 18px; grid-template-columns: 1.05fr 1fr; gap: 24px; break-inside: avoid; } .invoice-grand-total strong[b-9jq3vrqpxw] { font-size: 22px; }
    .invoice-footer[b-9jq3vrqpxw] { margin: 0 18px; padding: 18px 0; break-inside: avoid; } .invoice-footer-message[b-9jq3vrqpxw] { max-width: 72%; } .invoice-seal[b-9jq3vrqpxw] { flex-basis: 130px; } .invoice-seal img[b-9jq3vrqpxw] { width: 125px; height: 95px; } .invoice-bottom-line[b-9jq3vrqpxw] { margin-top: 8px; }
}
/* /Components/Store/Shared/StoreBrandLogo.razor.rz.scp.css */
.site-brand-logo[b-hizbr52f5x] { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 48px; height: 48px; }
.site-brand-logo img[b-hizbr52f5x] { display: block; width: 100%; height: 100%; object-fit: contain; }
.site-brand-logo .site-brand-logo-dark[b-hizbr52f5x] { display: none; }
.site-brand-logo-fallback[b-hizbr52f5x] { display: grid; width: 46px; height: 46px; place-items: center; color: var(--theme-on-primary); background: var(--theme-primary); border-radius: 14px; }
[data-theme="light"] .site-brand-logo .site-brand-logo-light[b-hizbr52f5x],
.light .site-brand-logo .site-brand-logo-light[b-hizbr52f5x] { display: block; }
[data-theme="light"] .site-brand-logo .site-brand-logo-dark[b-hizbr52f5x],
.light .site-brand-logo .site-brand-logo-dark[b-hizbr52f5x] { display: none; }
[data-theme="dark"] .site-brand-logo .site-brand-logo-light[b-hizbr52f5x],
.dark .site-brand-logo .site-brand-logo-light[b-hizbr52f5x] { display: none; }
[data-theme="dark"] .site-brand-logo .site-brand-logo-dark[b-hizbr52f5x],
.dark .site-brand-logo .site-brand-logo-dark[b-hizbr52f5x] { display: block; }
.site-brand-logo[data-background="light"] .site-brand-logo-light[b-hizbr52f5x] { display: block; }
.site-brand-logo[data-background="light"] .site-brand-logo-dark[b-hizbr52f5x] { display: none; }
.site-brand-logo[data-background="dark"] .site-brand-logo-light[b-hizbr52f5x] { display: none; }
.site-brand-logo[data-background="dark"] .site-brand-logo-dark[b-hizbr52f5x] { display: block; }
/* /Components/Store/Shared/StoreHeader.razor.rz.scp.css */
.store-announcement-message[b-p7oba2y4pz] { white-space: pre-line; overflow-wrap: anywhere; }
.store-brand-copy[b-p7oba2y4pz] { min-width: 0; }
.store-brand-copy strong[b-p7oba2y4pz] { max-width: 280px; overflow-wrap: anywhere; font-size: var(--site-brand-name-font-size); }
.store-brand-copy small[b-p7oba2y4pz] { max-width: 280px; font-size: var(--site-brand-slogan-font-size); direction: initial; letter-spacing: 0; overflow-wrap: anywhere; }

.store-quick-actions > .store-account-link[b-p7oba2y4pz] { max-width: 180px; }
.store-quick-actions > .store-account-link .store-account-label[b-p7oba2y4pz] { display: block; max-width: 164px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.store-desktop-theme[b-p7oba2y4pz] { display: flex; align-items: center; }
.store-mobile-menu-tools[b-p7oba2y4pz] { display: none; }

@media (max-width: 1024px) {
    .store-header-main[b-p7oba2y4pz] { grid-template-columns: minmax(0, 1fr) auto; }
    .store-brand[b-p7oba2y4pz] { min-width: 0; max-width: 100%; }
    .store-brand-copy strong[b-p7oba2y4pz] { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .store-quick-actions > .store-account-link[b-p7oba2y4pz],
    .store-quick-actions > .store-login-link[b-p7oba2y4pz],
    .store-desktop-theme[b-p7oba2y4pz] { display: none; }
    .store-navigation-shell[b-p7oba2y4pz] { padding-top: max(78px, calc(58px + env(safe-area-inset-top))); padding-bottom: max(30px, env(safe-area-inset-bottom)); overscroll-behavior: contain; }
    .store-mobile-menu-tools[b-p7oba2y4pz] { display: flex; flex-direction: column; gap: 14px; order: -2; margin-bottom: 20px; }
    .store-mobile-menu-heading[b-p7oba2y4pz] { position: absolute; top: max(28px, calc(8px + env(safe-area-inset-top))); inset-inline-start: 22px; color: var(--theme-ink); font-size: 17px; font-weight: 800; }
    .store-mobile-menu-close[b-p7oba2y4pz] { top: max(20px, env(safe-area-inset-top)); }
    .store-mobile-account-card[b-p7oba2y4pz] { display: flex; align-items: center; gap: 12px; min-height: 84px; padding: 15px 12px; border: 1px solid var(--theme-border); border-radius: 17px; background: linear-gradient(120deg, var(--theme-primary-soft), var(--theme-surface)); color: var(--theme-ink); }
    .store-mobile-account-avatar[b-p7oba2y4pz] { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 14px; background: var(--theme-primary); color: var(--theme-on-primary); }
    .store-mobile-account-copy[b-p7oba2y4pz] { display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0; }
    .store-mobile-account-copy small[b-p7oba2y4pz] { color: var(--theme-muted); font-size: 11px; }
    .store-mobile-account-copy strong[b-p7oba2y4pz] { color: var(--theme-ink); font-size: 14px; font-weight: 750; overflow-wrap: anywhere; text-align: start; }
    .store-mobile-account-card[b-p7oba2y4pz] >  svg { flex: none; color: var(--theme-primary-text); }
    .store-mobile-account-card:focus-visible[b-p7oba2y4pz] { outline: 3px solid var(--theme-primary-text); outline-offset: 3px; }
    .store-mobile-theme-row[b-p7oba2y4pz] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 4px 17px; border-bottom: 1px solid var(--theme-border); }
    .store-mobile-theme-row > span[b-p7oba2y4pz] { display: flex; flex-direction: column; gap: 2px; }
    .store-mobile-theme-row strong[b-p7oba2y4pz] { color: var(--theme-ink); font-size: 13px; font-weight: 700; }
    .store-mobile-theme-row small[b-p7oba2y4pz] { color: var(--theme-muted); font-size: 11px; }
    .store-mobile-theme-row[b-p7oba2y4pz]  .site-theme-picker { flex: none; }
}

@media (max-width: 560px) {
    .store-quick-actions > .store-account-link + .store-action-with-count[b-p7oba2y4pz] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .store-navigation-shell[b-p7oba2y4pz] { transition: none; }
}
/* /Components/Store/Shared/StoreMobileNavigation.razor.rz.scp.css */
@property --mobile-nav-visual-index {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}

.store-mobile-dock[b-98gdexs8bq] { display: none; }

@media (max-width: 1024px) {
    .store-mobile-dock[b-98gdexs8bq] {
        --dock-slot: calc((100% - 16px) / var(--mobile-nav-count, 4));
        --dock-position: var(--mobile-nav-visual-index, var(--mobile-nav-index, 0));
        --dock-center: calc(100% - 8px - var(--dock-slot) * (var(--dock-position) + .5));
        --dock-cutout: calc(34px * var(--mobile-nav-active, 0));
        position: fixed;
        z-index: 35;
        left: max(12px, env(safe-area-inset-left, 0px));
        right: max(12px, env(safe-area-inset-right, 0px));
        bottom: calc(10px + env(safe-area-inset-bottom, 0px));
        display: grid;
        grid-template-columns: repeat(var(--mobile-nav-count, 4), minmax(0, 1fr));
        align-items: stretch;
        isolation: isolate;
        box-sizing: border-box;
        height: 94px;
        max-width: 480px;
        margin-inline: auto;
        padding: 28px 8px 6px;
        color: var(--theme-muted);
        filter: drop-shadow(0 8px 16px var(--theme-shadow));
        transition: --mobile-nav-visual-index .42s cubic-bezier(.22, 1, .36, 1);
    }

    .store-mobile-dock[b-98gdexs8bq]::before {
        content: "";
        position: absolute;
        z-index: -2;
        inset: 24px 0 0;
        border-radius: 20px;
        background: var(--theme-surface);
        box-shadow: inset 0 1px 0 var(--theme-border);
        -webkit-mask-image: radial-gradient(circle at var(--dock-center) 4px, transparent calc(var(--dock-cutout) - .5px), #000 var(--dock-cutout));
        mask-image: radial-gradient(circle at var(--dock-center) 4px, transparent calc(var(--dock-cutout) - .5px), #000 var(--dock-cutout));
        pointer-events: none;
    }

    .store-mobile-dock-indicator[b-98gdexs8bq] {
        position: absolute;
        z-index: -1;
        top: 0;
        right: calc(8px + var(--dock-slot) * (var(--dock-position) + .5) - 28px);
        width: 56px;
        height: 56px;
        box-sizing: border-box;
        border: 1px solid var(--theme-border);
        border-radius: 50%;
        background: var(--theme-surface);
        box-shadow: 0 3px 10px var(--theme-shadow);
        opacity: var(--mobile-nav-active, 0);
        pointer-events: none;
        transition: opacity .2s ease;
    }

    .store-mobile-dock-indicator[b-98gdexs8bq]::before {
        content: "";
        position: absolute;
        inset: 7px;
        border: 1px solid var(--theme-primary-border);
        border-radius: 50%;
        background: var(--theme-primary-soft);
    }

    .store-mobile-dock-item[b-98gdexs8bq] {
        --dock-selected: 0;
        display: grid;
        grid-template-rows: 40px 18px;
        justify-items: center;
        align-content: center;
        gap: 2px;
        min-width: 0;
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        margin: 0;
        padding: 0 2px;
        border: 0;
        border-radius: 14px;
        color: color-mix(in srgb, var(--theme-primary-text) calc(var(--dock-selected) * 100%), var(--theme-muted));
        background: transparent;
        font: inherit;
        text-decoration: none;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
        transition: color .2s ease;
    }

    .store-mobile-dock-item.is-active[b-98gdexs8bq] { --dock-selected: 1; }
    .store-mobile-dock[data-visual-item] .store-mobile-dock-item[b-98gdexs8bq] { --dock-selected: 0; }
    .store-mobile-dock[data-visual-item] .store-mobile-dock-item.is-selected[b-98gdexs8bq] { --dock-selected: 1; }

    .store-mobile-dock-item:focus-visible[b-98gdexs8bq] {
        outline: 2px solid var(--theme-primary-text);
        outline-offset: 2px;
    }

    .store-mobile-dock-form[b-98gdexs8bq] { display: flex; min-width: 0; margin: 0; }
    .store-mobile-dock-logout:hover[b-98gdexs8bq] { color: var(--theme-danger); }

    .store-mobile-dock-icon[b-98gdexs8bq] {
        position: relative;
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        transform: translateY(calc(-20px * var(--dock-selected)));
        transform-origin: center;
        transition: transform .42s cubic-bezier(.22, 1, .36, 1);
    }

    .store-mobile-dock-icon[b-98gdexs8bq]  svg { stroke-width: 1.7; }
    .store-mobile-dock-label[b-98gdexs8bq] {
        align-self: center;
        max-width: 100%;
        font-size: 10.5px;
        font-weight: calc(500 + 250 * var(--dock-selected));
        line-height: 1.7;
        white-space: nowrap;
    }

    .store-mobile-dock-count[b-98gdexs8bq] {
        position: absolute;
        top: 1px;
        right: -2px;
        display: grid;
        place-items: center;
        min-width: 19px;
        height: 19px;
        box-sizing: border-box;
        padding-inline: 3px;
        border: 2px solid var(--theme-surface);
        border-radius: 20px;
        color: var(--theme-on-primary);
        background: var(--theme-primary);
        font-size: 10px;
        font-weight: 800;
        line-height: 1;
        animation: dock-count-arrive-b-98gdexs8bq .35s cubic-bezier(.2, 1.6, .4, 1) both;
    }
}

@keyframes dock-count-arrive-b-98gdexs8bq {
    from { transform: scale(.5); opacity: .4; }
    to { transform: scale(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .store-mobile-dock[b-98gdexs8bq],
    .store-mobile-dock-indicator[b-98gdexs8bq],
    .store-mobile-dock-item[b-98gdexs8bq],
    .store-mobile-dock-icon[b-98gdexs8bq] { transition: none; }
    .store-mobile-dock-count[b-98gdexs8bq] { animation: none; }
}