* {
    box-sizing: border-box;
}

/* Customers CRM: Arabic-first responsive list with theme-aware glass surfaces. */
.customers-page {
    --customers-border: var(--admin-border, rgb(148 163 184 / .24));
    --customers-surface: color-mix(in srgb, var(--admin-surface, #fff) 88%, transparent);
    --customers-surface-strong: color-mix(in srgb, var(--admin-surface-strong, #fff) 94%, transparent);
    --customers-muted: var(--admin-surface-muted, #f8fafc);
    display: grid;
    gap: 1rem;
    color: var(--admin-text, #0f172a);
}
.customers-hero,
.customers-filter-shell,
.customers-data-shell,
.customers-feedback-state,
.customers-loading-table {
    border: 1px solid var(--customers-border);
    border-radius: var(--admin-radius, 1rem);
    background: var(--customers-surface);
    box-shadow: var(--admin-shadow, 0 12px 32px -24px rgb(15 23 42 / .3));
    -webkit-backdrop-filter: saturate(125%) blur(20px);
    backdrop-filter: saturate(125%) blur(20px);
}
.customers-hero { display: flex; min-block-size: 8.4rem; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.35rem 1.5rem; }
.customers-hero-copy { min-inline-size: 0; }
.customers-eyebrow { display: inline-flex; align-items: center; gap: .4rem; margin-block-end: .45rem; color: var(--admin-accent, var(--store-primary)); font-size: .72rem; font-weight: 850; }
.customers-eyebrow svg { inline-size: 1rem; block-size: 1rem; }
.customers-hero h2 { color: var(--admin-text, #0f172a); font-size: clamp(1.65rem, 3vw, 2.15rem); font-weight: 850; letter-spacing: -.035em; }
.customers-hero p { max-inline-size: 44rem; margin-block-start: .3rem; color: rgb(var(--store-text-rgb, 15 23 42) / .62); font-size: .9rem; line-height: 1.7; }
.customers-abandoned-link { flex: none; min-block-size: 2.75rem; white-space: nowrap; }
.customers-filter-shell { overflow: hidden; }
.customers-primary-filters { display: grid; grid-template-columns: minmax(17rem, 1.6fr) minmax(10rem, .75fr) minmax(11rem, .85fr) auto; align-items: end; gap: .85rem; padding: 1rem; }
.customers-field { display: grid; min-inline-size: 0; gap: .38rem; }
.customers-field > span { color: rgb(var(--store-text-rgb, 15 23 42) / .62); font-size: .69rem; font-weight: 800; }
.customers-field .form-field { inline-size: 100%; min-block-size: 2.7rem; border-radius: .75rem; background: var(--customers-surface-strong); font-size: .8rem; }
.customers-input-wrap { position: relative; display: block; }
.customers-input-wrap > svg { position: absolute; z-index: 1; inset-block-start: 50%; inset-inline-start: .82rem; inline-size: 1rem; block-size: 1rem; color: #94a3b8; transform: translateY(-50%); }
.customers-input-wrap .form-field { padding-inline-start: 2.45rem; }
.customers-filter-toggle { min-block-size: 2.7rem; white-space: nowrap; }
.customers-filter-toggle b { display: inline-grid; min-inline-size: 1.25rem; block-size: 1.25rem; place-items: center; border-radius: 999px; background: var(--admin-accent, var(--store-primary)); color: var(--admin-accent-contrast, #fff); font-size: .65rem; }
.customers-filter-chevron { inline-size: .85rem; transition: transform .18s ease; }
.customers-filter-toggle[aria-expanded="true"] .customers-filter-chevron { transform: rotate(180deg); }
.customers-advanced-filters { display: none; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; border-block-start: 1px solid var(--customers-border); background: color-mix(in srgb, var(--customers-muted) 78%, transparent); padding: 1rem; animation: customers-filter-in .18s ease-out; }
.customers-advanced-filters.is-open { display: grid; }
@keyframes customers-filter-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.customers-filter-actions { display: flex; align-items: end; gap: .55rem; grid-column: span 2; }
.customers-filter-actions .sa-button { min-block-size: 2.7rem; }
.customers-reset-button { display: inline-flex; min-block-size: 2.7rem; align-items: center; gap: .4rem; padding-inline: .6rem; color: #64748b; font-size: .75rem; font-weight: 800; }
.customers-reset-button svg { inline-size: .9rem; }
.customers-reset-button:hover:not(:disabled) { color: var(--admin-accent, var(--store-primary)); }
.customers-reset-button:disabled { cursor: not-allowed; opacity: .45; }
.customers-result-summary { display: flex; min-block-size: 2.8rem; align-items: center; justify-content: space-between; gap: 1rem; border-block-start: 1px solid var(--customers-border); padding: .7rem 1rem; color: #64748b; font-size: .75rem; }
.customers-result-summary > span { display: inline-flex; align-items: center; gap: .45rem; }
.customers-result-summary svg { inline-size: .9rem; }
.customers-result-summary strong { color: var(--admin-text, #0f172a); }
.customers-result-summary small { border-radius: 999px; background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)); padding: .25rem .55rem; color: var(--admin-accent, var(--store-primary)); font-weight: 800; }
.customers-data-shell { overflow: hidden; }
.customers-table { min-inline-size: 1220px; }
.customers-table th { padding: .85rem 1rem; font-size: .69rem; font-weight: 850; white-space: nowrap; }
.customers-table td { padding: .9rem 1rem; color: #475569; font-size: .77rem; vertical-align: middle; }
.customers-table tbody tr { transition: background .15s ease; }
.customer-identity { display: flex; min-inline-size: 13rem; align-items: center; gap: .72rem; }
.customer-identity > div { min-inline-size: 0; }
.customer-identity strong,
.customer-identity > div > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-identity strong { max-inline-size: 13rem; color: var(--admin-text, #0f172a); font-size: .8rem; font-weight: 850; }
.customer-identity > div > span { max-inline-size: 15rem; margin-block-start: .16rem; color: #64748b; font-size: .68rem; text-align: start; }
.customer-avatar { display: grid; inline-size: 2.55rem; block-size: 2.55rem; flex: none; place-items: center; border: 1px solid var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18)); border-radius: .8rem; object-fit: cover; }
.customer-avatar-fallback { background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)); color: var(--admin-accent, var(--store-primary)); font-size: .72rem; font-weight: 900; }
.customer-segments { display: flex; flex-wrap: wrap; gap: .25rem; margin-block-start: .32rem; }
.customer-segments em { border-radius: 999px; background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055)); padding: .15rem .4rem; color: var(--admin-accent, var(--store-primary)); font-size: .58rem; font-style: normal; font-weight: 750; }
.customer-orders-count,
.customer-spend { color: var(--admin-text, #0f172a); font-variant-numeric: tabular-nums; white-space: nowrap; }
.customer-profile-action { display: inline-flex; min-block-size: 2.35rem; align-items: center; justify-content: center; gap: .35rem; border: 1px solid var(--customers-border); border-radius: .68rem; background: var(--customers-surface-strong); padding: .45rem .65rem; color: var(--admin-accent, var(--store-primary)) !important; font-size: .7rem; font-weight: 850; white-space: nowrap; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
.customer-profile-action svg { inline-size: .82rem; block-size: .82rem; }
.customer-profile-action:hover { border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .25)); background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055)); transform: translateY(-1px); }
.customers-mobile-list { display: none; }
.customers-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; border: 1px solid var(--customers-border); border-radius: var(--admin-radius, 1rem); background: var(--customers-surface); padding: .8rem 1rem; color: #64748b; font-size: .75rem; box-shadow: var(--admin-shadow, 0 12px 32px -24px rgb(15 23 42 / .3)); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.customers-pagination > span { text-align: center; }
.customers-pagination > div { display: flex; justify-content: flex-end; gap: .5rem; }
.customers-pagination .sa-page-button { display: inline-flex; align-items: center; gap: .3rem; }
.customers-pagination svg { inline-size: .85rem; }
.customers-feedback-state { display: grid; min-block-size: 21rem; place-items: center; align-content: center; gap: .65rem; padding: 2rem; text-align: center; }
.customers-feedback-state > span { display: grid; inline-size: 3.6rem; block-size: 3.6rem; place-items: center; border-radius: 1rem; background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)); color: var(--admin-accent, var(--store-primary)); }
.customers-feedback-state > span svg { inline-size: 1.55rem; }
.customers-feedback-state h2,
.customers-feedback-state h3 { color: var(--admin-text, #0f172a); font-size: 1.05rem; font-weight: 850; }
.customers-feedback-state p { max-inline-size: 34rem; color: #64748b; font-size: .82rem; line-height: 1.7; }
.customers-feedback-state small { max-inline-size: 34rem; color: #94a3b8; font-size: .68rem; }
.customers-feedback-state .sa-button { margin-block-start: .4rem; }
.customers-loading-hero { justify-content: stretch; }
.customers-loading-hero > div { display: grid; inline-size: min(100%, 36rem); gap: .65rem; }
.customers-skeleton { display: block; inline-size: 100%; block-size: 2.7rem; border-radius: .7rem; background: linear-gradient(90deg, rgb(148 163 184 / .1), rgb(148 163 184 / .24), rgb(148 163 184 / .1)); background-size: 200% 100%; animation: customers-shimmer 1.25s linear infinite; }
.customers-skeleton.is-short { inline-size: 8rem; block-size: .75rem; }
.customers-skeleton.is-title { inline-size: 12rem; block-size: 1.8rem; }
.customers-skeleton.is-copy { inline-size: min(100%, 32rem); block-size: .85rem; }
.customers-skeleton.is-avatar { inline-size: 2.5rem; block-size: 2.5rem; border-radius: .8rem; }
@keyframes customers-shimmer { to { background-position: -200% 0; } }
.customers-loading-filters { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: .85rem; padding: 1rem; }
.customers-loading-table { overflow: hidden; }
.customers-loading-heading { display: flex; align-items: center; gap: .65rem; border-block-end: 1px solid var(--customers-border); padding: 1rem; color: #64748b; font-size: .78rem; }
.customers-spinner { inline-size: 1rem; block-size: 1rem; border: 2px solid var(--customers-border); border-block-start-color: var(--admin-accent, var(--store-primary)); border-radius: 999px; animation: customers-spin .7s linear infinite; }
@keyframes customers-spin { to { transform: rotate(360deg); } }
.customers-loading-row { display: grid; grid-template-columns: 2.5rem 1.5fr repeat(2, 1fr); align-items: center; gap: .9rem; border-block-end: 1px solid var(--customers-border); padding: .85rem 1rem; }
.customers-loading-row .customers-skeleton:not(.is-avatar) { block-size: .8rem; }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .customers-hero, .customers-filter-shell, .customers-data-shell, .customers-feedback-state, .customers-loading-table, .customers-pagination { background: var(--admin-surface-strong, #fff); }
}
@media (max-width: 1199px) {
    .customers-primary-filters { grid-template-columns: minmax(15rem, 1.5fr) repeat(2, minmax(9rem, 1fr)); }
    .customers-filter-toggle { grid-column: 1 / -1; justify-self: start; }
    .customers-advanced-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .customers-table { min-inline-size: 1010px; }
    .customers-table :is(th,td):nth-child(4), .customers-table :is(th,td):nth-child(7) { display: none; }
}
@media (max-width: 899px) {
    .customers-primary-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customers-search-field, .customers-filter-toggle { grid-column: 1 / -1; }
    .customers-advanced-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); max-block-size: min(65dvh, 35rem); overflow-y: auto; }
    .customers-filter-actions { position: sticky; inset-block-end: -.05rem; grid-column: 1 / -1; background: var(--customers-muted); padding-block: .4rem; }
    .customers-table { min-inline-size: 860px; }
    .customers-table :is(th,td):nth-child(2), .customers-table :is(th,td):nth-child(8) { display: none; }
}
@media (max-width: 767px) {
    .customers-page { gap: .8rem; }
    .customers-hero { min-block-size: auto; align-items: stretch; flex-direction: column; padding: 1.1rem; }
    .customers-abandoned-link { inline-size: 100%; }
    .customers-primary-filters, .customers-advanced-filters { grid-template-columns: 1fr; }
    .customers-search-field, .customers-filter-toggle, .customers-filter-actions { grid-column: auto; }
    .customers-filter-toggle { inline-size: 100%; justify-self: stretch; }
    .customers-filter-actions { align-items: stretch; flex-direction: column; }
    .customers-filter-actions > * { inline-size: 100%; justify-content: center; }
    .customers-result-summary { align-items: flex-start; flex-direction: column; gap: .35rem; }
    .customers-desktop-table { display: none; }
    .customers-mobile-list { display: grid; gap: .75rem; padding: .75rem; }
    .customer-mobile-card { display: grid; gap: .85rem; border: 1px solid var(--customers-border); border-radius: calc(var(--admin-radius, 1rem) * .84); background: var(--customers-surface-strong); padding: .9rem; box-shadow: 0 10px 28px -24px rgb(15 23 42 / .4); }
    .customer-mobile-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .65rem; }
    .customer-mobile-heading .customer-identity { min-inline-size: 0; }
    .customer-mobile-heading .customer-identity strong { max-inline-size: 11rem; }
    .customer-mobile-heading .customer-identity > div > span { max-inline-size: 11.5rem; }
    .customer-mobile-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
    .customer-mobile-card dl > div { border-radius: .65rem; background: var(--customers-muted); padding: .55rem .65rem; }
    .customer-mobile-card dt { color: #64748b; font-size: .62rem; font-weight: 750; }
    .customer-mobile-card dd { margin-block-start: .18rem; color: var(--admin-text, #0f172a); font-size: .72rem; font-weight: 850; }
    .customer-mobile-contact { border-block-start: 1px solid var(--customers-border); padding-block-start: .7rem; }
    .customer-mobile-contact span { display: flex; align-items: center; gap: .4rem; color: #64748b; font-size: .7rem; }
    .customer-mobile-contact svg { inline-size: .85rem; }
    .customer-mobile-card .customer-profile-action { inline-size: 100%; min-block-size: 2.65rem; }
    .customers-pagination { grid-template-columns: 1fr; text-align: center; }
    .customers-pagination > div { justify-content: stretch; }
    .customers-pagination .sa-page-button { flex: 1; justify-content: center; }
    .customers-loading-filters { grid-template-columns: 1fr; }
    .customers-loading-row { grid-template-columns: 2.5rem 1fr; }
    .customers-loading-row .customers-skeleton:nth-child(n+3) { display: none; }
}
@media (max-width: 420px) {
    .customer-mobile-card dl { grid-template-columns: 1fr; }
    .customer-mobile-heading { align-items: stretch; flex-direction: column; }
    .customer-mobile-heading > .badge { align-self: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .customers-skeleton, .customers-spinner, .customers-advanced-filters { animation-duration: 1ms; }
    .customer-profile-action, .customers-filter-chevron { transition-duration: 1ms; }
}

/* Customer details: focused profile header, compact metrics, and tabbed workspace. */
.customer-details-page {
    --customer-detail-border: var(--admin-border, rgb(148 163 184 / .24));
    --customer-detail-surface: color-mix(in srgb, var(--admin-surface, #fff) 88%, transparent);
    --customer-detail-strong: color-mix(in srgb, var(--admin-surface-strong, #fff) 95%, transparent);
    --customer-detail-muted: var(--admin-surface-muted, #f8fafc);
    display: grid;
    max-inline-size: 92rem;
    margin-inline: auto;
    gap: 1rem;
    color: var(--admin-text, #0f172a);
}
.customer-profile-header,
.customer-summary-card,
.customer-workspace {
    border: 1px solid var(--customer-detail-border);
    border-radius: var(--admin-radius, 1rem);
    background: var(--customer-detail-surface);
    box-shadow: var(--admin-shadow, 0 12px 32px -24px rgb(15 23 42 / .35));
    -webkit-backdrop-filter: saturate(125%) blur(20px);
    backdrop-filter: saturate(125%) blur(20px);
}
.customer-profile-header { display: flex; min-block-size: 8.5rem; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.25rem 1.4rem; }
.customer-profile-main { display: flex; min-inline-size: 0; align-items: center; gap: .85rem; }
.customer-profile-header .customer-avatar { inline-size: 3.4rem; block-size: 3.4rem; border-radius: 1rem; font-size: .9rem; }
.customer-back-button { display: grid; inline-size: 2.5rem; block-size: 2.5rem; flex: none; place-items: center; border: 1px solid var(--customer-detail-border); border-radius: .75rem; background: var(--customer-detail-strong); color: #64748b !important; transition: .15s ease; }
.customer-back-button:hover { border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .2)); color: var(--admin-accent, var(--store-primary)) !important; transform: translateX(2px); }
.customer-back-button svg { inline-size: 1rem; }
.customer-profile-copy { min-inline-size: 0; }
.customer-profile-title { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.customer-profile-title h2 { overflow: hidden; max-inline-size: 28rem; color: var(--admin-text, #0f172a); font-size: clamp(1.25rem, 2.3vw, 1.75rem); font-weight: 850; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
.customer-account-dot { display: inline-flex; align-items: center; gap: .35rem; color: #64748b; font-size: .65rem; font-weight: 750; }
.customer-account-dot::before { inline-size: .4rem; block-size: .4rem; border-radius: 999px; background: #94a3b8; content: ""; }
.customer-account-dot.is-active { color: #047857; }
.customer-account-dot.is-active::before { background: #10b981; box-shadow: 0 0 0 3px rgb(16 185 129 / .12); }
.customer-contact-list { display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin-block-start: .48rem; color: #64748b; font-size: .72rem; }
.customer-contact-list span { display: inline-flex; min-inline-size: 0; align-items: center; gap: .32rem; }
.customer-contact-list svg { inline-size: .82rem; block-size: .82rem; color: var(--admin-accent, var(--store-primary)); }
.customer-profile-segments { display: flex; flex-wrap: wrap; gap: .3rem; margin-block-start: .55rem; }
.customer-profile-segments span { border-radius: 999px; background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055)); padding: .18rem .48rem; color: var(--admin-accent, var(--store-primary)); font-size: .59rem; font-weight: 800; }
.customer-profile-actions { display: flex; flex: none; flex-wrap: wrap; gap: .55rem; }
.customer-profile-actions .sa-button { min-block-size: 2.65rem; }
.customer-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.customer-summary-card { display: flex; min-inline-size: 0; align-items: center; gap: .8rem; padding: .95rem 1rem; }
.customer-summary-card > span { display: grid; inline-size: 2.55rem; block-size: 2.55rem; flex: none; place-items: center; border: 1px solid var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18)); border-radius: .8rem; background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)); color: var(--admin-accent, var(--store-primary)); }
.customer-summary-card > span svg { inline-size: 1.08rem; }
.customer-summary-card > div { min-inline-size: 0; }
.customer-summary-card p { color: #64748b; font-size: .67rem; font-weight: 750; }
.customer-summary-card strong { display: block; overflow: hidden; margin-block-start: .15rem; color: var(--admin-text, #0f172a); font-size: clamp(.95rem, 1.6vw, 1.2rem); font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.customer-summary-card small { display: block; overflow: hidden; margin-block-start: .15rem; color: #94a3b8; font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.customer-workspace { overflow: hidden; }
.customer-detail-tabs { display: flex; gap: .25rem; overflow-x: auto; border-block-end: 1px solid var(--customer-detail-border); background: color-mix(in srgb, var(--customer-detail-muted) 68%, transparent); padding: .65rem .75rem; scrollbar-width: thin; }
.customer-detail-tabs button { position: relative; display: inline-flex; min-block-size: 2.5rem; flex: none; align-items: center; justify-content: center; gap: .42rem; border: 1px solid transparent; border-radius: .7rem; padding: .55rem .75rem; color: #64748b; font-size: .73rem; font-weight: 800; white-space: nowrap; transition: .15s ease; }
.customer-detail-tabs button:hover { color: var(--admin-accent, var(--store-primary)); }
.customer-detail-tabs button.is-active { border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18)); background: var(--customer-detail-strong); color: var(--admin-accent, var(--store-primary)); box-shadow: 0 5px 18px -16px rgb(15 23 42 / .65); }
.customer-detail-tabs svg { inline-size: .9rem; }
.customer-detail-tabs b { display: inline-grid; min-inline-size: 1.18rem; block-size: 1.18rem; place-items: center; border-radius: 999px; background: var(--customer-detail-muted); color: #64748b; font-size: .58rem; }
.customer-detail-tabs button.is-active b { background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)); color: var(--admin-accent, var(--store-primary)); }
.customer-tab-panels { min-block-size: 25rem; }
.customer-detail-panel { padding: 1rem; animation: customer-panel-in .18s ease-out; }
.customer-detail-panel[hidden] { display: none !important; }
@keyframes customer-panel-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.customer-overview-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: .85rem; }
.customer-content-section { border: 1px solid var(--customer-detail-border); border-radius: calc(var(--admin-radius, 1rem) * .82); background: var(--customer-detail-strong); }
.customer-content-section > header { display: flex; min-block-size: 4rem; align-items: center; justify-content: space-between; gap: 1rem; border-block-end: 1px solid var(--customer-detail-border); padding: .8rem 1rem; }
.customer-content-section > header h3,
.customer-panel-heading h3 { color: var(--admin-text, #0f172a); font-size: .86rem; font-weight: 850; }
.customer-content-section > header p,
.customer-panel-heading p { margin-block-start: .14rem; color: #64748b; font-size: .66rem; }
.customer-content-section > header > svg { inline-size: 1.05rem; color: var(--admin-accent, var(--store-primary)); }
.customer-section-count { display: grid; min-inline-size: 1.6rem; block-size: 1.6rem; place-items: center; border-radius: 999px; background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)); color: var(--admin-accent, var(--store-primary)); font-size: .67rem; font-weight: 900; }
.customer-info-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .35rem 1rem 1rem; }
.customer-info-list > div { min-inline-size: 0; border-block-end: 1px solid var(--customer-detail-border); padding: .72rem 0; }
.customer-info-list > div:nth-last-child(-n+2) { border-block-end: 0; }
.customer-info-list dt { color: #64748b; font-size: .63rem; font-weight: 750; }
.customer-info-list dd { overflow: hidden; margin-block-start: .2rem; color: var(--admin-text, #0f172a); font-size: .75rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.customer-profile-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding: 1rem; }
.customer-profile-form > label { display: grid; gap: .35rem; color: #64748b; font-size: .65rem; font-weight: 800; }
.customer-profile-form .form-input { inline-size: 100%; min-block-size: 2.65rem; border-radius: .72rem; font-size: .75rem; }
.customer-profile-form textarea.form-input { min-block-size: 5.5rem; resize: vertical; }
.customer-profile-form .is-wide { grid-column: 1 / -1; }
.customer-active-switch { display: flex !important; min-inline-size: 0; align-items: center; gap: .55rem !important; }
.customer-active-switch input { inline-size: 1rem; block-size: 1rem; flex: none; }
.customer-active-switch span { min-inline-size: 0; }
.customer-active-switch b,
.customer-active-switch small { display: block; }
.customer-active-switch b { color: var(--admin-text, #0f172a); font-size: .72rem; }
.customer-active-switch small { margin-block-start: .1rem; color: #94a3b8; font-size: .58rem; font-weight: 600; }
.customer-profile-form > button { justify-self: end; align-self: end; }
.customer-wishlist-section { grid-column: 1 / -1; margin-block-start: .85rem; }
.customer-wishlist-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding: .85rem; }
.customer-wishlist-grid article { display: flex; min-inline-size: 0; align-items: center; justify-content: space-between; gap: .75rem; border-radius: .7rem; background: var(--customer-detail-muted); padding: .7rem .8rem; }
.customer-wishlist-grid article > div:first-child { min-inline-size: 0; }
.customer-wishlist-grid strong,
.customer-wishlist-grid span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-wishlist-grid strong { color: var(--admin-text, #0f172a); font-size: .74rem; }
.customer-wishlist-grid span { margin-block-start: .18rem; color: #64748b; font-size: .62rem; }
.customer-wishlist-grid article > div:last-child { display: flex; flex: none; gap: .55rem; }
.customer-wishlist-grid a,
.customer-wishlist-grid button { display: inline-flex; align-items: center; gap: .28rem; color: var(--admin-accent, var(--store-primary)); font-size: .65rem; font-weight: 800; }
.customer-wishlist-grid button { color: #dc2626; }
.customer-wishlist-grid svg { inline-size: .75rem; }
.customer-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-end: .9rem; }
.customer-panel-heading > span { display: inline-flex; align-items: center; gap: .35rem; border-radius: 999px; background: var(--customer-detail-muted); padding: .35rem .65rem; color: #64748b; font-size: .65rem; font-weight: 800; }
.customer-orders-table { overflow: hidden; border: 1px solid var(--customer-detail-border); border-radius: .8rem; }
.customer-orders-table table { min-inline-size: 730px; }
.customer-orders-table th { padding: .75rem .9rem; font-size: .65rem; white-space: nowrap; }
.customer-orders-table td { padding: .8rem .9rem; color: #64748b; font-size: .72rem; vertical-align: middle; }
.customer-orders-table td strong { color: var(--admin-text, #0f172a); }
.customer-order-action { display: inline-flex; align-items: center; gap: .3rem; color: var(--admin-accent, var(--store-primary)) !important; font-size: .66rem; font-weight: 850; white-space: nowrap; }
.customer-order-action svg { inline-size: .75rem; }
.customer-order-cards { display: none; }
.customer-cart-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(16rem, .65fr); gap: .85rem; }
.customer-cart-items { display: grid; align-content: start; gap: .55rem; }
.customer-cart-items article { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid var(--customer-detail-border); border-radius: .75rem; background: var(--customer-detail-strong); padding: .75rem .85rem; }
.customer-cart-items strong,
.customer-cart-items span { display: block; }
.customer-cart-items strong { color: var(--admin-text, #0f172a); font-size: .75rem; }
.customer-cart-items span { margin-block-start: .18rem; color: #64748b; font-size: .64rem; }
.customer-cart-items b { flex: none; color: var(--admin-text, #0f172a); font-size: .75rem; }
.customer-cart-summary { align-self: start; border: 1px solid var(--customer-detail-border); border-radius: .8rem; background: var(--customer-detail-strong); padding: .9rem; }
.customer-cart-summary dl { display: grid; gap: .65rem; }
.customer-cart-summary dl > div { display: flex; justify-content: space-between; gap: .8rem; color: #64748b; font-size: .67rem; }
.customer-cart-summary dd { color: var(--admin-text, #0f172a); font-weight: 800; text-align: end; }
.customer-cart-summary .is-total { border-block-start: 1px solid var(--customer-detail-border); padding-block-start: .7rem; font-size: .75rem; font-weight: 850; }
.customer-cart-summary > div { display: grid; gap: .45rem; margin-block-start: .9rem; }
.customer-cart-summary .sa-button { inline-size: 100%; justify-content: center; }
.customer-danger-button { border: 1px solid rgb(239 68 68 / .2); background: rgb(254 242 242 / .75); color: #dc2626; }
.customer-cart-warning { background: #fff7ed !important; color: #c2410c !important; }
.customer-cart-live { background: #ecfdf5 !important; color: #047857 !important; }
.customer-address-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.customer-address-grid article { border: 1px solid var(--customer-detail-border); border-radius: .8rem; background: var(--customer-detail-strong); padding: .9rem; }
.customer-address-grid header { display: flex; align-items: center; gap: .65rem; }
.customer-address-grid header > span { display: grid; inline-size: 2.1rem; block-size: 2.1rem; flex: none; place-items: center; border-radius: .65rem; background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)); color: var(--admin-accent, var(--store-primary)); }
.customer-address-grid svg { inline-size: .9rem; }
.customer-address-grid h4 { color: var(--admin-text, #0f172a); font-size: .76rem; font-weight: 850; }
.customer-address-grid em { display: inline-block; margin-block-start: .15rem; color: var(--admin-accent, var(--store-primary)); font-size: .59rem; font-style: normal; font-weight: 750; }
.customer-address-grid address { margin-block-start: .75rem; color: #64748b; font-size: .69rem; font-style: normal; line-height: 1.8; }
.customer-activity-timeline { position: relative; display: grid; max-inline-size: 52rem; gap: .1rem; margin-inline: auto; }
.customer-activity-timeline::before { position: absolute; inset-block: 1.2rem; inset-inline-start: 1.05rem; inline-size: 1px; background: var(--customer-detail-border); content: ""; }
.customer-activity-timeline li { position: relative; display: grid; grid-template-columns: 2.1rem minmax(0, 1fr); gap: .75rem; padding-block: .55rem; }
.customer-activity-timeline li > span { z-index: 1; display: grid; inline-size: 2.1rem; block-size: 2.1rem; place-items: center; border: 1px solid var(--customer-detail-border); border-radius: .68rem; background: var(--customer-detail-strong); color: var(--admin-accent, var(--store-primary)); }
.customer-activity-timeline svg { inline-size: .85rem; }
.customer-activity-timeline li > div { border: 1px solid var(--customer-detail-border); border-radius: .75rem; background: var(--customer-detail-strong); padding: .7rem .8rem; }
.customer-activity-timeline strong { color: var(--admin-text, #0f172a); font-size: .73rem; }
.customer-activity-timeline p { margin-block-start: .18rem; color: #64748b; font-size: .65rem; line-height: 1.6; }
.customer-activity-timeline time { display: block; margin-block-start: .3rem; color: #94a3b8; font-size: .59rem; }
.customer-detail-empty { display: grid; min-block-size: 20rem; place-items: center; align-content: center; gap: .55rem; text-align: center; }
.customer-detail-empty > span { display: grid; inline-size: 3.2rem; block-size: 3.2rem; place-items: center; border-radius: .9rem; background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)); color: var(--admin-accent, var(--store-primary)); }
.customer-detail-empty svg { inline-size: 1.35rem; }
.customer-detail-empty h3 { color: var(--admin-text, #0f172a); font-size: .9rem; font-weight: 850; }
.customer-detail-empty p { max-inline-size: 30rem; color: #64748b; font-size: .7rem; line-height: 1.7; }
.customer-details-error > div { display: flex; flex-wrap: wrap; justify-content: center; gap: .55rem; margin-block-start: .3rem; }
.customer-details-loading .customer-profile-header { justify-content: flex-start; }
.customer-details-loading .customer-profile-header > div { display: grid; gap: .55rem; inline-size: min(32rem, 70%); }
.customer-details-loading .customer-summary-card { min-block-size: 5rem; }
.customer-details-loading .customer-summary-card > span { inline-size: 100%; block-size: 2rem; }
.customer-details-loading .customer-detail-tabs > span { inline-size: 7rem; block-size: 2.5rem; flex: none; }
.customer-loading-panel { display: flex; min-block-size: 23rem; align-items: center; justify-content: center; gap: .65rem; color: #64748b; font-size: .76rem; }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .customer-profile-header, .customer-summary-card, .customer-workspace { background: var(--admin-surface-strong, #fff); }
}
@media (max-width: 1100px) {
    .customer-profile-header { align-items: flex-start; }
    .customer-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-overview-grid { grid-template-columns: 1fr; }
    .customer-wishlist-section { grid-column: auto; }
    .customer-address-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 850px) {
    .customer-profile-header { flex-direction: column; }
    .customer-profile-actions { inline-size: 100%; }
    .customer-cart-layout { grid-template-columns: 1fr; }
    .customer-cart-summary { inline-size: 100%; }
}
@media (max-width: 700px) {
    .customer-details-page { gap: .8rem; }
    .customer-profile-header { padding: 1rem; }
    .customer-profile-main { align-items: flex-start; flex-wrap: wrap; }
    .customer-profile-copy { flex: 1 1 calc(100% - 7.8rem); }
    .customer-contact-list { align-items: flex-start; flex-direction: column; }
    .customer-profile-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .customer-profile-actions .sa-button { justify-content: center; }
    .customer-summary-grid { gap: .6rem; }
    .customer-summary-card { align-items: flex-start; flex-direction: column; padding: .8rem; }
    .customer-summary-card > span { inline-size: 2.2rem; block-size: 2.2rem; }
    .customer-detail-tabs { position: sticky; inset-block-start: 0; z-index: 6; }
    .customer-detail-tabs button { min-inline-size: 4.6rem; flex-direction: column; gap: .2rem; padding: .45rem .6rem; }
    .customer-detail-tabs button b { position: absolute; inset-block-start: .25rem; inset-inline-end: .25rem; }
    .customer-detail-panel { padding: .75rem; }
    .customer-profile-form { grid-template-columns: 1fr; }
    .customer-profile-form .is-wide { grid-column: auto; }
    .customer-profile-form > button { inline-size: 100%; justify-content: center; }
    .customer-wishlist-grid { grid-template-columns: 1fr; }
    .customer-orders-table { display: none; }
    .customer-order-cards { display: grid; gap: .65rem; }
    .customer-order-cards article { border: 1px solid var(--customer-detail-border); border-radius: .78rem; background: var(--customer-detail-strong); padding: .8rem; }
    .customer-order-cards header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
    .customer-order-cards header strong { color: var(--admin-text, #0f172a); font-size: .76rem; }
    .customer-order-cards dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; margin-block: .7rem; }
    .customer-order-cards dl > div { border-radius: .58rem; background: var(--customer-detail-muted); padding: .45rem; }
    .customer-order-cards dt { color: #64748b; font-size: .57rem; }
    .customer-order-cards dd { overflow: hidden; margin-block-start: .15rem; color: var(--admin-text, #0f172a); font-size: .64rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
    .customer-order-cards .customer-order-action { min-block-size: 2.35rem; justify-content: center; border-block-start: 1px solid var(--customer-detail-border); padding-block-start: .65rem; }
    .customer-address-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .customer-profile-main { gap: .6rem; }
    .customer-profile-header .customer-avatar { inline-size: 2.8rem; block-size: 2.8rem; }
    .customer-back-button { inline-size: 2.2rem; block-size: 2.2rem; }
    .customer-profile-copy { flex-basis: calc(100% - 6.3rem); }
    .customer-profile-title h2 { max-inline-size: 100%; white-space: normal; }
    .customer-profile-actions { grid-template-columns: 1fr; }
    .customer-info-list { grid-template-columns: 1fr; }
    .customer-info-list > div:nth-last-child(2) { border-block-end: 1px solid var(--customer-detail-border); }
    .customer-wishlist-grid article { align-items: stretch; flex-direction: column; }
    .customer-wishlist-grid article > div:last-child { justify-content: space-between; }
    .customer-cart-items article { align-items: flex-start; flex-direction: column; }
    .customer-order-cards dl { grid-template-columns: 1fr; }
    .customer-panel-heading { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    .customer-detail-panel { animation-duration: 1ms; }
    .customer-back-button { transition-duration: 1ms; }
}

/* Friendly delivery configuration */
.delivery-page, #delivery-wizard, .delivery-help { --brand-500: var(--admin-accent, var(--store-primary, #6366f1)); --brand-600: var(--admin-accent, var(--store-primary, #4f46e5)); --brand-700: var(--admin-accent, var(--store-primary, #4338ca)); }
.delivery-page { --delivery-line: rgb(226 232 240 / .9); display: grid; gap: 1.25rem; max-width: 86rem; margin-inline: auto; color: #0f172a; }
.delivery-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; padding-block: .35rem; }
.delivery-hero h2 { margin: 0; font-size: clamp(1.55rem, 2.5vw, 2rem); font-weight: 750; letter-spacing: -.035em; }
.delivery-hero p { max-width: 43rem; margin-top: .45rem; color: #64748b; font-size: .95rem; line-height: 1.65; }
.delivery-hero-actions, .delivery-state-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.delivery-hero-actions .sa-button, .delivery-state-actions .sa-button { min-height: 2.7rem; border-radius: .8rem; }
.delivery-ready, .delivery-setup { border: 1px solid color-mix(in srgb, var(--brand-500, #6366f1) 16%, white); border-radius: 1rem; background: color-mix(in srgb, var(--brand-500, #6366f1) 4%, white); }
.delivery-ready { display: flex; align-items: center; gap: .85rem; padding: .9rem 1rem; }
.delivery-ready > span, .delivery-setup-heading > span { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: .75rem; background: color-mix(in srgb, var(--brand-500, #6366f1) 12%, white); color: var(--brand-600, #4f46e5); }
.delivery-ready svg, .delivery-setup-heading svg { width: 1.15rem; }
.delivery-ready strong, .delivery-setup strong { font-size: .9rem; }
.delivery-ready p, .delivery-setup p { margin-top: .1rem; color: #64748b; font-size: .78rem; }
.delivery-setup { padding: 1rem; }
.delivery-setup-heading { display: flex; align-items: center; gap: .75rem; }
.delivery-setup ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.delivery-setup li { display: flex; align-items: center; gap: .6rem; min-width: 0; padding: .7rem .8rem; border: 1px solid var(--delivery-line); border-radius: .8rem; background: rgb(255 255 255 / .78); }
.delivery-setup li > span { display: grid; width: 1.65rem; height: 1.65rem; flex: 0 0 auto; place-items: center; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: .72rem; font-weight: 750; }
.delivery-setup li.is-done > span { background: #dcfce7; color: #15803d; }
.delivery-setup li svg { width: .85rem; }
.delivery-setup li p { overflow: hidden; color: #334155; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.delivery-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.delivery-metric { display: flex; align-items: center; gap: .8rem; min-height: 5.1rem; padding: .9rem 1rem; border: 1px solid var(--delivery-line); border-radius: 1rem; background: rgb(255 255 255 / .92); box-shadow: 0 8px 24px -24px #0f172a; }
.delivery-metric > span, .delivery-icon { display: grid; width: 2.35rem; height: 2.35rem; flex: 0 0 auto; place-items: center; border-radius: .75rem; background: #f1f5f9; color: #475569; }
.delivery-metric.is-warning > span { background: #fff7ed; color: #c2410c; }
.delivery-metric svg, .delivery-icon svg { width: 1.1rem; }
.delivery-metric strong { display: block; font-size: 1.35rem; line-height: 1; }
.delivery-metric p { margin-top: .35rem; color: #64748b; font-size: .75rem; }
.delivery-tabs { display: flex; gap: .25rem; overflow-x: auto; padding: .3rem; border: 1px solid var(--delivery-line); border-radius: .95rem; background: #f8fafc; scrollbar-width: none; }
.delivery-tabs::-webkit-scrollbar { display: none; }
.delivery-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-width: max-content; flex: 1; min-height: 2.75rem; padding: .6rem 1rem; border-radius: .7rem; color: #64748b; font-size: .84rem; font-weight: 650; transition: .16s ease; }
.delivery-tabs button:hover { color: #334155; background: rgb(255 255 255 / .65); }
.delivery-tabs button.is-active { color: var(--brand-700, #4338ca); background: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / .06), 0 7px 18px -16px rgb(15 23 42 / .45); }
.delivery-tabs svg { width: 1rem; }
.delivery-panel { min-width: 0; }
.delivery-usage { display: flex; align-items: center; gap: .5rem; margin-bottom: .85rem; color: #64748b; font-size: .78rem; }
.delivery-usage svg { width: 1rem; color: var(--brand-600, #4f46e5); }
.delivery-card-grid, .delivery-zone-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.delivery-country-card, .delivery-zone-card { overflow: hidden; border: 1px solid var(--delivery-line); border-radius: 1rem; background: #fff; box-shadow: 0 12px 30px -28px #0f172a; transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease; }
.delivery-country-card:hover, .delivery-zone-card:hover { border-color: #cbd5e1; box-shadow: 0 16px 35px -30px #0f172a; transform: translateY(-1px); }
.delivery-country-card.is-locked, .delivery-zone-card.is-muted { background: #f8fafc; }
.delivery-country-top { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; }
.delivery-country-top > .delivery-status { margin-inline-start: auto; }
.delivery-flag { display: grid; width: 2.8rem; height: 2.8rem; flex: 0 0 auto; place-items: center; border: 1px solid #e2e8f0; border-radius: .85rem; background: #fff; font-size: 1.45rem; box-shadow: 0 3px 12px -10px #0f172a; }
.delivery-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; }
.delivery-title-line h3, .delivery-zone-card h3 { overflow: hidden; font-size: .95rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.delivery-country-top p, .delivery-zone-card header p { margin-top: .18rem; color: #64748b; font-size: .73rem; }
.delivery-status { display: inline-flex; align-items: center; gap: .3rem; width: max-content; padding: .3rem .55rem; border-radius: 999px; font-size: .67rem; font-weight: 700; white-space: nowrap; }
.delivery-status::before { width: .4rem; height: .4rem; border-radius: 99px; background: currentColor; content: ""; }
.delivery-status.is-active { color: #15803d; background: #f0fdf4; }
.delivery-status.is-inactive { color: #b45309; background: #fffbeb; }
.delivery-status.is-locked { color: #64748b; background: #f1f5f9; }
.delivery-country-stats { display: grid; grid-template-columns: repeat(2, 1fr); margin-inline: 1rem; border: 1px solid #eef2f7; border-radius: .8rem; background: #fafcfe; }
.delivery-country-stats span { display: flex; flex-direction: column; gap: .2rem; padding: .75rem; color: #64748b; font-size: .7rem; }
.delivery-country-stats span + span { border-inline-start: 1px solid #eef2f7; }
.delivery-country-stats strong { color: #0f172a; font-size: 1rem; }
.delivery-card-footer { display: flex; justify-content: flex-end; padding: .85rem 1rem 1rem; }
.delivery-card-footer .sa-button { min-height: 2.3rem; padding: .45rem .75rem; font-size: .75rem; }
.delivery-lock-note { display: flex; gap: .5rem; margin: .8rem 1rem 0; padding: .65rem .75rem; border-radius: .65rem; color: #64748b; background: #f1f5f9; font-size: .7rem; line-height: 1.5; }
.delivery-lock-note svg { width: .9rem; flex: 0 0 auto; }
.delivery-upgrade-note { display: flex; align-items: center; gap: .8rem; margin-top: 1rem; padding: .85rem 1rem; border: 1px solid #e2e8f0; border-radius: .9rem; background: #f8fafc; }
.delivery-upgrade-note > span { display: grid; width: 2.2rem; height: 2.2rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; background: #fff; color: #64748b; }
.delivery-upgrade-note svg { width: 1rem; }
.delivery-upgrade-note strong { font-size: .8rem; }
.delivery-upgrade-note p { margin-top: .15rem; color: #64748b; font-size: .72rem; }
.delivery-badge { display: inline-flex; align-items: center; gap: .25rem; width: max-content; padding: .23rem .45rem; border-radius: 999px; color: #64748b; background: #f1f5f9; font-size: .61rem; font-weight: 700; white-space: nowrap; }
.delivery-badge.is-brand { color: var(--brand-700, #4338ca); background: color-mix(in srgb, var(--brand-500, #6366f1) 9%, white); }
.delivery-badge.is-warning { color: #b45309; background: #fff7ed; }
.delivery-badge svg { width: .7rem; }
.delivery-zone-card > header { display: flex; align-items: center; gap: .75rem; padding: 1rem; }
.delivery-zone-card > header > .delivery-status { margin-inline-start: auto; }
.delivery-zone-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 0; padding: 0 1rem 1rem; }
.delivery-zone-card dl div { min-width: 0; padding: .7rem; border-radius: .7rem; background: #f8fafc; }
.delivery-zone-card dt { color: #64748b; font-size: .66rem; }
.delivery-zone-card dd { overflow: hidden; margin-top: .25rem; font-size: .76rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.delivery-zone-card footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1rem; border-top: 1px solid #eef2f7; }
.delivery-zone-card footer p, .delivery-zone-card footer > div { display: flex; align-items: center; gap: .4rem; color: #64748b; font-size: .72rem; }
.delivery-zone-card footer svg { width: .85rem; }
.delivery-link-button { display: inline-flex; align-items: center; gap: .3rem; color: var(--brand-700, #4338ca); font-size: .73rem; font-weight: 700; }
.delivery-link-button:hover { text-decoration: underline; }
.delivery-state { display: grid; min-height: 23rem; place-items: center; align-content: center; padding: 2rem; border: 1px dashed #cbd5e1; border-radius: 1rem; background: rgb(255 255 255 / .72); text-align: center; }
.delivery-state-icon { display: grid; width: 3.5rem; height: 3.5rem; place-items: center; border-radius: 1rem; color: var(--brand-600, #4f46e5); background: color-mix(in srgb, var(--brand-500, #6366f1) 8%, white); }
.delivery-state-icon svg { width: 1.55rem; }
.delivery-state h2, .delivery-state h3 { margin-top: 1rem; font-size: 1rem; font-weight: 720; }
.delivery-state p { max-width: 30rem; margin-top: .4rem; color: #64748b; font-size: .8rem; line-height: 1.65; }
.delivery-state > .sa-button, .delivery-state-actions { margin-top: 1.1rem; }
.delivery-filter { display: grid; grid-template-columns: minmax(13rem, 1fr) auto; gap: .65rem; margin-bottom: 1rem; padding: .7rem; border: 1px solid var(--delivery-line); border-radius: .95rem; background: #fff; }
.delivery-search { position: relative; display: block; }
.delivery-search svg { position: absolute; z-index: 1; inset-inline-start: .8rem; top: 50%; width: 1rem; color: #94a3b8; transform: translateY(-50%); }
.delivery-search input { min-height: 2.55rem; padding-inline-start: 2.35rem; }
.delivery-filter-toggle { display: none; }
.delivery-filter-controls { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.delivery-filter-controls select { width: auto; min-width: 8.5rem; min-height: 2.3rem; padding-block: .4rem; font-size: .72rem; }
.delivery-check { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.3rem; padding: .4rem .65rem; border: 1px solid #e2e8f0; border-radius: .65rem; color: #475569; font-size: .7rem; cursor: pointer; }
.delivery-check input { accent-color: var(--brand-600, #4f46e5); }
.delivery-clear { margin-inline-start: auto; color: #64748b; font-size: .7rem; font-weight: 650; }
.delivery-clear:hover { color: #0f172a; }
.delivery-tree { display: grid; gap: 1rem; }
.delivery-tree-country { overflow: hidden; border: 1px solid var(--delivery-line); border-radius: 1rem; background: #fff; }
.delivery-tree-country > header { display: flex; align-items: center; gap: .55rem; padding: .75rem 1rem; border-bottom: 1px solid #eef2f7; background: #f8fafc; }
.delivery-tree-country > header h3 { font-size: .83rem; font-weight: 720; }
.delivery-tree-country > header .delivery-badge { margin-inline-start: auto; }
.delivery-tree-zone { margin: .75rem; overflow: hidden; border: 1px solid #e2e8f0; border-radius: .8rem; }
.delivery-tree-zone > header { display: flex; align-items: center; gap: .65rem; padding: .65rem .75rem; border-bottom: 1px solid #eef2f7; background: #fbfdff; }
.delivery-tree-zone > header .delivery-icon { width: 2rem; height: 2rem; border-radius: .6rem; }
.delivery-tree-zone > header strong { font-size: .78rem; }
.delivery-tree-zone > header p { margin-top: .1rem; color: #64748b; font-size: .63rem; }
.delivery-tree-zone > header .delivery-link-button { margin-inline-start: auto; }
.delivery-location-row { display: grid; grid-template-columns: minmax(15rem, 1.4fr) minmax(8rem, .7fr) minmax(8rem, .8fr) minmax(8rem, .7fr) auto; align-items: center; gap: .7rem; min-height: 3.9rem; padding: .55rem .7rem .55rem calc(.7rem + var(--tree-depth) * 1.25rem); border-bottom: 1px solid #f1f5f9; }
[dir="rtl"] .delivery-location-row { padding-right: calc(.7rem + var(--tree-depth) * 1.25rem); padding-left: .7rem; }
.delivery-tree-branch:last-child > .delivery-location-row { border-bottom: 0; }
.delivery-location-row:hover { background: #fafcff; }
.delivery-location-row.is-unavailable { background: #fffbeb; }
.delivery-location-name { display: flex; align-items: center; min-width: 0; gap: .5rem; }
.delivery-tree-toggle, .delivery-tree-spacer { display: grid; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; place-items: center; border-radius: .4rem; color: #64748b; }
.delivery-tree-toggle:hover { background: #e2e8f0; color: #0f172a; }
.delivery-tree-toggle svg { width: .85rem; }
[dir="rtl"] .delivery-tree-toggle svg[data-lucide="chevron-right"] { transform: scaleX(-1); }
.delivery-location-icon { display: grid; width: 1.9rem; height: 1.9rem; flex: 0 0 auto; place-items: center; border-radius: .55rem; color: #64748b; background: #f1f5f9; }
.delivery-location-icon svg { width: .9rem; }
.delivery-location-name > div { min-width: 0; }
.delivery-location-name strong { display: block; overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.delivery-location-name div > span { color: #64748b; font-size: .62rem; text-transform: capitalize; }
.delivery-location-value { display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; min-width: 0; }
.delivery-location-value strong { overflow: hidden; max-width: 100%; font-size: .7rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.delivery-location-badges, .delivery-location-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; }
.delivery-location-actions { flex-wrap: nowrap; justify-content: flex-end; opacity: .55; }
.delivery-location-row:hover .delivery-location-actions, .delivery-location-actions:focus-within { opacity: 1; }
.delivery-filter-empty { display: grid; min-height: 14rem; place-items: center; align-content: center; gap: .5rem; color: #64748b; }
.delivery-filter-empty svg { width: 1.6rem; }
.delivery-filter-empty strong { color: #334155; font-size: .82rem; }
.delivery-filter-empty button { color: var(--brand-700, #4338ca); font-size: .72rem; font-weight: 700; }
.delivery-help { display: grid; justify-items: center; gap: .5rem; }
.delivery-help > div { display: flex; align-items: center; width: 100%; gap: .8rem; padding: .8rem; border: 1px solid #e2e8f0; border-radius: .8rem; }
.delivery-help > div > span { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: 99px; color: var(--brand-700, #4338ca); background: color-mix(in srgb, var(--brand-500, #6366f1) 9%, white); font-size: .72rem; font-weight: 750; }
.delivery-help strong { display: block; font-size: .78rem; }
.delivery-help p { color: #64748b; font-size: .7rem; line-height: 1.55; }
.delivery-help > svg { width: .9rem; color: #94a3b8; }
.delivery-stepper { display: grid; grid-template-columns: repeat(3, 1fr); margin: -.15rem 0 1.25rem; }
.delivery-stepper > div { position: relative; display: grid; justify-items: center; gap: .35rem; color: #94a3b8; }
.delivery-stepper > div:not(:last-child)::after { position: absolute; z-index: 0; top: .8rem; inset-inline-start: 50%; width: 100%; height: 1px; background: #e2e8f0; content: ""; }
.delivery-stepper span { z-index: 1; display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border: 1px solid #e2e8f0; border-radius: 99px; background: #fff; font-size: .65rem; font-weight: 750; }
.delivery-stepper small { font-size: .62rem; font-weight: 650; text-align: center; }
.delivery-stepper .is-current { color: var(--brand-700, #4338ca); }
.delivery-stepper .is-current span { border-color: var(--brand-500, #6366f1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500, #6366f1) 10%, white); }
.delivery-stepper .is-done { color: #15803d; }
.delivery-stepper .is-done span { border-color: #bbf7d0; background: #f0fdf4; }
.delivery-stepper .is-done svg { width: .75rem; }
.delivery-wizard-form { margin-inline: -.25rem; }
.delivery-wizard-body { display: grid; gap: 1rem; min-height: 19rem; align-content: start; }
.delivery-step-copy h4 { font-size: 1rem; font-weight: 720; letter-spacing: -.015em; }
.delivery-step-copy p { max-width: 35rem; margin-top: .3rem; color: #64748b; font-size: .76rem; line-height: 1.6; }
.delivery-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.delivery-field { display: grid; align-content: start; gap: .35rem; min-width: 0; }
.delivery-field > span { color: #334155; font-size: .7rem; font-weight: 650; }
.delivery-field .form-field { min-height: 2.75rem; }
.delivery-field > small { min-height: .8rem; color: #dc2626; font-size: .62rem; }
.delivery-switch { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .7rem; padding: .75rem; border: 1px solid #e2e8f0; border-radius: .8rem; cursor: pointer; }
.delivery-switch > input { position: absolute; opacity: 0; pointer-events: none; }
.delivery-switch > span { position: relative; width: 2.25rem; height: 1.25rem; border-radius: 99px; background: #cbd5e1; transition: .16s ease; }
.delivery-switch > span::after { position: absolute; top: .15rem; inset-inline-start: .15rem; width: .95rem; height: .95rem; border-radius: 99px; background: #fff; box-shadow: 0 1px 4px rgb(15 23 42 / .25); transition: .16s ease; content: ""; }
.delivery-switch > input:checked + span { background: var(--brand-600, #4f46e5); }
.delivery-switch > input:checked + span::after { transform: translateX(1rem); }
[dir="rtl"] .delivery-switch > input:checked + span::after { transform: translateX(-1rem); }
.delivery-switch > input:focus-visible + span { outline: 2px solid var(--brand-500, #6366f1); outline-offset: 2px; }
.delivery-switch strong, .delivery-switch small { display: block; }
.delivery-switch strong { font-size: .72rem; }
.delivery-switch small { margin-top: .15rem; color: #64748b; font-size: .64rem; line-height: 1.45; }
.delivery-choice { display: grid; gap: .45rem; padding: .75rem; border: 1px solid #e2e8f0; border-radius: .85rem; }
.delivery-choice legend { padding-inline: .25rem; color: #334155; font-size: .72rem; font-weight: 700; }
.delivery-choice > label { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .65rem; padding: .65rem; border: 1px solid #e2e8f0; border-radius: .7rem; cursor: pointer; }
.delivery-choice > label:has(input:checked) { border-color: color-mix(in srgb, var(--brand-500, #6366f1) 45%, #e2e8f0); background: color-mix(in srgb, var(--brand-500, #6366f1) 4%, white); }
.delivery-choice input { accent-color: var(--brand-600, #4f46e5); }
.delivery-choice strong, .delivery-choice small { display: block; }
.delivery-choice strong { font-size: .7rem; }
.delivery-choice small { margin-top: .15rem; color: #64748b; font-size: .63rem; }
.delivery-choice > div { margin-top: .35rem; }
.delivery-advanced { border: 1px solid #e2e8f0; border-radius: .8rem; }
.delivery-advanced summary { display: flex; align-items: center; gap: .5rem; padding: .75rem; color: #475569; font-size: .7rem; font-weight: 680; cursor: pointer; }
.delivery-advanced summary svg { width: .9rem; }
.delivery-advanced > div { padding: 0 .75rem .75rem; }
.delivery-wizard-footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #eef2f7; }
.delivery-wizard-footer > div { display: flex; gap: .5rem; }
.delivery-wizard-footer .sa-button { min-height: 2.65rem; }
.delivery-skeleton { position: relative; overflow: hidden; border-radius: 1rem; background: #e8edf3; }
.delivery-skeleton::after { position: absolute; inset: 0; background: linear-gradient(100deg, transparent 20%, rgb(255 255 255 / .72) 45%, transparent 70%); animation: delivery-shimmer 1.35s infinite; content: ""; transform: translateX(-100%); }
.delivery-skeleton-header { width: 65%; height: 4rem; }
.delivery-skeleton-card { height: 5.1rem; }
.delivery-skeleton-tabs { height: 3.3rem; }
.delivery-skeleton-panel { height: 13rem; }
@keyframes delivery-shimmer { to { transform: translateX(100%); } }

@media (max-width: 1024px) {
  .delivery-location-row { grid-template-columns: minmax(13rem, 1.4fr) minmax(7rem, .7fr) minmax(7rem, .8fr) auto; }
  .delivery-location-badges { display: none; }
}

@media (max-width: 767px) {
  .delivery-page { gap: 1rem; }
  .delivery-hero { align-items: stretch; flex-direction: column; }
  .delivery-hero-actions { justify-content: stretch; }
  .delivery-hero-actions .sa-button { flex: 1; }
  .delivery-setup ol { grid-template-columns: 1fr; }
  .delivery-setup li p { white-space: normal; }
  .delivery-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .delivery-metric { min-height: 4.7rem; padding: .75rem; }
  .delivery-card-grid, .delivery-zone-grid { grid-template-columns: 1fr; }
  .delivery-tabs { margin-inline: -.15rem; }
  .delivery-tabs button { flex: 0 0 auto; }
  .delivery-filter { grid-template-columns: 1fr auto; }
  .delivery-filter-toggle { display: inline-flex; }
  .delivery-filter-controls { position: fixed; z-index: 90; inset: auto 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 75vh; padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom)); border-radius: 1.2rem 1.2rem 0 0; background: #fff; box-shadow: 0 -20px 50px rgb(15 23 42 / .18); transform: translateY(110%); transition: transform .22s ease; }
  .delivery-filter-controls.is-open { transform: translateY(0); }
  .delivery-filter-controls select { width: 100%; }
  .delivery-clear { grid-column: 1 / -1; min-height: 2.5rem; margin: 0; border-radius: .7rem; background: #f1f5f9; }
  .delivery-location-row { grid-template-columns: 1fr auto; gap: .55rem; min-height: 4.5rem; padding-inline-end: .55rem; }
  .delivery-location-value { grid-column: 1; flex-direction: row; align-items: center; padding-inline-start: 4.4rem; }
  .delivery-location-value + .delivery-location-value { margin-top: -.35rem; }
  .delivery-location-badges { display: flex; grid-column: 1; padding-inline-start: 4.4rem; }
  .delivery-location-actions { grid-column: 2; grid-row: 1 / span 3; align-self: center; flex-direction: column; opacity: 1; }
  .delivery-tree-zone { margin: .5rem; }
  .delivery-form-grid { grid-template-columns: 1fr; }
  .admin-modal-overlay:has(#delivery-wizard) { align-items: end; padding: 0; }
  .admin-modal-panel:has(#delivery-wizard) { max-width: none; max-height: 92dvh; border-radius: 1.15rem 1.15rem 0 0; border-bottom: 0; }
  .admin-modal-panel:has(#delivery-wizard) > div:last-child { max-height: calc(92dvh - 4rem); padding-bottom: calc(1rem + env(safe-area-inset-bottom)); }
  .delivery-wizard-footer { position: sticky; z-index: 2; bottom: calc(-1rem - env(safe-area-inset-bottom)); margin-inline: -1rem; padding: .8rem 1rem calc(.8rem + env(safe-area-inset-bottom)); background: #fff; }
  .delivery-wizard-footer > div { flex: 1; justify-content: flex-end; }
  .delivery-wizard-footer .sa-button { padding-inline: .75rem; }
}

@media (max-width: 420px) {
  .delivery-summary-grid { gap: .55rem; }
  .delivery-metric > span { display: none; }
  .delivery-country-stats { margin-inline: .75rem; }
  .delivery-filter-controls { grid-template-columns: 1fr; }
  .delivery-clear { grid-column: 1; }
  .delivery-stepper small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .delivery-skeleton::after { animation: none; }
  .delivery-country-card, .delivery-zone-card, .delivery-filter-controls, .delivery-switch > span, .delivery-switch > span::after { transition: none; }
}

.hp-title-thumb { display:block; min-width:54px; font:700 18px/1.5 Georgia,serif; color:#1e293b; }
.hp-title-underline,.hp-title-line-below { border-bottom:2px solid #c59d5f; }.hp-title-double-underline{border-bottom:4px double #c59d5f}.hp-title-line-above{border-top:2px solid #c59d5f}.hp-title-rounded-badge{padding:2px 10px;border-radius:999px;background:#f5ead9}.hp-title-framed,.hp-title-premium{padding:2px 8px;border:1px solid #c59d5f}.hp-title-accent-start{border-inline-start:3px solid #c59d5f;padding-inline-start:6px}.hp-title-accent-end{border-inline-end:3px solid #c59d5f;padding-inline-end:6px}.hp-title-modern-minimal{letter-spacing:.12em;text-transform:uppercase}.hp-title-ornament::after{content:" \2726";color:#c59d5f}.hp-title-side-lines::before,.hp-title-side-lines::after{content:"";display:inline-block;width:14px;border-top:1px solid #c59d5f;margin:0 4px;vertical-align:middle}.hp-title-gradient-underline,.hp-title-elegant-divider,.hp-title-luxury{border-image:linear-gradient(90deg,transparent,#c59d5f,transparent) 1;border-bottom:2px solid}
.hp-preview-title h3{display:inline-block;position:relative;margin:0}.hp-preview-title.hp-title-rounded-badge h3{padding:5px 14px;border-radius:999px;background:color-mix(in srgb,var(--hp-deco) 14%,transparent)}.hp-preview-title.hp-title-framed h3,.hp-preview-title.hp-title-premium h3{padding:8px 16px;border:var(--hp-deco-thickness) solid var(--hp-deco)}.hp-preview-title.hp-title-underline h3,.hp-preview-title.hp-title-line-below h3{padding-bottom:var(--hp-deco-gap);border-bottom:var(--hp-deco-thickness) solid var(--hp-deco)}.hp-preview-title.hp-title-double-underline h3{padding-bottom:var(--hp-deco-gap);border-bottom:calc(var(--hp-deco-thickness) * 3) double var(--hp-deco)}.hp-preview-title.hp-title-line-above h3{padding-top:var(--hp-deco-gap);border-top:var(--hp-deco-thickness) solid var(--hp-deco)}.hp-preview-title.hp-title-accent-start h3{padding-inline-start:var(--hp-deco-gap);border-inline-start:calc(var(--hp-deco-thickness) * 2) solid var(--hp-deco)}.hp-preview-title.hp-title-accent-end h3{padding-inline-end:var(--hp-deco-gap);border-inline-end:calc(var(--hp-deco-thickness) * 2) solid var(--hp-deco)}

/* Homepage builder responsive containment and touch ergonomics. */
#hp-builder, #hp-builder *, #hp-slideover, #hp-slideover * { min-inline-size: 0; }
#hp-builder img, #hp-slideover img { max-inline-size: 100%; }
#hp-builder button, #hp-builder select, #hp-slideover button, #hp-slideover select { touch-action: manipulation; }
#hp-builder select, #hp-slideover select { max-inline-size: 100%; text-overflow: ellipsis; }
.hp-preview-stage > #hp-live-preview { flex: 0 1 auto; max-inline-size: 100%; }
.hp-preview-stage #hp-live-preview > div { max-inline-size: 100%; overflow-x: hidden; }
.hp-preview-stage section, .hp-preview-stage .hp-category-preview-grid { max-inline-size: 100%; }
.hp-editor-shell {
    block-size: 100%;
    max-block-size: 100%;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    align-content: stretch;
    overflow: clip !important;
}
.hp-editor-shell > div {
    min-block-size: 0;
    min-inline-size: 0;
    overflow: hidden;
}
#hp-editor-body {
    min-block-size: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.hp-editor-header, .hp-editor-actions { position: relative; z-index: 1; }
.hp-editor-actions { margin-block-start: auto; }
.hp-card-shape-panel, .hp-title-style-panel { max-inline-size: 100%; overflow: clip; }
.hp-card-shape-grid, .hp-title-preset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr));
    gap: .65rem;
    inline-size: 100%;
}
.hp-card-shape-choice, .hp-title-preset-choice {
    display: flex;
    min-block-size: 5.5rem;
    min-inline-size: 0;
    block-size: 100%;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    overflow: hidden;
    border: 2px solid #e2e8f0;
    border-radius: .8rem;
    background: #fff;
    padding: .65rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 650;
    line-height: 1.3;
    overflow-wrap: anywhere;
    transition: border-color .15s ease, background-color .15s ease;
}
.hp-card-shape-choice { flex-direction: column; }
.hp-card-shape-sample {
    display: block;
    inline-size: clamp(2.75rem, 65%, 4.25rem);
    flex: 0 0 auto;
    border: 2px solid #94a3b8;
    background: linear-gradient(145deg, #fff, #e2e8f0);
}
.hp-title-preset-choice { min-block-size: 5.75rem; flex-direction: column; }
.hp-title-preset-choice .hp-title-thumb { max-inline-size: 100%; flex: 0 0 auto; }
.hp-card-shape-option input:checked + .hp-card-shape-choice,
.hp-title-preset-option input:checked + .hp-title-preset-choice {
    position: relative;
    border-color: var(--store-primary, #2563eb);
    background: color-mix(in srgb, var(--store-primary, #2563eb) 10%, #fff);
    color: var(--store-primary, #2563eb);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--store-primary, #2563eb) 18%, transparent);
}
.hp-card-shape-option input:checked + .hp-card-shape-choice::after,
.hp-title-preset-option input:checked + .hp-title-preset-choice::after {
    content: "\2713";
    position: absolute;
    inset-block-start: .35rem;
    inset-inline-end: .4rem;
    display: grid;
    inline-size: 1.15rem;
    block-size: 1.15rem;
    place-items: center;
    border-radius: 999px;
    background: var(--store-primary, #2563eb);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1;
}
.hp-card-shape-option input:focus-visible + .hp-card-shape-choice,
.hp-title-preset-option input:focus-visible + .hp-title-preset-choice {
    outline: 3px solid color-mix(in srgb, var(--store-primary, #2563eb) 35%, transparent);
    outline-offset: 2px;
}

@media (min-width: 640px) {
    .hp-editor-shell {
        block-size: min(100%, calc(100dvh - 2rem));
        max-block-size: calc(100dvh - 2rem);
    }
    .hp-card-shape-grid, .hp-title-preset-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .hp-editor-shell {
        grid-template-columns: minmax(20rem, 32.5rem) minmax(0, 1fr);
    }
}
@media (max-width: 639px) {
    #hp-builder h2 { font-size: 1.25rem; line-height: 1.75rem; overflow-wrap: anywhere; }
    .hp-builder-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; }
    .hp-builder-actions button { inline-size: 100%; justify-content: center; padding-inline: .65rem; }
    .hp-builder-actions button:last-child { grid-column: 1 / -1; }
    .hp-preview-tools { inline-size: 100%; justify-content: space-between; }
    .hp-preview-tools select { flex: 1 1 7rem; }
    .hp-section-row { align-items: flex-start; }
    .hp-section-row > :nth-child(2) { display: none; }
    .hp-section-actions { max-inline-size: 5.75rem; }
    .hp-editor-actions > button { flex: 1 1 calc(50% - .5rem); white-space: normal; }
    .hp-editor-actions > button:first-child { flex-basis: 100%; margin-inline-end: 0; }
    #hp-editor-body { padding: 1rem; }
    .hp-editor-shell { block-size: 100dvh; max-block-size: 100dvh; }
    .hp-card-shape-panel, .hp-title-style-panel { padding: .8rem; }
    .hp-card-shape-grid, .hp-title-preset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
    .hp-card-shape-choice, .hp-title-preset-choice { min-block-size: 5rem; padding: .5rem; }
    .hp-color-row { grid-template-columns: auto minmax(0, 1fr); }
    .hp-color-row [data-eyedropper] { grid-column: 1 / -1; inline-size: 100%; }
}
@media (max-width: 420px) {
    .hp-builder-actions { grid-template-columns: 1fr; }
    .hp-builder-actions button:last-child { grid-column: auto; }
    .hp-editor-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .hp-editor-actions > button { inline-size: 100%; }
    .hp-editor-actions > button:first-child { grid-column: 1 / -1; }
}

#modal-root > .fixed { overflow: hidden; }
.admin-modal-overlay { padding: clamp(1rem, 3vw, 2rem); }
#modal-root > .fixed > div { max-inline-size: calc(100vw - 2rem); max-block-size: calc(100dvh - 2rem); display: flex; flex-direction: column; }
#modal-root > .fixed > div > .sa-modal-header { flex: 0 0 auto; }
#modal-root > .fixed > div > .sa-modal-header + div { min-block-size: 0; overflow-x: hidden; overscroll-behavior: contain; }
#disc-modal > form { min-block-size: 0; overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 639px) {
    .admin-modal-overlay { align-items: center; padding: .75rem; }
    #modal-root > .fixed > div { max-inline-size: calc(100vw - 1.5rem); max-block-size: calc(100dvh - 1.5rem); border-radius: 1rem; }
    #modal-root > .fixed > div > .sa-modal-header + div { padding: 1rem; }
    .sa-modal-header { padding: .875rem 1rem; }
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

button,
input,
select,
textarea {
    font: inherit;
}

[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    stroke-width: 2.1;
}

.bg-app {
    background-color: var(--store-background);
}

.bg-panel {
    background-color: rgb(255 255 255 / 0.86);
}

.bg-panel\/85 {
    background-color: rgb(255 255 255 / 0.85);
}

.bg-panel\/95 {
    background-color: rgb(255 255 255 / 0.95);
}

.bg-panel-muted,
.hover\:bg-panel-muted:hover {
    background-color: rgb(255 255 255 / 0.66);
}

.bg-brand-50 {
    background-color: rgb(var(--store-primary-rgb) / 0.08);
}

.bg-brand-100 {
    background-color: rgb(var(--store-primary-rgb) / 0.14);
}

.bg-brand-600 {
    background-color: var(--store-button);
}

.hover\:bg-brand-700:hover,
.bg-brand-700 {
    background-color: color-mix(in srgb, var(--store-button) 82%, #000000);
}

.text-ink-100 {
    color: #f1f5f9;
}

.text-ink-100\/80 {
    color: rgb(241 245 249 / 0.80);
}

.text-ink-400 {
    color: #94a3b8;
}

.text-ink-500 {
    color: #64748b;
}

.text-ink-700 {
    color: #334155;
}

.text-ink-900 {
    color: #0f172a;
}

.text-brand-600 {
    color: var(--store-primary);
}

.border-line {
    border-color: rgb(var(--store-text-rgb) / 0.12);
}

.shadow-soft {
    box-shadow: 0 18px 45px rgb(15 23 42 / 0.07);
}

.shadow-lift {
    box-shadow: 0 24px 70px rgb(15 23 42 / 0.12);
}

.focus\:border-brand-500:focus {
    border-color: var(--store-primary);
}

.focus\:ring-brand-100:focus {
    --tw-ring-color: rgb(var(--store-primary-rgb) / 0.14);
}

.store-login-page {
    min-height: 100vh;
    background: #0f172a;
    color: white;
}

.store-login-shell {
    display: grid;
    min-height: 100vh;
}

@media (min-width: 1024px) {
    .store-login-shell {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

.store-login-brand {
    position: relative;
    display: none;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .store-login-brand {
        display: block;
    }
}

.store-login-brand__bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 22% 18%, rgb(37 99 235 / 0.22), transparent 30%),
        radial-gradient(circle at 72% 72%, rgb(16 185 129 / 0.34), transparent 32%),
        linear-gradient(135deg, #0f172a 0%, #0f3d3e 52%, #14532d 100%);
}

.store-login-brand__glow {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 16rem;
    background: linear-gradient(to top, rgb(255 255 255 / 0.12), transparent);
}

.store-login-brand__content {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
}

.store-login-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.store-login-logo__mark {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 0.8rem;
    background: rgb(255 255 255 / 0.88);
    color: #0f172a;
    box-shadow: 0 18px 45px rgb(15 23 42 / 0.16);
}

.store-login-logo p {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.25;
}

.store-login-logo span {
    display: block;
    margin-top: 0.15rem;
    color: rgb(241 245 249 / 0.78);
    font-size: 0.9rem;
    font-weight: 700;
}

.store-login-copy {
    max-width: 42rem;
}

.store-login-copy p {
    margin: 0 0 1.25rem;
    color: #bbf7d0;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.store-login-copy h1 {
    margin: 0;
    max-width: 40rem;
    font-size: clamp(2.35rem, 5vw, 3.35rem);
    font-weight: 850;
    line-height: 1.16;
}

.store-login-copy span {
    display: block;
    max-width: 34rem;
    margin-top: 1.5rem;
    color: rgb(241 245 249 / 0.82);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.65;
}

.store-login-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    color: rgb(241 245 249 / 0.82);
}

.store-login-feature-grid div {
    border: 1px solid rgb(255 255 255 / 0.12);
    border-radius: 1rem;
    background: rgb(255 255 255 / 0.07);
    padding: 1rem;
}

.store-login-feature-grid p,
.store-login-feature-grid span {
    margin: 0;
    display: block;
}

.store-login-feature-grid p {
    color: white;
    font-weight: 800;
}

.store-login-feature-grid span {
    margin-top: 0.35rem;
    font-weight: 650;
}

.store-login-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.25rem;
}

@media (min-width: 640px) {
    .store-login-panel {
        padding-inline: 2rem;
    }
}

.store-login-panel__inner {
    width: 100%;
    max-width: 28rem;
}

.store-login-logo--mobile {
    margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {
    .store-login-logo--mobile {
        display: none;
    }
}

.store-login-card {
    border: 1px solid rgb(203 213 225 / 0.9);
    border-radius: 1rem;
    background: rgb(255 255 255 / 0.94);
    padding: 1.75rem;
    color: #0f172a;
    box-shadow: 0 24px 70px rgb(15 23 42 / 0.20);
}

@media (min-width: 640px) {
    .store-login-card {
        padding: 2.25rem;
    }
}

.store-login-card__header {
    margin-bottom: 2rem;
}

.store-login-card__header p {
    margin: 0;
    color: var(--store-primary);
    font-size: 0.9rem;
    font-weight: 800;
}

.store-login-card__header h2 {
    margin: 0.5rem 0 0;
    color: #0f172a;
    font-size: 1.9rem;
    font-weight: 850;
    line-height: 1.2;
}

.store-login-card__header span {
    display: block;
    margin-top: 0.5rem;
    color: #64748b;
    font-size: 0.92rem;
    font-weight: 600;
}

.store-login-form {
    display: grid;
    gap: 1.25rem;
}

.store-login-form label {
    display: block;
}

.store-login-form label > span {
    display: block;
    color: #334155;
    font-size: 0.86rem;
    font-weight: 800;
}

.store-login-form input {
    width: 100%;
    min-height: 3rem;
    margin-top: 0.5rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.85rem;
    background: white;
    padding: 0.75rem 1rem;
    color: #0f172a;
    font-size: 0.93rem;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.store-login-form input::placeholder {
    color: #94a3b8;
}

.store-login-form input:focus {
    border-color: var(--store-primary);
    box-shadow: 0 0 0 4px rgb(var(--store-primary-rgb) / 0.12);
}

.store-login-form button {
    display: inline-flex;
    width: 100%;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 0;
    border-radius: 0.85rem;
    background: var(--store-button);
    color: white;
    font-size: 0.94rem;
    font-weight: 850;
    box-shadow: 0 10px 24px rgb(var(--store-button-rgb) / 0.20);
}

.store-login-form button:hover {
    background: color-mix(in srgb, var(--store-button) 86%, #000000);
}

.store-login-validation:not(:empty) {
    border: 1px solid #fecdd3;
    border-radius: 0.85rem;
    background: #fff1f2;
    padding: 0.8rem 1rem;
    color: #be123c;
    font-size: 0.88rem;
    font-weight: 700;
}

.admin-shell {
    min-height: 100vh;
    min-height: 100dvh;
}

.admin-shell-content {
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

.admin-content-region {
    flex: 1 0 auto;
}

.admin-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .45rem .8rem;
    border-top: 1px solid rgb(var(--store-text-rgb) / .1);
    background: rgb(255 255 255 / .58);
    padding: 1rem 1.25rem;
    color: rgb(var(--store-text-rgb) / .58);
    font-size: .75rem;
    line-height: 1.5;
    flex: 0 0 auto;
    width: 100%;
    margin-block-start: auto;
    text-align: center;
    backdrop-filter: blur(12px);
}

[dir="rtl"] #store-toast-root {
    right: auto;
    left: 1rem;
}

.admin-footer p { margin: 0; }
.admin-footer strong { color: var(--store-primary); font-weight: 800; }

@media (max-width: 639px) {
    .admin-footer { flex-direction: column; gap: .2rem; padding-block: .9rem; }
}

/* Categories and brands */
.catalog-page-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
.catalog-page-heading h2 { margin: 0; color: #0f172a; font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 750; }
.catalog-page-heading p { max-inline-size: 46rem; margin: .35rem 0 0; color: #64748b; font-size: .9rem; line-height: 1.6; }
.catalog-primary-action { flex: 0 0 auto; }
.catalog-filter-shell { overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--panel); box-shadow: 0 1px 2px rgb(15 23 42 / .04); }
.catalog-filter-primary { display: grid; grid-template-columns: minmax(14rem, 1.8fr) repeat(2, minmax(10rem, 1fr)) auto; gap: .75rem; align-items: end; padding: 1rem; }
.catalog-search-field { position: relative; display: block; }
.catalog-search-field > svg { position: absolute; inset-inline-start: .85rem; inset-block-start: 50%; width: 1rem; height: 1rem; color: #94a3b8; transform: translateY(-50%); pointer-events: none; }
.catalog-search-field input,
.catalog-filter-control input,
.catalog-filter-control select,
.catalog-form-field input,
.catalog-form-field select,
.catalog-form-field textarea {
    inline-size: 100%; min-block-size: 2.65rem; border: 1px solid #dbe2ea; border-radius: .75rem; background: #fff; padding: .65rem .8rem; color: #0f172a; outline: none; transition: border-color .16s, box-shadow .16s;
}
.catalog-search-field input { padding-inline-start: 2.55rem; }
.catalog-search-field input:focus,
.catalog-filter-control input:focus,
.catalog-filter-control select:focus,
.catalog-form-field input:focus,
.catalog-form-field select:focus,
.catalog-form-field textarea:focus { border-color: var(--store-primary); box-shadow: 0 0 0 3px rgb(var(--store-primary-rgb) / .12); }
.catalog-filter-control { display: grid; min-inline-size: 0; gap: .35rem; }
.catalog-filter-control > span { color: #475569; font-size: .75rem; font-weight: 700; }
.catalog-filter-toggle { display: none; min-block-size: 2.65rem; align-items: center; justify-content: center; gap: .45rem; border: 1px solid #dbe2ea; border-radius: .75rem; background: #fff; padding: .6rem .8rem; color: #334155; font-size: .8rem; font-weight: 700; }
.catalog-filter-toggle b { display: grid; min-inline-size: 1.35rem; block-size: 1.35rem; place-items: center; border-radius: 999px; background: rgb(var(--store-primary-rgb) / .1); color: var(--store-primary); font-size: .7rem; }
.catalog-advanced-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; border-block-start: 1px solid #eef2f6; padding: 1rem; background: #f8fafc; }
.catalog-filter-actions { display: flex; align-items: end; justify-content: flex-end; gap: .5rem; grid-column: span 2; }
.catalog-filter-summary { display: flex; align-items: center; gap: .75rem; min-block-size: 3.25rem; border-block-start: 1px solid #eef2f6; padding: .65rem 1rem; }
.catalog-results-label { flex: 0 0 auto; color: #64748b; font-size: .78rem; font-weight: 650; }
.catalog-filter-chips { display: flex; min-inline-size: 0; flex-wrap: wrap; gap: .4rem; }
.catalog-filter-chip { display: inline-flex; max-inline-size: 16rem; align-items: center; gap: .35rem; border: 1px solid rgb(var(--store-primary-rgb) / .18); border-radius: 999px; background: rgb(var(--store-primary-rgb) / .07); padding: .3rem .55rem; color: var(--store-primary); font-size: .72rem; font-weight: 700; }
.catalog-filter-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-filter-chip svg { width: .8rem; height: .8rem; }
.catalog-table { min-inline-size: 780px; }
.catalog-identity { display: flex; min-inline-size: 11rem; align-items: center; gap: .7rem; }
.catalog-identity > img,
.catalog-identity > span { inline-size: 2.65rem; block-size: 2.65rem; flex: 0 0 auto; border-radius: .7rem; }
.catalog-identity > img { object-fit: cover; border: 1px solid #e2e8f0; }
.catalog-identity > span { display: grid; place-items: center; background: #f1f5f9; color: #94a3b8; }
.catalog-identity b { display: block; max-inline-size: 15rem; overflow: hidden; color: #0f172a; font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }
.catalog-identity small { display: block; max-inline-size: 15rem; margin-block-start: .15rem; overflow: hidden; color: #64748b; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.catalog-mobile-list { display: none; }
.catalog-pagination { margin-block-start: -.5rem; }

.catalog-form { display: grid; gap: 1.1rem; }
.catalog-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.catalog-form-grid-compact { grid-template-columns: minmax(0, 1.7fr) minmax(7rem, .7fr); }
.catalog-form-field { display: grid; min-inline-size: 0; gap: .4rem; }
.catalog-form-field > span { color: #334155; font-size: .8rem; font-weight: 700; }
.catalog-form-field > span b { margin-inline-start: .2rem; color: #e11d48; }
.catalog-form-field textarea { min-block-size: 5.5rem; resize: vertical; line-height: 1.55; }
.catalog-form-field small { color: #64748b; font-size: .72rem; line-height: 1.5; }
.catalog-media-field { display: grid; gap: .75rem; border: 1px solid #e2e8f0; border-radius: .9rem; padding: .85rem; background: #f8fafc; }
.catalog-current-media { display: flex; align-items: center; gap: .75rem; }
.catalog-current-media img { inline-size: 3.5rem; block-size: 3.5rem; flex: 0 0 auto; border: 1px solid #e2e8f0; border-radius: .75rem; object-fit: cover; }
.catalog-current-media b,
.catalog-current-media small { display: block; }
.catalog-current-media b { color: #334155; font-size: .8rem; }
.catalog-current-media small { margin-block-start: .2rem; color: #64748b; font-size: .72rem; }
.catalog-active-field { display: flex; align-items: flex-start; gap: .7rem; border-radius: .8rem; background: rgb(var(--store-primary-rgb) / .055); padding: .8rem; cursor: pointer; }
.catalog-active-field input { inline-size: 1rem; block-size: 1rem; margin-block-start: .12rem; accent-color: var(--store-primary); }
.catalog-active-field b,
.catalog-active-field small { display: block; }
.catalog-active-field b { color: #1e293b; font-size: .82rem; }
.catalog-active-field small { margin-block-start: .18rem; color: #64748b; font-size: .72rem; line-height: 1.45; }
.catalog-modal-actions { position: sticky; inset-block-end: -1.25rem; z-index: 2; display: flex; justify-content: flex-end; gap: .6rem; margin: .15rem -1.25rem -1.25rem; border-block-start: 1px solid #e2e8f0; background: rgb(255 255 255 / .96); padding: .85rem 1.25rem; backdrop-filter: blur(8px); }
.catalog-details { display: grid; gap: 1rem; }
.catalog-details-media { inline-size: 5.25rem; block-size: 5.25rem; border: 1px solid #e2e8f0; border-radius: 1rem; object-fit: cover; }
.catalog-details dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.catalog-details dl > div { min-inline-size: 0; border-block-end: 1px solid #eef2f6; padding: .7rem 0; }
.catalog-details dt { color: #64748b; font-size: .72rem; font-weight: 700; }
.catalog-details dd { margin: .25rem 0 0; overflow-wrap: anywhere; color: #0f172a; font-size: .85rem; }

@media (max-width: 1023px) {
    .catalog-filter-primary { grid-template-columns: minmax(13rem, 1.5fr) repeat(2, minmax(9rem, 1fr)); }
    .catalog-filter-toggle { display: none; }
    .catalog-advanced-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .catalog-page-heading { align-items: stretch; }
    .catalog-page-heading > div { min-inline-size: 0; }
    .catalog-primary-action span { display: none; }
    .catalog-primary-action { inline-size: 2.75rem; padding-inline: 0; }
    .catalog-filter-primary { grid-template-columns: minmax(0, 1fr) auto; }
    .catalog-filter-primary > .catalog-search-field,
    .catalog-filter-toggle { grid-column: 1 / -1; }
    .catalog-filter-toggle { display: inline-flex; }
    .catalog-advanced-filters { display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); max-block-size: min(62dvh, 34rem); overflow-y: auto; overscroll-behavior: contain; }
    .catalog-advanced-filters.is-open { display: grid; }
    .catalog-filter-actions { position: sticky; inset-block-end: 0; grid-column: 1 / -1; background: #f8fafc; padding-block-start: .4rem; }
    .catalog-filter-summary { align-items: flex-start; flex-direction: column; }
    .catalog-desktop-table { display: none; }
    .catalog-mobile-list { display: grid; gap: .75rem; }
    .catalog-mobile-card { border: 1px solid var(--line); border-radius: 1rem; background: var(--panel); padding: .9rem; box-shadow: 0 1px 2px rgb(15 23 42 / .04); }
    .catalog-mobile-card .catalog-identity { min-inline-size: 0; }
    .catalog-mobile-card .catalog-identity b,
    .catalog-mobile-card .catalog-identity small { max-inline-size: 10rem; }
    .catalog-mobile-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: .9rem 0 0; border-block-start: 1px solid #eef2f6; padding-block-start: .8rem; }
    .catalog-mobile-card dt { color: #64748b; font-size: .68rem; font-weight: 700; }
    .catalog-mobile-card dd { margin: .2rem 0 0; color: #1e293b; font-size: .8rem; }
    .catalog-pagination { align-items: stretch; }
    .catalog-form-grid,
    .catalog-form-grid-compact,
    .catalog-details dl { grid-template-columns: 1fr; }
    .catalog-modal-actions { inset-block-end: -1rem; margin: .1rem -1rem -1rem; padding: .8rem 1rem; }
    .catalog-modal-actions .sa-button { flex: 1 1 0; justify-content: center; }
}
@media (max-width: 420px) {
    .catalog-advanced-filters { grid-template-columns: 1fr; }
    .catalog-mobile-card .catalog-identity b,
    .catalog-mobile-card .catalog-identity small { max-inline-size: 7.5rem; }
}

.admin-sidebar {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 50;
    display: flex;
    width: min(18rem, calc(100vw - 3rem));
    flex-direction: column;
    border-inline-end: 1px solid rgb(var(--store-text-rgb) / 0.12);
    background: rgb(255 255 255 / 0.96);
    box-shadow: 0 24px 70px rgb(15 23 42 / 0.20);
    visibility: hidden;
    transform: translateX(-100%);
    transition: transform 240ms cubic-bezier(.22, 1, .36, 1), visibility 240ms;
    will-change: transform;
    backdrop-filter: blur(18px);
}

html[dir="rtl"] .admin-sidebar {
    transform: translateX(100%);
}

.admin-sidebar.is-open {
    visibility: visible;
    transform: translateX(0);
}

html[dir="rtl"] .admin-sidebar.is-open {
    transform: translateX(0);
}

.admin-sidebar-header {
    display: flex;
    min-height: 4rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid rgb(var(--store-text-rgb) / 0.12);
    padding-inline: 1.25rem;
}

.admin-sidebar-nav {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    scrollbar-gutter: stable;
}

.admin-sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 40;
    border: 0;
    background: rgb(15 23 42 / 0.56);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 200ms ease, visibility 200ms;
    backdrop-filter: blur(3px);
}

.admin-sidebar-backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.admin-sidebar-open {
    overflow: hidden;
}

@media (min-width: 1024px) {
    .admin-shell {
        padding-inline-start: 18rem;
    }

    .admin-sidebar,
    html[dir="rtl"] .admin-sidebar {
        width: 18rem;
        visibility: visible;
        transform: translateX(0);
        box-shadow: 0 18px 45px rgb(15 23 42 / 0.07);
    }

    .admin-sidebar-close,
    .admin-sidebar-backdrop {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-sidebar,
    .admin-sidebar-backdrop {
        transition-duration: 1ms;
    }
}

.icon-button {
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(var(--store-text-rgb) / 0.12);
    border-radius: 0.75rem;
    background: rgb(255 255 255 / 0.76);
    color: var(--store-text);
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.icon-button:hover {
    border-color: rgb(var(--store-primary-rgb) / 0.28);
    background: rgb(var(--store-primary-rgb) / 0.08);
    color: var(--store-primary);
}

.icon-button:active {
    transform: translateY(1px);
}

.admin-nav-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.75rem;
    color: #475569;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.admin-sidebar-nav[hidden],
.admin-nav-link[hidden],
.admin-nav-group[hidden],
.admin-nav-children[hidden] {
  display: none !important;
}

.admin-nav-link svg {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
}

.admin-nav-link:hover,
.admin-nav-link.is-active {
    background: rgb(var(--store-primary-rgb) / 0.10);
    color: var(--store-primary);
}

.admin-nav-link.is-active {
    box-shadow: inset 0 0 0 1px rgb(var(--store-primary-rgb) / 0.14);
}

.sa-page-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .sa-page-header {
        flex-direction: row;
        align-items: flex-end;
    }
}

.sa-eyebrow {
    margin: 0 0 0.35rem;
    color: var(--store-primary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sa-page-title {
    margin: 0;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
}

.sa-page-description {
    max-width: 48rem;
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.55;
}

.sa-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.sa-card,
.table-shell {
    border: 1px solid rgb(var(--store-text-rgb) / 0.10);
    border-radius: 1rem;
    background: rgb(255 255 255 / 0.82);
    box-shadow: 0 18px 45px rgb(15 23 42 / 0.07);
}

.sa-card {
    padding: 1.25rem;
}

@media (min-width: 768px) {
    .sa-card {
        padding: 1.5rem;
    }
}

.sa-button {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    padding: 0.65rem 1rem;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.sa-button svg {
    width: 1rem;
    height: 1rem;
}

.sa-button:active {
    transform: translateY(1px);
}

.sa-button-primary {
    background: var(--store-button);
    color: white;
    box-shadow: 0 10px 24px rgb(var(--store-button-rgb) / 0.20);
}

.sa-button-primary:hover {
    background: color-mix(in srgb, var(--store-button) 86%, #000000);
}

.sa-button-secondary {
    border-color: rgb(var(--store-text-rgb) / 0.12);
    background: white;
    color: #334155;
}

.sa-button-secondary:hover {
    border-color: rgb(var(--store-primary-rgb) / 0.28);
    color: var(--store-primary);
}

.sa-button-danger {
    background: #e11d48;
    color: white;
}

.form-field {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.75rem;
    background-color: white;
    padding: 0.65rem 0.85rem;
    color: #0f172a;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.form-field::placeholder {
    color: #94a3b8;
}

.form-field:focus {
    border-color: var(--store-primary);
    box-shadow: 0 0 0 4px rgb(var(--store-primary-rgb) / 0.12);
}

.form-field.is-invalid {
    border-color: #e11d48;
    box-shadow: 0 0 0 4px rgb(225 29 72 / 0.10);
}

.store-currency-field {
    position: relative;
    display: block;
    width: 100%;
}

.store-currency-field > input {
    width: 100%;
    padding-inline-end: 3rem !important;
}

.store-currency-symbol {
    position: absolute;
    inset-inline-end: .8rem;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

/* Platform currency catalog */
.platform-currency-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }.platform-currency-toolbar h3 { margin:0; color:#0f172a; font-size:1rem; font-weight:800; }.platform-currency-toolbar p { margin:.25rem 0 0; color:#64748b; font-size:.84rem; }
.platform-currency-table { overflow:hidden; border:1px solid #e2e8f0; border-radius:1rem; }.platform-currency-head,.platform-currency-row { display:grid; grid-template-columns:.65fr 1.3fr 1.3fr .6fr 2.5rem; gap:.8rem; align-items:center; }.platform-currency-head { padding:.7rem 1rem; background:#f8fafc; color:#64748b; font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.platform-currency-row { padding:.8rem 1rem; border-top:1px solid #eef2f7; }.platform-currency-row label > span { display:none; margin-bottom:.35rem; color:#475569; font-size:.75rem; font-weight:700; }.platform-currency-row .form-field { min-height:2.5rem; }.platform-currency-remove { color:#e11d48; }
.platform-currency-modal-note { display:flex; gap:.5rem; align-items:flex-start; margin:0 0 1.25rem; border:1px solid #bfdbfe; border-radius:.75rem; background:#eff6ff; padding:.75rem .85rem; color:#1e40af; font-size:.84rem; line-height:1.45; }.platform-currency-modal-note svg { width:1rem; min-width:1rem; height:1rem; margin-top:.1rem; }.platform-currency-modal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.platform-currency-modal-grid label > span { display:block; margin-bottom:.4rem; color:#334155; font-size:.82rem; font-weight:700; }.platform-currency-modal-error { margin:1rem 0 0; border-radius:.65rem; background:#fff1f2; padding:.7rem .8rem; color:#be123c; font-size:.82rem; }.platform-currency-modal-actions { display:flex; justify-content:flex-end; gap:.75rem; margin-top:1.5rem; padding-top:1rem; border-top:1px solid #e2e8f0; }
@media (max-width: 700px) { .platform-currency-toolbar { align-items:flex-start; flex-direction:column; }.platform-currency-toolbar .sa-button { width:100%; }.platform-currency-head { display:none; }.platform-currency-row { grid-template-columns:1fr auto; gap:.7rem; }.platform-currency-row label { grid-column:1 / -1; }.platform-currency-row label > span { display:block; }.platform-currency-remove { grid-column:2; grid-row:5; }.platform-currency-modal-grid { grid-template-columns:1fr; }.platform-currency-modal-actions { flex-direction:column-reverse; }.platform-currency-modal-actions .sa-button { width:100%; } }

/* Currency management */
.currency-page { max-width: 1120px; margin: 0 auto; color: #172033; }
.currency-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding: 1.75rem; border: 1px solid rgb(var(--store-primary-rgb) / .16); border-radius: 1.25rem; background: linear-gradient(130deg, rgb(var(--store-primary-rgb) / .10), rgb(255 255 255 / .88) 58%); box-shadow: 0 16px 36px rgb(15 23 42 / .05); }
.currency-hero-copy { max-width: 650px; }
.currency-eyebrow { display: inline-flex; align-items: center; gap: .4rem; color: var(--store-primary); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.currency-eyebrow svg { width: 1rem; height: 1rem; }
.currency-hero h2 { margin: .45rem 0; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; line-height: 1.2; }
.currency-hero p { margin: 0; color: #64748b; line-height: 1.65; }
.currency-plan { display: flex; min-width: 225px; align-items: flex-start; gap: .65rem; border: 1px solid; border-radius: 1rem; padding: .85rem; background: white; }
.currency-plan.is-active { border-color: #a7f3d0; color: #047857; }.currency-plan.is-locked { border-color: #fde68a; color: #a16207; }
.currency-plan > svg { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; }.currency-plan strong,.currency-plan span { display:block; }.currency-plan strong { font-size: .83rem; }.currency-plan span { margin-top: .2rem; color:#64748b; font-size:.75rem; }
.currency-summary-grid { display: grid; grid-template-columns: 1.15fr .85fr 1fr; gap: 1rem; margin: 1rem 0; }
.currency-summary-card { display:flex; min-height: 132px; flex-direction:column; justify-content:center; gap:.35rem; padding: 1.15rem 1.25rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: white; box-shadow: 0 10px 24px rgb(15 23 42 / .035); }
.currency-base-card { background: #18243b; border-color:#18243b; color:white; }.currency-card-label { color:#64748b; font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }.currency-base-card .currency-card-label,.currency-base-card small { color:#cbd5e1; }
.currency-base-value { display:flex; align-items:center; gap:.7rem; }.currency-base-value > b { display:grid; width:2.5rem; height:2.5rem; place-items:center; border-radius:.75rem; background:rgb(255 255 255 / .16); font-size:1.15rem; }.currency-base-value strong,.currency-base-value span { display:block; }.currency-base-value strong { font-size:1.1rem; }.currency-base-value span,.currency-summary-card > span:not(.currency-card-label) { color:#64748b; font-size:.8rem; }.currency-base-value span { color:#cbd5e1; }.currency-base-card small { display:flex; align-items:center; gap:.3rem; font-size:.73rem; }.currency-base-card small svg { width:.85rem; height:.85rem; }
.currency-stat { font-size:2rem; line-height:1; }.currency-stat small { color:#94a3b8; font-size:1rem; }.currency-updated { display:flex; align-items:center; gap:.45rem; font-size:.92rem; }.currency-updated svg { width:1rem; height:1rem; color:var(--store-primary); }
.currency-workspace { overflow:hidden; border:1px solid #e2e8f0; border-radius:1.15rem; background:white; box-shadow:0 16px 35px rgb(15 23 42 / .05); }.currency-workspace-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem; border-bottom:1px solid #e2e8f0; }.currency-workspace-head h3 { margin:0; font-size:1.05rem; font-weight:800; }.currency-workspace-head p { margin:.25rem 0 0; color:#64748b; font-size:.84rem; }.currency-table-labels,.currency-row { display:grid; grid-template-columns:minmax(210px,1.15fr) minmax(225px,1fr) minmax(155px,.72fr) 2.5rem; gap:1rem; align-items:center; }.currency-table-labels { padding:.75rem 1.25rem; background:#f8fafc; color:#64748b; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }.currency-rows { padding:0 1.25rem; }.currency-row { padding:1rem 0; border-bottom:1px solid #eef2f7; }.currency-row:last-child { border-bottom:0; }.currency-field > span { display:none; margin-bottom:.38rem; color:#475569; font-size:.78rem; font-weight:700; }.currency-rate-input { position:relative; }.currency-rate-input input { padding-inline-start:4.65rem; }.currency-rate-input span { position:absolute; inset-inline-start:.75rem; top:50%; transform:translateY(-50%); color:#64748b; font-size:.72rem; font-weight:700; pointer-events:none; direction:ltr; }.currency-status { display:flex; align-items:center; gap:.55rem; cursor:pointer; }.currency-status input { width:1.1rem; height:1.1rem; accent-color:var(--store-primary); }.currency-status b,.currency-status small { display:block; }.currency-status b { font-size:.84rem; }.currency-status small { color:#64748b; font-size:.72rem; }.currency-remove { color:#e11d48; }.currency-empty { display:flex; align-items:center; justify-content:center; gap:.8rem; padding:2.5rem 1rem; color:#64748b; text-align:center; }.currency-empty > svg { width:2rem; height:2rem; color:#94a3b8; }.currency-empty strong,.currency-empty span { display:block; }.currency-empty strong { color:#334155; font-size:.9rem; }.currency-empty span { margin-top:.15rem; font-size:.8rem; }.currency-form-error { margin:0 1.25rem 1rem; border-radius:.7rem; background:#fff1f2; padding:.7rem .85rem; color:#be123c; font-size:.82rem; }.currency-form-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.25rem; border-top:1px solid #e2e8f0; background:#fcfdff; }.currency-form-footer p { display:flex; align-items:center; gap:.4rem; margin:0; color:#64748b; font-size:.78rem; }.currency-form-footer p svg { width:1rem; height:1rem; color:var(--store-primary); }
@media (max-width: 760px) { .currency-hero { flex-direction:column; padding:1.25rem; }.currency-plan { width:100%; min-width:0; }.currency-summary-grid { grid-template-columns:1fr; }.currency-summary-card { min-height:105px; }.currency-workspace-head { align-items:flex-start; flex-direction:column; }.currency-table-labels { display:none; }.currency-rows { padding:0 1rem; }.currency-row { grid-template-columns:1fr auto; gap:.8rem; }.currency-field { grid-column:1 / -1; }.currency-field > span { display:block; }.currency-status { grid-column:1; }.currency-remove { grid-column:2; grid-row:3; }.currency-form-footer { align-items:stretch; flex-direction:column; }.currency-form-footer .sa-button { width:100%; } }

select.form-field {
    cursor: pointer;
    padding-inline-end: 2.5rem;
}

textarea.form-field {
    min-height: 6rem;
    resize: vertical;
}

.sa-form-section {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: rgb(248 250 252 / 0.72);
    padding: 1rem;
}

.sa-form-section legend {
    padding: 0 0.4rem;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
}

.sa-filter-bar {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border: 1px solid rgb(var(--store-text-rgb) / 0.10);
    border-radius: 1rem;
    background: rgb(255 255 255 / 0.76);
    padding: 1rem;
}

@media (min-width: 768px) {
    .sa-filter-bar {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.sa-search {
    position: relative;
    display: block;
    width: 100%;
    max-width: 28rem;
}

.sa-search svg {
    position: absolute;
    inset-inline-start: 0.85rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%);
    color: #94a3b8;
}

.sa-search .form-field {
    padding-inline-start: 2.55rem;
}

.sa-filter-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.table-shell {
    overflow: hidden;
}

.sa-table-title {
    border-bottom: 1px solid #e2e8f0;
    padding: 1rem 1.25rem;
}

.sa-table-title h3 {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
}

.table-scroll {
    overflow-x: auto;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    color: #334155;
    font-size: 0.85rem;
}

.data-table th,
.data-table td {
    border-bottom: 1px solid #e2e8f0;
    padding: 0.9rem 1rem;
    text-align: start;
    vertical-align: middle;
}

.data-table th {
    background: #f8fafc;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.data-table tbody tr:hover {
    background: rgb(var(--store-primary-rgb) / 0.04);
}

.data-table tbody tr:last-child td {
    border-bottom: 0;
}

.sa-icon-tile,
.sa-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    background: rgb(var(--store-primary-rgb) / 0.10);
    color: var(--store-primary);
}

.sa-icon-tile {
    width: 2.5rem;
    height: 2.5rem;
}

.sa-empty-icon {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.85rem;
}

.sa-action-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.badge {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    padding: 0.3rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 800;
}

.sa-badge-success {
    background: #dcfce7;
    color: #166534;
}

.sa-badge-info {
    background: #dbeafe;
    color: #1d4ed8;
}

.sa-badge-danger {
    background: #ffe4e6;
    color: #be123c;
}

.sa-badge-neutral {
    background: #f1f5f9;
    color: #475569;
}

.sa-empty-state,
.sa-loading-state {
    display: grid;
    min-height: 16rem;
    place-items: center;
    padding: 2rem;
    text-align: center;
}

.sa-empty-state h3 {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

.sa-empty-state p {
    max-width: 28rem;
    margin: 0.45rem auto 1rem;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.55;
}

.sa-pagination {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
    justify-content: space-between;
    color: #64748b;
    font-size: 0.85rem;
}

@media (min-width: 640px) {
    .sa-pagination {
        flex-direction: row;
        align-items: center;
    }
}

.sa-page-button {
    min-height: 2.25rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.65rem;
    background: white;
    padding: 0.45rem 0.8rem;
    color: #334155;
    font-size: 0.85rem;
    font-weight: 700;
}

.sa-page-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.sa-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #e2e8f0;
    padding: 1rem 1.25rem;
}

.sa-modal-header h3 {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

.sa-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    border: 1px solid transparent;
    border-radius: 0.9rem;
    padding: 0.85rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
}

.sa-alert p {
    margin: 0;
}

.sa-alert-success {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.sa-alert-error {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.sa-alert-info {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.sa-alert-warning {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.sa-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #334155;
    font-size: 0.9rem;
    font-weight: 700;
}

.sa-toggle input {
    width: 1rem;
    height: 1rem;
    accent-color: var(--store-primary);
}

.sa-plan-toggle {
    display: inline-grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    background: #f8fafc;
    color: #94a3b8;
}

.sa-plan-toggle.is-enabled {
    border-color: #86efac;
    background: #dcfce7;
    color: #16a34a;
}

.attribute-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    border: 1px solid rgb(var(--store-text-rgb) / 0.10);
    border-radius: 1rem;
    background: linear-gradient(135deg, rgb(255 255 255 / 0.95), rgb(var(--store-primary-rgb) / 0.06));
    padding: 1.25rem;
    box-shadow: 0 18px 45px rgb(15 23 42 / 0.07);
}

@media (min-width: 1024px) {
    .attribute-hero {
        grid-template-columns: minmax(18rem, 1fr) minmax(28rem, 1.3fr) auto;
        align-items: center;
    }
}

.attribute-hero__copy {
    min-width: 0;
}

.attribute-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--store-primary);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.attribute-hero__icon,
.attribute-stat-card > span,
.attribute-control-icon {
    display: inline-grid;
    place-items: center;
    border-radius: 0.8rem;
    background: rgb(var(--store-primary-rgb) / 0.10);
    color: var(--store-primary);
}

.attribute-hero__icon {
    width: 2.25rem;
    height: 2.25rem;
}

.attribute-hero h2 {
    margin: 0.5rem 0 0;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 2rem;
}

.attribute-hero p {
    max-width: 42rem;
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.55;
}

.attribute-hero__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .attribute-hero__stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.attribute-stat-card {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background: rgb(255 255 255 / 0.86);
    padding: 0.85rem;
}

.attribute-stat-card > span {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
}

.attribute-stat-card strong {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.2;
}

.attribute-stat-card p {
    margin: 0.15rem 0 0;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
}

.attribute-primary-action,
.attribute-secondary-action,
.attribute-inline-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.2;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.attribute-primary-action {
    min-height: 2.75rem;
    align-self: center;
    border: 1px solid transparent;
    background: var(--store-button);
    padding: 0.7rem 1rem;
    color: white;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgb(var(--store-button-rgb) / 0.20);
}

.attribute-primary-action:hover {
    background: color-mix(in srgb, var(--store-button) 86%, #000000);
}

.attribute-filter-bar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid rgb(var(--store-text-rgb) / 0.10);
    border-radius: 1rem;
    background: rgb(255 255 255 / 0.82);
    padding: 1rem;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
}

@media (min-width: 1024px) {
    .attribute-filter-bar {
        flex-direction: row;
        align-items: end;
        justify-content: space-between;
    }
}

.attribute-filter-grid {
    display: grid;
    flex: 1;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
}

@media (min-width: 768px) {
    .attribute-filter-grid {
        grid-template-columns: minmax(16rem, 1.5fr) minmax(12rem, 1fr) minmax(10rem, 0.7fr);
    }
}

.attribute-filter-grid label {
    display: block;
    min-width: 0;
}

.attribute-filter-grid label > span {
    display: block;
    margin-bottom: 0.4rem;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 800;
}

.attribute-secondary-action {
    min-height: 2.75rem;
    border: 1px solid #cbd5e1;
    background: white;
    padding: 0.65rem 0.9rem;
    color: #475569;
    white-space: nowrap;
}

.attribute-secondary-action:hover {
    border-color: rgb(var(--store-primary-rgb) / 0.28);
    color: var(--store-primary);
}

.attribute-table-shell {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 18px 45px rgb(15 23 42 / 0.06);
}

.attribute-table-scroll {
    overflow-x: auto;
}

.attribute-table {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
    color: #334155;
    font-size: 0.86rem;
}

.attribute-table th,
.attribute-table td {
    border-bottom: 1px solid #e2e8f0;
    padding: 0.95rem 1rem;
    text-align: start;
    vertical-align: top;
}

.attribute-table th {
    background: #f8fafc;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.attribute-table tbody tr:hover {
    background: rgb(var(--store-primary-rgb) / 0.035);
}

.attribute-table tbody tr:last-child td {
    border-bottom: 0;
}

.attribute-name-cell {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.attribute-control-icon {
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
}

.attribute-control-icon.is-radio,
.attribute-control-badge.is-radio {
    background: #fef3c7;
    color: #b45309;
}

.attribute-control-icon.is-checkboxes,
.attribute-control-badge.is-checkboxes {
    background: #dcfce7;
    color: #15803d;
}

.attribute-control-icon.is-colors,
.attribute-control-badge.is-colors {
    background: #fae8ff;
    color: #a21caf;
}

.attribute-name-cell__title {
    color: #0f172a;
    font-weight: 800;
}

.attribute-name-cell__subtitle {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.78rem;
}

.attribute-control-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    background: #f1f5f9;
    padding: 0.25rem 0.55rem;
    color: #475569;
    font-size: 0.75rem;
    font-weight: 800;
}

.attribute-table-values {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    max-width: 42rem;
}

.attribute-table-value {
    display: inline-flex;
    max-width: 16rem;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    background: #f8fafc;
    padding: 0.25rem 0.35rem 0.25rem 0.55rem;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
}

.attribute-swatch,
.attribute-value-dot {
    width: 0.8rem;
    height: 0.8rem;
    flex: 0 0 auto;
    border-radius: 9999px;
    border: 1px solid rgb(15 23 42 / 0.12);
}

.attribute-value-dot {
    background: #cbd5e1;
}

.attribute-value-action {
    display: inline-grid;
    width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border-radius: 9999px;
    color: #64748b;
}

.attribute-value-action:hover {
    background: white;
    color: var(--store-primary);
}

.attribute-value-action.is-danger:hover {
    color: #e11d48;
}

.attribute-value-action svg {
    width: 0.78rem;
    height: 0.78rem;
}

.attribute-muted-state {
    display: inline-flex;
    color: #94a3b8;
    font-size: 0.82rem;
    font-weight: 700;
}

.attribute-inline-add {
    margin-top: 0.6rem;
    border: 1px dashed #cbd5e1;
    background: white;
    padding: 0.45rem 0.7rem;
    color: #475569;
}

.attribute-inline-add:hover {
    border-color: rgb(var(--store-primary-rgb) / 0.42);
    color: var(--store-primary);
}

.attribute-order-chip {
    display: inline-flex;
    min-width: 2rem;
    justify-content: center;
    border-radius: 9999px;
    background: #f1f5f9;
    padding: 0.25rem 0.55rem;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 850;
}

.attribute-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
}

.product-tab-button,
.store-product-tab,
.product-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    padding: 0.6rem 0.8rem;
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 800;
}

.product-tab-button.is-active,
.store-product-tab.is-active,
.product-tab-btn.is-active {
    background: rgb(var(--store-primary-rgb) / 0.10);
    color: var(--store-primary);
}

/* Store dashboard */
.store-dashboard {
    display: grid;
    gap: 1.1rem;
}

.dashboard-overview-card {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    border: 1px solid rgb(var(--store-primary-rgb) / .16);
    border-radius: 1.35rem;
    background: linear-gradient(135deg, rgb(var(--store-primary-rgb) / .09), rgb(255 255 255 / .96) 48%, rgb(255 255 255 / .86));
    padding: clamp(1.15rem, 2.5vw, 1.75rem);
    box-shadow: 0 18px 45px -36px rgb(15 23 42 / .42);
}

.dashboard-overview-copy { min-width: 14rem; max-width: 31rem; }
.dashboard-store-slug { margin: 0 0 .35rem; color: var(--store-primary); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.dashboard-overview-copy h2 { margin: 0; color: #0f172a; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; letter-spacing: -.03em; }
.dashboard-overview-copy > p:not(.dashboard-store-slug) { margin: .4rem 0 0; color: #475569; font-size: .9rem; line-height: 1.55; }
.dashboard-overview-copy > span { display: block; margin-top: .55rem; color: #94a3b8; font-size: .7rem; font-weight: 600; }

.dashboard-filters {
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) auto minmax(8rem, .75fr) auto;
    align-items: end;
    gap: .65rem;
}

.dashboard-filters label { display: grid; gap: .35rem; min-width: 0; color: #64748b; font-size: .68rem; font-weight: 700; }
.dashboard-filters select,
.dashboard-filters input {
    width: 100%;
    min-height: 2.65rem;
    border: 1px solid #dbe3ee;
    border-radius: .75rem;
    background: #fff;
    padding: .55rem .7rem;
    color: #1e293b;
    font-size: .78rem;
    font-weight: 600;
    outline: none;
}
.dashboard-filters select:focus,
.dashboard-filters input:focus { border-color: rgb(var(--store-primary-rgb) / .55); box-shadow: 0 0 0 3px rgb(var(--store-primary-rgb) / .1); }
.dashboard-custom-range { display: grid; grid-template-columns: repeat(2, minmax(8rem, 1fr)); gap: .5rem; }
.dashboard-custom-range.hidden { display: none; }
.dashboard-filters > button { display: inline-flex; min-height: 2.65rem; align-items: center; justify-content: center; gap: .45rem; border-radius: .75rem; background: var(--store-button); padding: .6rem .9rem; color: #fff; font-size: .76rem; font-weight: 800; white-space: nowrap; transition: filter .15s ease, transform .15s ease; }
.dashboard-filters > button:hover { filter: brightness(.94); transform: translateY(-1px); }
.dashboard-filters > button svg { width: .95rem; }
.dashboard-filter-error { grid-column: 1 / -1; margin: 0; color: #be123c; font-size: .72rem; font-weight: 700; }

.dashboard-primary-kpis,
.dashboard-secondary-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.dashboard-kpi { position: relative; display: flex; min-width: 0; align-items: center; gap: .8rem; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 1.1rem; background: #fff; padding: 1rem; box-shadow: 0 10px 30px -28px #0f172a; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.dashboard-primary-kpis .dashboard-kpi { min-height: 7.25rem; padding: 1.15rem; }
.dashboard-kpi:hover { border-color: rgb(var(--store-primary-rgb) / .32); box-shadow: 0 18px 38px -30px #0f172a; transform: translateY(-2px); }
.dashboard-kpi-icon { display: grid; width: 2.6rem; height: 2.6rem; flex: 0 0 auto; place-items: center; border-radius: .85rem; background: rgb(var(--store-primary-rgb) / .09); color: var(--store-primary); }
.dashboard-primary-kpis .dashboard-kpi-icon { width: 3rem; height: 3rem; }
.dashboard-kpi-icon svg { width: 1.15rem; }
.dashboard-kpi-copy { min-width: 0; }
.dashboard-kpi-copy > span { display: block; overflow: hidden; color: #64748b; font-size: .73rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-kpi-copy strong { display: block; margin-top: .2rem; overflow: hidden; color: #0f172a; font-size: clamp(1.05rem, 2vw, 1.35rem); font-weight: 850; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-kpi-arrow { position: absolute; inset-block-start: .7rem; inset-inline-end: .7rem; width: .8rem; color: #cbd5e1; }
[dir="rtl"] .dashboard-kpi-arrow { transform: scaleX(-1); }
.dashboard-kpi.is-positive .dashboard-kpi-icon { background: #ecfdf5; color: #059669; }
.dashboard-kpi.is-negative .dashboard-kpi-icon { background: #fff1f2; color: #e11d48; }

.dashboard-attention { display: flex; align-items: flex-start; gap: .85rem; border: 1px solid #fde68a; border-radius: 1.1rem; background: linear-gradient(135deg, #fffbeb, #fff); padding: 1rem 1.1rem; }
.dashboard-attention-icon { display: grid; width: 2.45rem; height: 2.45rem; flex: 0 0 auto; place-items: center; border-radius: .75rem; background: #fef3c7; color: #b45309; }
.dashboard-attention-icon svg { width: 1.1rem; }
.dashboard-attention h3 { margin: 0; color: #78350f; font-size: .9rem; font-weight: 800; }
.dashboard-attention p { margin: .15rem 0 0; color: #a16207; font-size: .73rem; }
.dashboard-attention-links { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .65rem; }
.dashboard-attention-links a { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid #fde68a; border-radius: 999px; background: #fff; padding: .38rem .65rem; color: #92400e; font-size: .7rem; font-weight: 700; }
.dashboard-attention-links strong { display: grid; min-width: 1.3rem; height: 1.3rem; place-items: center; border-radius: 999px; background: #fef3c7; font-size: .65rem; }

.dashboard-main-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr); gap: 1rem; }
.dashboard-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1rem; }
.dashboard-card { min-width: 0; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 1.15rem; background: #fff; padding: 1.15rem; box-shadow: 0 12px 34px -32px #0f172a; }
.dashboard-card-heading { display: flex; min-height: 2.5rem; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.dashboard-card-heading h3 { margin: 0; color: #0f172a; font-size: .96rem; font-weight: 800; letter-spacing: -.012em; }
.dashboard-card-heading p { margin: .22rem 0 0; color: #94a3b8; font-size: .7rem; }
.dashboard-card-heading > a { display: inline-flex; align-items: center; gap: .25rem; color: var(--store-primary); font-size: .72rem; font-weight: 750; white-space: nowrap; }
.dashboard-card-heading > a svg { width: .8rem; }
[dir="rtl"] .dashboard-card-heading > a svg { transform: scaleX(-1); }
.dashboard-card-icon { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; background: #f8fafc; color: #64748b; }
.dashboard-card-icon svg { width: 1rem; }

.dashboard-chart { display: flex; height: 15rem; align-items: flex-end; gap: clamp(.3rem, 1vw, .7rem); overflow-x: auto; border-bottom: 1px solid #e2e8f0; padding: 1.5rem .25rem 0; scrollbar-width: thin; }
.dashboard-chart-column { display: flex; min-width: 2.4rem; height: 100%; flex: 1 0 2.4rem; flex-direction: column; align-items: center; justify-content: flex-end; }
.dashboard-chart-value { margin-bottom: .28rem; color: #475569; font-size: .62rem; font-weight: 700; opacity: 0; transition: opacity .15s ease; }
.dashboard-chart-column:hover .dashboard-chart-value { opacity: 1; }
.dashboard-chart-bar { width: min(100%, 2.5rem); min-height: .3rem; border-radius: .45rem .45rem 0 0; background: linear-gradient(180deg, var(--store-primary), rgb(var(--store-primary-rgb) / .7)); box-shadow: 0 -8px 20px -14px var(--store-primary); }
.dashboard-chart-column > span:last-child { margin-top: .45rem; color: #64748b; font-size: .6rem; white-space: nowrap; }

.dashboard-statuses { display: grid; gap: .8rem; margin-top: 1rem; }
.dashboard-statuses a > div { display: flex; justify-content: space-between; gap: .75rem; color: #475569; font-size: .73rem; }
.dashboard-statuses strong { color: #0f172a; }
.dashboard-status-track { display: block; height: .42rem; overflow: hidden; margin-top: .35rem; border-radius: 999px; background: #f1f5f9; }
.dashboard-status-track > span { display: block; height: 100%; border-radius: inherit; background: var(--store-primary); }
.dashboard-status-track > span.is-warning { background: #f59e0b; }

.dashboard-list,
.dashboard-activity { margin-top: .65rem; }
.dashboard-inventory-row { display: flex; min-width: 0; align-items: center; gap: .7rem; border-top: 1px solid #f1f5f9; padding: .72rem 0; }
.dashboard-inventory-row:first-child { border-top: 0; }
.dashboard-product-image { display: grid; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; overflow: hidden; place-items: center; border-radius: .7rem; background: #f1f5f9; color: #94a3b8; }
.dashboard-product-image img { width: 100%; height: 100%; object-fit: cover; }
.dashboard-product-image svg { width: 1rem; }
.dashboard-inventory-row strong,
.dashboard-inventory-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-inventory-row strong { color: #334155; font-size: .76rem; }
.dashboard-inventory-row small { margin-top: .18rem; color: #94a3b8; font-size: .64rem; }
.dashboard-stock-pill { flex: 0 0 auto; border-radius: 999px; background: #eff6ff; padding: .3rem .5rem; color: #1d4ed8; font-size: .62rem; font-weight: 800; white-space: nowrap; }
.dashboard-stock-pill.is-out { background: #fff1f2; color: #be123c; }
.dashboard-stock-pill.is-low { background: #fffbeb; color: #b45309; }

.dashboard-activity > a { display: flex; gap: .7rem; border-top: 1px solid #f1f5f9; padding: .72rem 0; }
.dashboard-activity > a:first-child { border-top: 0; }
.dashboard-activity > a > span { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: .6rem; background: rgb(var(--store-primary-rgb) / .08); color: var(--store-primary); }
.dashboard-activity > a > span svg { width: .85rem; }
.dashboard-activity > a > div { min-width: 0; }
.dashboard-activity strong,
.dashboard-activity p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-activity strong { color: #334155; font-size: .75rem; }
.dashboard-activity p { margin: .2rem 0 0; color: #94a3b8; font-size: .64rem; }

.dashboard-timeline {
    max-height: 36rem;
    overflow-y: auto;
    margin-top: .65rem;
    padding-inline-end: .25rem;
    scrollbar-color: #cbd5e1 transparent;
    scrollbar-width: thin;
}

.dashboard-timeline-item {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    align-items: stretch;
}

.dashboard-timeline-rail {
    position: relative;
    display: flex;
    justify-content: center;
}

.dashboard-timeline-rail::after {
    position: absolute;
    top: 2.55rem;
    bottom: -.2rem;
    width: 2px;
    border-radius: 999px;
    background: #e2e8f0;
    content: "";
}

.dashboard-timeline-item:last-child .dashboard-timeline-rail::after { display: none; }

.dashboard-timeline-marker {
    --activity-color: #64748b;
    --activity-soft: #f1f5f9;
    position: relative;
    z-index: 1;
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 3px solid #fff;
    border-radius: .7rem;
    background: var(--activity-soft);
    color: var(--activity-color);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--activity-color) 18%, transparent);
}

.dashboard-timeline-marker svg { width: .85rem; }
.dashboard-timeline-marker.is-blue { --activity-color: #2563eb; --activity-soft: #eff6ff; }
.dashboard-timeline-marker.is-violet { --activity-color: #7c3aed; --activity-soft: #f5f3ff; }
.dashboard-timeline-marker.is-cyan { --activity-color: #0891b2; --activity-soft: #ecfeff; }
.dashboard-timeline-marker.is-green { --activity-color: #059669; --activity-soft: #ecfdf5; }
.dashboard-timeline-marker.is-red { --activity-color: #e11d48; --activity-soft: #fff1f2; }
.dashboard-timeline-marker.is-indigo { --activity-color: #4f46e5; --activity-soft: #eef2ff; }
.dashboard-timeline-marker.is-amber { --activity-color: #d97706; --activity-soft: #fffbeb; }
.dashboard-timeline-marker.is-teal { --activity-color: #0f766e; --activity-soft: #f0fdfa; }
.dashboard-timeline-marker.is-fuchsia { --activity-color: #c026d3; --activity-soft: #fdf4ff; }
.dashboard-timeline-marker.is-yellow { --activity-color: #ca8a04; --activity-soft: #fefce8; }

.dashboard-activity-card {
    min-width: 0;
    margin-bottom: .7rem;
    border: 1px solid #e8edf4;
    border-radius: .9rem;
    background: linear-gradient(135deg, #fff, #fbfdff);
    padding: .75rem .8rem;
    box-shadow: 0 8px 22px -24px #0f172a;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.dashboard-activity-card:hover {
    border-color: rgb(var(--store-primary-rgb) / .28);
    box-shadow: 0 16px 32px -28px #0f172a;
    transform: translateY(-1px);
}

.dashboard-activity-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.dashboard-activity-card h4 {
    margin: 0;
    color: #172033;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: -.008em;
}

.dashboard-activity-card header time {
    display: block;
    margin-top: .18rem;
    color: var(--store-primary);
    font-size: .64rem;
    font-weight: 700;
}

.dashboard-activity-chevron { width: .85rem; flex: 0 0 auto; color: #cbd5e1; }
[dir="rtl"] .dashboard-activity-chevron { transform: scaleX(-1); }

.dashboard-activity-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .42rem;
    margin-top: .65rem;
}

.dashboard-activity-detail {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .42rem;
    border-radius: .58rem;
    background: #f8fafc;
    padding: .42rem .5rem;
    color: #64748b;
}

.dashboard-activity-detail > svg { width: .75rem; flex: 0 0 auto; color: #94a3b8; }
.dashboard-activity-detail > span { min-width: 0; }
.dashboard-activity-detail small,
.dashboard-activity-detail strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-activity-detail small { color: #94a3b8; font-size: .54rem; font-weight: 650; }
.dashboard-activity-detail strong { margin-top: .08rem; color: #475569; font-size: .64rem; font-weight: 750; }
.dashboard-activity-exact { display: flex; align-items: center; gap: .3rem; margin: .55rem 0 0; color: #94a3b8; font-size: .57rem; }
.dashboard-activity-exact svg { width: .68rem; }

.dashboard-breakdown { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin-top: .9rem; }
.dashboard-breakdown > div,
.dashboard-customer-kpis > div { border: 1px solid #eef2f7; border-radius: .85rem; background: #f8fafc; padding: .8rem; }
.dashboard-breakdown > div.is-emphasis { border-color: rgb(var(--store-primary-rgb) / .2); background: rgb(var(--store-primary-rgb) / .07); }
.dashboard-breakdown span,
.dashboard-customer-kpis span { display: block; color: #64748b; font-size: .66rem; font-weight: 650; }
.dashboard-breakdown strong,
.dashboard-customer-kpis strong { display: block; margin-top: .25rem; overflow: hidden; color: #1e293b; font-size: .88rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-customer-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin-top: .8rem; }
.dashboard-subheading { margin: 1.1rem 0 .4rem; color: #475569; font-size: .75rem; font-weight: 800; }

.dashboard-table-wrap { width: 100%; overflow-x: auto; }
.dashboard-table { width: 100%; border-collapse: collapse; }
.dashboard-table th { border-bottom: 1px solid #e2e8f0; padding: .5rem .4rem; color: #94a3b8; font-size: .62rem; font-weight: 750; text-align: start; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.dashboard-table td { border-bottom: 1px solid #f1f5f9; padding: .62rem .4rem; color: #475569; font-size: .7rem; text-align: start; white-space: nowrap; }
.dashboard-table th:not(:first-child),
.dashboard-table td:not(:first-child) { text-align: end; }
.dashboard-table td:first-child { width: 100%; max-width: 13rem; }
.dashboard-table td a { display: block; overflow: hidden; color: #334155; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

.dashboard-empty { display: grid; min-height: 10rem; place-items: center; align-content: center; gap: .5rem; color: #94a3b8; text-align: center; }
.dashboard-empty svg { width: 1.35rem; }
.dashboard-empty p { max-width: 24rem; margin: 0; font-size: .72rem; }
.dashboard-empty.is-success { color: #059669; }
.dashboard-empty.is-compact { min-height: 5rem; }
.dashboard-error { display: grid; min-height: 24rem; place-items: center; align-content: center; gap: .55rem; border: 1px solid #fecdd3; border-radius: 1.25rem; background: #fff1f2; padding: 2rem; text-align: center; }
.dashboard-error > span { display: grid; width: 3.25rem; height: 3.25rem; place-items: center; border-radius: 1rem; background: #ffe4e6; color: #e11d48; }
.dashboard-error h2 { margin: .35rem 0 0; color: #881337; font-size: 1.05rem; font-weight: 800; }
.dashboard-error p { max-width: 28rem; margin: 0; color: #9f1239; font-size: .78rem; }
.dashboard-error button { margin-top: .5rem; border-radius: .75rem; background: #0f172a; padding: .65rem 1rem; color: #fff; font-size: .75rem; font-weight: 750; }
.dashboard-skeleton { display: grid; gap: 1rem; }

@media (max-width: 1279px) {
    .dashboard-overview-card { align-items: stretch; flex-direction: column; }
    .dashboard-overview-copy { max-width: none; }
    .dashboard-filters { grid-template-columns: minmax(9rem, 1fr) auto minmax(8rem, 1fr) auto; }
}

@media (max-width: 1023px) {
    .dashboard-primary-kpis,
    .dashboard-secondary-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-main-grid,
    .dashboard-two-column { grid-template-columns: 1fr; }
    .dashboard-breakdown { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .dashboard-overview-card { gap: 1.2rem; border-radius: 1.1rem; }
    .dashboard-filters { grid-template-columns: 1fr 1fr; }
    .dashboard-custom-range { grid-column: 1 / -1; }
    .dashboard-filters > button { width: 100%; }
    .dashboard-card { border-radius: 1rem; padding: 1rem; }
    .dashboard-customer-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-stock-pill { max-width: 8rem; overflow: hidden; text-overflow: ellipsis; }
}

@media (max-width: 479px) {
    .dashboard-filters { grid-template-columns: 1fr; }
    .dashboard-custom-range { grid-column: auto; grid-template-columns: 1fr; }
    .dashboard-primary-kpis,
    .dashboard-secondary-kpis { grid-template-columns: 1fr; }
    .dashboard-primary-kpis .dashboard-kpi { min-height: 6rem; }
    .dashboard-breakdown { grid-template-columns: 1fr 1fr; }
    .dashboard-attention { padding: .9rem; }
    .dashboard-attention-links a { width: 100%; justify-content: space-between; }
    .dashboard-inventory-row { align-items: flex-start; flex-wrap: wrap; }
    .dashboard-stock-pill { margin-inline-start: 3.35rem; }
    .dashboard-activity-details { grid-template-columns: 1fr; }
    .dashboard-timeline-item { grid-template-columns: 2.05rem minmax(0, 1fr); }
    .dashboard-timeline-marker { width: 1.8rem; height: 1.8rem; }
    .dashboard-timeline-rail::after { top: 2.3rem; }
}

/* Store Admin real-time notifications */
.store-notification-toast-region {
    position: fixed;
    inset-inline-end: clamp(.75rem, 2vw, 1.5rem);
    bottom: clamp(.75rem, 2vw, 1.5rem);
    z-index: 90;
    display: flex;
    width: min(25rem, calc(100vw - 1.5rem));
    flex-direction: column;
    gap: .7rem;
    pointer-events: none;
}

.store-notification-toast {
    --notification-accent: #2563eb;
    --notification-soft: #eff6ff;
    --notification-enter: calc(100% + 2rem);
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-inline-start: 4px solid var(--notification-accent);
    border-radius: 1rem;
    background: rgb(255 255 255 / .98);
    padding: .9rem;
    box-shadow: 0 22px 55px -22px rgb(15 23 42 / .42), 0 4px 12px rgb(15 23 42 / .08);
    opacity: 0;
    pointer-events: auto;
    transform: translateX(var(--notification-enter));
    transition: opacity .22s ease, transform .28s cubic-bezier(.22, 1, .36, 1), box-shadow .16s ease;
}

[dir="rtl"] .store-notification-toast { --notification-enter: calc(-100% - 2rem); }
.store-notification-toast.is-visible { opacity: 1; transform: none; }
.store-notification-toast.is-leaving { opacity: 0; transform: translateX(var(--notification-enter)) scale(.98); }
.store-notification-toast.is-clickable { cursor: pointer; }
.store-notification-toast.is-clickable:hover { box-shadow: 0 26px 65px -22px rgb(15 23 42 / .5), 0 6px 16px rgb(15 23 42 / .1); }
.store-notification-toast:focus-visible { outline: 3px solid rgb(var(--store-primary-rgb) / .2); outline-offset: 2px; }
.store-notification-toast.is-success { --notification-accent: #059669; --notification-soft: #ecfdf5; }
.store-notification-toast.is-warning { --notification-accent: #d97706; --notification-soft: #fffbeb; }
.store-notification-toast.is-error { --notification-accent: #e11d48; --notification-soft: #fff1f2; }

.store-notification-toast-icon {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    place-items: center;
    border-radius: .75rem;
    background: var(--notification-soft);
    color: var(--notification-accent);
}

.store-notification-toast-icon svg { width: 1.12rem; }
.store-notification-toast-copy { min-width: 0; }
.store-notification-toast-copy strong { display: block; overflow: hidden; color: #0f172a; font-size: .84rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.store-notification-toast-copy p { display: -webkit-box; overflow: hidden; margin-top: .18rem; color: #64748b; font-size: .75rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.store-notification-toast-type { display: block; margin-bottom: .12rem; color: var(--notification-accent); font-size: .62rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.store-notification-toast-action { display: inline-flex; align-items: center; gap: .25rem; margin-top: .45rem; color: var(--notification-accent); font-size: .68rem; font-weight: 800; }
.store-notification-toast-action svg { width: .78rem; }
[dir="rtl"] .store-notification-toast-action svg { transform: scaleX(-1); }
.store-notification-toast-close { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: .55rem; color: #94a3b8; transition: .15s ease; }
.store-notification-toast-close:hover { background: #f1f5f9; color: #334155; }
.store-notification-toast-close:focus-visible { outline: 2px solid var(--notification-accent); }
.store-notification-toast-close svg { width: .9rem; }
.store-notification-toast-progress { position: absolute; inset-inline: 0; bottom: 0; height: 3px; background: var(--notification-accent); transform-origin: left; animation: store-notification-progress var(--notification-duration) linear forwards; }
[dir="rtl"] .store-notification-toast-progress { transform-origin: right; }
.store-notification-toast.is-paused .store-notification-toast-progress { animation-play-state: paused; }
@keyframes store-notification-progress { to { transform: scaleX(0); } }

.notification-center-row { display: flex; gap: .75rem; border-bottom: 1px solid #f1f5f9; padding: .9rem 1rem; transition: background-color .15s ease; }
.notification-center-row:hover { background: #f8fafc; }
.notification-center-row.is-unread { background: rgb(var(--store-primary-rgb) / .055); }
.notification-center-icon { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #eff6ff; color: #2563eb; }
.notification-center-icon.is-success { background: #ecfdf5; color: #059669; }
.notification-center-icon.is-warning { background: #fffbeb; color: #d97706; }
.notification-center-icon.is-error { background: #fff1f2; color: #e11d48; }
.notification-center-icon svg { width: .95rem; }
.notification-center-row b, .notification-center-row > span > span, .notification-center-row time { display: block; }
.notification-center-row b { overflow: hidden; color: #0f172a; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.notification-center-row > span > span { margin-top: .15rem; color: #64748b; font-size: .7rem; line-height: 1.4; }
.notification-center-row time { margin-top: .25rem; color: #94a3b8; font-size: .63rem; }
.notification-unread-dot { width: .48rem; height: .48rem; flex: 0 0 auto; margin-top: .5rem; border-radius: 50%; background: var(--store-primary); }

@media (max-width: 639px) {
    .store-notification-toast-region { inset-inline: .6rem; bottom: .6rem; width: auto; }
    .store-notification-toast { border-radius: .9rem; padding: .78rem; }
    .store-notification-toast-copy p { -webkit-line-clamp: 2; }
}

@media (prefers-reduced-motion: reduce) {
    .store-notification-toast { transition-duration: .01ms; }
    .store-notification-toast-progress { animation: none; }
}

/* Wholesale dashboard */
.wholesale-dashboard { display: grid; gap: 1.25rem; }
.wholesale-hero { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; overflow: hidden; border: 1px solid rgb(var(--store-primary-rgb) / .18); border-radius: 1.5rem; background: linear-gradient(135deg, rgb(var(--store-primary-rgb) / .11), #fff 58%, #f8fafc); padding: clamp(1.25rem, 3vw, 2rem); box-shadow: 0 12px 30px -24px #0f172a; }
.wholesale-hero::after { position: absolute; inset-inline-end: -4rem; top: -6rem; width: 15rem; height: 15rem; border-radius: 999px; background: rgb(var(--store-primary-rgb) / .08); content: ""; }
.wholesale-hero-copy, .wholesale-hero-actions { position: relative; z-index: 1; }
.wholesale-hero-copy { max-width: 46rem; }
.wholesale-hero h2 { margin-top: .8rem; color: #0f172a; font-size: clamp(1.55rem, 3vw, 2.15rem); font-weight: 850; letter-spacing: -.035em; }
.wholesale-hero p { margin-top: .55rem; color: #64748b; font-size: .93rem; line-height: 1.65; }
.wholesale-hero-actions { display: flex; flex-wrap: wrap; flex-shrink: 0; gap: .65rem; }
.wholesale-status { display: inline-flex; align-items: center; gap: .45rem; border-radius: 999px; padding: .38rem .68rem; background: #f1f5f9; color: #64748b; font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.wholesale-status span { width: .48rem; height: .48rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgb(100 116 139 / .12); }
.wholesale-status.is-enabled { background: #ecfdf5; color: #047857; }
.wholesale-status.is-enabled span { box-shadow: 0 0 0 4px rgb(16 185 129 / .14); }
.wholesale-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; }
.wholesale-stat { display: flex; min-width: 0; gap: .85rem; border: 1px solid #e2e8f0; border-radius: 1.15rem; background: #fff; padding: 1.05rem; box-shadow: 0 8px 24px -24px #0f172a; }
.wholesale-stat-icon { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border-radius: .85rem; background: rgb(var(--store-primary-rgb) / .09); color: var(--store-primary); }
.wholesale-stat-icon svg { width: 1.2rem; }
.wholesale-stat p, .wholesale-stat span { display: block; overflow: hidden; color: #64748b; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.wholesale-stat strong { display: block; margin: .05rem 0; color: #0f172a; font-size: 1.2rem; font-weight: 850; }
.wholesale-card { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 1.25rem; background: #fff; box-shadow: 0 10px 28px -26px #0f172a; }
.wholesale-card-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #eef2f7; padding: 1.2rem 1.3rem; }
.wholesale-card-header h3 { margin-top: .12rem; color: #0f172a; font-size: 1.05rem; font-weight: 800; }
.wholesale-card-header p { margin-top: .2rem; color: #64748b; font-size: .82rem; }
.wholesale-filter-bar { display: flex; align-items: end; justify-content: flex-end; gap: .65rem; border-bottom: 1px solid #eef2f7; background: #fbfdff; padding: .8rem 1.25rem; }
.wholesale-filter-bar > p { margin-inline-end: auto; padding-block: .65rem; color: #64748b; font-size: .75rem; font-weight: 700; }
.wholesale-filter-bar > label, .wholesale-compact-filter { display: grid; gap: .25rem; color: #64748b; font-size: .66rem; font-weight: 800; }
.wholesale-customer-tools { display: flex; min-width: min(100%, 42rem); align-items: center; justify-content: flex-end; gap: .55rem; }
.wholesale-filter-bar select, .wholesale-compact-filter select { min-height: 2.55rem; border: 1px solid #dbe3ee; border-radius: .75rem; background: #fff; padding: .58rem 2rem .58rem .75rem; color: #334155; font-size: .78rem; font-weight: 650; outline: none; transition: .15s ease; }
[dir="rtl"] .wholesale-filter-bar select, [dir="rtl"] .wholesale-compact-filter select { padding: .58rem .75rem .58rem 2rem; }
.wholesale-filter-bar select:focus, .wholesale-compact-filter select:focus { border-color: rgb(var(--store-primary-rgb) / .55); box-shadow: 0 0 0 3px rgb(var(--store-primary-rgb) / .1); }
.wholesale-filter-bar .sa-button { min-height: 2.55rem; }
.wholesale-eyebrow { color: var(--store-primary); font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .09em; }
.wholesale-table-wrap { overflow-x: auto; }
.wholesale-table { width: 100%; border-collapse: collapse; text-align: start; }
.wholesale-table th { background: #f8fafc; padding: .7rem 1.25rem; color: #64748b; font-size: .69rem; font-weight: 850; text-align: start; text-transform: uppercase; letter-spacing: .055em; white-space: nowrap; }
.wholesale-table td { border-top: 1px solid #f1f5f9; padding: .9rem 1.25rem; color: #475569; font-size: .82rem; vertical-align: middle; }
.wholesale-table tbody tr { transition: background-color .15s ease; }
.wholesale-table tbody tr:hover { background: #fbfdff; }
.wholesale-table th:last-child, .wholesale-table td:last-child { text-align: end; }
.wholesale-name { display: flex; min-width: 11rem; align-items: center; gap: .7rem; }
.wholesale-name strong, .wholesale-name span { display: block; }
.wholesale-name strong { color: #0f172a; font-weight: 750; }
.wholesale-name div > span { margin-top: .15rem; color: #94a3b8; font-size: .72rem; }
.wholesale-avatar { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; background: #f1f5f9; color: #64748b; font-size: .78rem; font-weight: 850; }
.wholesale-avatar svg { width: 1rem; }
.wholesale-avatar.is-customer { border-radius: 50%; background: rgb(var(--store-primary-rgb) / .1); color: var(--store-primary); }
.wholesale-pill { display: inline-flex; align-items: center; border-radius: 999px; background: #f1f5f9; padding: .28rem .58rem; color: #475569; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.wholesale-pill.is-purple { background: rgb(var(--store-primary-rgb) / .1); color: var(--store-primary); }
.wholesale-pill.is-green { background: #ecfdf5; color: #047857; }
.wholesale-pill.is-muted { background: #f8fafc; color: #94a3b8; }
.wholesale-row-actions { display: inline-flex; justify-content: flex-end; gap: .35rem; }
.wholesale-row-actions button { display: inline-grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid #e2e8f0; border-radius: .6rem; background: #fff; color: #64748b; transition: .15s ease; }
.wholesale-row-actions button:hover { border-color: rgb(var(--store-primary-rgb) / .35); background: rgb(var(--store-primary-rgb) / .06); color: var(--store-primary); }
.wholesale-row-actions button.is-danger:hover { border-color: #fecdd3; background: #fff1f2; color: #e11d48; }
.wholesale-row-actions svg { width: .92rem; }
.wholesale-assign-button { white-space: nowrap; }
.wholesale-assign-button:disabled { cursor: not-allowed; opacity: .55; }
.wholesale-search { position: relative; display: block; width: min(100%, 19rem); }
.wholesale-search > svg, .wholesale-input-icon > svg { position: absolute; inset-inline-start: .8rem; top: 50%; z-index: 1; width: 1rem; transform: translateY(-50%); color: #94a3b8; pointer-events: none; }
.wholesale-search input, .wholesale-input-icon input { width: 100%; border: 1px solid #dbe3ee; border-radius: .75rem; background: #fff; padding: .68rem .8rem .68rem 2.35rem; color: #0f172a; font-size: .8rem; outline: none; transition: .15s ease; }
[dir="rtl"] .wholesale-search input, [dir="rtl"] .wholesale-input-icon input { padding: .68rem 2.35rem .68rem .8rem; }
.wholesale-search input:focus, .wholesale-input-icon input:focus { border-color: rgb(var(--store-primary-rgb) / .55); box-shadow: 0 0 0 3px rgb(var(--store-primary-rgb) / .1); }
.wholesale-search.is-large { width: 100%; }
.wholesale-search.is-large input { padding-block: .85rem; font-size: .9rem; }
.wholesale-empty { display: grid; min-height: 8rem; place-items: center; align-content: center; gap: .3rem; padding: 1.2rem; text-align: center; }
.wholesale-empty > svg { width: 1.5rem; color: #94a3b8; }
.wholesale-empty strong { color: #334155; font-size: .85rem; }
.wholesale-empty span { max-width: 25rem; color: #94a3b8; font-size: .75rem; }
.wholesale-pagination { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid #eef2f7; padding: .85rem 1.25rem; }
.wholesale-pagination p { color: #64748b; font-size: .76rem; }
.wholesale-pagination > div { display: flex; gap: .45rem; }
.wholesale-pagination button { display: inline-flex; align-items: center; gap: .3rem; border: 1px solid #e2e8f0; border-radius: .65rem; padding: .45rem .65rem; color: #475569; font-size: .73rem; font-weight: 750; }
.wholesale-pagination button:disabled { opacity: .4; }
.wholesale-pagination svg { width: .85rem; }

/* Wholesale modal workflows */
body.wholesale-modal-open { overflow: hidden; }
.wholesale-modal-shell { position: fixed; inset: 0; z-index: 80; display: grid; align-items: center; justify-items: center; overflow-y: auto; background: rgb(15 23 42 / .55); padding: 1.25rem; opacity: 0; backdrop-filter: blur(5px); transition: opacity .18s ease; }
.wholesale-modal-shell.is-open { opacity: 1; }
.wholesale-modal { width: min(100%, 34rem); max-height: min(88vh, 58rem); overflow: hidden; border: 1px solid rgb(226 232 240 / .9); border-radius: 1.35rem; background: #fff; box-shadow: 0 30px 80px -32px #020617; outline: none; transform: translateY(12px) scale(.985); transition: transform .2s ease; }
.wholesale-modal-shell.is-open .wholesale-modal { transform: none; }
.wholesale-modal-lg { width: min(100%, 46rem); }
.wholesale-modal-xl { width: min(100%, 64rem); }
.wholesale-modal-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: flex-start; gap: .8rem; border-bottom: 1px solid #eef2f7; padding: 1.2rem 1.35rem; }
.wholesale-modal-header-icon { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; border-radius: .8rem; background: rgb(var(--store-primary-rgb) / .1); color: var(--store-primary); }
.wholesale-modal-header-icon svg { width: 1.15rem; }
.wholesale-modal-header h2 { margin-top: .15rem; color: #0f172a; font-size: 1.2rem; font-weight: 850; letter-spacing: -.02em; }
.wholesale-modal-header p { margin-top: .25rem; color: #64748b; font-size: .8rem; }
.wholesale-modal-close { display: grid; width: 2.2rem; height: 2.2rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; color: #64748b; transition: .15s ease; }
.wholesale-modal-close:hover { background: #f1f5f9; color: #0f172a; }
.wholesale-modal-close svg { width: 1.1rem; }
.wholesale-modal-body { max-height: calc(min(88vh, 58rem) - 5.3rem); overflow-y: auto; padding: 1.35rem; }
.wholesale-modal-form { display: grid; gap: 1.15rem; }
.wholesale-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.wholesale-form-grid.is-single { grid-template-columns: 1fr; }
.wholesale-field { display: grid; gap: .42rem; color: #334155; font-size: .78rem; font-weight: 750; }
.wholesale-field > span:first-child { display: flex; justify-content: space-between; gap: .5rem; }
.wholesale-field em { color: #94a3b8; font-size: .67rem; font-style: normal; font-weight: 650; }
.wholesale-field input, .wholesale-field select { width: 100%; min-height: 2.75rem; border: 1px solid #dbe3ee; border-radius: .75rem; background: #fff; padding: .7rem .78rem; color: #0f172a; font-size: .84rem; font-weight: 500; outline: none; transition: .15s ease; }
.wholesale-field input:focus, .wholesale-field select:focus { border-color: rgb(var(--store-primary-rgb) / .55); box-shadow: 0 0 0 3px rgb(var(--store-primary-rgb) / .1); }
.wholesale-input-icon { position: relative; display: block; }
.wholesale-switch-list { overflow: hidden; border: 1px solid #e2e8f0; border-radius: .9rem; }
.wholesale-switch-list > label { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; }
.wholesale-switch-list > label + label { border-top: 1px solid #eef2f7; }
.wholesale-switch-list strong, .wholesale-switch-list small { display: block; }
.wholesale-switch-list strong { color: #334155; font-size: .8rem; }
.wholesale-switch-list small { margin-top: .16rem; color: #94a3b8; font-size: .7rem; }
.wholesale-toggle { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .55rem; cursor: pointer; }
.wholesale-toggle input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.wholesale-toggle > span { position: relative; width: 2.5rem; height: 1.42rem; border-radius: 999px; background: #cbd5e1; transition: .2s ease; }
.wholesale-toggle > span::after { position: absolute; top: .18rem; inset-inline-start: .2rem; width: 1.05rem; height: 1.05rem; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgb(15 23 42 / .22); content: ""; transition: transform .2s ease; }
.wholesale-toggle input:checked + span { background: var(--store-primary); }
.wholesale-toggle input:checked + span::after { transform: translateX(1.05rem); }
[dir="rtl"] .wholesale-toggle input:checked + span::after { transform: translateX(-1.05rem); }
.wholesale-toggle input:focus-visible + span { box-shadow: 0 0 0 3px rgb(var(--store-primary-rgb) / .18); }
.wholesale-toggle em { color: #475569; font-size: .76rem; font-style: normal; font-weight: 750; }
.wholesale-setting-choice { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .85rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: #f8fafc; padding: 1rem; }
.wholesale-setting-icon { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border-radius: .85rem; background: rgb(var(--store-primary-rgb) / .1); color: var(--store-primary); }
.wholesale-setting-choice strong, .wholesale-setting-choice p { display: block; }
.wholesale-setting-choice strong { color: #0f172a; font-size: .85rem; }
.wholesale-setting-choice p { margin-top: .16rem; color: #64748b; font-size: .72rem; }
.wholesale-modal-actions { display: flex; justify-content: flex-end; gap: .6rem; border-top: 1px solid #eef2f7; padding-top: 1rem; }
.wholesale-modal-error { border: 1px solid #fecdd3; border-radius: .75rem; background: #fff1f2; padding: .7rem .8rem; color: #be123c; font-size: .77rem; }
.wholesale-spinner { display: inline-block; width: 1rem; height: 1rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: wholesale-spin .7s linear infinite; }
@keyframes wholesale-spin { to { transform: rotate(360deg); } }
.wholesale-customer-summary { display: flex; align-items: center; gap: .75rem; border-radius: .9rem; background: #f8fafc; padding: .85rem; }
.wholesale-customer-summary strong, .wholesale-customer-summary span { display: block; }
.wholesale-customer-summary strong { color: #0f172a; font-size: .84rem; }
.wholesale-customer-summary div span { color: #64748b; font-size: .72rem; }
.wholesale-group-options { display: grid; max-height: 18rem; gap: .45rem; overflow-y: auto; }
.wholesale-group-options > label > input { position: absolute; opacity: 0; }
.wholesale-group-options > label > span { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; border: 1px solid #e2e8f0; border-radius: .8rem; padding: .72rem .8rem; cursor: pointer; transition: .15s ease; }
.wholesale-group-options > label > input:checked + span { border-color: rgb(var(--store-primary-rgb) / .5); background: rgb(var(--store-primary-rgb) / .055); }
.wholesale-group-options svg { width: 1rem; color: #64748b; }
.wholesale-group-options strong, .wholesale-group-options small { display: block; }
.wholesale-group-options strong { color: #334155; font-size: .78rem; }
.wholesale-group-options small { color: #94a3b8; font-size: .68rem; }
.wholesale-option-check { opacity: 0; color: var(--store-primary) !important; }
.wholesale-group-options input:checked + span .wholesale-option-check { opacity: 1; }
.wholesale-product-results { display: grid; max-height: 29rem; gap: .45rem; overflow-y: auto; margin-top: .9rem; }
.wholesale-product-result { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .8rem; border: 1px solid #e2e8f0; border-radius: .85rem; padding: .7rem; text-align: start; transition: .15s ease; }
.wholesale-product-result:hover { border-color: rgb(var(--store-primary-rgb) / .35); background: rgb(var(--store-primary-rgb) / .035); }
.wholesale-product-result img, .wholesale-product-placeholder { width: 3rem; height: 3rem; border-radius: .65rem; object-fit: cover; }
.wholesale-product-placeholder { display: grid; place-items: center; background: #f1f5f9; color: #94a3b8; }
.wholesale-product-result strong, .wholesale-product-result small { display: block; }
.wholesale-product-result strong { color: #0f172a; font-size: .83rem; }
.wholesale-product-result small { margin-top: .16rem; color: #94a3b8; font-size: .7rem; }
.wholesale-product-result > svg { width: 1rem; color: #94a3b8; }
.wholesale-loading { display: flex; min-height: 8rem; align-items: center; justify-content: center; gap: .6rem; color: #64748b; font-size: .8rem; }
.wholesale-pricing-toolbar { display: grid; grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr); align-items: end; gap: 1rem; }
.wholesale-pricing-note { display: flex; align-items: flex-start; gap: .55rem; border-radius: .8rem; background: #f8fafc; padding: .75rem; color: #64748b; font-size: .72rem; line-height: 1.5; }
.wholesale-pricing-note svg { width: 1rem; flex: 0 0 auto; color: var(--store-primary); }
.wholesale-pricing-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .6rem; margin-top: 1rem; }
.wholesale-pricing-summary > div { min-width: 0; border: 1px solid #e2e8f0; border-radius: .85rem; background: linear-gradient(145deg, #fff, #f8fafc); padding: .75rem; }
.wholesale-pricing-summary span, .wholesale-pricing-summary strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wholesale-pricing-summary span { color: #94a3b8; font-size: .65rem; font-weight: 750; }
.wholesale-pricing-summary strong { margin-top: .2rem; color: #0f172a; font-size: .82rem; font-weight: 850; }
.wholesale-pricing-summary .has-saving strong { color: #047857; }
.wholesale-tier-section { margin-top: 1.2rem; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1rem; }
.wholesale-tier-heading { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.wholesale-tier-heading h3 { color: #0f172a; font-size: .92rem; font-weight: 800; }
.wholesale-tier-heading p { margin-top: .14rem; color: #94a3b8; font-size: .7rem; }
.wholesale-tier-list { display: grid; gap: .45rem; margin-top: .85rem; }
.wholesale-tier-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(6rem, .7fr) auto; align-items: center; gap: .8rem; border: 1px solid transparent; border-radius: .75rem; background: #f8fafc; padding: .7rem .8rem; transition: .15s ease; }
.wholesale-tier-item:hover { border-color: #e2e8f0; background: #fff; }
.wholesale-tier-item strong, .wholesale-tier-item small { display: block; }
.wholesale-tier-item strong { color: #0f172a; font-size: .8rem; }
.wholesale-tier-item small { color: #94a3b8; font-size: .65rem; }
.wholesale-tier-saving strong { color: #64748b; }
.wholesale-tier-saving.has-saving strong { color: #047857; }
.wholesale-variant-block { margin-top: .9rem; border-top: 1px solid #eef2f7; padding-top: .9rem; }
.wholesale-variant-block > div:first-child { display: flex; align-items: center; gap: .55rem; }
.wholesale-variant-block > div:first-child > strong { color: #334155; font-size: .8rem; }
.wholesale-variant-block > div:first-child > small { color: #94a3b8; font-size: .68rem; }
.wholesale-readonly-field { display: grid; gap: .3rem; border-radius: .8rem; background: #f8fafc; padding: .75rem; }
.wholesale-readonly-field span { color: #94a3b8; font-size: .68rem; font-weight: 750; }
.wholesale-readonly-field strong { color: #334155; font-size: .82rem; }
.wholesale-field-help { display: flex; align-items: center; gap: .45rem; color: #64748b; font-size: .72rem; }
.wholesale-field-help svg { width: .95rem; color: var(--store-primary); }

@media (max-width: 1279px) {
    .wholesale-customer-header { align-items: stretch; flex-direction: column; }
    .wholesale-customer-tools { width: 100%; }
    .wholesale-customer-tools .wholesale-search { flex: 1 1 16rem; }
}
@media (max-width: 1023px) {
    .wholesale-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wholesale-hero { align-items: flex-start; flex-direction: column; }
    .wholesale-pricing-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
    .wholesale-dashboard { gap: .85rem; }
    .wholesale-hero { border-radius: 1.1rem; padding: 1.15rem; }
    .wholesale-hero-actions, .wholesale-hero-actions .sa-button { width: 100%; }
    .wholesale-stat-grid { grid-template-columns: 1fr; }
    .wholesale-card { border-radius: 1rem; }
    .wholesale-card-header { align-items: stretch; flex-direction: column; padding: 1rem; }
    .wholesale-card-header .sa-button, .wholesale-customer-header .wholesale-search, .wholesale-customer-tools { width: 100%; }
    .wholesale-filter-bar, .wholesale-customer-tools { align-items: stretch; flex-direction: column; }
    .wholesale-filter-bar { padding: .8rem 1rem; }
    .wholesale-filter-bar > p { order: 1; margin: 0; padding-block: .15rem; }
    .wholesale-compact-filter { width: 100%; }
    .wholesale-table th { display: none; }
    .wholesale-table, .wholesale-table tbody, .wholesale-table tr, .wholesale-table td { display: block; width: 100%; }
    .wholesale-table tr { border-top: 1px solid #eef2f7; padding: .75rem 1rem; }
    .wholesale-table td { display: flex; align-items: center; justify-content: space-between; gap: .75rem; border: 0; padding: .32rem 0; text-align: start !important; }
    .wholesale-table td[colspan] { display: block; }
    .wholesale-table td[data-label]::before { color: #94a3b8; font-size: .68rem; font-weight: 750; content: attr(data-label); }
    .wholesale-row-actions, .wholesale-assign-button { margin-inline-start: auto; }
    .wholesale-pagination { align-items: stretch; flex-direction: column; }
    .wholesale-pagination > div, .wholesale-pagination button { flex: 1; justify-content: center; }
    .wholesale-modal-shell { align-items: center; padding: .75rem; }
    .wholesale-modal { width: 100%; max-width: calc(100vw - 1.5rem); max-height: calc(100dvh - 1.5rem); border-radius: 1.1rem; transform: translateY(12px) scale(.985); }
    .wholesale-modal-header, .wholesale-modal-body { padding-inline: 1rem; }
    .wholesale-modal-body { max-height: calc(100dvh - 6.8rem); }
    .wholesale-form-grid, .wholesale-pricing-toolbar { grid-template-columns: 1fr; }
    .wholesale-pricing-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wholesale-setting-choice { grid-template-columns: auto minmax(0, 1fr); }
    .wholesale-setting-choice .wholesale-toggle { grid-column: 1 / -1; justify-content: space-between; }
    .wholesale-modal-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .wholesale-modal-actions .sa-button { justify-content: center; }
    .wholesale-tier-heading { align-items: stretch; flex-direction: column; }
    .wholesale-tier-item { grid-template-columns: 1fr 1fr; }
    .wholesale-tier-item .wholesale-row-actions { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
    .wholesale-modal-shell, .wholesale-modal, .wholesale-dashboard * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Theme-aware iOS glass system for catalog taxonomy pages. */
body:has(.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"])) {
    --catalog-radius: var(--store-radius, 20px);
    --catalog-glass: color-mix(in srgb, var(--store-background) 76%, white 24%);
    --catalog-glass-strong: color-mix(in srgb, var(--store-background) 88%, white 12%);
    --catalog-glass-muted: color-mix(in srgb, var(--store-background) 91%, var(--store-primary) 9%);
    --catalog-border: color-mix(in srgb, var(--store-text) 12%, transparent);
    --catalog-shadow: 0 18px 55px -36px rgb(var(--store-text-rgb) / .42), inset 0 1px 0 rgb(255 255 255 / .55);
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) {
    --catalog-radius: var(--store-radius, 20px);
    --catalog-glass: color-mix(in srgb, var(--store-background) 76%, white 24%);
    --catalog-glass-strong: color-mix(in srgb, var(--store-background) 88%, white 12%);
    --catalog-glass-muted: color-mix(in srgb, var(--store-background) 91%, var(--store-primary) 9%);
    --catalog-border: color-mix(in srgb, var(--store-text) 12%, transparent);
    --catalog-shadow: 0 18px 55px -36px rgb(var(--store-text-rgb) / .42), inset 0 1px 0 rgb(255 255 255 / .55);
    position: relative;
    isolation: isolate;
    overflow: clip;
    background:
        radial-gradient(circle at 12% 5%, rgb(var(--store-primary-rgb) / .16), transparent 28rem),
        radial-gradient(circle at 88% 12%, rgb(var(--store-secondary-rgb) / .13), transparent 25rem),
        radial-gradient(circle at 48% 94%, rgb(var(--store-accent-rgb) / .1), transparent 28rem),
        var(--store-background);
    color: var(--store-text);
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"])::before {
    position: fixed;
    inset: 0;
    z-index: -1;
    background-image: linear-gradient(rgb(255 255 255 / .018) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / .018) 1px, transparent 1px);
    background-size: 30px 30px;
    pointer-events: none;
    content: "";
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-shell-content > header {
    min-block-size: 4.5rem;
    block-size: auto;
    padding-block: .6rem;
    border-color: var(--catalog-border);
    background: color-mix(in srgb, var(--catalog-glass) 86%, transparent);
    box-shadow: 0 8px 30px -28px rgb(var(--store-text-rgb) / .55);
    -webkit-backdrop-filter: saturate(145%) blur(22px);
    backdrop-filter: saturate(145%) blur(22px);
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) #page-title { color: var(--store-text); }
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) #page-title + p { display: block; max-inline-size: min(46vw, 44rem); overflow: hidden; color: rgb(var(--store-text-rgb) / .62); text-overflow: ellipsis; white-space: nowrap; }
.catalog-shell-title { display: flex; min-inline-size: 0; align-items: center; gap: .75rem; }
.catalog-page-title-icon {
    display: grid;
    inline-size: 2.75rem;
    block-size: 2.75rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgb(var(--store-primary-rgb) / .2);
    border-radius: calc(var(--catalog-radius, 20px) * .72);
    background: linear-gradient(145deg, rgb(255 255 255 / .68), rgb(var(--store-primary-rgb) / .11));
    color: var(--store-primary);
    box-shadow: 0 10px 28px -20px rgb(var(--store-primary-rgb) / .9), inset 0 1px 0 rgb(255 255 255 / .78);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-sidebar {
    border-color: var(--catalog-border);
    background: color-mix(in srgb, var(--catalog-glass) 91%, transparent);
    color: var(--store-text);
    box-shadow: 14px 0 45px -38px rgb(var(--store-text-rgb) / .7), inset -1px 0 0 rgb(255 255 255 / .32);
    -webkit-backdrop-filter: saturate(140%) blur(25px);
    backdrop-filter: saturate(140%) blur(25px);
}
[dir="rtl"] .admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-sidebar { box-shadow: -14px 0 45px -38px rgb(var(--store-text-rgb) / .7), inset 1px 0 0 rgb(255 255 255 / .32); }
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-sidebar-header { border-color: var(--catalog-border); }
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) #store-sidebar-name,
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-nav-link { color: rgb(var(--store-text-rgb) / .74); }
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-nav-link:hover {
    background: rgb(var(--store-primary-rgb) / .075);
    color: var(--store-primary);
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-nav-link.is-active {
    border: 1px solid rgb(var(--store-primary-rgb) / .18);
    background: linear-gradient(110deg, rgb(var(--store-primary-rgb) / .16), rgb(var(--store-secondary-rgb) / .075));
    color: var(--store-primary);
    box-shadow: 0 10px 24px -22px rgb(var(--store-primary-rgb) / .9), inset 0 1px 0 rgb(255 255 255 / .55);
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-footer {
    border-color: var(--catalog-border);
    background: color-mix(in srgb, var(--catalog-glass) 82%, transparent);
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-content-region { position: relative; }
.catalog-glass-page { display: grid; gap: 1rem; }
.catalog-page-heading.catalog-page-actions { align-items: center; justify-content: flex-end; }
.catalog-primary-action.sa-button-primary {
    min-block-size: 2.8rem;
    border: 1px solid rgb(var(--store-primary-rgb) / .28);
    border-radius: calc(var(--catalog-radius) * .72);
    background: linear-gradient(135deg, var(--store-primary), color-mix(in srgb, var(--store-primary) 72%, var(--store-secondary)));
    color: var(--store-primary-contrast, #fff);
    box-shadow: 0 14px 28px -18px rgb(var(--store-primary-rgb) / .85), inset 0 1px 0 rgb(255 255 255 / .24);
}
.catalog-primary-action.sa-button-primary:hover { filter: brightness(.96) saturate(1.06); transform: translateY(-1px); }
.catalog-filter-shell,
.catalog-desktop-table,
.catalog-mobile-card {
    border-color: var(--catalog-border);
    border-radius: var(--catalog-radius);
    background: color-mix(in srgb, var(--catalog-glass) 84%, transparent);
    box-shadow: var(--catalog-shadow);
    -webkit-backdrop-filter: saturate(135%) blur(22px);
    backdrop-filter: saturate(135%) blur(22px);
}
.catalog-filter-shell { overflow: visible; }
.catalog-filter-primary { grid-template-columns: minmax(15rem, 1.75fr) minmax(10rem, .8fr) minmax(11rem, .9fr) auto; padding: .9rem; }
.catalog-search-field input,
.catalog-filter-control input,
.catalog-filter-control select {
    border-color: var(--catalog-border);
    border-radius: calc(var(--catalog-radius) * .62);
    background: color-mix(in srgb, var(--catalog-glass-strong) 88%, transparent);
    color: var(--store-text);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .46), 0 5px 18px -17px rgb(var(--store-text-rgb) / .7);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.catalog-search-field input::placeholder { color: rgb(var(--store-text-rgb) / .46); }
.catalog-search-field > svg { color: rgb(var(--store-primary-rgb) / .7); }
.catalog-filter-control > span { color: rgb(var(--store-text-rgb) / .66); }
.catalog-filter-toggle {
    display: inline-flex;
    border-color: rgb(var(--store-primary-rgb) / .2);
    border-radius: calc(var(--catalog-radius) * .62);
    background: linear-gradient(145deg, rgb(255 255 255 / .52), rgb(var(--store-primary-rgb) / .08));
    color: var(--store-primary);
    box-shadow: 0 9px 22px -20px rgb(var(--store-primary-rgb) / .9), inset 0 1px 0 rgb(255 255 255 / .6);
}
.catalog-filter-toggle b { background: var(--store-primary); color: var(--store-primary-contrast, #fff); }
.catalog-advanced-filters {
    display: none;
    border-color: var(--catalog-border);
    border-end-start-radius: var(--catalog-radius);
    border-end-end-radius: var(--catalog-radius);
    background: color-mix(in srgb, var(--catalog-glass-muted) 86%, transparent);
    animation: catalog-filter-reveal .18s ease-out;
}
.catalog-advanced-filters.is-open { display: grid; }
@keyframes catalog-filter-reveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.catalog-filter-actions .sa-button-primary {
    background: var(--store-primary);
    color: var(--store-primary-contrast, #fff);
}
.catalog-filter-actions .sa-button-secondary,
.catalog-modal-actions .sa-button-secondary {
    border-color: var(--catalog-border);
    background: color-mix(in srgb, var(--catalog-glass-strong) 88%, transparent);
    color: var(--store-text);
}
.catalog-filter-summary { border-color: var(--catalog-border); background: rgb(255 255 255 / .055); }
.catalog-results-label { color: rgb(var(--store-text-rgb) / .62); }
.catalog-filter-chip {
    border-color: rgb(var(--store-primary-rgb) / .18);
    background: linear-gradient(135deg, rgb(var(--store-primary-rgb) / .12), rgb(var(--store-secondary-rgb) / .055));
    color: color-mix(in srgb, var(--store-primary) 86%, var(--store-text));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .42);
}
.catalog-desktop-table.table-shell { overflow: hidden; }
.catalog-desktop-table .table-scroll { border-radius: inherit; }
.catalog-table { color: var(--store-text); }
.catalog-table thead { background: color-mix(in srgb, var(--catalog-glass-strong) 85%, var(--store-primary) 3%); }
.catalog-table th {
    border-color: var(--catalog-border);
    color: rgb(var(--store-text-rgb) / .62);
    font-size: .7rem;
    letter-spacing: .015em;
}
.catalog-table td { border-color: var(--catalog-border); color: rgb(var(--store-text-rgb) / .82); padding-block: .85rem; }
.catalog-table tbody tr { transition: background-color .15s ease, box-shadow .15s ease; }
.catalog-table tbody tr:hover { background: rgb(var(--store-primary-rgb) / .055); box-shadow: inset 3px 0 0 rgb(var(--store-primary-rgb) / .45); }
[dir="rtl"] .catalog-table tbody tr:hover { box-shadow: inset -3px 0 0 rgb(var(--store-primary-rgb) / .45); }
.catalog-identity b { color: var(--store-text); }
.catalog-identity small { color: rgb(var(--store-text-rgb) / .58); }
.catalog-identity > span {
    border: 1px solid rgb(var(--store-primary-rgb) / .14);
    border-radius: calc(var(--catalog-radius) * .55);
    background: linear-gradient(145deg, rgb(255 255 255 / .48), rgb(var(--store-primary-rgb) / .09));
    color: var(--store-primary);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .58);
}
.catalog-status-badge.is-active { border: 1px solid rgb(var(--store-accent-rgb) / .24); background: rgb(var(--store-accent-rgb) / .13); color: var(--store-text); }
.catalog-status-badge.is-inactive { border: 1px solid rgb(var(--store-secondary-rgb) / .22); background: rgb(var(--store-secondary-rgb) / .13); color: var(--store-text); }
.catalog-type-badge.is-main { border: 1px solid rgb(var(--store-primary-rgb) / .2); background: rgb(var(--store-primary-rgb) / .11); color: var(--store-text); }
.catalog-type-badge.is-subcategory { border: 1px solid rgb(var(--store-secondary-rgb) / .2); background: rgb(var(--store-secondary-rgb) / .11); color: var(--store-text); }
.catalog-row-actions { flex-wrap: nowrap; }
.catalog-row-action.icon-button {
    inline-size: 2.15rem;
    block-size: 2.15rem;
    border-color: var(--catalog-border);
    border-radius: calc(var(--catalog-radius) * .5);
    background: color-mix(in srgb, var(--catalog-glass-strong) 90%, transparent);
    color: rgb(var(--store-text-rgb) / .66);
    box-shadow: 0 5px 16px -14px rgb(var(--store-text-rgb) / .8), inset 0 1px 0 rgb(255 255 255 / .5);
}
.catalog-row-action.icon-button:hover { border-color: rgb(var(--store-primary-rgb) / .25); background: rgb(var(--store-primary-rgb) / .09); color: var(--store-primary); }
.catalog-row-action.is-delete:hover { border-color: rgb(var(--store-accent-rgb) / .28); background: rgb(var(--store-accent-rgb) / .09); color: color-mix(in srgb, var(--store-accent) 75%, var(--store-text)); }
.catalog-pagination { color: rgb(var(--store-text-rgb) / .62); }
.catalog-pagination .sa-page-button {
    border-color: var(--catalog-border);
    border-radius: calc(var(--catalog-radius) * .55);
    background: color-mix(in srgb, var(--catalog-glass-strong) 88%, transparent);
    color: var(--store-text);
}
.catalog-mobile-card dl { border-color: var(--catalog-border); }
.catalog-mobile-card dt { color: rgb(var(--store-text-rgb) / .58); }
.catalog-mobile-card dd { color: var(--store-text); }
.admin-modal-panel:has(.catalog-form),
.admin-modal-panel:has(.catalog-details) {
    border-color: var(--catalog-border);
    border-radius: var(--catalog-radius);
    background: color-mix(in srgb, var(--catalog-glass) 90%, transparent);
    color: var(--store-text);
    box-shadow: 0 28px 80px -38px rgb(var(--store-text-rgb) / .75), inset 0 1px 0 rgb(255 255 255 / .64);
    -webkit-backdrop-filter: saturate(135%) blur(28px);
    backdrop-filter: saturate(135%) blur(28px);
}
.admin-modal-panel:has(.catalog-form) .sa-modal-header,
.admin-modal-panel:has(.catalog-details) .sa-modal-header { border-color: var(--catalog-border); background: rgb(255 255 255 / .075); }
.admin-modal-panel:has(.catalog-form) .sa-modal-header h3,
.admin-modal-panel:has(.catalog-details) .sa-modal-header h3 { color: var(--store-text); }
.catalog-form-field > span,
.catalog-active-field b,
.catalog-current-media b,
.catalog-details dd { color: var(--store-text); }
.catalog-form-field input,
.catalog-form-field select,
.catalog-form-field textarea,
.catalog-media-field,
.catalog-active-field {
    border-color: var(--catalog-border);
    border-radius: calc(var(--catalog-radius) * .62);
    background: color-mix(in srgb, var(--catalog-glass-strong) 88%, transparent);
    color: var(--store-text);
}
.catalog-modal-actions { border-color: var(--catalog-border); background: color-mix(in srgb, var(--catalog-glass) 94%, transparent); }
.catalog-modal-actions .sa-button-primary { background: var(--store-primary); color: var(--store-primary-contrast, #fff); }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .catalog-filter-shell, .catalog-desktop-table, .catalog-mobile-card,
    .admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) .admin-sidebar,
    .admin-modal-panel:has(.catalog-form), .admin-modal-panel:has(.catalog-details) { background: var(--catalog-glass-strong); }
}

/* Abandoned carts workspace */
.abandoned-page {
    --abandoned-border: rgb(var(--store-text-rgb) / .11);
    --abandoned-muted: rgb(var(--store-text-rgb) / .62);
    display: grid;
    gap: 1.25rem;
    min-inline-size: 0;
}

.abandoned-hero,
.abandoned-rule-card,
.abandoned-privacy-card,
.abandoned-results,
.abandoned-metric {
    border: 1px solid var(--abandoned-border);
    background: rgb(255 255 255 / .88);
    box-shadow: 0 16px 45px rgb(var(--store-text-rgb) / .055);
    -webkit-backdrop-filter: saturate(130%) blur(20px);
    backdrop-filter: saturate(130%) blur(20px);
}

.abandoned-hero {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.35rem, 3vw, 2rem);
    border-radius: 1.5rem;
}

.abandoned-hero::after {
    position: absolute;
    inset-block-start: -5rem;
    inset-inline-end: -3rem;
    width: 15rem;
    height: 15rem;
    border-radius: 999px;
    background: rgb(var(--store-primary-rgb) / .10);
    filter: blur(8px);
    content: "";
    pointer-events: none;
}

.abandoned-hero-copy,
.abandoned-hero-actions {
    position: relative;
    z-index: 1;
}

.abandoned-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--store-primary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.abandoned-eyebrow [data-lucide] {
    width: 1rem;
    height: 1rem;
}

.abandoned-hero h2 {
    margin: .6rem 0 0;
    color: var(--store-text);
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    font-weight: 750;
    letter-spacing: -.035em;
}

.abandoned-hero p {
    max-width: 44rem;
    margin: .55rem 0 0;
    color: var(--abandoned-muted);
    font-size: .925rem;
    line-height: 1.7;
}

.abandoned-hero-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .65rem;
}

.abandoned-hero-actions :is(a, button) {
    min-height: 2.75rem;
    white-space: nowrap;
}

.abandoned-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
}

.abandoned-metric {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .9rem;
    padding: 1.1rem;
    border-radius: 1.15rem;
}

.abandoned-metric-icon,
.abandoned-control-icon {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: .85rem;
    color: var(--store-primary);
    background: rgb(var(--store-primary-rgb) / .10);
}

.abandoned-metric.is-success .abandoned-metric-icon {
    color: #047857;
    background: rgb(16 185 129 / .11);
}

.abandoned-metric.is-warning .abandoned-metric-icon {
    color: #b45309;
    background: rgb(245 158 11 / .12);
}

.abandoned-metric.is-neutral .abandoned-metric-icon {
    color: #475569;
    background: rgb(100 116 139 / .10);
}

.abandoned-metric p {
    margin: 0;
    color: var(--abandoned-muted);
    font-size: .76rem;
    font-weight: 700;
}

.abandoned-metric strong {
    display: block;
    margin-top: .25rem;
    overflow-wrap: anywhere;
    color: var(--store-text);
    font-size: 1.35rem;
    line-height: 1.2;
}

.abandoned-metric small {
    display: block;
    margin-top: .35rem;
    color: rgb(var(--store-text-rgb) / .48);
    font-size: .7rem;
    line-height: 1.45;
}

.abandoned-controls {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(22rem, .8fr);
    gap: .9rem;
}

.abandoned-rule-card,
.abandoned-privacy-card {
    display: grid;
    grid-template-columns: auto minmax(11rem, 1fr) minmax(8rem, .55fr) minmax(7rem, .4fr) auto;
    align-items: end;
    gap: .9rem;
    padding: 1.15rem;
    border-radius: 1.15rem;
}

.abandoned-privacy-card {
    grid-template-columns: auto minmax(12rem, 1fr) minmax(8rem, .55fr);
}

.abandoned-privacy-card .abandoned-privacy-action {
    grid-column: 2 / -1;
}

.abandoned-control-copy {
    align-self: center;
}

.abandoned-control-copy h3,
.abandoned-results-heading h3 {
    margin: 0;
    color: var(--store-text);
    font-size: .95rem;
    font-weight: 750;
}

.abandoned-control-copy p,
.abandoned-results-heading p {
    margin: .3rem 0 0;
    color: var(--abandoned-muted);
    font-size: .75rem;
    line-height: 1.55;
}

.abandoned-rule-card label,
.abandoned-privacy-card label {
    display: grid;
    gap: .4rem;
    color: rgb(var(--store-text-rgb) / .72);
    font-size: .73rem;
    font-weight: 700;
}

.abandoned-rule-card select,
.abandoned-input-unit {
    min-height: 2.65rem;
    border: 1px solid var(--abandoned-border);
    border-radius: .75rem;
    background: rgb(255 255 255 / .75);
}

.abandoned-rule-card select {
    min-width: 6.5rem;
    padding-inline: .8rem;
    color: var(--store-text);
}

.abandoned-input-unit {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.abandoned-input-unit input {
    min-width: 0;
    width: 5rem;
    flex: 1 1 auto;
    border: 0;
    outline: 0;
    padding: .65rem .75rem;
    color: var(--store-text);
    background: transparent;
}

.abandoned-input-unit b {
    padding-inline: .7rem;
    color: var(--abandoned-muted);
    font-size: .68rem;
    font-weight: 700;
}

.abandoned-rule-card :is(select, input):focus,
.abandoned-privacy-card input:focus {
    outline: 2px solid rgb(var(--store-primary-rgb) / .2);
    outline-offset: -1px;
}

.abandoned-primary-action,
.abandoned-privacy-action {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 0;
    border-radius: .75rem;
    padding: .65rem .9rem;
    font-size: .75rem;
    font-weight: 750;
    cursor: pointer;
}

.abandoned-primary-action {
    color: var(--store-button-contrast, #fff);
    background: var(--store-button);
}

.abandoned-privacy-action {
    color: #9a3412;
    background: rgb(251 146 60 / .12);
}

.abandoned-primary-action:hover {
    filter: brightness(.94);
}

.abandoned-privacy-action:hover {
    background: rgb(251 146 60 / .18);
}

.abandoned-results {
    overflow: hidden;
    border-radius: 1.25rem;
}

.abandoned-results-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-bottom: 1px solid var(--abandoned-border);
}

.abandoned-rule-chip,
.abandoned-duration,
.abandoned-type {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    white-space: nowrap;
    font-size: .7rem;
    font-weight: 750;
}

.abandoned-rule-chip {
    padding: .4rem .65rem;
    color: var(--store-primary);
    background: rgb(var(--store-primary-rgb) / .09);
}

.abandoned-customer {
    display: flex;
    min-width: 13rem;
    align-items: center;
    gap: .7rem;
}

.abandoned-customer-avatar {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .8rem;
    color: var(--store-primary);
    background: rgb(var(--store-primary-rgb) / .10);
    font-size: .72rem;
    font-weight: 800;
}

.abandoned-customer-avatar.is-guest {
    color: #475569;
    background: rgb(100 116 139 / .11);
}

.abandoned-customer :is(a, strong) {
    display: block;
    max-width: 13rem;
    overflow: hidden;
    color: var(--store-text);
    font-size: .8rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.abandoned-customer a:hover {
    color: var(--store-primary);
}

.abandoned-customer small {
    display: block;
    max-width: 13rem;
    margin-top: .15rem;
    overflow: hidden;
    color: var(--abandoned-muted);
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.abandoned-type {
    padding: .35rem .6rem;
}

.abandoned-type.is-registered {
    color: #047857;
    background: rgb(16 185 129 / .11);
}

.abandoned-type.is-guest {
    color: #475569;
    background: rgb(100 116 139 / .11);
}

.abandoned-item-count {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: .65rem;
    color: var(--store-text);
    background: rgb(var(--store-text-rgb) / .055);
    font-size: .75rem;
    font-weight: 750;
}

.abandoned-duration {
    padding: .35rem .55rem;
    color: #b45309;
    background: rgb(245 158 11 / .10);
}

.abandoned-row-actions {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.abandoned-row-actions button {
    display: inline-flex;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border: 1px solid var(--abandoned-border);
    border-radius: .65rem;
    padding: .45rem .65rem;
    background: rgb(255 255 255 / .7);
    font-size: .7rem;
    font-weight: 750;
    cursor: pointer;
}

.abandoned-row-actions button.is-restore {
    color: var(--store-primary);
}

.abandoned-row-actions button.is-delete {
    color: #dc2626;
}

.abandoned-row-actions button:hover {
    background: rgb(var(--store-text-rgb) / .04);
}

.abandoned-row-actions button:disabled,
.abandoned-primary-action:disabled,
.abandoned-privacy-action:disabled {
    opacity: .55;
    cursor: wait;
}

.abandoned-desktop-table .data-table {
    min-width: 64rem;
}

.abandoned-desktop-table .data-table th {
    background: rgb(var(--store-text-rgb) / .025);
    color: var(--abandoned-muted);
    font-size: .68rem;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.abandoned-desktop-table .data-table td {
    vertical-align: middle;
}

.abandoned-desktop-table time {
    color: var(--abandoned-muted);
    font-size: .75rem;
    white-space: nowrap;
}

.abandoned-mobile-list {
    display: none;
}

.abandoned-mobile-card {
    padding: 1rem;
    border-bottom: 1px solid var(--abandoned-border);
}

.abandoned-mobile-card:last-child {
    border-bottom: 0;
}

.abandoned-mobile-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .75rem;
}

.abandoned-mobile-card dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
    padding: .85rem;
    border-radius: .85rem;
    background: rgb(var(--store-text-rgb) / .035);
}

.abandoned-mobile-card dl div {
    min-width: 0;
}

.abandoned-mobile-card dt {
    color: var(--abandoned-muted);
    font-size: .66rem;
    font-weight: 700;
}

.abandoned-mobile-card dd {
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
    color: var(--store-text);
    font-size: .76rem;
    font-weight: 750;
}

.abandoned-empty {
    display: grid;
    min-height: 19rem;
    place-items: center;
    align-content: center;
    padding: 2rem;
    text-align: center;
}

.abandoned-empty > span {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    border-radius: 1.2rem;
    color: var(--store-primary);
    background: rgb(var(--store-primary-rgb) / .09);
}

.abandoned-empty h3 {
    margin: 1rem 0 0;
    color: var(--store-text);
    font-size: 1rem;
    font-weight: 750;
}

.abandoned-empty p {
    max-width: 28rem;
    margin: .4rem 0 0;
    color: var(--abandoned-muted);
    font-size: .8rem;
    line-height: 1.6;
}

.abandoned-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--abandoned-muted);
    font-size: .75rem;
}

.abandoned-pagination div {
    display: flex;
    gap: .5rem;
}

.abandoned-pagination button {
    display: inline-flex;
    min-height: 2.45rem;
    align-items: center;
    gap: .35rem;
    border: 1px solid var(--abandoned-border);
    border-radius: .7rem;
    padding: .5rem .75rem;
    color: var(--store-text);
    background: rgb(255 255 255 / .78);
    font-weight: 700;
}

.abandoned-pagination button:disabled {
    opacity: .4;
    cursor: not-allowed;
}

[dir="rtl"] .abandoned-pagination [data-lucide="chevron-left"],
[dir="rtl"] .abandoned-pagination [data-lucide="chevron-right"] {
    transform: scaleX(-1);
}

@media (max-width: 1279px) {
    .abandoned-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .abandoned-controls {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1023px) {
    .abandoned-rule-card {
        grid-template-columns: auto minmax(0, 1fr) minmax(8rem, .5fr) minmax(7rem, .4fr);
    }
    .abandoned-rule-card .abandoned-primary-action {
        grid-column: 2 / -1;
    }
    .abandoned-desktop-table {
        display: none;
    }
    .abandoned-mobile-list {
        display: block;
    }
}

@media (max-width: 639px) {
    .abandoned-hero {
        align-items: stretch;
        flex-direction: column;
    }
    .abandoned-hero-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .abandoned-hero-actions :is(a, button) {
        justify-content: center;
    }
    .abandoned-metrics {
        grid-template-columns: 1fr;
    }
    .abandoned-rule-card,
    .abandoned-privacy-card {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .abandoned-control-icon {
        display: none;
    }
    .abandoned-rule-card .abandoned-primary-action,
    .abandoned-privacy-card .abandoned-privacy-action {
        grid-column: auto;
    }
    .abandoned-results-heading,
    .abandoned-pagination {
        align-items: stretch;
        flex-direction: column;
    }
    .abandoned-rule-chip {
        align-self: flex-start;
    }
    .abandoned-pagination div,
    .abandoned-pagination button {
        flex: 1 1 0;
        justify-content: center;
    }
    .abandoned-mobile-head {
        flex-direction: column;
    }
    .abandoned-customer {
        min-width: 0;
    }
    .abandoned-row-actions button {
        flex: 1 1 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .abandoned-page *,
    .abandoned-page *::before,
    .abandoned-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
@media (max-width: 1023px) {
    .catalog-filter-primary { grid-template-columns: minmax(13rem, 1.45fr) minmax(9rem, .75fr) minmax(10rem, .85fr) auto; }
}
@media (max-width: 767px) {
    .admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) { background-attachment: fixed; }
    .catalog-page-title-icon { inline-size: 2.45rem; block-size: 2.45rem; }
    .admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) #page-title + p { max-inline-size: 42vw; font-size: .68rem; }
    .catalog-page-heading.catalog-page-actions { position: sticky; inset-block-start: 4.6rem; z-index: 18; pointer-events: none; }
    .catalog-primary-action { pointer-events: auto; }
    .catalog-filter-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .catalog-filter-primary > .catalog-search-field,
    .catalog-filter-toggle { grid-column: 1 / -1; }
    .catalog-advanced-filters.is-open { display: grid; }
    .catalog-filter-shell, .catalog-mobile-card { border-radius: calc(var(--catalog-radius) * .84); }
    .catalog-mobile-card { background: color-mix(in srgb, var(--catalog-glass) 88%, transparent); }
}
@media (max-width: 420px) {
    .catalog-filter-primary { grid-template-columns: 1fr; }
    .catalog-filter-primary > .catalog-search-field,
    .catalog-filter-toggle { grid-column: auto; }
    .catalog-page-title-icon { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .catalog-advanced-filters { animation: none; }
    .catalog-primary-action.sa-button-primary:hover { transform: none; }
}

/* Unified Store Admin visual system: neutral canvas + dynamic brand accent. */
body:has(.admin-shell) {
    --admin-background: #f3f5f7;
    --admin-background-elevated: #f8fafc;
    --admin-surface: rgb(255 255 255 / .72);
    --admin-surface-strong: rgb(255 255 255 / .88);
    --admin-surface-muted: rgb(248 250 252 / .76);
    --admin-border: rgb(15 23 42 / .085);
    --admin-text: #0f172a;
    --admin-text-rgb: 15 23 42;
    --admin-muted: #64748b;
    --admin-radius: var(--store-radius, 20px);
    --admin-shadow: 0 18px 52px -38px rgb(15 23 42 / .42), inset 0 1px 0 rgb(255 255 255 / .72);
    --catalog-radius: var(--admin-radius);
    --catalog-glass: var(--admin-surface);
    --catalog-glass-strong: var(--admin-surface-strong);
    --catalog-glass-muted: var(--admin-surface-muted);
    --catalog-border: var(--admin-border);
    --catalog-shadow: var(--admin-shadow);
    background: var(--admin-background);
}
body:has(.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"])) {
    --catalog-radius: var(--admin-radius);
    --catalog-glass: var(--admin-surface);
    --catalog-glass-strong: var(--admin-surface-strong);
    --catalog-glass-muted: var(--admin-surface-muted);
    --catalog-border: var(--admin-border);
    --catalog-shadow: var(--admin-shadow);
}
.admin-shell {
    --store-button: var(--admin-accent, var(--store-primary));
    --store-button-rgb: var(--admin-accent-rgb, var(--store-primary-rgb));
    --store-text: var(--admin-text);
    --store-text-rgb: var(--admin-text-rgb);
    min-block-size: 100dvh;
    background: linear-gradient(180deg, var(--admin-background-elevated), var(--admin-background)) !important;
    color: var(--admin-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"]) {
    --catalog-radius: var(--admin-radius);
    --catalog-glass: var(--admin-surface);
    --catalog-glass-strong: var(--admin-surface-strong);
    --catalog-glass-muted: var(--admin-surface-muted);
    --catalog-border: var(--admin-border);
    --catalog-shadow: var(--admin-shadow);
    background: linear-gradient(180deg, var(--admin-background-elevated), var(--admin-background)) !important;
}
.admin-shell:is([data-store-admin-page="categories"], [data-store-admin-page="brands"])::before { display: none; }
.admin-shell .admin-shell-content > header,
.admin-shell .admin-sidebar,
.admin-shell .admin-footer {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface) !important;
    color: var(--admin-text);
    -webkit-backdrop-filter: saturate(135%) blur(22px);
    backdrop-filter: saturate(135%) blur(22px);
}
.admin-shell .admin-shell-content > header { box-shadow: 0 9px 30px -28px rgb(15 23 42 / .55); }
.admin-shell .admin-sidebar { box-shadow: 14px 0 42px -38px rgb(15 23 42 / .62), inset -1px 0 0 rgb(255 255 255 / .55) !important; }
[dir="rtl"] .admin-shell .admin-sidebar { box-shadow: -14px 0 42px -38px rgb(15 23 42 / .62), inset 1px 0 0 rgb(255 255 255 / .55) !important; }
.admin-shell .admin-sidebar-header,
.admin-shell .admin-footer { border-color: var(--admin-border); }
.admin-shell #store-sidebar-name,
.admin-shell #page-title,
.admin-shell .text-ink-900 { color: var(--admin-text); }
.admin-shell .text-ink-500,
.admin-shell #page-title + p { color: var(--admin-muted); }
.admin-shell .admin-nav-link { color: #475569 !important; }
.admin-shell .admin-nav-link:hover { background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055)) !important; color: var(--admin-accent, var(--store-primary)) !important; }
.admin-shell .admin-nav-link.is-active {
    border: 1px solid var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18)) !important;
    background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)) !important;
    color: var(--admin-accent, var(--store-primary)) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .68), 0 10px 24px -24px rgb(var(--store-primary-rgb) / .9) !important;
}
.admin-shell .admin-footer strong { color: var(--admin-accent, var(--store-primary)); }

/* Store Admin hierarchical navigation */
.admin-nav-primary,
.admin-nav-groups,
.admin-nav-children {
    display: grid;
    gap: .3rem;
}

.admin-nav-groups {
    margin-top: .8rem;
    padding-top: .8rem;
    border-top: 1px solid var(--admin-border, rgb(var(--store-text-rgb) / .1));
}

.admin-nav-group {
    min-width: 0;
}

.admin-nav-parent {
    display: flex;
    width: 100%;
    min-height: 2.8rem;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .7rem .8rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: #475569;
    font-size: .9rem;
    font-weight: 700;
    text-align: start;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.admin-nav-parent-copy {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .75rem;
}

.admin-nav-parent-copy > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-nav-parent svg {
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
}

.admin-nav-parent .admin-nav-chevron {
    width: .95rem;
    height: .95rem;
    color: #94a3b8;
    transition: transform 180ms ease, color 150ms ease;
}

.admin-nav-parent:hover,
.admin-nav-parent.is-active {
    background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055));
    color: var(--admin-accent, var(--store-primary));
}

.admin-nav-parent.is-active {
    border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .16));
}

.admin-nav-group.is-open .admin-nav-chevron {
    color: currentColor;
    transform: rotate(180deg);
}

.admin-nav-children {
    position: relative;
    margin: .25rem 0 .45rem;
    padding-inline-start: .85rem;
}

.admin-nav-children::before {
    position: absolute;
    inset-block: .3rem;
    inset-inline-start: .35rem;
    width: 1px;
    border-radius: 999px;
    background: var(--admin-border, #e2e8f0);
    content: "";
}

.admin-shell .admin-nav-child {
    position: relative;
    min-height: 2.45rem;
    gap: .65rem;
    padding: .56rem .72rem;
    border: 1px solid transparent;
    border-radius: .7rem;
    font-size: .84rem;
    font-weight: 600;
}

.admin-nav-child svg {
    width: 1rem;
    height: 1rem;
}

.admin-shell .admin-nav-child.is-active::before {
    position: absolute;
    inset-inline-start: -.58rem;
    width: .34rem;
    height: .34rem;
    border: 2px solid var(--admin-surface, #fff);
    border-radius: 999px;
    background: currentColor;
    box-sizing: content-box;
    content: "";
}

@media (max-width: 1023px) {
    .admin-sidebar-nav { padding: .8rem; }
    .admin-nav-parent,
    .admin-nav-link { min-height: 2.9rem; }
    .admin-shell .admin-nav-child { min-height: 2.65rem; }
}

@media (prefers-reduced-motion: reduce) {
    .admin-nav-parent .admin-nav-chevron { transition-duration: 1ms; }
}

.admin-shell #store-admin-root :is(
    .sa-card, .table-shell, .sa-filter-bar, .sa-form-section,
    .attribute-hero, .attribute-stat-card, .attribute-filter-bar, .attribute-table-shell,
    .dashboard-overview-card, .dashboard-kpi, .dashboard-card, .dashboard-attention,
    .wholesale-hero, .wholesale-stat, .wholesale-card,
    .catalog-filter-shell, .catalog-desktop-table, .catalog-mobile-card
) {
    border-color: var(--admin-border) !important;
    border-radius: var(--admin-radius) !important;
    background: var(--admin-surface) !important;
    box-shadow: var(--admin-shadow) !important;
    -webkit-backdrop-filter: saturate(125%) blur(18px);
    backdrop-filter: saturate(125%) blur(18px);
}
.admin-shell #store-admin-root > :is(section, div)[class*="rounded-"][class*="border"],
.admin-shell #store-admin-root > div > section[class*="rounded-"][class*="border"] {
    border-color: var(--admin-border) !important;
    border-radius: var(--admin-radius) !important;
    background: var(--admin-surface) !important;
    box-shadow: var(--admin-shadow) !important;
    -webkit-backdrop-filter: saturate(125%) blur(18px);
    backdrop-filter: saturate(125%) blur(18px);
}
.admin-shell #store-admin-root :is(.bg-white, .bg-panel):not(#hp-live-preview *):not(#hp-slideover *) { background-color: var(--admin-surface) !important; }
.admin-shell #store-admin-root :is(.bg-slate-50, .bg-panel-muted):not(#hp-live-preview *):not(#hp-slideover *) { background-color: var(--admin-surface-muted) !important; }
.admin-shell #store-admin-root :is(.dashboard-customer-kpis > div, .wholesale-setting-choice, .wholesale-customer-summary, .wholesale-pricing-note, .wholesale-tier-item, .wholesale-readonly-field, .catalog-media-field, .catalog-active-field) {
    border-color: var(--admin-border);
    background: var(--admin-surface-muted) !important;
}
.admin-shell #store-admin-root .wholesale-hero::after { display: none; }
.admin-shell #store-admin-root .dashboard-overview-card,
.admin-shell #store-admin-root .attribute-hero,
.admin-shell #store-admin-root .wholesale-hero { background-image: none !important; }

.admin-shell :is(.sa-button-primary, .attribute-primary-action, .catalog-primary-action, .dashboard-filters > button, .bg-brand-600) {
    border-color: transparent !important;
    background: var(--admin-accent, var(--store-primary)) !important;
    color: var(--admin-accent-contrast, var(--store-primary-contrast, #fff)) !important;
    box-shadow: 0 12px 26px -18px rgb(var(--store-primary-rgb) / .82) !important;
}
.admin-shell :is(.sa-button-primary, .attribute-primary-action, .catalog-primary-action, .dashboard-filters > button, .bg-brand-600):hover {
    background: var(--admin-accent-hover, color-mix(in srgb, var(--store-primary) 86%, #000)) !important;
}
.admin-shell :is(.sa-button-primary, .attribute-primary-action, .catalog-primary-action, .dashboard-filters > button, .bg-brand-600):active {
    background: var(--admin-accent-active, color-mix(in srgb, var(--store-primary) 76%, #000)) !important;
}
.admin-shell :is(.sa-button-primary, .attribute-primary-action, .catalog-primary-action, .dashboard-filters > button, .bg-brand-600):disabled {
    background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)) !important;
    color: #64748b !important;
    box-shadow: none !important;
}
.admin-shell :is(.sa-button-secondary, .attribute-secondary-action, .attribute-inline-add, .sa-page-button, .icon-button) {
    border-color: var(--admin-border);
    background: var(--admin-surface-strong);
    color: #475569;
    box-shadow: 0 5px 18px -17px rgb(15 23 42 / .7), inset 0 1px 0 rgb(255 255 255 / .68);
}
.admin-shell :is(.sa-button-secondary, .attribute-secondary-action, .attribute-inline-add, .sa-page-button, .icon-button):hover {
    border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18));
    background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055));
    color: var(--admin-accent, var(--store-primary));
}
.admin-shell :is(a:not(.admin-nav-link), .text-brand-600, .dashboard-card-heading > a, .wholesale-eyebrow, .attribute-hero__eyebrow) { color: var(--admin-accent, var(--store-primary)); }

.admin-shell :is(.form-field, input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea),
body:has(.admin-shell) :is(.admin-modal-panel, .wholesale-modal) :is(.form-field, input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
    border-color: var(--admin-border);
    background-color: var(--admin-surface-strong);
    color: var(--admin-text);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .65);
}
.admin-shell :is(.form-field, input, select, textarea):focus,
.admin-shell :is(.form-field, input, select, textarea):focus-visible,
body:has(.admin-shell) :is(.admin-modal-panel, .wholesale-modal) :is(.form-field, input, select, textarea):focus {
    border-color: var(--admin-accent, var(--store-primary));
    outline: none;
    box-shadow: 0 0 0 4px var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18));
}
.admin-shell :is(input[type="checkbox"], input[type="radio"], .sa-toggle input) { accent-color: var(--admin-accent, var(--store-primary)); }
.admin-shell :is(.wholesale-toggle input:checked + span, [role="switch"][aria-checked="true"]) { background: var(--admin-accent, var(--store-primary)); }

.admin-shell :is(.data-table, .attribute-table, .dashboard-table, .wholesale-table) th {
    border-color: var(--admin-border) !important;
    background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055)) !important;
    color: #475569 !important;
}
.admin-shell :is(.data-table, .attribute-table, .dashboard-table, .wholesale-table) td { border-color: var(--admin-border); }
.admin-shell :is(.data-table, .attribute-table, .dashboard-table, .wholesale-table) tbody tr:hover { background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055)) !important; }
.admin-shell :is(.product-tab-button, .store-product-tab, .product-tab-btn)[class*="active"],
.admin-shell [role="tab"][aria-selected="true"],
.admin-shell :is(.sa-page-button, .catalog-filter-chip, .attribute-order-chip).is-active,
.admin-shell .sa-page-button[aria-current="page"] {
    border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18));
    background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1));
    color: var(--admin-accent, var(--store-primary));
}
.admin-shell :is(.sa-icon-tile, .sa-empty-icon, .attribute-hero__icon, .attribute-stat-card > span, .attribute-control-icon, .dashboard-kpi-icon, .dashboard-card-icon, .dashboard-activity > a > span, .wholesale-stat-icon, .wholesale-setting-icon, .catalog-page-title-icon, .catalog-identity > span) {
    border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18));
    background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)) !important;
    color: var(--admin-accent, var(--store-primary)) !important;
}
.admin-shell .catalog-page-title-icon { border-radius: calc(var(--admin-radius) * .72); }
.admin-shell .notification-center-icon:not(.is-success):not(.is-warning):not(.is-error),
.admin-shell .dashboard-stock-pill:not(.is-out):not(.is-low),
.admin-shell .attribute-control-badge {
    border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18));
    background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)) !important;
    color: var(--admin-accent, var(--store-primary)) !important;
}
.admin-shell :is(.sa-badge-success, .sa-badge-info, .catalog-status-badge.is-active, .catalog-type-badge.is-main, .catalog-type-badge.is-subcategory, .wholesale-status.is-enabled, .wholesale-pill.is-purple) {
    border: 1px solid var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18));
    background: var(--admin-accent-soft, rgb(var(--store-primary-rgb) / .1)) !important;
    color: var(--admin-accent, var(--store-primary)) !important;
}
.admin-shell :is(.sa-badge-neutral, .catalog-status-badge.is-inactive, .wholesale-status, .wholesale-pill) {
    border: 1px solid var(--admin-border);
    background: var(--admin-surface-muted) !important;
    color: #64748b !important;
}
.admin-shell :is(.catalog-filter-chip, .attribute-table-value, .attribute-order-chip) {
    border-color: var(--admin-accent-ring, rgb(var(--store-primary-rgb) / .18));
    background: var(--admin-accent-softer, rgb(var(--store-primary-rgb) / .055)) !important;
    color: var(--admin-accent, var(--store-primary)) !important;
}
.admin-shell :is(.dashboard-chart-bar, .dashboard-status-track > span, .notification-unread-dot) { background: var(--admin-accent, var(--store-primary)) !important; }
.admin-shell :is(.dashboard-chart-bar) { background-image: linear-gradient(180deg, var(--admin-accent, var(--store-primary)), var(--admin-accent-hover, var(--store-primary))) !important; }

body:has(.admin-shell) :is(.admin-modal-panel, .wholesale-modal) {
    border-color: var(--admin-border) !important;
    border-radius: var(--admin-radius) !important;
    background: var(--admin-surface-strong) !important;
    color: var(--admin-text);
    box-shadow: 0 30px 85px -38px rgb(15 23 42 / .68), inset 0 1px 0 rgb(255 255 255 / .78) !important;
    -webkit-backdrop-filter: saturate(125%) blur(24px);
    backdrop-filter: saturate(125%) blur(24px);
}
body:has(.admin-shell) :is(.admin-modal-panel, .wholesale-modal) :is(.sa-modal-header, .wholesale-modal-header, .catalog-modal-actions) {
    border-color: var(--admin-border);
    background: rgb(255 255 255 / .48) !important;
}
body:has(.admin-shell) :is(.admin-modal-panel, .wholesale-modal) :is(h2, h3, strong, label) { color: var(--admin-text); }
.admin-shell #notification-dropdown,
.admin-shell .store-notification-toast {
    border-color: var(--admin-border);
    border-radius: var(--admin-radius);
    background: var(--admin-surface-strong);
    color: var(--admin-text);
    box-shadow: var(--admin-shadow);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .admin-shell .admin-shell-content > header,
    .admin-shell .admin-sidebar,
    .admin-shell .admin-footer,
    .admin-shell #store-admin-root :is(.sa-card, .table-shell, .dashboard-card, .wholesale-card, .attribute-table-shell),
    body:has(.admin-shell) :is(.admin-modal-panel, .wholesale-modal) { background: #fff !important; }
}

/* Products: compact primary filters with a responsive, collapsible advanced panel. */
.product-filter-primary { grid-template-columns: minmax(16rem, 1.7fr) minmax(11rem, .85fr) minmax(10rem, .8fr) auto; }
.product-filter-toggle { white-space: nowrap; }
.product-filter-toggle .product-filter-chevron { inline-size: .9rem; transition: transform .18s ease; }
.product-filter-toggle[aria-expanded="true"] .product-filter-chevron { transform: rotate(180deg); }
.product-advanced-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.product-filter-actions { grid-column: span 2; }
.product-filter-summary { flex-wrap: wrap; }
.product-reset-link { margin-inline-start: auto; color: var(--store-primary); font-size: .74rem; font-weight: 800; white-space: nowrap; }
.product-reset-link:hover { text-decoration: underline; }
.product-table { min-inline-size: 900px; }
.product-identity { position: relative; }
.product-identity > div { min-inline-size: 0; }
.product-identity em { display: block; margin-block-start: .18rem; color: rgb(var(--store-text-rgb) / .46); font-size: .68rem; font-style: normal; }
.product-flags { position: absolute; inset-block-start: -.15rem; inset-inline-end: -.15rem; display: flex; align-items: center; gap: .3rem; }
.product-flags > span { display: inline-flex; min-block-size: 1.15rem; align-items: center; justify-content: center; border-radius: 999px; background: #fff7ed; padding: .15rem .38rem; color: #c2410c; font-size: .58rem; font-weight: 900; box-shadow: 0 2px 8px rgb(15 23 42 / .08); }
.product-flags > span:first-child svg { inline-size: .72rem; block-size: .72rem; fill: currentColor; color: #d97706; }
.product-flags > .is-new { background: #ecfdf5; color: #047857; }
.product-kind-pill { display: inline-flex; align-items: center; gap: .35rem; color: rgb(var(--store-text-rgb) / .76); font-size: .76rem; font-weight: 700; }
.product-kind-pill svg { inline-size: .9rem; color: var(--store-primary); }
.product-stock-value { font-variant-numeric: tabular-nums; font-weight: 800; }
.product-status-badge.is-active { background: #dcfce7; color: #166534; }
.product-status-badge.is-draft { background: #e0f2fe; color: #075985; }
.product-status-badge.is-hidden { background: #f1f5f9; color: #475569; }
.product-status-badge.is-archived { background: #fef2f2; color: #991b1b; }
.product-status-badge.is-outofstock { background: #fff7ed; color: #9a3412; }
.product-mobile-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .65rem; }
.product-mobile-head .sa-action-menu { flex: 0 0 auto; }

/* Product editor: resilient tabbed workspace. */
.product-editor-modal { inline-size: min(96vw, 76rem); max-inline-size: 76rem; }
.product-editor-modal > .sa-modal-header { border-block-end: 1px solid var(--admin-border, #e2e8f0); }
.product-editor-modal > .max-h-\[82vh\] { max-block-size: calc(100dvh - 6rem); padding: 0; }
.product-editor-form { display: grid; min-block-size: min(48rem, calc(100dvh - 9rem)); grid-template-rows: minmax(0, 1fr) auto; }
.product-editor-card { min-block-size: 0; background: #f8fafc; }
.product-editor-workflow-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-block-end: 1px solid #e2e8f0; background: #fff; padding: 1rem 1.15rem .85rem; }
.product-editor-workflow-head > div:first-child { min-inline-size: 0; }
.product-editor-workflow-head h2 { margin-block-start: .35rem; overflow: hidden; color: #0f172a; font-size: 1.05rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.product-editor-workflow-head p { margin-block-start: .18rem; color: #64748b; font-size: .7rem; }
.product-editor-state { display: inline-flex; border-radius: 999px; background: #e0f2fe; padding: .25rem .55rem; color: #075985; font-size: .62rem; font-weight: 850; }
.product-editor-state.is-active { background: #dcfce7; color: #166534; }
.product-editor-state.is-hidden, .product-editor-state.is-archived { background: #f1f5f9; color: #475569; }
.product-editor-state.is-outofstock { background: #fff7ed; color: #9a3412; }
.product-editor-completion { display: flex; flex: 0 0 auto; align-items: center; gap: .65rem; border: 1px solid #e2e8f0; border-radius: .8rem; background: #f8fafc; padding: .6rem .75rem; }
.product-editor-completion span { display: inline-flex; align-items: center; gap: .32rem; color: #64748b; font-size: .66rem; }
.product-editor-completion span svg { inline-size: .82rem; color: #10b981; }
.product-editor-completion b { color: #334155; font-size: .68rem; }
.product-editor-tabs { position: sticky; inset-block-start: 0; z-index: 12; display: flex; gap: .35rem; overflow-x: auto; border-block-end: 1px solid #e2e8f0; background: rgb(255 255 255 / .94); padding: .65rem .8rem; scrollbar-width: thin; backdrop-filter: blur(16px); }
.product-editor-tabs .product-tab-btn { flex: 0 0 auto; min-block-size: 2.55rem; border: 1px solid transparent; border-radius: .75rem; padding: .55rem .78rem; color: #64748b; font-size: .76rem; font-weight: 800; white-space: nowrap; }
.product-editor-tabs .product-tab-btn svg { inline-size: 1rem; block-size: 1rem; }
.product-editor-tabs .product-tab-btn:hover { background: #f1f5f9; color: #334155; }
.product-editor-tabs .product-tab-btn.is-active { border-color: rgb(var(--store-primary-rgb) / .18); background: rgb(var(--store-primary-rgb) / .09); color: var(--store-primary); box-shadow: inset 0 -2px 0 var(--store-primary); }
.product-editor-tabs .product-tab-btn:focus-visible { outline: 3px solid rgb(var(--store-primary-rgb) / .18); outline-offset: 1px; }
.product-editor-content { padding: 1rem; }
.product-editor-panel { max-inline-size: 68rem; margin-inline: auto; }
.product-editor-section { border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; padding: 1.1rem; box-shadow: 0 8px 28px -26px rgb(15 23 42 / .48); }
.product-editor-section > h3 { color: #0f172a; font-size: .92rem; font-weight: 800; }
.product-editor-section-heading { display: flex; align-items: flex-start; gap: .75rem; margin-block-end: 1rem; }
.product-editor-section-heading > span { display: grid; inline-size: 2.35rem; block-size: 2.35rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; background: rgb(var(--store-primary-rgb) / .09); color: var(--store-primary); }
.product-editor-section-heading > span svg { inline-size: 1.05rem; }
.product-editor-section-heading > div { min-inline-size: 0; flex: 1; }
.product-editor-section-heading h3 { color: #0f172a; font-size: .9rem; font-weight: 800; }
.product-editor-section-heading p { margin-block-start: .18rem; color: #64748b; font-size: .74rem; line-height: 1.5; }
.product-editor-count { align-self: center; border-radius: 999px; background: #f1f5f9; padding: .3rem .6rem; color: #475569; font-size: .68rem; white-space: nowrap; }
.product-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.product-editor-grid.is-single { grid-template-columns: minmax(14rem, 32rem); }
.product-editor-grid.is-single-column { grid-template-columns: 1fr; }
.product-editor-grid > label { min-inline-size: 0; }
.product-editor-grid > label > span, .product-editor-field > span { display: block; color: #334155; font-size: .76rem; font-weight: 750; }
.product-editor-field > span > small { margin-inline-start: .35rem; color: #94a3b8; font-size: .62rem; font-weight: 650; }
.product-editor-grid .form-field, .product-editor-field .form-field { margin-block-start: .4rem; border-color: #dbe3ee; border-radius: .75rem; background: #fff; }
.product-editor-grid textarea, .product-editor-field textarea { resize: vertical; line-height: 1.55; }
.product-editor-grid .form-field:focus, .product-editor-field .form-field:focus { border-color: rgb(var(--store-primary-rgb) / .55); box-shadow: 0 0 0 3px rgb(var(--store-primary-rgb) / .1); }
.product-editor-toggle { display: flex; align-items: flex-start; gap: .7rem; border: 1px solid #e2e8f0; border-radius: .85rem; background: #f8fafc; padding: .85rem; cursor: pointer; }
.product-editor-toggle input { inline-size: 1rem; block-size: 1rem; flex: 0 0 auto; margin-block-start: .12rem; accent-color: var(--store-primary); }
.product-editor-toggle b, .product-editor-toggle small { display: block; }
.product-editor-toggle b { color: #334155; font-size: .78rem; }
.product-editor-toggle small { margin-block-start: .2rem; color: #64748b; font-size: .68rem; line-height: 1.45; }
.product-visibility-section { display: grid; gap: 1rem; }
.product-visibility-section > .product-editor-section-heading { margin-block-end: 0; }
.product-badge-group { border: 1px solid #e2e8f0; border-radius: .95rem; background: #fbfdff; padding: 1rem; }
.product-badge-group.is-automatic { border-style: dashed; background: linear-gradient(135deg, #f8fafc, #fff); }
.product-badge-group-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-block-end: .85rem; }
.product-badge-group-heading h4 { color: #1e293b; font-size: .8rem; font-weight: 850; }
.product-badge-group-heading p { max-inline-size: 42rem; margin-block-start: .18rem; color: #64748b; font-size: .7rem; line-height: 1.5; }
.product-badge-group-heading > span { display: inline-flex; min-block-size: 1.8rem; flex: 0 0 auto; align-items: center; gap: .32rem; border-radius: 999px; background: #e2e8f0; padding: .3rem .55rem; color: #475569; font-size: .62rem; font-weight: 850; white-space: nowrap; }
.product-badge-group-heading > span.is-manual { background: rgb(var(--store-primary-rgb) / .09); color: var(--store-primary); }
.product-badge-group-heading > span svg { inline-size: .75rem; block-size: .75rem; }
.product-automatic-badges, .product-manual-badges, .product-marketing-toggles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.product-automatic-badge { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; border: 1px solid #e2e8f0; border-radius: .85rem; background: rgb(255 255 255 / .82); padding: .8rem; }
.product-automatic-badge > span { display: grid; inline-size: 2.25rem; block-size: 2.25rem; place-items: center; border-radius: .7rem; }
.product-automatic-badge > span.is-sale { background: #fff1f2; color: #e11d48; }
.product-automatic-badge > span.is-bestseller { background: #fff7ed; color: #ea580c; }
.product-automatic-badge > span svg { inline-size: 1rem; }
.product-automatic-badge b, .product-automatic-badge small { display: block; }
.product-automatic-badge b { color: #334155; font-size: .76rem; }
.product-automatic-badge small { margin-block-start: .16rem; color: #64748b; font-size: .66rem; line-height: 1.45; }
.product-automatic-badge > svg { inline-size: .82rem; color: #94a3b8; }
.product-manual-badges { grid-template-columns: repeat(3, minmax(0, 1fr)); border: 0; padding: 0; }
.product-badge-choice { position: relative; display: grid; min-inline-size: 0; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; border: 1px solid #dbe3ee; border-radius: .85rem; background: #fff; padding: .8rem; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.product-badge-choice:hover { border-color: rgb(var(--store-primary-rgb) / .32); transform: translateY(-1px); }
.product-badge-choice:has(input:focus-visible) { outline: 3px solid rgb(var(--store-primary-rgb) / .16); outline-offset: 2px; }
.product-badge-choice:has(input:checked) { border-color: rgb(var(--store-primary-rgb) / .55); box-shadow: 0 0 0 2px rgb(var(--store-primary-rgb) / .08); }
.product-badge-choice > input { position: absolute; opacity: 0; pointer-events: none; }
.product-badge-choice-icon { display: grid; inline-size: 2.2rem; block-size: 2.2rem; place-items: center; border-radius: .68rem; background: #f1f5f9; color: #64748b; }
.product-badge-choice-icon.is-luxury { background: #f5f3ff; color: #7c3aed; }
.product-badge-choice-icon.is-exclusive { background: #fef3c7; color: #b45309; }
.product-badge-choice-icon svg { inline-size: 1rem; }
.product-badge-choice b, .product-badge-choice small { display: block; }
.product-badge-choice b { color: #334155; font-size: .75rem; }
.product-badge-choice small { margin-block-start: .15rem; color: #64748b; font-size: .64rem; line-height: 1.4; }
.product-badge-choice > svg { inline-size: .95rem; color: #cbd5e1; }
.product-badge-choice:has(input:checked) > svg { color: var(--store-primary); }
.product-marketing-toggles { margin-block-start: .75rem; }
.product-marketing-toggle { position: relative; display: flex; min-inline-size: 0; align-items: flex-start; justify-content: space-between; gap: .85rem; border: 1px solid #dbe3ee; border-radius: .85rem; background: #fff; padding: .85rem; cursor: pointer; }
.product-marketing-toggle > input { position: absolute; opacity: 0; pointer-events: none; }
.product-marketing-toggle:has(input:checked) { border-color: rgb(var(--store-primary-rgb) / .4); background: rgb(var(--store-primary-rgb) / .025); }
.product-marketing-toggle:has(input:focus-visible) { outline: 3px solid rgb(var(--store-primary-rgb) / .16); outline-offset: 2px; }
.product-toggle-track { order: 2; display: flex; inline-size: 2.35rem; block-size: 1.35rem; flex: 0 0 auto; align-items: center; border-radius: 999px; background: #cbd5e1; padding: .16rem; transition: background .18s ease; }
.product-toggle-track i { inline-size: 1.03rem; block-size: 1.03rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(15 23 42 / .22); transition: transform .18s ease; }
.product-marketing-toggle input:checked + .product-toggle-track { background: var(--store-primary); }
.product-marketing-toggle input:checked + .product-toggle-track i { transform: translateX(1rem); }
[dir="rtl"] .product-marketing-toggle input:checked + .product-toggle-track i { transform: translateX(-1rem); }
.product-marketing-copy { display: flex; min-inline-size: 0; align-items: flex-start; gap: .65rem; }
.product-marketing-copy b, .product-marketing-copy small { display: block; }
.product-marketing-copy b { color: #334155; font-size: .75rem; }
.product-marketing-copy small { margin-block-start: .15rem; color: #64748b; font-size: .65rem; line-height: 1.45; }
.product-marketing-icon { display: grid; inline-size: 2.15rem; block-size: 2.15rem; flex: 0 0 auto; place-items: center; border-radius: .68rem; }
.product-marketing-icon.is-new { background: #ecfdf5; color: #059669; }
.product-marketing-icon.is-featured { background: #fffbeb; color: #d97706; }
.product-marketing-icon svg { inline-size: .95rem; }
.product-locale-switcher { display: inline-flex; gap: .25rem; margin-block-end: 1rem; border-radius: .75rem; background: #f1f5f9; padding: .25rem; }
.product-locale-switcher button { display: inline-flex; min-block-size: 2.15rem; align-items: center; gap: .4rem; border-radius: .58rem; padding: .45rem .75rem; color: #64748b; font-size: .72rem; font-weight: 800; }
.product-locale-switcher button span { border-radius: 999px; background: #e2e8f0; padding: .14rem .38rem; font-size: .55rem; }
.product-locale-switcher button.is-active { background: #fff; color: var(--store-primary); box-shadow: 0 2px 8px rgb(15 23 42 / .08); }
.product-locale-panel { animation: product-editor-reveal .18s ease-out; }
@keyframes product-editor-reveal { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
.product-editor-advanced { margin-block-start: .9rem; overflow: hidden; border: 1px solid #e2e8f0; border-radius: .85rem; background: #f8fafc; }
.product-editor-advanced > summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .75rem .85rem; cursor: pointer; list-style: none; }
.product-editor-advanced > summary::-webkit-details-marker { display: none; }
.product-editor-advanced > summary > span:first-child { display: grid; inline-size: 2rem; block-size: 2rem; place-items: center; border-radius: .6rem; background: #fff; color: #64748b; box-shadow: 0 1px 3px rgb(15 23 42 / .08); }
.product-editor-advanced > summary > span:first-child svg { inline-size: .9rem; }
.product-editor-advanced > summary b, .product-editor-advanced > summary small { display: block; }
.product-editor-advanced > summary b { color: #334155; font-size: .73rem; }
.product-editor-advanced > summary small { margin-block-start: .12rem; color: #64748b; font-size: .63rem; line-height: 1.4; }
.product-editor-advanced > summary > svg { inline-size: .9rem; color: #94a3b8; transition: transform .18s ease; }
.product-editor-advanced[open] > summary > svg { transform: rotate(180deg); }
.product-editor-advanced-body { border-block-start: 1px solid #e2e8f0; background: #fff; padding: .9rem; }
.product-editor-advanced-body > .product-editor-advanced { margin-block-start: .75rem; }
.product-inventory-choice { display: flex; align-items: flex-start; gap: .75rem; border: 1px solid #dbeafe; border-radius: .85rem; background: #f8fbff; padding: .85rem; }
.product-inventory-choice > span { display: grid; inline-size: 2.3rem; block-size: 2.3rem; flex: 0 0 auto; place-items: center; border-radius: .68rem; background: #dbeafe; color: #2563eb; }
.product-inventory-choice > span svg { inline-size: 1rem; }
.product-inventory-choice b { color: #1e3a5f; font-size: .76rem; }
.product-inventory-choice p { margin-block-start: .16rem; color: #64748b; font-size: .67rem; line-height: 1.45; }
.product-stock-editor { display: grid; gap: .75rem; margin-block-start: .75rem; }
.product-stock-editor > .product-generation-inventory { background: #fff; }
.product-editor-choice-intro { overflow: hidden; border: 1px solid rgb(var(--store-primary-rgb) / .15); border-radius: 1rem; background: linear-gradient(135deg, rgb(var(--store-primary-rgb) / .07), #fff 55%); padding: 1.1rem; }
.product-editor-choice-intro > div:first-child > span { color: var(--store-primary); font-size: .62rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.product-editor-choice-intro h3 { margin-block-start: .3rem; color: #0f172a; font-size: 1rem; font-weight: 850; }
.product-editor-choice-intro > div:first-child > p { max-inline-size: 46rem; margin-block-start: .25rem; color: #64748b; font-size: .72rem; line-height: 1.55; }
.product-choice-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-block-start: 1rem; }
.product-choice-paths button { display: grid; min-inline-size: 0; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .7rem; border: 1px solid #e2e8f0; border-radius: .85rem; background: rgb(255 255 255 / .88); padding: .85rem; text-align: start; transition: border-color .18s ease, transform .18s ease; }
.product-choice-paths button:hover { border-color: rgb(var(--store-primary-rgb) / .38); transform: translateY(-1px); }
.product-choice-paths button > span:first-child { display: grid; inline-size: 2.5rem; block-size: 2.5rem; place-items: center; border-radius: .75rem; background: rgb(var(--store-primary-rgb) / .09); color: var(--store-primary); }
.product-choice-paths button > span:first-child svg { inline-size: 1.08rem; }
.product-choice-paths b, .product-choice-paths small { display: block; }
.product-choice-paths b { color: #1e293b; font-size: .78rem; }
.product-choice-paths small { margin-block-start: .14rem; color: #64748b; font-size: .64rem; line-height: 1.4; }
.product-choice-paths em { grid-column: 2; color: var(--store-primary); font-size: .61rem; font-style: normal; font-weight: 800; }
.product-editor-section-heading-actions { align-items: center; }
.product-editor-section-heading-actions > button, .product-editor-section-heading-actions > div:last-child { flex: 0 0 auto; }
.product-variant-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.product-option-list { display: grid; gap: .65rem; }
.product-option-list article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; border: 1px solid #e2e8f0; border-radius: .82rem; background: #fff; padding: .75rem; }
.product-option-drag { color: #cbd5e1; }
.product-option-drag svg { inline-size: .9rem; }
.product-option-list article b { color: #334155; font-size: .75rem; }
.product-option-list article > div > div { display: flex; flex-wrap: wrap; gap: .3rem; margin-block-start: .35rem; }
.product-option-list article > div > div span { border-radius: 999px; background: #f1f5f9; padding: .2rem .48rem; color: #475569; font-size: .62rem; font-weight: 700; }
.product-option-list article small { display: block; margin-block-start: .35rem; color: #94a3b8; font-size: .6rem; }
.product-editor-inline-empty { display: flex; min-block-size: 5rem; align-items: center; justify-content: center; gap: .7rem; padding: 1rem; text-align: start; }
.product-editor-inline-empty > span { display: grid; inline-size: 2.5rem; block-size: 2.5rem; flex: 0 0 auto; place-items: center; border-radius: .75rem; background: #f1f5f9; color: #64748b; }
.product-editor-inline-empty > span svg { inline-size: 1rem; }
.product-editor-inline-empty b { color: #475569; font-size: .74rem; }
.product-editor-inline-empty p { margin-block-start: .15rem; color: #94a3b8; font-size: .64rem; }
.product-variant-table { overflow-x: auto; border: 1px solid #e2e8f0; border-radius: .85rem; }
.product-variant-table table { inline-size: 100%; min-inline-size: 48rem; border-collapse: collapse; font-size: .7rem; }
.product-variant-table th { background: #f8fafc; padding: .7rem .75rem; color: #64748b; font-weight: 800; text-align: start; }
.product-variant-table td { border-block-start: 1px solid #eef2f7; padding: .72rem .75rem; color: #475569; vertical-align: middle; }
.product-variant-table td:first-child b, .product-variant-table td:first-child small { display: block; }
.product-variant-table td:first-child b { color: #1e293b; font-size: .72rem; }
.product-variant-table td:first-child small { margin-block-start: .12rem; color: var(--store-primary); font-size: .58rem; font-weight: 800; }
.product-inherited-value { color: #94a3b8; font-size: .63rem; }
.product-variant-availability { display: inline-flex; border-radius: 999px; background: #f1f5f9; padding: .25rem .48rem; color: #64748b; font-size: .6rem; font-weight: 800; }
.product-variant-availability.is-available { background: #dcfce7; color: #166534; }
.product-legacy-rules { margin-block-start: .75rem; }
.product-legacy-rule-list { display: grid; gap: .45rem; }
.product-legacy-rule-list > div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; border: 1px solid #e2e8f0; border-radius: .7rem; padding: .55rem .7rem; color: #475569; font-size: .68rem; }
.product-option-modal, .product-variant-form, .product-variant-generation { display: grid; gap: 1rem; }
.product-option-modal-intro { display: flex; align-items: flex-start; gap: .7rem; border-radius: .85rem; background: rgb(var(--store-primary-rgb) / .055); padding: .85rem; }
.product-option-modal-intro > span { display: grid; inline-size: 2.4rem; block-size: 2.4rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; background: #fff; color: var(--store-primary); }
.product-option-modal-intro > span svg { inline-size: 1rem; }
.product-option-modal-intro h3 { color: #1e293b; font-size: .8rem; font-weight: 850; }
.product-option-modal-intro p { margin-block-start: .15rem; color: #64748b; font-size: .67rem; line-height: 1.45; }
.product-option-values-label { display: block; margin-block-end: .5rem; color: #334155; font-size: .74rem; font-weight: 800; }
.product-option-value-picker { display: flex; flex-wrap: wrap; gap: .45rem; border: 1px solid #e2e8f0; border-radius: .82rem; padding: .7rem; }
.product-option-value-picker label { cursor: pointer; }
.product-option-value-picker input { position: absolute; opacity: 0; pointer-events: none; }
.product-option-value-picker label > span { display: inline-flex; min-block-size: 2.1rem; align-items: center; gap: .4rem; border: 1px solid #dbe3ee; border-radius: .65rem; padding: .42rem .6rem; color: #475569; font-size: .68rem; font-weight: 750; }
.product-option-value-picker label > span > i:first-child:not([data-lucide]) { inline-size: .85rem; block-size: .85rem; border: 1px solid #dbe3ee; border-radius: 50%; }
.product-option-value-picker label > span svg { display: none; inline-size: .75rem; }
.product-option-value-picker input:checked + span { border-color: rgb(var(--store-primary-rgb) / .48); background: rgb(var(--store-primary-rgb) / .06); color: var(--store-primary); }
.product-option-value-picker input:checked + span svg { display: block; }
.product-option-modal-actions { display: flex; justify-content: flex-end; gap: .5rem; border-block-start: 1px solid #e2e8f0; padding-block-start: .85rem; }
.product-variant-form > section { border: 1px solid #e2e8f0; border-radius: .85rem; padding: .9rem; }
.product-variant-form > section > h3 { color: #1e293b; font-size: .78rem; font-weight: 850; }
.product-variant-form > section > p { margin: .15rem 0 .75rem; color: #64748b; font-size: .65rem; }
.product-variant-switches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.product-variant-switches > label { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .6rem; border: 1px solid #e2e8f0; border-radius: .75rem; padding: .7rem; cursor: pointer; }
.product-variant-switches > label > input { position: absolute; opacity: 0; }
.product-variant-switches > label > .product-toggle-track { grid-row: 1; grid-column: 1; }
.product-variant-switches > label > span:last-child { grid-column: 2; }
.product-variant-switches > label b, .product-variant-switches > label small { display: block; }
.product-variant-switches > label b { color: #334155; font-size: .7rem; }
.product-variant-switches > label small { margin-block-start: .12rem; color: #64748b; font-size: .61rem; line-height: 1.4; }
.product-variant-switches input:checked + .product-toggle-track, .product-generation-inventory input:checked + .product-toggle-track { background: var(--store-primary); }
.product-variant-switches input:checked + .product-toggle-track i, .product-generation-inventory input:checked + .product-toggle-track i { transform: translateX(1rem); }
[dir="rtl"] .product-variant-switches input:checked + .product-toggle-track i, [dir="rtl"] .product-generation-inventory input:checked + .product-toggle-track i { transform: translateX(-1rem); }
.product-variant-image-picker { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.product-variant-image-picker label { position: relative; overflow: hidden; border-radius: .7rem; cursor: pointer; }
.product-variant-image-picker input { position: absolute; opacity: 0; }
.product-variant-image-picker img { aspect-ratio: 1; inline-size: 100%; border: 2px solid transparent; border-radius: .7rem; object-fit: cover; }
.product-variant-image-picker label > svg { position: absolute; inset-block-start: .35rem; inset-inline-end: .35rem; display: none; inline-size: 1rem; border-radius: 50%; background: var(--store-primary); padding: .16rem; color: #fff; }
.product-variant-image-picker input:checked + img { border-color: var(--store-primary); }
.product-variant-image-picker input:checked ~ svg { display: block; }
.product-legacy-notice { display: flex; align-items: flex-start; gap: .65rem; border: 1px solid #fde68a; border-radius: .8rem; background: #fffbeb; padding: .75rem; color: #92400e; }
.product-legacy-notice > svg { inline-size: 1rem; flex: 0 0 auto; margin-block-start: .1rem; }
.product-legacy-notice b { font-size: .72rem; }
.product-legacy-notice p { margin-block-start: .12rem; font-size: .62rem; line-height: 1.45; }
.product-generation-options { display: grid; gap: .55rem; }
.product-generation-options > div { border: 1px solid #e2e8f0; border-radius: .75rem; padding: .65rem .75rem; }
.product-generation-options > div > span { color: #334155; font-size: .7rem; font-weight: 800; }
.product-generation-options > div > div { display: flex; flex-wrap: wrap; gap: .3rem; margin-block-start: .35rem; }
.product-generation-options em { border-radius: 999px; background: #f1f5f9; padding: .2rem .45rem; color: #64748b; font-size: .6rem; font-style: normal; }
.product-generation-inventory { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .6rem; border: 1px solid #e2e8f0; border-radius: .75rem; padding: .75rem; cursor: pointer; }
.product-generation-inventory > input { position: absolute; opacity: 0; }
.product-generation-inventory b, .product-generation-inventory small { display: block; }
.product-generation-inventory b { color: #334155; font-size: .71rem; }
.product-generation-inventory small { margin-block-start: .12rem; color: #64748b; font-size: .62rem; }
.product-generation-preview { display: flex; min-block-size: 4.5rem; align-items: center; gap: .7rem; border-radius: .82rem; background: #f8fafc; padding: .8rem; }
.product-generation-preview > span:first-child:not(.product-editor-loading) { display: grid; inline-size: 2.3rem; block-size: 2.3rem; flex: 0 0 auto; place-items: center; border-radius: .68rem; background: #e0f2fe; color: #0284c7; }
.product-generation-preview strong { color: #1e293b; font-size: .76rem; }
.product-generation-preview p { margin-block-start: .12rem; color: #64748b; font-size: .64rem; }
.product-generation-preview small { display: block; margin-block-start: .35rem; color: #b45309; font-size: .62rem; font-weight: 750; }
.product-editor-help { display: flex; align-items: flex-start; gap: .45rem; margin-block-start: .9rem; border-radius: .75rem; background: #f8fafc; padding: .7rem; color: #64748b; font-size: .7rem; line-height: 1.5; }
.product-editor-help svg { inline-size: .9rem; flex: 0 0 auto; margin-block-start: .12rem; color: var(--store-primary); }
.product-editor-loading { display: flex; min-block-size: 7rem; align-items: center; justify-content: center; gap: .65rem; color: #64748b; font-size: .78rem; font-weight: 700; }
.product-editor-loading > span { inline-size: 1.15rem; block-size: 1.15rem; border: 2px solid #e2e8f0; border-block-start-color: var(--store-primary); border-radius: 999px; animation: spin .7s linear infinite; }
.product-seo-preview { margin-block-start: .8rem; border: 1px solid #eef2f7; border-radius: .85rem; background: #fff; padding: 1rem; }
.product-seo-preview #seo-preview-title { overflow: hidden; color: #1a0dab; font-size: .95rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.product-seo-preview #seo-preview-url { margin-block-start: .25rem; overflow: hidden; color: #047857; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.product-seo-preview #seo-preview-text { display: -webkit-box; overflow: hidden; margin-block-start: .5rem; color: #64748b; font-size: .75rem; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.product-editor-footer { position: sticky; inset-block-end: 0; z-index: 14; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-block-start: 1px solid #e2e8f0; background: rgb(255 255 255 / .96); padding: .8rem 1rem; backdrop-filter: blur(16px); }
.product-editor-footer > span { display: inline-flex; align-items: center; gap: .4rem; color: #64748b; font-size: .7rem; }
.product-editor-footer > span svg { inline-size: .9rem; color: var(--store-primary); }
.product-editor-footer > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.product-editor-footer .sa-button { min-block-size: 2.55rem; justify-content: center; border-radius: .75rem; }
.product-editor-delete { border: 1px solid #fecdd3; background: #fff; color: #be123c; }
.product-editor-delete:hover { background: #fff1f2; }

@media (max-width: 1199px) {
    .product-advanced-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
    .product-filter-primary { grid-template-columns: minmax(13rem, 1.4fr) minmax(9rem, .8fr) minmax(9rem, .8fr); }
    .product-filter-toggle { display: inline-flex; grid-column: 1 / -1; }
    .product-filter-actions { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
    .admin-shell[data-store-admin-page="products"] .catalog-page-heading.catalog-page-actions { position: sticky; inset-block-start: 4.6rem; z-index: 18; pointer-events: none; }
    .admin-shell[data-store-admin-page="products"] .catalog-primary-action { pointer-events: auto; }
    .product-filter-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-filter-primary > .catalog-search-field,
    .product-filter-toggle { grid-column: 1 / -1; }
    .product-advanced-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); max-block-size: min(68dvh, 38rem); }
    .product-filter-actions { position: sticky; inset-block-end: 0; z-index: 2; grid-column: 1 / -1; padding-block-start: .5rem; background: color-mix(in srgb, var(--catalog-glass-muted) 94%, white); }
    .product-reset-link { margin-inline-start: 0; }
    .product-identity b, .product-identity small { max-inline-size: 9rem; }
    .product-editor-modal { inline-size: 100vw; max-inline-size: none; block-size: 100dvh; border: 0; border-radius: 0; }
    .product-editor-modal > .max-h-\[82vh\] { max-block-size: calc(100dvh - 4rem); }
    .product-editor-form { min-block-size: calc(100dvh - 4rem); }
    .product-editor-content { padding: .75rem; }
    .product-editor-workflow-head { align-items: flex-start; }
    .product-editor-completion { display: none; }
    .product-editor-section { border-radius: .85rem; padding: .9rem; }
    .product-editor-grid, .product-editor-grid.is-single { grid-template-columns: 1fr; }
    .product-choice-paths { grid-template-columns: 1fr; }
    .product-editor-section-heading-actions { align-items: stretch; flex-wrap: wrap; }
    .product-editor-section-heading-actions > div:last-child,
    .product-editor-section-heading-actions > button { inline-size: 100%; }
    .product-variant-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .product-variant-actions .sa-button { justify-content: center; }
    .product-variant-switches { grid-template-columns: 1fr; }
    .product-manual-badges { grid-template-columns: 1fr; }
    .product-editor-footer { align-items: stretch; flex-direction: column; padding: .7rem .75rem; }
    .product-editor-footer > span { display: none; }
    .product-editor-footer > div { display: grid; grid-template-columns: auto 1fr 1fr; }
    .product-editor-footer .sa-button { padding-inline: .7rem; }
}
@media (max-width: 460px) {
    .product-filter-primary, .product-advanced-filters { grid-template-columns: 1fr; }
    .product-filter-primary > .catalog-search-field,
    .product-filter-toggle { grid-column: auto; }
    .product-mobile-card dl { grid-template-columns: 1fr 1fr; }
    .product-mobile-head .sa-action-menu { gap: .15rem; }
    .product-badge-group-heading { align-items: stretch; flex-direction: column; }
    .product-badge-group-heading > span { align-self: flex-start; }
    .product-automatic-badges, .product-marketing-toggles { grid-template-columns: 1fr; }
    .product-editor-workflow-head p { display: none; }
    .product-locale-switcher { display: grid; grid-template-columns: 1fr 1fr; inline-size: 100%; }
    .product-locale-switcher button { justify-content: center; padding-inline: .45rem; }
    .product-variant-actions { grid-template-columns: 1fr; }
    .product-variant-image-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .product-option-modal-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .product-option-modal-actions .sa-button { justify-content: center; }
}

.print-only { display: none; }

/* Order details: amounts always render as an isolated LTR value. */
.order-details-page { max-inline-size: 1500px; margin-inline: auto; }
.order-details-header { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin-block-end: 1.5rem; }
.order-details-title, .order-heading-row, .order-header-actions, .order-info-title, .order-detail-link, .order-currency-notice { display: flex; align-items: center; }
.order-details-title { gap: .9rem; min-inline-size: 0; }
.order-back-button { flex: 0 0 auto; }
.order-eyebrow, .order-panel-kicker { margin: 0; color: var(--admin-accent, var(--store-primary)); font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.order-heading-row { flex-wrap: wrap; gap: .65rem; margin-block-start: .2rem; }
.order-heading-row h2 { margin: 0; color: #0f172a; font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 800; line-height: 1.2; }
.order-date { margin: .3rem 0 0; color: #64748b; font-size: .82rem; }
.order-header-actions { justify-content: flex-end; gap: .8rem; }
.order-total-glance { display: grid; gap: .1rem; min-inline-width: 8.8rem; border-inline-start: 1px solid var(--admin-border, #e2e8f0); padding-inline-start: .9rem; }
.order-total-glance small { color: #64748b; font-size: .68rem; font-weight: 700; }
.order-total-glance .order-money { color: #0f172a; font-size: 1rem; font-weight: 850; }
.order-details-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, 350px); gap: 1.25rem; align-items: start; }
.order-primary-column, .order-sidebar { display: grid; gap: 1.25rem; min-inline-size: 0; }
.order-panel { overflow: hidden; border: 1px solid var(--admin-border, #e2e8f0); border-radius: var(--admin-radius, 1rem); background: var(--admin-surface, #fff); box-shadow: var(--admin-shadow, 0 10px 25px rgb(15 23 42 / .06)); }
.order-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-block-end: 1px solid var(--admin-border, #e2e8f0); padding: 1.1rem 1.2rem; }
.order-panel-heading h3, .order-info-title h3 { margin: .22rem 0 0; color: #172033; font-size: .95rem; font-weight: 800; }
.order-item-count, .order-status-current { flex: 0 0 auto; border-radius: 999px; background: var(--admin-surface-muted, #f8fafc); padding: .36rem .6rem; color: #526176; font-size: .68rem; font-weight: 800; }
.order-items-table-wrap { overflow-x: auto; }
.order-items-table { min-inline-size: 690px; }
.order-items-table th { padding-block: .75rem; background: var(--admin-surface-muted, #f8fafc); font-size: .68rem; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; }
.order-items-table td { padding-block: 1rem; vertical-align: top; }
.order-product-cell { display: flex; min-inline-size: 220px; gap: .8rem; }
.order-product-cell > img { inline-size: 3.6rem; block-size: 3.6rem; flex: 0 0 auto; border: 1px solid #e2e8f0; border-radius: .72rem; object-fit: cover; }
.order-quantity { display: inline-grid; min-inline-size: 1.85rem; min-block-size: 1.85rem; place-items: center; border-radius: .5rem; background: var(--admin-surface-muted, #f8fafc); color: #334155; font-size: .78rem; font-weight: 800; }
.order-money { display: inline-block; color: #172033; font-variant-numeric: tabular-nums; font-weight: 750; white-space: nowrap; unicode-bidi: isolate; }
.order-money-secondary { color: #64748b; font-size: .72rem; font-weight: 650; }
.order-customer-currency { display: block; margin-block-start: .18rem; color: #64748b; font-size: .68rem; font-weight: 500; white-space: nowrap; }
.order-summary-wrap { display: flex; justify-content: flex-end; border-block-start: 1px solid var(--admin-border, #e2e8f0); padding: 1rem 1.2rem 1.2rem; }
.order-summary { inline-size: min(100%, 22rem); margin: 0; }
.order-summary > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; padding-block: .42rem; color: #64748b; font-size: .8rem; }
.order-summary dd { margin: 0; text-align: end; }
.order-summary-discount { color: #047857 !important; }.order-summary-discount span { border-radius: .3rem; background: #d1fae5; padding: .1rem .28rem; font-size: .65rem; font-weight: 800; }
.order-summary-refund { color: #be123c !important; }
.order-summary-total { margin-block-start: .35rem; border-block-start: 1px solid var(--admin-border, #e2e8f0); padding-block-start: .9rem !important; color: #172033 !important; font-size: 1rem !important; font-weight: 850; }
.order-summary-total .order-money { font-size: 1.06rem; }
.order-note-panel, .order-cancellation-panel { padding: 1.2rem; }.order-note-panel h3, .order-cancellation-panel h3 { margin: 0; font-weight: 800; }.order-note-panel p, .order-cancellation-panel p { margin-block-end: 0; }
.order-cancellation-panel { border-color: #fecdd3; background: #fff7f8; }.order-cancellation-panel h3, .order-cancellation-panel p { color: #9f1239; }
.order-status-form { display: grid; gap: .75rem; padding: 1.1rem 1.2rem 1.2rem; }.order-status-form .form-field { min-block-size: 2.75rem; }.order-status-form button { min-block-size: 2.75rem; }
.order-info-panel { padding: 1.15rem 1.2rem; }.order-info-title { gap: .6rem; }.order-info-title > span { display: grid; inline-size: 2rem; block-size: 2rem; place-items: center; border-radius: .58rem; background: color-mix(in srgb, var(--admin-accent, var(--store-primary)) 10%, white); color: var(--admin-accent, var(--store-primary)); }.order-info-title svg { inline-size: 1rem; }
.order-contact-details { margin-block-start: .85rem; color: #64748b; font-size: .8rem; line-height: 1.6; }.order-contact-details p { margin: 0; }.order-contact-details p:first-child { color: #172033; font-weight: 750; }
.order-info-panel > .mt-3 { margin-block-start: .85rem !important; }.order-info-panel .mt-3 p { font-size: .8rem; line-height: 1.55; }
.order-detail-link { gap: .3rem; margin-block-start: .85rem; color: var(--admin-accent, var(--store-primary)); font-size: .78rem; font-weight: 800; text-decoration: none; }.order-detail-link svg { inline-size: .88rem; }
.order-payment-panel { padding: 1.15rem 1.2rem; }.order-payment-list { display: grid; gap: .75rem; margin-block-start: .9rem; }.order-payment-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; border-block-start: 1px solid var(--admin-border, #e2e8f0); padding-block-start: .75rem; font-size: .78rem; }.order-payment-list > .order-payment-row:first-child { border: 0; padding-block-start: 0; }.order-payment-row p { margin: 0; }.order-payment-row p + p { color: #64748b; font-size: .66rem; }.order-payment-value { text-align: end; }.order-payment-value > p { display: grid; justify-items: end; gap: .15rem; }.order-payment-value small { display: block; }
.order-currency-notice { gap: .7rem; margin-block-start: 1.25rem; border: 1px solid #bfdbfe; border-radius: .85rem; background: #eff6ff; padding: .85rem 1rem; color: #1e3a8a; }.order-currency-notice > svg { inline-size: 1.05rem; flex: 0 0 auto; }.order-currency-notice strong, .order-currency-notice span { display: block; }.order-currency-notice strong { font-size: .75rem; }.order-currency-notice span { margin-block-start: .15rem; font-size: .72rem; color: #475569; }
@media (max-width: 1023px) { .order-details-layout { grid-template-columns: 1fr; }.order-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }.order-status-panel, .order-payment-panel { grid-column: span 2; } }
@media (max-width: 640px) { .order-details-header { align-items: stretch; flex-direction: column; }.order-header-actions { justify-content: space-between; }.order-sidebar { grid-template-columns: 1fr; }.order-status-panel, .order-payment-panel { grid-column: auto; }.order-panel-heading, .order-info-panel, .order-payment-panel, .order-status-form { padding-inline: 1rem; }.order-summary-wrap { padding-inline: 1rem; }.order-total-glance { min-inline-width: auto; }.order-items-table { min-inline-size: 620px; }.order-currency-notice { align-items: flex-start; } }

@media print {
    @page { size: A4; margin: 10mm; }
    html, body { background: #fff !important; color: #111827; font-family: Arial, sans-serif; font-size: 10pt; }
    body * { visibility: hidden; }
    .order-print-sheet, .order-print-sheet * { visibility: visible; }
    .order-print-sheet { position: absolute; inset: 0; width: 100%; }
    .print-only { display: flex !important; }
    .no-print { display: none !important; }
    .order-details-layout { display: block !important; }
    .order-primary-column { display: block !important; }
    .order-sidebar { display: none !important; }
    .order-print-header { align-items: center; justify-content: space-between; border-bottom: 2px solid #111827; margin-bottom: 5mm; padding-bottom: 4mm; }
    .order-print-header > div { display: flex; align-items: center; gap: 3mm; }
    .order-print-header img { width: 13mm; height: 13mm; object-fit: contain; }
    .order-print-header small, .order-print-brief > div > span { display: block; color: #64748b; font-size: 7pt; font-weight: 700; letter-spacing: .08em; }
    .order-print-header h1 { margin: .6mm 0 0; font-size: 16pt; font-weight: 700; }
    .order-print-header span { display: block; font-size: 9pt; color: #475569; }
    .order-print-reference { text-align: end; }.order-print-reference strong { display: block; font-size: 12pt; }
    .order-print-brief { display: grid !important; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 4mm; margin-bottom: 5mm; }
    .order-print-recipient, .order-print-meta, .order-print-note { border: 1px solid #cbd5e1; border-radius: 2mm; padding: 3mm; }
    .order-print-recipient strong, .order-print-recipient bdi { display: block; margin-top: 1mm; }.order-print-recipient p, .order-print-note p { margin: 1mm 0 0; color: #334155; line-height: 1.45; }
    .order-print-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; }.order-print-meta > div { border-inline-start: 1px solid #e2e8f0; padding-inline-start: 2mm; }.order-print-meta > div:first-child { border: 0; padding: 0; }.order-print-meta strong { display: block; margin-top: 1mm; font-size: 8.5pt; }
    .order-print-note { grid-column: 1 / -1; background: #f8fafc; }.order-print-note p { font-size: 8.5pt; }
    .order-print-sheet section { box-shadow: none !important; break-inside: avoid; background: #fff !important; }
    .order-items-panel { border: 0 !important; border-radius: 0 !important; }.order-items-panel .order-panel-heading { border-top: 1.5px solid #111827; padding: 2.5mm 0; }.order-items-panel .order-panel-kicker { display: none; }.order-items-panel h3 { font-size: 11pt; }
    .order-print-sheet table { width: 100%; min-inline-size: 0 !important; font-size: 8.5pt; }.order-print-sheet th { background: #f1f5f9 !important; }.order-print-sheet th, .order-print-sheet td { padding: 2.2mm !important; }.order-product-cell { min-inline-size: 0; gap: 2mm; }.order-product-cell > img { inline-size: 10mm; block-size: 10mm; border-radius: 1mm; }.order-product-cell .mt-1 { margin-top: .4mm; }.order-items-table th:nth-child(2), .order-items-table td:nth-child(2), .order-items-table th:nth-child(4), .order-items-table td:nth-child(4) { display: none; }
    .order-summary-wrap { padding: 3mm 0 0; }.order-summary { inline-size: 62mm; }.order-summary > div { padding-block: 1mm; font-size: 8.5pt; }.order-summary-total { font-size: 11pt !important; }
    .order-note-panel, .order-cancellation-panel, .order-currency-notice { display: none !important; }
    .order-print-sheet img { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
    #bulk-order-print, #bulk-order-print * { visibility: visible; }
    #bulk-order-print { position: absolute; inset: 0; width: 100%; }
    .bulk-order-page { break-after: page; page-break-after: always; }
    .bulk-order-page:last-child { break-after: auto; page-break-after: auto; }
}