/* /Components/Contacts/Timeline/ContactTimelineFeed.razor.rz.scp.css */
/* ===== Timeline root ===== */
.timeline-root[b-x18il31qn4] {
    display: flex;
    flex-direction: column;
    color: var(--mud-palette-text-primary);
}

/* ===== Filter tabs (segmented control) ===== */
.filter-tabs[b-x18il31qn4] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    margin-bottom: 20px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    border-radius: 10px;
    /* Self-sizing wrapper so it doesn't fill the full content width. */
    align-self: flex-start;
}

.filter-tab[b-x18il31qn4] {
    --tab-color: var(--mud-palette-text-secondary);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 7px;
    border: none;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease;
    user-select: none;
    white-space: nowrap;
}

.filter-tab:hover:not(.is-active)[b-x18il31qn4] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
    color: var(--mud-palette-text-primary);
}

.filter-tab:focus-visible[b-x18il31qn4] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 1px;
}

.filter-tab.is-active[b-x18il31qn4] {
    background: var(--mud-palette-surface, var(--mud-palette-background));
    color: var(--tab-color);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.filter-tab[data-color="success"][b-x18il31qn4]   { --tab-color: var(--mud-palette-success); }
.filter-tab[data-color="warning"][b-x18il31qn4]   { --tab-color: var(--mud-palette-warning); }
.filter-tab[data-color="error"][b-x18il31qn4]     { --tab-color: var(--mud-palette-error); }
.filter-tab[data-color="info"][b-x18il31qn4]      { --tab-color: var(--mud-palette-info); }
.filter-tab[data-color="primary"][b-x18il31qn4]   { --tab-color: var(--mud-palette-primary); }
.filter-tab[data-color="secondary"][b-x18il31qn4] { --tab-color: var(--mud-palette-secondary); }
.filter-tab[data-color="tertiary"][b-x18il31qn4]  { --tab-color: var(--mud-palette-tertiary); }

/* "All" tab has no data-color → default-color treatment using primary accent on active. */
.filter-tab:not([data-color]).is-active[b-x18il31qn4] {
    color: var(--mud-palette-primary);
}

.filter-tab .filter-tab-icon[b-x18il31qn4] {
    color: inherit;
    opacity: 0.85;
}

.filter-tab.is-active .filter-tab-icon[b-x18il31qn4] {
    opacity: 1;
}

/* ===== Loading + empty states ===== */
.timeline-loading[b-x18il31qn4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 24px 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.875rem;
}

/* Slim progress bar shown above the list during refresh / tab switch / load-more.
   Doesn't push the list down — sits in normal flow but is only 2px tall. */
.timeline-progress[b-x18il31qn4] {
    height: 2px;
    margin-bottom: 6px;
    overflow: hidden;
    border-radius: 2px;
}

.timeline-progress[b-x18il31qn4]  .timeline-progress-bar {
    height: 2px !important;
    border-radius: 2px;
}

.empty-state[b-x18il31qn4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 56px 16px;
    gap: 4px;
}

.empty-state-medallion[b-x18il31qn4] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-background));
    color: var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.empty-state-medallion .mud-icon-root[b-x18il31qn4] {
    font-size: 28px;
}

.empty-state-title[b-x18il31qn4] {
    font-weight: 600;
}

/* ===== Timeline list + rail ===== */
.timeline-list[b-x18il31qn4] {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.timeline-list[b-x18il31qn4]::before {
    content: "";
    position: absolute;
    left: 17px;
    /* The first day-header is followed by entries; let the line start at the first medallion
       and end at the last. The day-header pill renders above this z-index so it gets covered. */
    top: 14px;
    bottom: 14px;
    width: 2px;
    background: var(--mud-palette-lines-default);
    border-radius: 2px;
}

/* ===== Day header ===== */
.day-header[b-x18il31qn4] {
    position: relative;
    padding: 20px 0 8px 52px;
    z-index: 1;
}

.timeline-list > .day-header:first-child[b-x18il31qn4] {
    padding-top: 0;
}

.day-label[b-x18il31qn4] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--mud-palette-background-grey, var(--mud-palette-background));
    border: 1px solid var(--mud-palette-lines-default);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

/* ===== Entry row ===== */
.entry[b-x18il31qn4] {
    position: relative;
    display: grid;
    grid-template-columns: 36px 1fr auto;
    gap: 16px;
    padding: 10px 12px 10px 0;
    margin-left: -12px;
    align-items: flex-start;
    border-radius: 10px;
    transition: background 120ms ease;
}

.entry-clickable[b-x18il31qn4] {
    cursor: pointer;
}

.entry:hover[b-x18il31qn4] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent);
}

/* ===== Medallion (icon rail) ===== */
.entry-rail[b-x18il31qn4] {
    display: flex;
    justify-content: center;
    padding-top: 2px;
    margin-left: 12px;
}

.medallion[b-x18il31qn4] {
    --medallion-color: var(--mud-palette-text-secondary);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    /* Solid blend so the rail line behind it is occluded. */
    background: color-mix(in srgb, var(--medallion-color) 12%, var(--mud-palette-surface, var(--mud-palette-background)));
    color: var(--medallion-color);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--medallion-color) 20%, transparent);
    flex-shrink: 0;
    z-index: 1;
}

.medallion .mud-icon-root[b-x18il31qn4] {
    font-size: 18px;
}

.medallion[data-color="success"][b-x18il31qn4]   { --medallion-color: var(--mud-palette-success); }
.medallion[data-color="warning"][b-x18il31qn4]   { --medallion-color: var(--mud-palette-warning); }
.medallion[data-color="error"][b-x18il31qn4]     { --medallion-color: var(--mud-palette-error); }
.medallion[data-color="info"][b-x18il31qn4]      { --medallion-color: var(--mud-palette-info); }
.medallion[data-color="primary"][b-x18il31qn4]   { --medallion-color: var(--mud-palette-primary); }
.medallion[data-color="secondary"][b-x18il31qn4] { --medallion-color: var(--mud-palette-secondary); }
.medallion[data-color="tertiary"][b-x18il31qn4]  { --medallion-color: var(--mud-palette-tertiary); }

/* ===== Entry body ===== */
.entry-body[b-x18il31qn4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding-top: 6px;
}

.entry-title[b-x18il31qn4] {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}

.entry-title-link[b-x18il31qn4] {
    color: var(--mud-palette-text-primary) !important;
    font-weight: 500;
}

.entry-title-link:hover[b-x18il31qn4] {
    color: var(--mud-palette-primary) !important;
}

.entry-description[b-x18il31qn4] {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    /* Soft truncation for long descriptions; full content visible via tooltip on the row. */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entry-meta[b-x18il31qn4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-top: 4px;
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    line-height: 1.2;
}

.entry-time[b-x18il31qn4] {
    cursor: help;
    border-bottom: 1px dotted transparent;
    transition: border-color 120ms ease;
}

.entry:hover .entry-time[b-x18il31qn4] {
    border-bottom-color: var(--mud-palette-lines-default);
}

.entry-meta-separator[b-x18il31qn4] {
    opacity: 0.5;
}

.entry-actor[b-x18il31qn4] {
    color: var(--mud-palette-text-secondary);
}

/* ===== Amount chip ===== */
.entry-amount[b-x18il31qn4] {
    align-self: center;
    padding: 4px 10px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-success) 10%, var(--mud-palette-background));
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 25%, transparent);
    color: color-mix(in srgb, var(--mud-palette-success) 90%, var(--mud-palette-text-primary));
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ===== Load-more footer ===== */
.load-more-row[b-x18il31qn4] {
    display: flex;
    justify-content: center;
    padding: 12px 0 4px;
    margin-top: 8px;
    border-top: 1px dashed var(--mud-palette-lines-default);
}

/* ===== Mobile collapse ===== */
@media (max-width: 600px) {
    .entry[b-x18il31qn4] {
        grid-template-columns: 32px 1fr;
        gap: 12px;
        padding-right: 4px;
    }
    .entry-amount[b-x18il31qn4] {
        grid-column: 2;
        justify-self: start;
        margin-top: 6px;
    }
    .timeline-list[b-x18il31qn4]::before { left: 15px; }
    .day-header[b-x18il31qn4] { padding-left: 44px; }
    .medallion[b-x18il31qn4] { width: 32px; height: 32px; }
}
/* /Components/Dashboards/UserPermissionOverridesDialog.razor.rz.scp.css */
.sticky-subheader[b-uyl30ilwej] {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 0.75rem 0;
    margin-bottom: 1rem;
}

.sticky-subheader-row[b-uyl30ilwej] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.chip-group[b-uyl30ilwej] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

[b-uyl30ilwej] .permission-group {
    overflow: hidden;
}

[b-uyl30ilwej] .permission-group-header {
    display: flex;
    align-items: center;
    padding: 0.875rem 1.25rem;
    user-select: none;
    transition: background-color 120ms ease;
}

[b-uyl30ilwej] .permission-group-header,
[b-uyl30ilwej] .permission-group-header *,
[b-uyl30ilwej] .permission-group-header .mud-typography,
[b-uyl30ilwej] .permission-group-header .mud-icon-root,
[b-uyl30ilwej] .permission-group-header .mud-chip {
    cursor: pointer !important;
}

[b-uyl30ilwej] .permission-group-header:hover {
    background-color: var(--mud-palette-action-default-hover);
}

[b-uyl30ilwej] .permission-group-body {
    padding: 0.75rem 1.25rem 1rem 2.75rem;
    border-top: 1px solid var(--mud-palette-lines-default);
}

[b-uyl30ilwej] .permission-row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 1rem;
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
    transition: background-color 120ms ease;
}

[b-uyl30ilwej] .permission-row:hover {
    background-color: var(--mud-palette-action-default-hover);
}

[b-uyl30ilwej] .permission-row-label {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-uyl30ilwej] .inherited-caption {
    color: var(--mud-palette-text-secondary);
    font-size: 0.72rem;
    line-height: 1.1;
    margin-top: 1px;
}

[b-uyl30ilwej] .tri-toggle {
    min-width: 220px;
}

[b-uyl30ilwej] .effective-chip {
    min-width: 110px;
    justify-content: flex-end;
}

[b-uyl30ilwej] .group-chip {
    font-size: 0.7rem;
    height: 20px;
}
/* /Components/Dashboards/Widgets/DashboardKpiWidget.razor.rz.scp.css */
/* Pass-through wrapper: matches the original WidgetCard root so all KPI cards
   keep equal width + height across grid rows. */
.kpi-shell[b-xidmk2scdx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.kpi-clickable[b-xidmk2scdx] {
    cursor: pointer;
}

.kpi-view-pill[b-xidmk2scdx] {
    padding: 2px 8px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}
/* /Components/Dialogs/AddressPickerDialog.razor.rz.scp.css */
.address-picker-empty[b-ydo3y9jg13] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 16px;
}

.address-picker-row[b-ydo3y9jg13] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.address-picker-row:hover[b-ydo3y9jg13] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.04);
}

.address-picker-row-selected[b-ydo3y9jg13] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.address-picker-row-main[b-ydo3y9jg13] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    flex: 1 1 auto;
}

.address-picker-row-lines[b-ydo3y9jg13] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.address-picker-row-meta[b-ydo3y9jg13] {
    margin: 0;
}

.address-picker-row-check[b-ydo3y9jg13] {
    flex: 0 0 auto;
}
/* /Components/Dialogs/SelectBatchDialog.razor.rz.scp.css */
/* Fixed-size body — the dialog never resizes with row count, search results,
   loading state, or mode switch. */
.batch-dialog-body[b-r5ux7b27ev] {
    height: 500px;
    overflow-y: auto;
}

.batch-dialog-body--centered[b-r5ux7b27ev] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.auto-option[b-r5ux7b27ev] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

.auto-option:hover[b-r5ux7b27ev] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.batch-dialog-searchrow[b-r5ux7b27ev] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

[b-r5ux7b27ev] .batch-dialog-search {
    flex: 1 1 auto;
}

[b-r5ux7b27ev] .batch-dialog-newbtn {
    flex: 0 0 auto;
    white-space: nowrap;
}

.batch-dialog-loading[b-r5ux7b27ev] {
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.create-form[b-r5ux7b27ev] {
    max-width: 720px;
    width: 100%;
}
/* /Components/Help/HelpDrawer.razor.rz.scp.css */
/*
 * Help drawer responsive width. MudBlazor's drawer applies a `width` inline
 * style from the Width parameter (480px desktop default), so the mobile
 * override needs !important to win.
 */
[b-h8f1tji7vp] .help-drawer-root {
    max-width: 100vw;
}

@media (max-width: 600px) {
    [b-h8f1tji7vp] .help-drawer-root {
        width: 100vw !important;
    }
}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.notification-dropdown[b-9singf0voe] {
    width: 360px;
    max-height: 480px;
    display: flex;
    flex-direction: column;
}

.notification-header[b-9singf0voe] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.notification-loading[b-9singf0voe] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.notification-empty[b-9singf0voe] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.notification-list[b-9singf0voe] {
    overflow-y: auto;
    max-height: 400px;
}

.notification-item[b-9singf0voe] {
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background 0.15s ease;
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.notification-item:last-child[b-9singf0voe] {
    border-bottom: none;
}

.notification-item:hover[b-9singf0voe] {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.notification-item-content[b-9singf0voe] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.notification-item-text[b-9singf0voe] {
    flex: 1;
    min-width: 0;
}

.notification-footer[b-9singf0voe] {
    border-top: 1px solid var(--mud-palette-lines-default);
    padding: 4px 8px;
}
/* /Components/Layout/TaskDrawer.razor.rz.scp.css */
.task-drawer[b-xjec7ujlo1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.drawer-header[b-xjec7ujlo1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;
}

.drawer-tab-bar[b-xjec7ujlo1] {
    display: flex;
    border-bottom: 2px solid var(--mud-palette-lines-default);
    flex-shrink: 0;
}

[b-xjec7ujlo1] .drawer-tab-button {
    flex: 1;
    border-radius: 0;
    padding: 12px 16px;
    min-height: 48px;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
}

[b-xjec7ujlo1] .drawer-tab-button:hover {
    background-color: var(--mud-palette-action-default-hover);
}

[b-xjec7ujlo1] .drawer-tab-active {
    color: var(--mud-palette-primary) !important;
    border-bottom-color: var(--mud-palette-primary);
}

.filter-row[b-xjec7ujlo1] {
    padding: 8px 16px 0;
}

.task-list[b-xjec7ujlo1] {
    flex: 1;
    overflow-y: auto;
    max-height: calc(100vh - 260px);
    padding: 8px 16px;
}

.task-card[b-xjec7ujlo1] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 8px;
    background: var(--mud-palette-surface);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.task-card:hover[b-xjec7ujlo1] {
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface));
    border-color: var(--mud-palette-primary);
}

.task-card-top[b-xjec7ujlo1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.task-card-info[b-xjec7ujlo1] {
    flex: 1;
    min-width: 0;
}

.task-card-bottom[b-xjec7ujlo1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    padding-left: 22px;
}

.priority-dot[b-xjec7ujlo1] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 5px;
}

.priority-dot.priority-low[b-xjec7ujlo1] {
    background-color: var(--mud-palette-action-default);
}

.priority-dot.priority-medium[b-xjec7ujlo1] {
    background-color: var(--mud-palette-info);
}

.priority-dot.priority-high[b-xjec7ujlo1] {
    background-color: var(--mud-palette-warning);
}

.priority-dot.priority-urgent[b-xjec7ujlo1] {
    background-color: var(--mud-palette-error);
}

[b-xjec7ujlo1] .overdue-text {
    font-weight: 600;
}

.drawer-loading[b-xjec7ujlo1] {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.drawer-empty[b-xjec7ujlo1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 0;
}

.drawer-footer[b-xjec7ujlo1] {
    padding: 8px 16px 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;
}
/* /Components/Pages/Account/Profile.razor.rz.scp.css */
.section-icon[b-26r86g6ncd] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: var(--mud-palette-action-default-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.info-row[b-26r86g6ncd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.info-title[b-26r86g6ncd] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    line-height: 1.4;
}

.info-detail[b-26r86g6ncd] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.5;
    margin-top: 2px;
}
/* /Components/Pages/Admin/AdminHome.razor.rz.scp.css */
.admin-grid[b-tyhc6wq5z6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.25rem;
    align-items: stretch;
}

.admin-card[b-tyhc6wq5z6] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    overflow: hidden;
    height: 100%;
}

.admin-card-header[b-tyhc6wq5z6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.125rem 1.25rem 0.75rem;
}

.admin-card-icon[b-tyhc6wq5z6] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.admin-card-title[b-tyhc6wq5z6] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--mud-palette-text-primary);
}

.admin-card-body[b-tyhc6wq5z6] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    gap: 2px;
    flex: 1;
}

.admin-link[b-tyhc6wq5z6] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.625rem 0.75rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 120ms ease;
    color: var(--mud-palette-text-primary);
}

.admin-link:hover[b-tyhc6wq5z6] {
    background-color: var(--mud-palette-action-default-hover);
}

[b-tyhc6wq5z6] .admin-link-icon {
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
}

.admin-link-text[b-tyhc6wq5z6] {
    flex: 1;
    min-width: 0;
}

.admin-link-title[b-tyhc6wq5z6] {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.3;
}

.admin-link-description[b-tyhc6wq5z6] {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.4;
    margin-top: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

[b-tyhc6wq5z6] .admin-link-chevron {
    color: var(--mud-palette-text-disabled);
    opacity: 0.5;
    flex-shrink: 0;
    transition: opacity 120ms ease, transform 120ms ease;
}

.admin-link:hover[b-tyhc6wq5z6]  .admin-link-chevron {
    opacity: 1;
    transform: translateX(2px);
}
/* /Components/Pages/Admin/Automations/AutomationBuilder.razor.rz.scp.css */
/* ── Stepper (mirrors InventoryItemCreate) ── */
.wizard-stepper[b-7w956ldw28] {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.wizard-step[b-7w956ldw28] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0 4px;
}

.wizard-step.clickable[b-7w956ldw28] {
    cursor: pointer;
}

.wizard-step-dot[b-7w956ldw28] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-surface);
    border: 2px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
    font-size: 14px;
    transition: all 0.2s ease;
    z-index: 1;
}

.wizard-step.active .wizard-step-dot[b-7w956ldw28] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: 0 0 0 4px rgba(var(--mud-palette-primary-rgb), 0.12);
}

.wizard-step.done .wizard-step-dot[b-7w956ldw28] {
    background: var(--mud-palette-success);
    border-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
}

.wizard-step.clickable:hover .wizard-step-dot[b-7w956ldw28] {
    border-color: var(--mud-palette-primary);
}

.wizard-step-label[b-7w956ldw28] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    line-height: 1.2;
}

.wizard-step.active .wizard-step-label[b-7w956ldw28],
.wizard-step.done .wizard-step-label[b-7w956ldw28] {
    color: var(--mud-palette-text-primary);
}

.wizard-step-connector[b-7w956ldw28] {
    position: absolute;
    top: 15px;
    left: calc(50% + 20px);
    right: calc(-50% + 20px);
    height: 2px;
    background: var(--mud-palette-lines-default);
    z-index: 0;
}

.wizard-step.done .wizard-step-connector[b-7w956ldw28] {
    background: var(--mud-palette-success);
}

/* ── Wizard card content ── */
.wizard-card[b-7w956ldw28] {
    border-radius: 12px;
}

.action-card[b-7w956ldw28] {
    border-radius: 12px;
    background-color: var(--mud-palette-background-grey);
}

.condition-fields[b-7w956ldw28] {
    display: grid;
    gap: 16px;
}

.trigger-summary[b-7w956ldw28] {
    border-radius: 12px;
    background-color: var(--mud-palette-background-grey);
}

.sample-row[b-7w956ldw28] {
    border-left: 2px solid var(--mud-palette-primary);
    padding-left: 12px;
    margin-bottom: 8px;
}
/* /Components/Pages/Admin/Automations/AutomationExecutions.razor.rz.scp.css */
.execution-description[b-ntfthhadd1] {
    color: var(--mud-palette-text-primary);
    line-height: 1.4;
}
/* /Components/Pages/Admin/Automations/AutomationList.razor.rz.scp.css */
.empty-state-card[b-yvtmz2g2pu] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
}

.starter-grid[b-yvtmz2g2pu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.starter-card[b-yvtmz2g2pu] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 120ms ease-in-out, background-color 120ms ease-in-out;
}

.starter-card:hover[b-yvtmz2g2pu] {
    border-color: var(--mud-palette-primary);
    background-color: var(--mud-palette-action-default-hover);
}

.filter-card[b-yvtmz2g2pu] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.text-secondary[b-yvtmz2g2pu] {
    color: var(--mud-palette-text-secondary);
}
/* /Components/Pages/Admin/Automations/MergeTagAwareTextField.razor.rz.scp.css */
.merge-tag-field .field-label[b-o8xikqgqw8] {
    font-weight: 600;
}

.merge-tag-field .merge-tag-preview[b-o8xikqgqw8] {
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}
/* /Components/Pages/Admin/BackgroundActivity.razor.rz.scp.css */
.bg-activity-grid[b-hiaqdifzy3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 16px;
}

/* Whole card is the navigation target — wrap as <a> so middle-click + cmd-click open in
   a new tab natively. The anchor inherits text styling from the card body so the body
   doesn't look like a link. */
.bg-activity-card-link[b-hiaqdifzy3] {
    text-decoration: none;
    color: inherit;
    display: block;
}

.bg-activity-card-link:hover[b-hiaqdifzy3] {
    text-decoration: none;
}

/* The classes below are forwarded to MudPaper via the Class parameter. MudPaper renders
   its own <div>, which does NOT receive this page's scope attribute — so we need ::deep
   to reach into the child component's rendered element. Per CLAUDE.md's MudBlazor rule. */
[b-hiaqdifzy3] .bg-activity-card {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-hiaqdifzy3] .bg-activity-card--clickable {
    cursor: pointer;
}

/* Hover anchored on the wrapping <a> (which IS in this page's scope) so the visual cue
   activates anywhere over the card body, not only when the cursor is exactly over the
   inner div's bounding box. */
.bg-activity-card-link:hover[b-hiaqdifzy3]  .bg-activity-card--clickable {
    border-color: var(--mud-palette-primary);
    background-color: var(--mud-palette-action-default-hover);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

[b-hiaqdifzy3] .bg-activity-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-hiaqdifzy3] .bg-activity-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--mud-palette-action-default-hover);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-hiaqdifzy3] .bg-activity-title {
    flex: 1;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.3;
}

[b-hiaqdifzy3] .bg-activity-description {
    color: var(--mud-palette-text-secondary);
    font-size: 0.875rem;
    line-height: 1.4;
}

[b-hiaqdifzy3] .bg-activity-footer {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
    margin-top: auto;
}

[b-hiaqdifzy3] .bg-activity-stat {
    display: flex;
    flex-direction: column;
}

[b-hiaqdifzy3] .bg-activity-stat-label {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

[b-hiaqdifzy3] .bg-activity-stat-value {
    font-size: 0.875rem;
    font-weight: 500;
}
/* /Components/Pages/Admin/BackgroundActivityDetail.razor.rz.scp.css */
.bg-detail-breadcrumbs[b-k2qhdlq81g] {
    margin-bottom: 12px;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
}

.bg-detail-summary[b-k2qhdlq81g] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
}

.bg-detail-summary-row[b-k2qhdlq81g] {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 16px;
    align-items: center;
}

.bg-detail-summary-icon[b-k2qhdlq81g] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-primary);
}

.bg-detail-summary-text[b-k2qhdlq81g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bg-detail-summary-title[b-k2qhdlq81g] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.bg-detail-summary-stats[b-k2qhdlq81g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.bg-detail-summary-stat[b-k2qhdlq81g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bg-detail-summary-stat-label[b-k2qhdlq81g] {
    font-size: 11px;
    text-transform: none;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.bg-detail-summary-stat-value[b-k2qhdlq81g] {
    font-size: 14px;
    color: var(--mud-palette-text-primary);
}

.bg-detail-tabs[b-k2qhdlq81g] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    overflow: hidden;
}

[b-k2qhdlq81g] .bg-detail-recent-row--clickable {
    cursor: pointer;
}

[b-k2qhdlq81g] .bg-detail-recent-row--clickable:hover {
    background-color: var(--mud-palette-action-default-hover);
}
/* /Components/Pages/Admin/BrandingSettings.razor.rz.scp.css */
.theme-grid[b-vc1xql1uc5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.theme-tile[b-vc1xql1uc5] {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

.theme-tile:hover[b-vc1xql1uc5] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    border-color: var(--mud-palette-primary);
}

.theme-tile-active[b-vc1xql1uc5] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 2px var(--mud-palette-primary) inset;
}

.theme-tile-disabled[b-vc1xql1uc5] {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.theme-swatch[b-vc1xql1uc5] {
    position: relative;
    height: 120px;
}

.theme-tile-check[b-vc1xql1uc5] {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-tile-body[b-vc1xql1uc5] {
    padding: 1rem;
}

.theme-dot[b-vc1xql1uc5] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--mud-palette-surface);
    box-shadow: 0 0 0 1px var(--mud-palette-lines-default);
}

/* Phase G — logo card + preview + dropzone */
.logo-card[b-vc1xql1uc5] {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

.logo-preview-row[b-vc1xql1uc5] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 0.5rem 0;
}

.logo-preview[b-vc1xql1uc5] {
    width: 220px;
    height: 80px;
    border-radius: 8px;
    border: 1px dashed var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.logo-preview img[b-vc1xql1uc5] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.logo-dropzone[b-vc1xql1uc5] {
    padding: 2rem;
    border: 2px dashed var(--mud-palette-lines-default);
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.logo-dropzone:hover[b-vc1xql1uc5] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-background-grey);
}

.logo-dropzone-busy[b-vc1xql1uc5] {
    cursor: not-allowed;
    opacity: 0.7;
}
/* /Components/Pages/Admin/DepartmentDetail.razor.rz.scp.css */
.detail-header[b-qx0op9np4g] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

[b-qx0op9np4g] .department-tabs .mud-tabs-toolbar {
    background-color: var(--mud-palette-surface);
}

.stat-tile[b-qx0op9np4g] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
    height: 100%;
}

.stat-tile:hover[b-qx0op9np4g] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.permissions-toolbar[b-qx0op9np4g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.permissions-search[b-qx0op9np4g] {
    flex: 1;
    min-width: 220px;
}

[b-qx0op9np4g] .permission-group {
    border-radius: 8px;
    overflow: hidden;
}

.permission-group-header[b-qx0op9np4g] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.875rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.permission-group-header:hover[b-qx0op9np4g] {
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, transparent);
}

.permission-group-body[b-qx0op9np4g] {
    padding: 0.25rem 0.875rem 0.75rem 3rem;
    border-top: 1px solid var(--mud-palette-lines-default);
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

[b-qx0op9np4g] .member-table .mud-table-head {
    background-color: var(--mud-palette-background-gray);
}

.dashboard-card[b-qx0op9np4g] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    cursor: pointer;
    background-color: var(--mud-palette-surface);
    transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
    height: 100%;
    min-height: 170px;
}

.dashboard-card:hover[b-qx0op9np4g] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.dashboard-card.selected[b-qx0op9np4g] {
    border-color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-surface));
    box-shadow: 0 0 0 1px var(--mud-palette-primary);
}

.dashboard-card-head[b-qx0op9np4g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.dashboard-card-icon[b-qx0op9np4g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--mud-palette-background-gray);
}

.dashboard-card.selected .dashboard-card-icon[b-qx0op9np4g] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.dashboard-card-desc[b-qx0op9np4g] {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
}

.save-bar[b-qx0op9np4g] {
    position: sticky;
    bottom: 0;
    margin-top: 1.5rem;
    padding: 0.875rem 1.25rem;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    z-index: 10;
}
/* /Components/Pages/Admin/HostBackgroundActivity.razor.rz.scp.css */
.host-bg-filter-paper[b-n8dcu4u70j] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
}

.host-bg-empty[b-n8dcu4u70j] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    text-align: center;
}

[b-n8dcu4u70j] .host-bg-table {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

/* Whole row clickable when the row's process has a detail page. The cursor cue communicates
   clickability per CLAUDE.md's hover-state rule. The action-column icon button has its own
   stopPropagation so a middle-click on the icon still opens-in-new-tab as expected. */
[b-n8dcu4u70j] .host-bg-row-clickable {
    cursor: pointer;
}

.host-bg-failures[b-n8dcu4u70j] {
    color: var(--mud-palette-error);
    font-weight: 600;
}
/* /Components/Pages/Admin/LetterTemplateEdit.razor.rz.scp.css */
.template-edit-layout[b-9u4t8mjnfb] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    align-items: start;
}

.template-sidebar[b-9u4t8mjnfb] {
    position: sticky;
    top: 24px;
}

[b-9u4t8mjnfb] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-9u4t8mjnfb] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

.page-header[b-9u4t8mjnfb] {
    margin-bottom: 24px;
}

.page-title[b-9u4t8mjnfb] {
    font-weight: 600;
}

[b-9u4t8mjnfb] .merge-field-group {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

[b-9u4t8mjnfb] .merge-field-drag {
    cursor: grab;
    user-select: none;
}

[b-9u4t8mjnfb] .merge-field-drag:active {
    cursor: grabbing;
    opacity: 0.7;
}

@@media (max-width: 960px) {
    .template-edit-layout[b-9u4t8mjnfb] {
        grid-template-columns: 1fr;
    }

    .template-sidebar[b-9u4t8mjnfb] {
        position: static;
    }
}
/* /Components/Pages/Admin/MailchimpSettings.razor.rz.scp.css */
.settings-flow[b-2focy2ruk2] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
}

/* ═══════════════════════ SECTION CARDS ═══════════════════════ */

[b-2focy2ruk2] .section-card {
    border-radius: 16px;
    padding: 24px;
}

[b-2focy2ruk2] .section-disabled {
    opacity: 0.55;
}

.section-header[b-2focy2ruk2] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.section-number[b-2focy2ruk2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: white;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1;
}

/* ═══════════════════════ FEATURE CARDS ═══════════════════════ */

.feature-card-grid[b-2focy2ruk2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.feature-card[b-2focy2ruk2] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 24px 16px;
    border: 2px dashed var(--mud-palette-lines-default);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.feature-card:hover[b-2focy2ruk2] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.02);
}

.feature-card-active[b-2focy2ruk2] {
    border-style: solid;
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.feature-card-active:hover[b-2focy2ruk2] {
    background: rgba(var(--mud-palette-primary-rgb), 0.09);
}

.feature-card-disabled[b-2focy2ruk2] {
    cursor: default;
    opacity: 0.6;
}

.feature-card-disabled:hover[b-2focy2ruk2] {
    border-color: var(--mud-palette-lines-default);
    background: transparent;
}

.feature-card-disabled.feature-card-active:hover[b-2focy2ruk2] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.feature-card-icon[b-2focy2ruk2] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--mud-palette-background-grey);
}

.feature-card-active .feature-card-icon[b-2focy2ruk2] {
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
}

.feature-card-desc[b-2focy2ruk2] {
    max-width: 220px;
}

[b-2focy2ruk2] .feature-card-check {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* ═══════════════════════ RESPONSIVE ═══════════════════════ */

@media (max-width: 959px) {
    [b-2focy2ruk2] .section-card {
        padding: 16px;
    }

    .section-header[b-2focy2ruk2] {
        margin-bottom: 16px;
    }
}

@media (max-width: 599px) {
    .feature-card-grid[b-2focy2ruk2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Ncoa/NcoaImportDetail.razor.rz.scp.css */
/* Generic CSV mapping table — CSS Grid so the header row and every data row share
   the exact same column tracks at any window width. Flex sizing on the MudText
   header vs. MudTextField in the data rows resolves to slightly different widths
   on narrow screens, which is why this can't be flex. */
.ncoa-mapping-row[b-gzm83cmcso] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    column-gap: 12px;
    align-items: center;
    padding: 8px 8px;
}

.ncoa-mapping-header[b-gzm83cmcso] {
    padding-top: 4px;
    padding-bottom: 4px;
}
/* /Components/Pages/Admin/OrderProcessingSettings.razor.rz.scp.css */
.ops-settings-layout[b-on9hstpomm] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 768px) {
    .ops-settings-layout[b-on9hstpomm] {
        grid-template-columns: 1fr;
    }
}

.ops-settings-rail[b-on9hstpomm] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    padding: 0.5rem;
    position: sticky;
    top: 1rem;
}

.ops-settings-rail-item[b-on9hstpomm] {
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.ops-settings-rail-item:hover[b-on9hstpomm] {
    background-color: var(--mud-palette-action-default-hover);
}

.ops-settings-rail-item-active[b-on9hstpomm] {
    background-color: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
}

.ops-settings-content[b-on9hstpomm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}
/* /Components/Pages/Admin/OrderProcessingSettingsSections/OverviewSection.razor.rz.scp.css */
.status-list[b-l09msqs217] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.status-row[b-l09msqs217] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.75rem;
    border-radius: 8px;
}

.status-row-link[b-l09msqs217] {
    cursor: pointer;
    transition: background-color 120ms ease;
}

.status-row-link:hover[b-l09msqs217] {
    background-color: var(--mud-palette-action-default-hover);
}

.status-row-icon[b-l09msqs217] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-row-text[b-l09msqs217] {
    flex: 1;
    min-width: 0;
}

[b-l09msqs217] .status-row-chevron {
    color: var(--mud-palette-text-disabled);
    opacity: 0.5;
    transition: opacity 120ms ease, transform 120ms ease;
}

.status-row-link:hover[b-l09msqs217]  .status-row-chevron {
    opacity: 1;
    transform: translateX(2px);
}
/* /Components/Pages/Admin/OrderProcessingSettingsSections/SettingsSectionCard.razor.rz.scp.css */
.settings-section[b-ircm1xpsl3] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    padding: 20px;
}

.section-head[b-ircm1xpsl3] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    margin-bottom: 1.25rem;
}

.section-head-icon[b-ircm1xpsl3] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-head-text[b-ircm1xpsl3] {
    flex: 1;
    min-width: 0;
}

.section-head-status[b-ircm1xpsl3] {
    flex-shrink: 0;
    padding-top: 2px;
}

@media (max-width: 599px) {
    .settings-section[b-ircm1xpsl3] {
        padding: 16px;
    }
}
/* /Components/Pages/Admin/PackingSlipTemplateEdit.razor.rz.scp.css */
.template-edit-layout[b-2kc147p0xs] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    align-items: start;
}

.template-sidebar[b-2kc147p0xs] {
    position: sticky;
    top: 24px;
}

[b-2kc147p0xs] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-2kc147p0xs] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

.page-header[b-2kc147p0xs] {
    margin-bottom: 24px;
}

.page-title[b-2kc147p0xs] {
    font-weight: 600;
}

[b-2kc147p0xs] .merge-field-group {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

[b-2kc147p0xs] .merge-field-drag {
    cursor: grab;
    user-select: none;
}

[b-2kc147p0xs] .merge-field-drag:active {
    cursor: grabbing;
    opacity: 0.7;
}

@@media (max-width: 960px) {
    .template-edit-layout[b-2kc147p0xs] {
        grid-template-columns: 1fr;
    }

    .template-sidebar[b-2kc147p0xs] {
        position: static;
    }
}
/* /Components/Pages/Admin/ReferenceData.razor.rz.scp.css */
.reference-data-layout[b-udhge0e79r] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 768px) {
    .reference-data-layout[b-udhge0e79r] {
        grid-template-columns: 1fr;
    }
}

.reference-data-rail[b-udhge0e79r] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    padding: 0.5rem;
    position: sticky;
    top: 1rem;
}

.reference-data-rail-item[b-udhge0e79r] {
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.reference-data-rail-item:hover[b-udhge0e79r] {
    background-color: var(--mud-palette-action-default-hover);
}

.reference-data-rail-item-active[b-udhge0e79r] {
    background-color: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
}

.reference-data-rail-item-active .mud-icon-root[b-udhge0e79r] {
    color: var(--mud-palette-primary);
}

.section-card[b-udhge0e79r] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
}
/* /Components/Pages/Admin/SalePromotionEdit.razor.rz.scp.css */
.sale-page-header[b-gq8g533bqq] {
    margin-bottom: 24px;
}

.sale-title[b-gq8g533bqq] {
    font-weight: 700;
}

.sale-edit-layout[b-gq8g533bqq] {
    display: grid;
    gap: 24px;
    align-items: start;
}

@media (min-width: 960px) {
    .sale-edit-layout[b-gq8g533bqq] {
        grid-template-columns: 1fr 340px;
    }
}

@media (min-width: 1280px) {
    .sale-edit-layout[b-gq8g533bqq] {
        grid-template-columns: 1fr 380px;
    }
}

.sale-main[b-gq8g533bqq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.sale-sidebar[b-gq8g533bqq] {
    position: sticky;
    top: 80px;
}

[b-gq8g533bqq] .sidebar-card,
[b-gq8g533bqq] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

.section-card-header[b-gq8g533bqq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

[b-gq8g533bqq] .status-chip-large {
    font-size: 0.95rem;
    font-weight: 600;
    padding: 6px 20px;
}

/* ═══════════════════════ SCOPE PICKER ═══════════════════════ */

.scope-grid[b-gq8g533bqq] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 720px) {
    .scope-grid[b-gq8g533bqq] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.scope-option[b-gq8g533bqq] {
    cursor: pointer;
    position: relative;
    padding: 16px;
    border: 1.5px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    transition: border-color 120ms ease, background-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
    outline: none;
    user-select: none;
}

.scope-option:hover[b-gq8g533bqq] {
    border-color: var(--mud-palette-primary);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.scope-option:focus-visible[b-gq8g533bqq] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}

.scope-option.selected[b-gq8g533bqq] {
    border-color: var(--mud-palette-primary);
    background: rgba(79, 70, 229, 0.06);
}

.scope-option-header[b-gq8g533bqq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.scope-icon[b-gq8g533bqq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
}

.scope-option.selected .scope-icon[b-gq8g533bqq] {
    background: rgba(79, 70, 229, 0.12);
    color: var(--mud-palette-primary);
}

.scope-title[b-gq8g533bqq] {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 4px;
    color: var(--mud-palette-text-primary);
}

.scope-desc[b-gq8g533bqq] {
    font-size: 0.825rem;
    line-height: 1.4;
    color: var(--mud-palette-text-secondary);
}

/* ═══════════════════════ TARGET ENTRY LIST ═══════════════════════ */

.target-entry[b-gq8g533bqq] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
}

.target-entry-main[b-gq8g533bqq] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.target-entry-name[b-gq8g533bqq] {
    color: var(--mud-palette-text-secondary);
    font-weight: 400;
}

/* ═══════════════════════ DISCOUNT FIELD GROUPS ═══════════════════════ */

.discount-field-group[b-gq8g533bqq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.discount-field-group .field-label[b-gq8g533bqq] {
    font-weight: 600;
}

.discount-amount-field[b-gq8g533bqq] {
    max-width: 280px;
}

/* /Components/Pages/Admin/TaxStatementBatchDetail.razor.rz.scp.css */
.status-filter[b-m2h4e4lpl8] {
    width: 240px;
}
/* /Components/Pages/Admin/TaxStatementBatchNew.razor.rz.scp.css */
.merge-fields-panel[b-kpznvv222e] {
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-background-grey);
}

.merge-fields-hint[b-kpznvv222e] {
    color: var(--mud-palette-text-secondary);
    display: block;
}

.merge-fields-group-label[b-kpznvv222e] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    display: block;
    margin-top: 12px;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* The first group label sits directly under the hint — collapse its top margin so
   the hint's mb-3 alone provides the gap. */
.merge-fields-hint + .merge-fields-group-label[b-kpznvv222e] {
    margin-top: 0;
}

[b-kpznvv222e] .merge-field-group {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

[b-kpznvv222e] .merge-field-drag {
    cursor: grab;
    user-select: none;
}

[b-kpznvv222e] .merge-field-drag:active {
    cursor: grabbing;
    opacity: 0.7;
}

.delivery-mode-grid[b-kpznvv222e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@@media (max-width: 768px) {
    .delivery-mode-grid[b-kpznvv222e] {
        grid-template-columns: 1fr;
    }
}

.delivery-mode-tile[b-kpznvv222e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    text-align: left;
    font-family: inherit;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.delivery-mode-tile:hover[b-kpznvv222e] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-action-default-hover);
}

.delivery-mode-tile.selected[b-kpznvv222e] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary-hover);
    box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
}

.delivery-mode-tile:focus-visible[b-kpznvv222e] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

[b-kpznvv222e] .delivery-mode-icon {
    color: var(--mud-palette-primary);
}

.delivery-mode-title[b-kpznvv222e] {
    font-weight: 600;
    font-size: 1rem;
}

.delivery-mode-description[b-kpznvv222e] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.4;
}

.tag-chip-row[b-kpznvv222e] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
/* /Components/Pages/Admin/TaxStatementTemplateEdit.razor.rz.scp.css */
.template-edit-layout[b-iq638dq2vr] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    align-items: start;
}

.template-sidebar[b-iq638dq2vr] {
    position: sticky;
    top: 24px;
}

[b-iq638dq2vr] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-iq638dq2vr] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-iq638dq2vr] .merge-field-group {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

[b-iq638dq2vr] .merge-field-drag {
    cursor: grab;
    user-select: none;
}

[b-iq638dq2vr] .merge-field-drag:active {
    cursor: grabbing;
    opacity: 0.7;
}

.preview-frame[b-iq638dq2vr] {
    width: 100%;
    height: 720px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: #ffffff;
}

@@media (max-width: 960px) {
    .template-edit-layout[b-iq638dq2vr] {
        grid-template-columns: 1fr;
    }

    .template-sidebar[b-iq638dq2vr] {
        position: static;
    }
}
/* /Components/Pages/Batches/BatchCreate.razor.rz.scp.css */
/* /Components/Pages/Batches/BatchDetail.razor.rz.scp.css */
/* ═══════════════════════ PAGE HEADER ═══════════════════════ */

.page-header[b-rmfpwja7bf] {
    margin-bottom: 24px;
}

.page-title[b-rmfpwja7bf] {
    font-weight: 700;
}

/* ═══════════════════════ TWO-COLUMN LAYOUT ═══════════════════════ */

.batch-detail-layout[b-rmfpwja7bf] {
    display: grid;
    gap: 24px;
    align-items: start;
}

@media (min-width: 960px) {
    .batch-detail-layout[b-rmfpwja7bf] {
        grid-template-columns: 1fr 320px;
    }
}

@media (min-width: 1280px) {
    .batch-detail-layout[b-rmfpwja7bf] {
        grid-template-columns: 1fr 360px;
    }
}

/* ═══════════════════════ MAIN COLUMN ═══════════════════════ */

.batch-main[b-rmfpwja7bf] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

/* ═══════════════════════ SIDEBAR ═══════════════════════ */

.batch-sidebar[b-rmfpwja7bf] {
    position: sticky;
    top: 80px;
}

[b-rmfpwja7bf] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

.notes-block[b-rmfpwja7bf] {
    padding: 10px 14px;
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
}

/* ═══════════════════════ SECTION CARDS ═══════════════════════ */

[b-rmfpwja7bf] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

/* ═══════════════════════ SUMMARY GRID ═══════════════════════ */

.summary-grid[b-rmfpwja7bf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.summary-item[b-rmfpwja7bf] {
    padding: 16px;
    border-radius: 12px;
    background: var(--mud-palette-background-grey);
    text-align: center;
}

.summary-value[b-rmfpwja7bf] {
    font-weight: 700;
    margin: 4px 0;
}

.summary-balanced[b-rmfpwja7bf] {
    background: color-mix(in srgb, var(--mud-palette-success) 8%, transparent);
}

.summary-variance[b-rmfpwja7bf] {
    background: color-mix(in srgb, var(--mud-palette-warning) 8%, transparent);
}

@media (max-width: 599px) {
    .summary-grid[b-rmfpwja7bf] {
        grid-template-columns: 1fr;
    }
}

/* ═══════════════════════ TABLES ═══════════════════════ */

.table-wrapper[b-rmfpwja7bf] {
    overflow-x: auto;
}

[b-rmfpwja7bf] .detail-table {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    overflow: hidden;
}

.text-right[b-rmfpwja7bf] {
    text-align: right;
}

.refunded-caption[b-rmfpwja7bf] {
    display: block;
    margin-top: 2px;
    font-style: italic;
}

/* ═══════════════════════ RECONCILIATION ═══════════════════════ */

.recon-meta[b-rmfpwja7bf] {
    padding: 10px 14px;
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
}

.recon-stats[b-rmfpwja7bf] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.stat-chip[b-rmfpwja7bf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 24px;
    border-radius: 12px;
    min-width: 100px;
}

.stat-matched[b-rmfpwja7bf] {
    background: color-mix(in srgb, var(--mud-palette-success) 10%, transparent);
    color: var(--mud-palette-success);
}

.stat-mismatch[b-rmfpwja7bf] {
    background: color-mix(in srgb, var(--mud-palette-warning) 10%, transparent);
    color: var(--mud-palette-warning);
}

.stat-notfound[b-rmfpwja7bf] {
    background: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
    color: var(--mud-palette-error);
}

[b-rmfpwja7bf] .recon-row-warning td {
    background: color-mix(in srgb, var(--mud-palette-warning) 5%, transparent);
}

[b-rmfpwja7bf] .recon-row-error td {
    background: color-mix(in srgb, var(--mud-palette-error) 5%, transparent);
}

[b-rmfpwja7bf] .explanation-row td {
    border-top: none !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
}

.explanation-content[b-rmfpwja7bf] {
    display: flex;
    align-items: flex-start;
    padding: 8px 12px;
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
    line-height: 1.5;
}

/* ═══════════════════════ RESPONSIVE ═══════════════════════ */

@media (max-width: 959px) {
    .batch-sidebar[b-rmfpwja7bf] {
        position: static;
    }

    [b-rmfpwja7bf] .section-card {
        padding: 16px;
    }
}

@media (max-width: 599px) {
    .page-header[b-rmfpwja7bf] {
        margin-bottom: 16px;
    }

    .notes-block[b-rmfpwja7bf] {
        padding: 8px 10px;
    }
}
/* /Components/Pages/Batches/BatchEdit.razor.rz.scp.css */
/* /Components/Pages/Batches/BatchList.razor.rz.scp.css */
[b-28xestkhl4] .batch-number-chip {
    font-family: monospace;
    font-size: 0.75rem;
    cursor: pointer;
}
/* /Components/Pages/Batches/DailyReconciliation.razor.rz.scp.css */
/* ═══════════════════════ PAGE HEADER ═══════════════════════ */

.page-header[b-dmcsjb6bha] {
    margin-bottom: 24px;
}

.page-title[b-dmcsjb6bha] {
    font-weight: 700;
}

[b-dmcsjb6bha] .date-picker {
    max-width: 320px;
}

/* ═══════════════════════ SECTION CARDS ═══════════════════════ */

[b-dmcsjb6bha] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

/* ═══════════════════════ SUMMARY GRID ═══════════════════════ */

.summary-grid[b-dmcsjb6bha] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.summary-item[b-dmcsjb6bha] {
    padding: 16px;
    border-radius: 12px;
    background: var(--mud-palette-background-grey);
    text-align: center;
}

.summary-value[b-dmcsjb6bha] {
    font-weight: 700;
    margin: 4px 0;
}

.summary-balanced[b-dmcsjb6bha] {
    background: color-mix(in srgb, var(--mud-palette-success) 8%, transparent);
}

.summary-variance[b-dmcsjb6bha] {
    background: color-mix(in srgb, var(--mud-palette-warning) 8%, transparent);
}

@media (max-width: 599px) {
    .summary-grid[b-dmcsjb6bha] {
        grid-template-columns: 1fr;
    }
}

/* ═══════════════════════ RECONCILIATION STATS ═══════════════════════ */

.recon-stats[b-dmcsjb6bha] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.stat-chip[b-dmcsjb6bha] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 24px;
    border-radius: 12px;
    min-width: 100px;
}

.stat-matched[b-dmcsjb6bha] {
    background: color-mix(in srgb, var(--mud-palette-success) 10%, transparent);
    color: var(--mud-palette-success);
}

.stat-mismatch[b-dmcsjb6bha] {
    background: color-mix(in srgb, var(--mud-palette-warning) 10%, transparent);
    color: var(--mud-palette-warning);
}

.stat-notfound[b-dmcsjb6bha] {
    background: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
    color: var(--mud-palette-error);
}

.stat-reviewed[b-dmcsjb6bha] {
    background: color-mix(in srgb, var(--mud-palette-info) 10%, transparent);
    color: var(--mud-palette-info);
}

/* ═══════════════════════ BATCH PANELS ═══════════════════════ */

[b-dmcsjb6bha] .batch-panels {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-dmcsjb6bha] .batch-panel {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px !important;
    overflow: hidden;
}

.panel-header[b-dmcsjb6bha] {
    width: 100%;
    flex-wrap: wrap;
}

/* ═══════════════════════ TABLES ═══════════════════════ */

.table-wrapper[b-dmcsjb6bha] {
    overflow-x: auto;
}

[b-dmcsjb6bha] .detail-table {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    overflow: hidden;
}

.text-right[b-dmcsjb6bha] {
    text-align: right;
}

/* ═══════════════════════ RECONCILIATION ROWS ═══════════════════════ */

[b-dmcsjb6bha] .recon-row-warning td {
    background: color-mix(in srgb, var(--mud-palette-warning) 5%, transparent);
}

[b-dmcsjb6bha] .recon-row-error td {
    background: color-mix(in srgb, var(--mud-palette-error) 5%, transparent);
}

[b-dmcsjb6bha] .explanation-row td {
    border-top: none !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
}

.explanation-content[b-dmcsjb6bha] {
    display: flex;
    align-items: flex-start;
    padding: 8px 12px;
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
    line-height: 1.5;
}

/* ═══════════════════════ RESPONSIVE ═══════════════════════ */

@media (max-width: 599px) {
    .page-header[b-dmcsjb6bha] {
        margin-bottom: 16px;
    }
}
/* /Components/Pages/Contacts/CleanContact.razor.rz.scp.css */
.clean-page-header[b-5r3s6vpmsv] {
    margin-bottom: 24px;
}

.clean-title[b-5r3s6vpmsv] {
    font-weight: 700;
}

.clean-detail-layout[b-5r3s6vpmsv] {
    display: grid;
    gap: 24px;
    align-items: start;
}

@media (min-width: 960px) {
    .clean-detail-layout[b-5r3s6vpmsv] {
        grid-template-columns: 1fr 360px;
    }
}

@media (min-width: 1280px) {
    .clean-detail-layout[b-5r3s6vpmsv] {
        grid-template-columns: 1fr 400px;
    }
}

.clean-main[b-5r3s6vpmsv] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.clean-sidebar[b-5r3s6vpmsv] {
    position: sticky;
    top: 80px;
}

@media (max-width: 959px) {
    .clean-sidebar[b-5r3s6vpmsv] {
        position: static;
    }
}

[b-5r3s6vpmsv] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-5r3s6vpmsv] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-5r3s6vpmsv] .clean-summary-list .mud-list-item {
    padding: 4px 0;
}

/* Each removed-data group is separated by a hairline rule, with a small muted
   "field label" header clearly distinct from the larger primary-text values. */
.record-group[b-5r3s6vpmsv] {
    padding: 14px 0;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.record-group:first-of-type[b-5r3s6vpmsv] {
    border-top: none;
    padding-top: 4px;
}

.record-group-label[b-5r3s6vpmsv] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 8px;
}

.record-group-label-spaced[b-5r3s6vpmsv] {
    margin-top: 24px;
}

.record-count[b-5r3s6vpmsv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    margin-left: 6px;
    border-radius: 999px;
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1;
    vertical-align: middle;
}

.record-note[b-5r3s6vpmsv] {
    font-weight: 400;
    letter-spacing: 0;
    color: var(--mud-palette-text-secondary);
}

.record-value[b-5r3s6vpmsv] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    line-height: 1.5;
    padding: 4px 0;
    word-break: break-word;
}

.record-value + .record-value[b-5r3s6vpmsv] {
    border-top: 1px dashed var(--mud-palette-lines-default);
}

[b-5r3s6vpmsv] .record-table {
    margin-top: 6px;
}

[b-5r3s6vpmsv] .record-table th {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--mud-palette-text-secondary);
}
/* /Components/Pages/Contacts/ContactCreate.razor.rz.scp.css */
.contact-shell[b-oye78rzko3] {
    padding-bottom: 40px;
}

.two-col-row[b-oye78rzko3] {
    display: grid;
    gap: 24px;
}

@media (min-width: 1280px) {
    .two-col-row[b-oye78rzko3] {
        grid-template-columns: 1fr 1fr;
    }
}

[b-oye78rzko3] .form-section {
    border-radius: 18px;
}

.section-head[b-oye78rzko3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.section-icon[b-oye78rzko3] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.08);
    flex-shrink: 0;
}

.type-picker[b-oye78rzko3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

[b-oye78rzko3] .type-option {
    cursor: pointer;
    border-radius: 16px;
    transition: all 0.15s ease;
}

[b-oye78rzko3] .type-option.selected {
    border: 1px solid var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    box-shadow: 0 0 0 1px rgba(var(--mud-palette-primary-rgb), 0.12) inset;
}

.empty-block[b-oye78rzko3] {
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    background: transparent;
}

.entry-block[b-oye78rzko3] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 16px;
    background: var(--mud-palette-surface);
}

.sticky-footer[b-oye78rzko3] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 16px 0 8px 0;
    background: linear-gradient(to top, var(--mud-palette-background) 60%, transparent);
    backdrop-filter: blur(6px);
}

[b-oye78rzko3] .footer-bar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
}

@media (max-width: 960px) {
    .type-picker[b-oye78rzko3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Contacts/ContactDashboard.razor.rz.scp.css */
/* ═══════════════════════ ALERT BANNERS ═══════════════════════ */

.contact-alerts[b-aq913qrdio] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.contact-alerts[b-aq913qrdio]  .contact-alert-row {
    padding-top: 6px;
    padding-bottom: 6px;
    opacity: 0;
    transform: translateY(-6px);
    animation: contact-alert-enter-b-aq913qrdio 360ms cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.contact-alerts[b-aq913qrdio]  .contact-alert-row:nth-child(1) { animation-delay: 40ms; }
.contact-alerts[b-aq913qrdio]  .contact-alert-row:nth-child(2) { animation-delay: 100ms; }
.contact-alerts[b-aq913qrdio]  .contact-alert-row:nth-child(3) { animation-delay: 160ms; }
.contact-alerts[b-aq913qrdio]  .contact-alert-row:nth-child(n+4) { animation-delay: 200ms; }

.contact-alert-line[b-aq913qrdio] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    line-height: 1.4;
}

.contact-alert-name[b-aq913qrdio] {
    font-weight: 700;
    flex-shrink: 0;
}

.contact-alert-sep[b-aq913qrdio] {
    opacity: 0.6;
    flex-shrink: 0;
}

.contact-alert-comment[b-aq913qrdio] {
    font-weight: 400;
    opacity: 0.92;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

@keyframes contact-alert-enter-b-aq913qrdio {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-alerts[b-aq913qrdio]  .contact-alert-row {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

/* ═══════════════════════ STICKY BACK BUTTON ═══════════════════════ */

.contact-back-button-wrap[b-aq913qrdio] {
    position: sticky;
    top: 48px;
    z-index: 11;
    background-color: var(--mud-palette-background);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ═══════════════════════ STICKY STACK (hero + tab bar) ═══════════════════════ */

.contact-sticky-stack[b-aq913qrdio] {
    position: sticky;
    top: 80px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: var(--mud-palette-background);
    box-shadow:
        0 -8px 0 0 var(--mud-palette-background),
        0 4px 0 0 var(--mud-palette-background);
}

/* ═══════════════════════ HERO CARD ═══════════════════════ */

.contact-meta[b-aq913qrdio] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 4px;
}

.contact-meta-item[b-aq913qrdio] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ═══════════════════════ TWO-COLUMN LAYOUT ═══════════════════════ */

.contact-detail-layout[b-aq913qrdio] {
    display: grid;
    gap: 24px;
    align-items: start;
    margin-top: 16px;
}

@media (min-width: 960px) {
    .contact-detail-layout[b-aq913qrdio] {
        grid-template-columns: 1fr 360px;
    }
}

@media (min-width: 1280px) {
    .contact-detail-layout[b-aq913qrdio] {
        grid-template-columns: 1fr 400px;
    }
}

/* ═══════════════════════ MAIN COLUMN ═══════════════════════ */

.contact-main[b-aq913qrdio] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

/* ═══════════════════════ SIDEBAR ═══════════════════════ */

.contact-sidebar[b-aq913qrdio] {
    position: sticky;
    top: 80px;
    z-index: 10;
    background-color: var(--mud-palette-background);
    box-shadow: 0 -8px 0 0 var(--mud-palette-background);
}

[b-aq913qrdio] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

/* ═══════════════════════ SIDEBAR ACCORDION ═══════════════════════ */

[b-aq913qrdio] .sidebar-accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-aq913qrdio] .sidebar-accordion .mud-expand-panel {
    border-radius: 16px !important;
    border: 1px solid var(--mud-palette-lines-default);
    overflow: hidden;
    margin: 0;
}

[b-aq913qrdio] .sidebar-accordion .mud-expand-panel::before {
    display: none;
}

[b-aq913qrdio] .sidebar-accordion .mud-expand-panel-header {
    padding: 16px 20px;
}

[b-aq913qrdio] .sidebar-accordion .mud-expand-panel-content {
    padding: 0 20px 20px;
}

.panel-header[b-aq913qrdio] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.count-badge[b-aq913qrdio] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    border-radius: 10px;
    padding: 2px 8px;
    min-width: 24px;
    text-align: center;
}

/* ═══════════════════════ SECTION CARDS ═══════════════════════ */

[b-aq913qrdio] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    overflow: hidden;
}

[b-aq913qrdio] .tab-bar-card {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

[b-aq913qrdio] .tab-content-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* ═══════════════════════ SIDEBAR SECTION HEADS ═══════════════════════ */

.section-head[b-aq913qrdio] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.section-icon[b-aq913qrdio] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.08);
    flex-shrink: 0;
}

/* ═══════════════════════ ACTIVITY TABS ═══════════════════════ */

.activity-tab-bar[b-aq913qrdio] {
    display: flex;
    border-bottom: 2px solid var(--mud-palette-lines-default);
}

[b-aq913qrdio] .activity-tab-button {
    flex: 1;
    border-radius: 0;
    padding: 14px 16px;
    min-height: 48px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
}

[b-aq913qrdio] .activity-tab-button:hover {
    background-color: var(--mud-palette-action-default-hover);
}

[b-aq913qrdio] .activity-tab-active {
    color: var(--mud-palette-primary) !important;
    border-bottom-color: var(--mud-palette-primary);
}

/* ═══════════════════════ CONTACT INFO ═══════════════════════ */

.address-block[b-aq913qrdio] {
    padding: 10px 14px;
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
}

/* ═══════════════════════ ENTRY BLOCKS ═══════════════════════ */

.entry-block[b-aq913qrdio] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 16px;
    background: var(--mud-palette-surface);
    transition: border-color 0.15s ease, background 0.15s ease;
}

.entry-block-clickable[b-aq913qrdio] {
    cursor: pointer;
}

.entry-block-clickable:hover[b-aq913qrdio] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.03);
}

/* ═══════════════════════ TAGS ═══════════════════════ */

.tags-container[b-aq913qrdio] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ═══════════════════════ SCROLLABLE SECTIONS ═══════════════════════ */

.scrollable-section[b-aq913qrdio] {
    max-height: 400px;
    overflow-y: auto;
}

.scrollable-section-sm[b-aq913qrdio] {
    max-height: 240px;
    overflow-y: auto;
}

/* ═══════════════════════ NOTES ═══════════════════════ */

.note-item[b-aq913qrdio] {
    padding: 12px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.note-item:last-child[b-aq913qrdio] {
    border-bottom: none;
}

.note-header[b-aq913qrdio] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.note-meta[b-aq913qrdio] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

/* ═══════════════════════ TABLES ═══════════════════════ */

.table-wrapper[b-aq913qrdio] {
    overflow-x: auto;
}

/* ═══════════════════════ EMPTY STATE ═══════════════════════ */

.empty-block[b-aq913qrdio] {
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ═══════════════════════ RESPONSIVE ═══════════════════════ */

@media (max-width: 959px) {
    .contact-back-button-wrap[b-aq913qrdio] {
        position: static;
    }

    .contact-sidebar[b-aq913qrdio] {
        position: static;
        box-shadow: none;
    }

    .contact-sticky-stack[b-aq913qrdio] {
        position: static;
        box-shadow: none;
    }

    .contact-detail-layout[b-aq913qrdio] {
        margin-top: 0;
    }

    [b-aq913qrdio] .section-card {
        padding: 16px;
    }

}

@media (max-width: 599px) {
    .contact-page-header[b-aq913qrdio] {
        margin-bottom: 16px;
    }

    .address-block[b-aq913qrdio] {
        padding: 8px 10px;
    }
}
/* /Components/Pages/Contacts/ContactEdit.razor.rz.scp.css */
.contact-shell[b-0hhoetigry] {
    padding-bottom: 40px;
}

.two-col-row[b-0hhoetigry] {
    display: grid;
    gap: 24px;
}

@media (min-width: 1280px) {
    .two-col-row[b-0hhoetigry] {
        grid-template-columns: 1fr 1fr;
    }
}

[b-0hhoetigry] .form-section {
    border-radius: 18px;
}

.section-head[b-0hhoetigry] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.section-icon[b-0hhoetigry] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.08);
    flex-shrink: 0;
}

.type-picker[b-0hhoetigry] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

[b-0hhoetigry] .type-option {
    cursor: pointer;
    border-radius: 16px;
    transition: all 0.15s ease;
}

[b-0hhoetigry] .type-option.selected {
    border: 1px solid var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    box-shadow: 0 0 0 1px rgba(var(--mud-palette-primary-rgb), 0.12) inset;
}

.empty-block[b-0hhoetigry] {
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    background: transparent;
}

.entry-block[b-0hhoetigry] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 16px;
    background: var(--mud-palette-surface);
}

.sticky-footer[b-0hhoetigry] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 16px 0 8px 0;
    background: linear-gradient(to top, var(--mud-palette-background) 60%, transparent);
    backdrop-filter: blur(6px);
}

[b-0hhoetigry] .footer-bar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
}

@media (max-width: 960px) {
    .type-picker[b-0hhoetigry] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Contacts/ContactList.razor.rz.scp.css */
[b-jq5h2tj3j2] .deleted-row {
    text-decoration: line-through;
    opacity: 0.6;
}

[b-jq5h2tj3j2] .contact-id-chip {
    font-family: monospace;
    font-size: 0.75rem;
    cursor: pointer;
}
/* /Components/Pages/Contacts/ContactNoteCreate.razor.rz.scp.css */
.note-shell[b-zhty6oq7z3] {
    padding-bottom: 40px;
}

[b-zhty6oq7z3] .page-intro {
    max-width: 820px;
}

[b-zhty6oq7z3] .form-section {
    border-radius: 18px;
}

.sticky-footer[b-zhty6oq7z3] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 16px 0 8px 0;
    background: linear-gradient(to top, var(--mud-palette-background) 60%, transparent);
    backdrop-filter: blur(6px);
}

[b-zhty6oq7z3] .footer-bar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
}
/* /Components/Pages/Contacts/ContactNoteEdit.razor.rz.scp.css */
.note-shell[b-8l7ljb9y09] {
    padding-bottom: 40px;
}

[b-8l7ljb9y09] .page-intro {
    max-width: 820px;
}

[b-8l7ljb9y09] .form-section {
    border-radius: 18px;
}

.sticky-footer[b-8l7ljb9y09] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 16px 0 8px 0;
    background: linear-gradient(to top, var(--mud-palette-background) 60%, transparent);
    backdrop-filter: blur(6px);
}

[b-8l7ljb9y09] .footer-bar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
}
/* /Components/Pages/Contacts/ContactNotes.razor.rz.scp.css */
.note-content-cell[b-qctq42qaea] {
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/Contacts/ContactTagAdd.razor.rz.scp.css */
.tag-shell[b-3coarlw6n2] {
    padding-bottom: 40px;
}

[b-3coarlw6n2] .page-intro {
    max-width: 820px;
}

[b-3coarlw6n2] .form-section {
    border-radius: 18px;
}

.sticky-footer[b-3coarlw6n2] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 16px 0 8px 0;
    background: linear-gradient(to top, var(--mud-palette-background) 60%, transparent);
    backdrop-filter: blur(6px);
}

[b-3coarlw6n2] .footer-bar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
}
/* /Components/Pages/Contacts/ContactTagEdit.razor.rz.scp.css */
.tag-shell[b-tu5dfqdk7p] {
    padding-bottom: 40px;
}

[b-tu5dfqdk7p] .page-intro {
    max-width: 820px;
}

[b-tu5dfqdk7p] .form-section {
    border-radius: 18px;
}

.sticky-footer[b-tu5dfqdk7p] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 16px 0 8px 0;
    background: linear-gradient(to top, var(--mud-palette-background) 60%, transparent);
    backdrop-filter: blur(6px);
}

[b-tu5dfqdk7p] .footer-bar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
}
/* /Components/Pages/Contacts/ContactTags.razor.rz.scp.css */
.comment-cell[b-3njip5yvz9] {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/Contacts/MergeContacts.razor.rz.scp.css */
.merge-page-header[b-zo0hjh0uhb] {
    margin-bottom: 24px;
}

.merge-title[b-zo0hjh0uhb] {
    font-weight: 700;
}

.merge-detail-layout[b-zo0hjh0uhb] {
    display: grid;
    gap: 24px;
    align-items: start;
}

@media (min-width: 960px) {
    .merge-detail-layout[b-zo0hjh0uhb] {
        grid-template-columns: 1fr 360px;
    }
}

@media (min-width: 1280px) {
    .merge-detail-layout[b-zo0hjh0uhb] {
        grid-template-columns: 1fr 400px;
    }
}

.merge-main[b-zo0hjh0uhb] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.merge-sidebar[b-zo0hjh0uhb] {
    position: sticky;
    top: 80px;
}

[b-zo0hjh0uhb] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-zo0hjh0uhb] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

.merge-comparison[b-zo0hjh0uhb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 599px) {
    .merge-comparison[b-zo0hjh0uhb] {
        grid-template-columns: 1fr;
    }
}

[b-zo0hjh0uhb] .contact-summary-card {
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
}

[b-zo0hjh0uhb] .contact-id-chip {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.75rem;
}

[b-zo0hjh0uhb] .contact-summary-list .mud-list-item {
    padding: 4px 0;
}

.contact-stats[b-zo0hjh0uhb] {
    flex-wrap: wrap;
}

.merge-fields-list[b-zo0hjh0uhb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.merge-field-row[b-zo0hjh0uhb] {
    display: grid;
    grid-template-columns: 160px 1fr 1fr;
    gap: 12px;
    align-items: stretch;
}

.merge-field-name[b-zo0hjh0uhb] {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    padding-right: 12px;
}

.merge-choice-card[b-zo0hjh0uhb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease;
    min-width: 0;
}

.merge-choice-card:hover[b-zo0hjh0uhb] {
    border-color: var(--mud-palette-primary);
}

.merge-choice-card.selected[b-zo0hjh0uhb] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary-hover);
    box-shadow: 0 0 0 1px var(--mud-palette-primary);
}

.merge-choice-card-header[b-zo0hjh0uhb] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.merge-choice-source[b-zo0hjh0uhb] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 1 auto;
    min-width: 0;
}

.merge-choice-role[b-zo0hjh0uhb] {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 1px 8px;
    border-radius: 999px;
    flex-shrink: 0;
}

.role-duplicate[b-zo0hjh0uhb] {
    background: rgba(244, 67, 54, 0.12);
    color: var(--mud-palette-error);
}

.role-primary[b-zo0hjh0uhb] {
    background: rgba(76, 175, 80, 0.12);
    color: var(--mud-palette-success);
}

.merge-choice-check[b-zo0hjh0uhb] {
    margin-left: auto;
    flex-shrink: 0;
}

.merge-choice-value[b-zo0hjh0uhb] {
    font-size: 0.95rem;
    word-break: break-word;
    color: var(--mud-palette-text-primary);
    min-height: 1.4em;
}

.merge-choice-value.empty[b-zo0hjh0uhb] {
    color: var(--mud-palette-text-disabled);
    font-style: italic;
}

@media (max-width: 768px) {
    .merge-field-row[b-zo0hjh0uhb] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .merge-field-name[b-zo0hjh0uhb] {
        padding-right: 0;
        padding-bottom: 4px;
    }
}

.merge-counts[b-zo0hjh0uhb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-zo0hjh0uhb] .merge-summary-list .mud-list-item {
    padding: 4px 0;
}

@media (max-width: 959px) {
    .merge-sidebar[b-zo0hjh0uhb] {
        position: static;
    }
}
/* /Components/Pages/Fulfillment/FulfillmentQueue.razor.rz.scp.css */
[b-wd391tjwrb] .child-row-cell {
    padding: 8px 16px 8px 56px !important;
    background: var(--mud-palette-background) !important;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-wd391tjwrb] .child-row-cell .mud-table {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    overflow: hidden;
    border-left: 3px solid var(--mud-palette-primary);
}

[b-wd391tjwrb] .child-row-table {
    background: var(--mud-palette-surface) !important;
}

[b-wd391tjwrb] .child-row-header th {
    background: var(--mud-palette-table-hover) !important;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
/* /Components/Pages/Fulfillment/ShipmentList.razor.rz.scp.css */
[b-mgbve8920c] .child-row-cell {
    padding: 8px 16px 8px 56px !important;
    background: var(--mud-palette-background) !important;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-mgbve8920c] .child-row-cell .mud-table {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    overflow: hidden;
    border-left: 3px solid var(--mud-palette-primary);
}

[b-mgbve8920c] .child-row-table {
    background: var(--mud-palette-surface) !important;
}

[b-mgbve8920c] .child-row-header th {
    background: var(--mud-palette-table-hover) !important;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
/* /Components/Pages/Inventory/InventoryItemCreate.razor.rz.scp.css */
/* ── Stepper ── */
.wizard-stepper[b-ivndd2cu8r] {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.wizard-step[b-ivndd2cu8r] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0 4px;
}

.wizard-step.clickable[b-ivndd2cu8r] {
    cursor: pointer;
}

.wizard-step-dot[b-ivndd2cu8r] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-surface);
    border: 2px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
    font-size: 14px;
    transition: all 0.2s ease;
    z-index: 1;
}

.wizard-step.active .wizard-step-dot[b-ivndd2cu8r] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: 0 0 0 4px rgba(var(--mud-palette-primary-rgb), 0.12);
}

.wizard-step.done .wizard-step-dot[b-ivndd2cu8r] {
    background: var(--mud-palette-success);
    border-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
}

.wizard-step.clickable:hover .wizard-step-dot[b-ivndd2cu8r] {
    border-color: var(--mud-palette-primary);
}

.wizard-step-label[b-ivndd2cu8r] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    line-height: 1.2;
}

.wizard-step.active .wizard-step-label[b-ivndd2cu8r],
.wizard-step.done .wizard-step-label[b-ivndd2cu8r] {
    color: var(--mud-palette-text-primary);
}

.wizard-step-connector[b-ivndd2cu8r] {
    position: absolute;
    top: 15px;
    left: calc(50% + 20px);
    right: calc(-50% + 20px);
    height: 2px;
    background: var(--mud-palette-lines-default);
    z-index: 0;
}

.wizard-step.done .wizard-step-connector[b-ivndd2cu8r] {
    background: var(--mud-palette-success);
}

@media (max-width: 640px) {
    .wizard-step-label[b-ivndd2cu8r] {
        display: none;
    }
}

/* ── Card + actions ── */
[b-ivndd2cu8r] .wizard-card {
    border-radius: 18px;
}

.wizard-actions[b-ivndd2cu8r] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 12px;
    margin-top: 16px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(to top, var(--mud-palette-background) 70%, transparent);
    backdrop-filter: blur(6px);
    z-index: 10;
}

/* ── Type picker (step 0) ── */
.type-picker[b-ivndd2cu8r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

[b-ivndd2cu8r] .type-option {
    cursor: pointer;
    border-radius: 14px;
    transition: all 0.15s ease;
    text-align: center;
}

[b-ivndd2cu8r] .type-option:hover {
    border-color: var(--mud-palette-primary);
}

[b-ivndd2cu8r] .type-option.selected {
    border: 1px solid var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    box-shadow: 0 0 0 1px rgba(var(--mud-palette-primary-rgb), 0.12) inset;
}

/* ── Variant card (step 4) ── */
[b-ivndd2cu8r] .variant-card {
    border-radius: 14px;
}

/* ── Review (step 5) ── */
.review-grid[b-ivndd2cu8r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 768px) {
    .review-grid[b-ivndd2cu8r] {
        grid-template-columns: 1fr;
    }
}

.review-section[b-ivndd2cu8r] {
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.review-section-header[b-ivndd2cu8r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.review-list[b-ivndd2cu8r] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 6px 16px;
    margin: 0;
}

.review-list dt[b-ivndd2cu8r] {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
}

.review-list dd[b-ivndd2cu8r] {
    margin: 0;
    font-size: 0.875rem;
    word-break: break-word;
}

.review-inline-list[b-ivndd2cu8r] {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
}

.review-inline-list li[b-ivndd2cu8r] {
    padding: 2px 0;
}
/* /Components/Pages/Inventory/InventoryItemEdit.razor.rz.scp.css */
/* ── Stepper ── */
.wizard-stepper[b-48ut55iykz] {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.wizard-step[b-48ut55iykz] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0 4px;
}

.wizard-step.clickable[b-48ut55iykz] {
    cursor: pointer;
}

.wizard-step-dot[b-48ut55iykz] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-surface);
    border: 2px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
    font-size: 14px;
    transition: all 0.2s ease;
    z-index: 1;
}

.wizard-step.active .wizard-step-dot[b-48ut55iykz] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: 0 0 0 4px rgba(var(--mud-palette-primary-rgb), 0.12);
}

.wizard-step.done .wizard-step-dot[b-48ut55iykz] {
    background: var(--mud-palette-success);
    border-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
}

.wizard-step.clickable:hover .wizard-step-dot[b-48ut55iykz] {
    border-color: var(--mud-palette-primary);
}

.wizard-step-label[b-48ut55iykz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    line-height: 1.2;
}

.wizard-step.active .wizard-step-label[b-48ut55iykz],
.wizard-step.done .wizard-step-label[b-48ut55iykz] {
    color: var(--mud-palette-text-primary);
}

.wizard-step-connector[b-48ut55iykz] {
    position: absolute;
    top: 15px;
    left: calc(50% + 20px);
    right: calc(-50% + 20px);
    height: 2px;
    background: var(--mud-palette-lines-default);
    z-index: 0;
}

.wizard-step.done .wizard-step-connector[b-48ut55iykz] {
    background: var(--mud-palette-success);
}

@media (max-width: 640px) {
    .wizard-step-label[b-48ut55iykz] {
        display: none;
    }
}

/* ── Card + actions ── */
[b-48ut55iykz] .wizard-card {
    border-radius: 18px;
}

.wizard-actions[b-48ut55iykz] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 12px;
    margin-top: 16px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(to top, var(--mud-palette-background) 70%, transparent);
    backdrop-filter: blur(6px);
    z-index: 10;
}

/* ── Type picker (step 0) ── */
.type-picker[b-48ut55iykz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

[b-48ut55iykz] .type-option {
    cursor: pointer;
    border-radius: 14px;
    transition: all 0.15s ease;
    text-align: center;
}

[b-48ut55iykz] .type-option:hover {
    border-color: var(--mud-palette-primary);
}

[b-48ut55iykz] .type-option.selected {
    border: 1px solid var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    box-shadow: 0 0 0 1px rgba(var(--mud-palette-primary-rgb), 0.12) inset;
}

/* ── Variant card (step 4) ── */
[b-48ut55iykz] .variant-card {
    border-radius: 14px;
}

/* ── Review (step 5) ── */
.review-grid[b-48ut55iykz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 768px) {
    .review-grid[b-48ut55iykz] {
        grid-template-columns: 1fr;
    }
}

.review-section[b-48ut55iykz] {
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.review-section-header[b-48ut55iykz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.review-list[b-48ut55iykz] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 6px 16px;
    margin: 0;
}

.review-list dt[b-48ut55iykz] {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
}

.review-list dd[b-48ut55iykz] {
    margin: 0;
    font-size: 0.875rem;
    word-break: break-word;
}

.review-inline-list[b-48ut55iykz] {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
}

.review-inline-list li[b-48ut55iykz] {
    padding: 2px 0;
}
/* /Components/Pages/Onboarding/OnboardingWizard.razor.rz.scp.css */
.onboarding-container[b-ngf8zyw20c] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.onboarding-header[b-ngf8zyw20c] {
    margin-bottom: 2rem;
}
/* /Components/Pages/Orders/OrderDetail.razor.rz.scp.css */
/* ═══════════════════════ PAGE HEADER ═══════════════════════ */

.order-page-header[b-ura4dlm9ko] {
    margin-bottom: 24px;
}

.order-title[b-ura4dlm9ko] {
    font-weight: 700;
}

/* ═══════════════════════ TWO-COLUMN LAYOUT ═══════════════════════ */

.order-detail-layout[b-ura4dlm9ko] {
    display: grid;
    gap: 24px;
    align-items: start;
}

@media (min-width: 960px) {
    .order-detail-layout[b-ura4dlm9ko] {
        grid-template-columns: 1fr 360px;
    }
}

@media (min-width: 1280px) {
    .order-detail-layout[b-ura4dlm9ko] {
        grid-template-columns: 1fr 400px;
    }
}

/* ═══════════════════════ MAIN COLUMN ═══════════════════════ */

.order-main[b-ura4dlm9ko] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

/* ═══════════════════════ SIDEBAR ═══════════════════════ */

.order-sidebar[b-ura4dlm9ko] {
    position: sticky;
    top: 80px;
}

[b-ura4dlm9ko] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-ura4dlm9ko] .status-chip-large {
    font-size: 0.95rem;
    font-weight: 600;
    padding: 6px 20px;
}

/* ═══════════════════════ SECTION CARDS ═══════════════════════ */

[b-ura4dlm9ko] .section-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

/* ═══════════════════════ ADDRESS BLOCK ═══════════════════════ */

.address-block[b-ura4dlm9ko] {
    padding: 10px 14px;
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
}

/* ═══════════════════════ TABLES ═══════════════════════ */

.table-wrapper[b-ura4dlm9ko] {
    overflow-x: auto;
}

[b-ura4dlm9ko] .items-table {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    overflow: hidden;
}

.text-right[b-ura4dlm9ko] {
    text-align: right;
}

.refunded-caption[b-ura4dlm9ko] {
    display: block;
    margin-top: 2px;
    font-style: italic;
}

.voided-caption[b-ura4dlm9ko] {
    display: block;
    margin-top: 2px;
    font-style: italic;
    text-decoration: none;
}

[b-ura4dlm9ko] tr.voided-row td {
    text-decoration: line-through;
    color: var(--mud-palette-text-disabled);
}

[b-ura4dlm9ko] tr.voided-row .voided-caption {
    text-decoration: none;
    color: var(--mud-palette-error);
}

/* ═══════════════════════ REFUND DRAWER ═══════════════════════ */

[b-ura4dlm9ko] .refund-drawer {
    z-index: 1300;
}

[b-ura4dlm9ko] .refund-drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-ura4dlm9ko] .refund-drawer-header {
    padding: 20px 24px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

[b-ura4dlm9ko] .refund-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
}

[b-ura4dlm9ko] .refund-drawer-footer {
    flex-shrink: 0;
    padding: 20px 24px;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default);
}

[b-ura4dlm9ko] .refund-item-card {
    border-radius: 10px;
    transition: border-color 0.15s ease;
}

[b-ura4dlm9ko] .refund-item-card:has(.mud-checkbox-true) {
    border-color: var(--mud-palette-warning);
}

/* ═══════════════════════ RESPONSIVE ═══════════════════════ */

@media (max-width: 959px) {
    .order-sidebar[b-ura4dlm9ko] {
        position: static;
    }

    [b-ura4dlm9ko] .section-card {
        padding: 16px;
    }
}

@media (max-width: 599px) {
    .order-page-header[b-ura4dlm9ko] {
        margin-bottom: 16px;
    }

    .address-block[b-ura4dlm9ko] {
        padding: 8px 10px;
    }

    [b-ura4dlm9ko] .refund-drawer .mud-drawer-content {
        width: 100vw;
    }
}
/* /Components/Pages/Orders/OrderWizard.razor.rz.scp.css */
/* ═══════════════════════ ORDER WIZARD LAYOUT ═══════════════════════ */

.order-layout[b-rybofja0b1] {
    display: grid;
    gap: 24px;
    align-items: start;
}

@media (min-width: 960px) {
    .order-layout[b-rybofja0b1] {
        grid-template-columns: 1fr 360px;
    }
}

@media (min-width: 1280px) {
    .order-layout[b-rybofja0b1] {
        grid-template-columns: 1fr 380px;
    }
}

.order-form[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ═══════════════════════ SIDEBAR ═══════════════════════ */

.order-sidebar[b-rybofja0b1] {
    position: sticky;
    top: 80px;
}

[b-rybofja0b1] .sidebar-card {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
}

/* ═══════════════════════ SHIPPING + TAX ═══════════════════════ */

.ship-tax-status[b-rybofja0b1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
}

.ship-tax-empty[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 16px;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 10px;
    background: rgba(var(--mud-palette-primary-rgb), 0.015);
}

.ship-tax-overrides[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 4px;
}

.ship-tax-overrides-fullwidth[b-rybofja0b1] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.ship-tax-adjustments-row[b-rybofja0b1] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.ship-tax-adjustments-row > *[b-rybofja0b1] {
    flex: 1 1 200px;
    max-width: 240px;
}

.ship-tax-tax-body[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-rybofja0b1] .ship-tax-breakdown-panel {
    background: transparent !important;
}

[b-rybofja0b1] .ship-tax-breakdown-panel .mud-expand-panel,
[b-rybofja0b1] .ship-tax-breakdown-panel .mud-expand-panel-header {
    background: transparent !important;
    box-shadow: none !important;
}

[b-rybofja0b1] .ship-tax-breakdown-panel .mud-expand-panel-header {
    padding: 4px 8px;
    min-height: 36px;
}

[b-rybofja0b1] .ship-tax-breakdown-panel .mud-expand-panel-text {
    font-size: 0.85rem;
    color: var(--mud-palette-text-secondary);
}

[b-rybofja0b1] .ship-tax-breakdown-panel .mud-expand-panel-content {
    padding: 8px 0 0 0;
}

[b-rybofja0b1] .ship-tax-breakdown-table {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    overflow: hidden;
}

/* ═══════════════════════ SECTION CARDS ═══════════════════════ */

[b-rybofja0b1] .section-card {
    border-radius: 16px;
    padding: 24px;
}

.section-header[b-rybofja0b1] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.section-header-clickable[b-rybofja0b1] {
    cursor: pointer;
    user-select: none;
    padding: 4px 0;
    border-radius: 8px;
    transition: background 0.12s ease;
}

.section-header-clickable:hover[b-rybofja0b1] {
    background: rgba(var(--mud-palette-primary-rgb), 0.04);
}

.section-number[b-rybofja0b1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: white;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1;
}

/* ═══════════════════════ CONTACT BANNER ═══════════════════════ */

.contact-banner[b-rybofja0b1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--mud-palette-background-grey);
    border-radius: 10px;
}

/* ═══════════════════════ ITEMS TABLE ═══════════════════════ */

[b-rybofja0b1] .items-table {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    overflow: hidden;
}

[b-rybofja0b1] .item-preview-card {
    border-radius: 12px;
    background: var(--mud-palette-background-grey);
    border-color: var(--mud-palette-primary) !important;
    border-width: 1px;
}

/* ═══════════════════════ EMPTY STATE HINT ═══════════════════════ */

.empty-section-placeholder[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 28px 16px;
    margin-top: 12px;
    text-align: center;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 12px;
    background: rgba(var(--mud-palette-primary-rgb), 0.015);
}

.empty-section-placeholder .empty-icon[b-rybofja0b1] {
    opacity: 0.45;
}

.empty-section-placeholder .empty-headline[b-rybofja0b1] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.empty-section-placeholder .empty-microcopy[b-rybofja0b1] {
    color: var(--mud-palette-text-secondary);
    max-width: 360px;
}

/* ═══════════════════════ DONATION CARDS ═══════════════════════ */

[b-rybofja0b1] .donation-card {
    border-radius: 10px;
    overflow: hidden;
}

[b-rybofja0b1] .donation-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px 6px 12px;
    background: var(--mud-palette-background-grey);
    flex-wrap: wrap;
    row-gap: 4px;
}

[b-rybofja0b1] .donation-card-recurring {
    padding: 6px 12px 10px;
}

[b-rybofja0b1] .donation-remove-button {
    color: var(--mud-palette-action-default);
    transition: color 120ms ease-in-out;
}

[b-rybofja0b1] .donation-remove-button:hover {
    color: var(--mud-palette-error);
}

.donation-subtotal[b-rybofja0b1] {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
    font-weight: 600;
}

.recurring-summary[b-rybofja0b1] {
    padding: 6px 0;
    border-left: 2px solid var(--mud-palette-info);
}

/* ═══════════════════════ SHIPPING RATE CARDS ═══════════════════════ */

.shipping-rates-grid[b-rybofja0b1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

[b-rybofja0b1] .shipping-rate-card {
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
}

[b-rybofja0b1] .shipping-rate-card:hover {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.03);
}

[b-rybofja0b1] .shipping-rate-card.selected {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    box-shadow: 0 0 0 1px var(--mud-palette-primary) inset;
}

/* ═══════════════════════ PAYMENT SECTION ═══════════════════════ */

/* Amount-due / allocation summary strip */
.payment-summary-strip[b-rybofja0b1] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 16px;
    background: var(--mud-palette-background-grey);
    transition: background 0.15s ease, border-color 0.15s ease;
}

.payment-summary-strip.is-balanced[b-rybofja0b1] {
    border-color: rgba(var(--mud-palette-success-rgb), 0.45);
    background: rgba(var(--mud-palette-success-rgb), 0.06);
}

.payment-summary-strip.is-unbalanced[b-rybofja0b1] {
    border-color: rgba(var(--mud-palette-warning-rgb), 0.45);
    background: rgba(var(--mud-palette-warning-rgb), 0.06);
}

.payment-summary-row[b-rybofja0b1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.payment-summary-of[b-rybofja0b1] {
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
}

/* Method details block (toggle + fields) under the method grid */
.payment-details[b-rybofja0b1] {
    margin-top: 16px;
}

/* Single→split / add-payment action button row */
.payment-split-action[b-rybofja0b1] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ═══════════════════════ PAYMENT METHOD CARDS ═══════════════════════ */

.payment-method-grid[b-rybofja0b1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
    gap: 12px;
    margin-bottom: 4px;
}

[b-rybofja0b1] .payment-method-card {
    position: relative;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: center;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-rybofja0b1] .payment-method-card:hover {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.03);
}

[b-rybofja0b1] .payment-method-card.selected {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    box-shadow: 0 0 0 1px var(--mud-palette-primary) inset;
}

.payment-method-check[b-rybofja0b1] {
    position: absolute;
    top: 6px;
    right: 6px;
}

/* ═══════════════════════ SPLIT PAYMENT CARD ═══════════════════════ */

[b-rybofja0b1] .split-payment-card {
    border-radius: 12px;
}

.split-payment-header[b-rybofja0b1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.split-payment-badge[b-rybofja0b1] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    padding: 3px 12px;
    border-radius: 999px;
}

[b-rybofja0b1] .split-payment-remove {
    color: var(--mud-palette-action-default);
    transition: color 120ms ease-in-out;
}

[b-rybofja0b1] .split-payment-remove:hover {
    color: var(--mud-palette-error);
}

.split-payment-fill[b-rybofja0b1] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}


/* ═══════════════════════ NOTES PANEL ═══════════════════════ */

[b-rybofja0b1] .notes-panel {
    background: transparent;
}

[b-rybofja0b1] .notes-panel .mud-expand-panel-header {
    padding: 8px 4px;
}

/* ═══════════════════════ STICKY BOTTOM ACTION BAR ═══════════════════════ */

.order-sticky-bar[b-rybofja0b1] {
    position: sticky;
    bottom: 0;
    margin-top: 16px;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default);
    padding: 12px 16px;
    z-index: 10;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04);
}

.order-sticky-bar-inner[b-rybofja0b1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1280px;
    margin: 0 auto;
}

.order-sticky-bar-totals[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

@media (min-width: 960px) {
    /* Desktop has the right-rail Place Order, so the sticky bar is redundant. Hide on wide screens. */
    .order-sticky-bar[b-rybofja0b1] { display: none; }
}

/* ═══════════════════════ PLACE ORDER BUTTON ═══════════════════════ */

[b-rybofja0b1] .place-order-btn {
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 12px 24px;
    text-transform: none;
}

/* ═══════════════════════ SUCCESS STATE ═══════════════════════ */

.order-success-wrapper[b-rybofja0b1] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 24px;
}

[b-rybofja0b1] .order-success-card {
    border-radius: 20px;
    max-width: 520px;
    width: 100%;
}

.success-icon-ring[b-rybofja0b1] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(var(--mud-palette-success-rgb), 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ═══════════════════════ RESPONSIVE TWEAKS ═══════════════════════ */

@media (max-width: 959px) {
    .order-sidebar[b-rybofja0b1] {
        position: static;
    }

    [b-rybofja0b1] .section-card {
        padding: 16px;
    }

    .section-header[b-rybofja0b1] {
        margin-bottom: 16px;
    }

    .payment-method-grid[b-rybofja0b1] {
        grid-template-columns: repeat(3, 1fr);
    }

    .shipping-rates-grid[b-rybofja0b1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .payment-method-grid[b-rybofja0b1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .shipping-rates-grid[b-rybofja0b1] {
        grid-template-columns: 1fr;
    }

}

/* ═══════════════════════ ADDRESS CARDS ═══════════════════════ */

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

@media (min-width: 720px) {
    .address-grid[b-rybofja0b1] {
        grid-template-columns: 1fr 1fr;
    }
}

.address-card[b-rybofja0b1] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--mud-palette-surface);
}

.address-card-header[b-rybofja0b1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.address-card-toggle[b-rybofja0b1] {
    margin: 4px 0 4px 0;
}

.address-card-body[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.address-card-body-mirrored[b-rybofja0b1] {
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--mud-palette-background-grey);
}

.address-card-chips[b-rybofja0b1] {
    margin-top: 8px;
}

.address-card-empty[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0;
}

/* ═══════════════════════ ITEM SEARCH DROPDOWN ═══════════════════════ */

.item-search-row[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 4px;
    width: 100%;
    min-width: 0;
}

.item-search-row-main[b-rybofja0b1] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.item-search-row-name[b-rybofja0b1] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.item-search-row-name-text[b-rybofja0b1] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-search-row-sku[b-rybofja0b1] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    flex: 0 0 auto;
}

.item-search-row-price[b-rybofja0b1] {
    font-weight: 700;
    color: var(--mud-palette-primary);
    font-variant-numeric: tabular-nums;
    flex: 0 0 auto;
}

.item-search-row-meta[b-rybofja0b1] {
    margin: 0;
}

.item-search-row-desc[b-rybofja0b1] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.item-search-empty[b-rybofja0b1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 20px 16px;
    text-align: center;
}

/* MudAutocomplete renders ItemTemplate inside child components — use ::deep */
[b-rybofja0b1] .mud-popover .mud-list-item:has(.item-search-row) {
    padding: 4px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-rybofja0b1] .mud-popover .mud-list-item:has(.item-search-row):last-child {
    border-bottom: none;
}

@media (max-width: 599px) {
    .item-search-row-main[b-rybofja0b1] {
        flex-wrap: wrap;
    }

    .item-search-row-name-text[b-rybofja0b1] {
        font-size: 0.9rem;
    }
}
/* /Components/Pages/Reports/ReportBuilder.razor.rz.scp.css */
/* ─── Muted text helper ───
   MudBlazor's Color.Secondary maps to the SECONDARY brand palette (sky-500 in
   our theme) — not a muted gray. Use this class for actual muted captions. */
.muted-text[b-67mp1snnme],
[b-67mp1snnme] .muted-text {
    color: var(--mud-palette-text-secondary);
}

/* ─── Page header ─── */
.builder-page-header[b-67mp1snnme] {
    margin-bottom: 16px;
    padding: 16px 20px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.builder-page-header__row[b-67mp1snnme] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.builder-page-header__name[b-67mp1snnme] {
    flex: 1 1 240px;
    min-width: 200px;
}

.builder-page-header__desc[b-67mp1snnme] {
    flex: 2 1 320px;
    min-width: 240px;
}

.builder-page-header__share[b-67mp1snnme] {
    flex: 0 0 auto;
    align-self: center;
    margin: 0;
    white-space: nowrap;
}

/* ─── Configure surface (full-width) ─── */
.builder-config[b-67mp1snnme] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

[b-67mp1snnme] .config-card {
    border-radius: 12px;
    padding: 16px 18px;
}

[b-67mp1snnme] .config-panels {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-67mp1snnme] .config-panels .mud-expand-panel {
    box-shadow: none;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-67mp1snnme] .config-panels .mud-expand-panel:last-child {
    border-bottom: none;
}

[b-67mp1snnme] .config-panels .mud-expand-panel-header {
    padding: 12px 18px;
    min-height: 48px;
}

[b-67mp1snnme] .config-panels .mud-expand-panel-text {
    width: 100%;
}

[b-67mp1snnme] .config-panels .mud-expand-panel-content {
    padding: 12px 18px 16px;
}

/* Category headers above each chip row — heavier than the chips so the user's
   eye lands on the section heading first, then on the chips inside it. */
.column-category-label[b-67mp1snnme] {
    color: var(--mud-palette-text-primary);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 16px 0 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

/* Tighter top margin on the very first category — the section above already
   has its own padding, so the default 16px above would double-up. */
.column-category-label:first-of-type[b-67mp1snnme] {
    margin-top: 4px;
}

/* ─── Column chip picker ─── */
.column-chip-row[b-67mp1snnme] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.column-chip[b-67mp1snnme] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    background: transparent;
    color: var(--mud-palette-text-primary);
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: all 0.15s ease;
}

.column-chip:hover[b-67mp1snnme] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.column-chip-selected[b-67mp1snnme] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    border-color: var(--mud-palette-primary);
}

.column-chip-selected:hover[b-67mp1snnme] {
    filter: brightness(1.05);
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.column-chip-icon[b-67mp1snnme] {
    font-size: 0.95rem !important;
    margin-left: -2px;
}

/* ─── Preview modal — scroll the table inside the dialog body. ─── */
.preview-table-scroll[b-67mp1snnme] {
    max-height: 60vh;
    overflow: auto;
}
/* /Components/Pages/Tasks/Notifications.razor.rz.scp.css */
[b-m1816xmxrt] .notification-page-list {
}

[b-m1816xmxrt] .notification-page-list .notification-row {
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.15s ease;
}

[b-m1816xmxrt] .notification-page-list .notification-row:hover {
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, transparent);
}

[b-m1816xmxrt] .notification-page-list .notification-row.unread {
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

[b-m1816xmxrt] .notification-page-list .notification-row.unread:hover {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

[b-m1816xmxrt] .notification-page-list .notification-row.read {
    opacity: 0.75;
}

.notification-row-content[b-m1816xmxrt] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
}

.notification-row-icon[b-m1816xmxrt] {
    flex-shrink: 0;
    padding-top: 2px;
}

.notification-row-text[b-m1816xmxrt] {
    flex: 1;
    min-width: 0;
}

.notification-row-meta[b-m1816xmxrt] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
/* /Components/Pages/Tasks/TaskCreate.razor.rz.scp.css */
.task-shell[b-zq4am1c8t6] {
    padding-bottom: 40px;
}

[b-zq4am1c8t6] .page-intro {
    max-width: 820px;
}

[b-zq4am1c8t6] .form-section {
    border-radius: 18px;
}

.section-head[b-zq4am1c8t6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.section-icon[b-zq4am1c8t6] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.08);
    flex-shrink: 0;
}

.sticky-footer[b-zq4am1c8t6] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 16px 0 8px 0;
    background: linear-gradient(to top, var(--mud-palette-background) 60%, transparent);
    backdrop-filter: blur(6px);
}

[b-zq4am1c8t6] .footer-bar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
}
/* /Components/Pages/Tasks/TaskDetail.razor.rz.scp.css */
[b-rqw2k35nzt] .hero-card {
    border-radius: 18px;
}

[b-rqw2k35nzt] .detail-card {
    border-radius: 18px;
    height: 100%;
}

[b-rqw2k35nzt] .overdue-text {
    color: var(--mud-palette-error);
    font-weight: 600;
}
/* /Components/Pages/Tasks/TaskEdit.razor.rz.scp.css */
.task-shell[b-9cpvnumr09] {
    padding-bottom: 40px;
}

[b-9cpvnumr09] .page-intro {
    max-width: 820px;
}

[b-9cpvnumr09] .form-section {
    border-radius: 18px;
}

.section-head[b-9cpvnumr09] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.section-icon[b-9cpvnumr09] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.08);
    flex-shrink: 0;
}

.sticky-footer[b-9cpvnumr09] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 16px 0 8px 0;
    background: linear-gradient(to top, var(--mud-palette-background) 60%, transparent);
    backdrop-filter: blur(6px);
}

[b-9cpvnumr09] .footer-bar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
}
/* /Components/Pages/Tasks/TaskList.razor.rz.scp.css */
[b-hmoisu8aqw] .overdue-text {
    color: var(--mud-palette-error);
    font-weight: 600;
}
/* /Components/Reports/FilterGroupEditor.razor.rz.scp.css */
/* ─── Filter group container ─── */
.filter-group[b-topjxi8auh] {
    position: relative;
    border-radius: 10px;
    padding: 12px 14px 12px 22px; /* extra left padding clears the spine */
    margin-top: 0;
    margin-bottom: 0;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);

    /* The spine — 4px colored bar on the left edge that runs the full height
       of the group. Color reflects the operator (AND vs OR). */
    border-left-width: 4px;
}

.filter-group-and[b-topjxi8auh] {
    border-left-color: var(--mud-palette-primary);
}

.filter-group-or[b-topjxi8auh] {
    border-left-color: var(--mud-palette-secondary);
}

.filter-group-root[b-topjxi8auh] {
    background: transparent;
}

.filter-group-nested[b-topjxi8auh] {
    margin-top: 8px;
    background: rgba(var(--mud-palette-primary-rgb), 0.025);
}

.filter-group-or.filter-group-nested[b-topjxi8auh] {
    background: rgba(var(--mud-palette-secondary-rgb), 0.03);
}

/* ─── Group header ─── */
.filter-group-header[b-topjxi8auh] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.filter-group-summary[b-topjxi8auh] {
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
}

.filter-group-empty[b-topjxi8auh] {
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
    margin: 4px 0 8px 0;
    font-style: italic;
}

/* ─── Connector pills between siblings ─── */
.filter-connector[b-topjxi8auh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 6px 0 6px 8px;
    padding: 2px 10px;
    height: 20px;
    border-radius: 10px;
    color: white;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.6px;
    cursor: pointer;
    user-select: none;
    transition: filter 0.15s ease;
    /* The connector is part of the group's tree visually — keep it left-aligned
       so it stamps the boundary between siblings without dominating the row. */
    align-self: flex-start;
    width: fit-content;
}

.filter-connector:hover[b-topjxi8auh] {
    filter: brightness(1.1);
}

.filter-connector-and[b-topjxi8auh] {
    background: var(--mud-palette-primary);
}

.filter-connector-or[b-topjxi8auh] {
    background: var(--mud-palette-secondary);
}

/* ─── Filter leaf row (child of group) ─── */
[b-topjxi8auh] .filter-leaf {
    border-radius: 8px;
    transition: background-color 0.15s ease;
}

[b-topjxi8auh] .filter-leaf:hover {
    background: rgba(var(--mud-palette-primary-rgb), 0.03);
}
/* /Components/Shared/AddressValidationDialog.razor.rz.scp.css */
[b-mxuqp8rh7t] .address-card {
    border-radius: 12px;
}

[b-mxuqp8rh7t] .address-card.suggested {
    border-color: var(--mud-palette-primary);
}
/* /Components/Shared/PaymentCardEntry.razor.rz.scp.css */
.payment-card-entry[b-axyhs3qish] {
    width: 100%;
}

[b-axyhs3qish] .stripe-card-element {
    border: 1px solid rgba(0, 0, 0, 0.23);
    border-radius: 4px;
    padding: 12px 14px;
    min-height: 44px;
    transition: border-color 0.2s;
}

[b-axyhs3qish] .stripe-card-element:hover {
    border-color: rgba(0, 0, 0, 0.87);
}

[b-axyhs3qish] .stripe-card-element.StripeElement--focus {
    border-color: var(--mud-palette-primary);
    border-width: 2px;
    padding: 11px 13px;
}

[b-axyhs3qish] .stripe-card-element.StripeElement--invalid {
    border-color: var(--mud-palette-error);
}