/* /Components/AMS/Activity/ActivityCreateModal.razor.rz.scp.css */
.bx-activity-form[b-uaywe3wbn8] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
    padding-bottom: var(--bx-space-2);
}

.bx-activity-type-row[b-uaywe3wbn8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bx-space-2);
}

.bx-activity-type[b-uaywe3wbn8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: var(--bx-radius-pill);
    border: 1px solid var(--bx-border-subtle);
    background: transparent;
    font-family: var(--bx-font-body);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    transition: background-color var(--bx-duration-fast) var(--bx-ease),
                border-color var(--bx-duration-fast) var(--bx-ease),
                color var(--bx-duration-fast) var(--bx-ease);
}

.bx-activity-type:hover[b-uaywe3wbn8] {
    border-color: var(--bx-border-strong);
    background: var(--bx-surface-muted);
}

.bx-activity-type--active[b-uaywe3wbn8] {
    background: var(--bx-accent);
    border-color: var(--bx-accent);
    color: white;
}

.bx-activity-meta-row[b-uaywe3wbn8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bx-space-3);
    margin-top: var(--bx-space-3);
}

.bx-activity-actions[b-uaywe3wbn8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bx-space-2);
    margin-top: var(--bx-space-4);
    padding-top: var(--bx-space-3);
    border-top: 1px solid var(--bx-border-subtle);
}
/* /Components/AMS/Activity/ActivityTimeline.razor.rz.scp.css */
.bx-timeline[b-gjg3qrszjq] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-5);
    padding: var(--bx-space-5);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
}

.bx-timeline-header[b-gjg3qrszjq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bx-space-4);
}

.bx-timeline-eyebrow[b-gjg3qrszjq] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-timeline-title[b-gjg3qrszjq] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    font-weight: 500;
    margin: var(--bx-space-1) 0 var(--bx-space-2);
    line-height: 1.15;
}

.bx-timeline-subtitle[b-gjg3qrszjq] {
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    margin: 0;
    max-width: 56ch;
}

.bx-timeline-empty[b-gjg3qrszjq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-10) var(--bx-space-6);
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-muted);
}

.bx-timeline-empty-icon[b-gjg3qrszjq] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
}

.bx-timeline-empty-title[b-gjg3qrszjq] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
}

.bx-timeline-empty-body[b-gjg3qrszjq] {
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    max-width: 42ch;
}

.bx-timeline-list[b-gjg3qrszjq] {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
}

.bx-timeline-list[b-gjg3qrszjq]::before {
    content: "";
    position: absolute;
    left: 17px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: var(--bx-border-subtle);
    border-radius: 2px;
}

.bx-timeline-item[b-gjg3qrszjq] {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: var(--bx-space-3);
    align-items: flex-start;
}

.bx-timeline-item--done .bx-timeline-card[b-gjg3qrszjq] {
    opacity: 0.7;
}

.bx-timeline-item--done .bx-timeline-card-title[b-gjg3qrszjq] {
    text-decoration: line-through;
    text-decoration-color: color-mix(in srgb, var(--mud-palette-text-primary) 40%, transparent);
}

.bx-timeline-rail-dot[b-gjg3qrszjq] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--bx-surface-elevated);
    border: 2px solid var(--bx-border-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-primary);
    z-index: 1;
}

.bx-timeline-rail-dot[data-type="call"][b-gjg3qrszjq] {
    border-color: var(--bx-accent);
    color: var(--bx-accent);
}
.bx-timeline-rail-dot[data-type="meeting"][b-gjg3qrszjq] {
    border-color: var(--bx-info);
    color: var(--bx-info);
}
.bx-timeline-rail-dot[data-type="email"][b-gjg3qrszjq] {
    border-color: color-mix(in srgb, var(--bx-accent) 60%, var(--bx-info));
    color: color-mix(in srgb, var(--bx-accent) 60%, var(--bx-info));
}
.bx-timeline-rail-dot[data-type="note"][b-gjg3qrszjq] {
    border-color: var(--bx-positive);
    color: var(--bx-positive);
}

.bx-timeline-card[b-gjg3qrszjq] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    padding: var(--bx-space-4);
    transition: box-shadow var(--bx-duration) var(--bx-ease), transform var(--bx-duration) var(--bx-ease);
}

.bx-timeline-card:hover[b-gjg3qrszjq] {
    box-shadow: var(--bx-shadow-md);
    transform: translateY(-1px);
}

.bx-timeline-card-head[b-gjg3qrszjq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-3);
}

.bx-timeline-card-meta[b-gjg3qrszjq] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-2);
}

.bx-timeline-card-time[b-gjg3qrszjq] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-timeline-chip[b-gjg3qrszjq] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: var(--bx-radius-pill);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: var(--bx-surface-muted);
    color: var(--mud-palette-text-primary);
}

.bx-timeline-chip[data-type="call"][b-gjg3qrszjq] {
    background: color-mix(in srgb, var(--bx-accent) 12%, transparent);
    color: var(--bx-accent);
}
.bx-timeline-chip[data-type="meeting"][b-gjg3qrszjq] {
    background: color-mix(in srgb, var(--bx-info) 12%, transparent);
    color: var(--bx-info);
}
.bx-timeline-chip[data-type="email"][b-gjg3qrszjq] {
    background: color-mix(in srgb, var(--bx-accent) 10%, transparent);
    color: color-mix(in srgb, var(--bx-accent) 70%, var(--mud-palette-text-primary));
}
.bx-timeline-chip[data-type="note"][b-gjg3qrszjq] {
    background: color-mix(in srgb, var(--bx-positive) 12%, transparent);
    color: var(--bx-positive);
}

.bx-timeline-chip--positive[b-gjg3qrszjq] {
    background: color-mix(in srgb, var(--bx-positive) 14%, transparent);
    color: var(--bx-positive);
}
.bx-timeline-chip--negative[b-gjg3qrszjq] {
    background: color-mix(in srgb, var(--bx-negative) 14%, transparent);
    color: var(--bx-negative);
}
.bx-timeline-chip--muted[b-gjg3qrszjq] {
    background: var(--bx-surface-muted);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-timeline-card-title[b-gjg3qrszjq] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-1);
    line-height: 1.3;
}

.bx-timeline-card-body[b-gjg3qrszjq] {
    font-size: 0.9375rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 75%, transparent);
    margin: 0 0 var(--bx-space-3);
    white-space: pre-wrap;
}

.bx-timeline-card-footer[b-gjg3qrszjq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bx-space-3);
    font-size: 0.8125rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-timeline-card-assignee[b-gjg3qrszjq],
.bx-timeline-card-due[b-gjg3qrszjq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.bx-timeline-card-action[b-gjg3qrszjq] {
    margin-left: auto;
}
/* /Components/AMS/Comment/CommentThread.razor.rz.scp.css */
.bx-thread[b-incsabb5u1] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
    padding: var(--bx-space-5);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
}

.bx-thread-header[b-incsabb5u1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.bx-thread-eyebrow[b-incsabb5u1] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-thread-title[b-incsabb5u1] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    font-weight: 500;
    margin: var(--bx-space-1) 0 0;
}

.bx-thread-counter[b-incsabb5u1] {
    background: var(--bx-surface-muted);
    color: var(--mud-palette-text-primary);
    border-radius: var(--bx-radius-pill);
    padding: 4px 12px;
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
}

.bx-thread-composer[b-incsabb5u1] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
    padding: var(--bx-space-3) var(--bx-space-4) var(--bx-space-3);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-base);
}

.bx-thread-composer-actions[b-incsabb5u1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-3);
}

.bx-thread-empty[b-incsabb5u1] {
    font-size: 0.9375rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    margin: 0;
    padding: var(--bx-space-4);
    text-align: center;
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-muted);
}

.bx-thread-list[b-incsabb5u1] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-3);
}

.bx-thread-comment[b-incsabb5u1] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    padding: var(--bx-space-3) var(--bx-space-4);
    margin-left: calc(var(--depth, 0) * var(--bx-space-6));
}

.bx-thread-comment--internal[b-incsabb5u1] {
    background: color-mix(in srgb, var(--bx-info) 6%, var(--bx-surface-elevated));
    border-color: color-mix(in srgb, var(--bx-info) 30%, var(--bx-border-subtle));
}

.bx-thread-comment-head[b-incsabb5u1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-2);
}

.bx-thread-comment-author[b-incsabb5u1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.875rem;
}

.bx-thread-comment-time[b-incsabb5u1] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-thread-comment-body[b-incsabb5u1] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
    white-space: pre-wrap;
}

.bx-thread-comment-actions[b-incsabb5u1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bx-space-1);
    margin-top: var(--bx-space-2);
}

.bx-thread-reply-composer[b-incsabb5u1] {
    margin-top: var(--bx-space-3);
    padding: var(--bx-space-3);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-muted);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

.bx-thread-replies[b-incsabb5u1] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
    margin-top: var(--bx-space-2);
}
/* /Components/AMS/Contact/ContactsList.razor.rz.scp.css */
.bx-contacts-list[b-z4lgv5w0ex] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.bx-contacts-item[b-z4lgv5w0ex] {
    padding: var(--bx-space-3) 0;
    border-top: 1px dashed color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
}

.bx-contacts-item:first-child[b-z4lgv5w0ex] {
    border-top: 0;
}

.bx-contacts-link[b-z4lgv5w0ex] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-3);
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    transition: color 120ms ease;
}

.bx-contacts-link:hover[b-z4lgv5w0ex] {
    color: var(--mud-palette-primary);
}

.bx-contacts-avatar[b-z4lgv5w0ex] {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
    font-weight: 500;
    font-size: 0.8125rem;
    letter-spacing: 0.04em;
}

.bx-contacts-body[b-z4lgv5w0ex] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.bx-contacts-name[b-z4lgv5w0ex] {
    font-weight: 500;
    font-size: 0.9375rem;
}

.bx-contacts-meta[b-z4lgv5w0ex] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-contacts-empty[b-z4lgv5w0ex] {
    padding: var(--bx-space-5);
    text-align: center;
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-contacts-empty-icon[b-z4lgv5w0ex] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
    margin-bottom: var(--bx-space-2);
}

.bx-contacts-empty-title[b-z4lgv5w0ex] {
    font-weight: 500;
    margin-bottom: var(--bx-space-1);
}

.bx-contacts-empty-body[b-z4lgv5w0ex] {
    font-size: 0.875rem;
}
/* /Components/AMS/Deal/DealsGroupedTable.razor.rz.scp.css */
.bx-deals-owner[b-sm2e5rhb5n] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.bx-deals-owner-name[b-sm2e5rhb5n] {
    font-size: 13px;
    color: var(--bx-color-neutral-7, #374151);
    white-space: nowrap;
}

.bx-deals-group[b-sm2e5rhb5n] {
    margin-top: 24px;
}

.bx-deals-group:first-child[b-sm2e5rhb5n] {
    margin-top: 0;
}

.bx-deals-group-header[b-sm2e5rhb5n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--bx-color-neutral-2, #e5e7eb);
}

.bx-deals-group-name[b-sm2e5rhb5n] {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bx-deals-group-name--open[b-sm2e5rhb5n] { color: #0ea5e9; }
.bx-deals-group-name--won[b-sm2e5rhb5n] { color: #16a34a; }
.bx-deals-group-name--lost[b-sm2e5rhb5n] { color: #dc2626; }

.bx-deals-group-count[b-sm2e5rhb5n] {
    font-size: 12px;
    color: var(--bx-color-neutral-7, #6b7280);
}

.bx-deals-group-sum[b-sm2e5rhb5n] {
    margin-left: auto;
    font-family: var(--bx-font-mono);
    font-weight: 600;
    color: var(--bx-color-neutral-9, #1f2937);
}

.bx-deals-name[b-sm2e5rhb5n] {
    font-weight: 600;
}

.bx-deals-subline[b-sm2e5rhb5n] {
    font-size: 11px;
    color: var(--bx-color-neutral-7, #6b7280);
}

.bx-deals-muted[b-sm2e5rhb5n] {
    color: var(--bx-color-neutral-5, #9ca3af);
}

.bx-deals-priority-dot[b-sm2e5rhb5n] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.bx-deals-tag-strip[b-sm2e5rhb5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.bx-deals-tag-overflow[b-sm2e5rhb5n] {
    display: inline-flex;
    align-items: center;
    padding: 3px 6px;
    border-radius: 4px;
    background: var(--bx-color-neutral-2, #e5e7eb);
    color: var(--bx-color-neutral-9, #1f2937);
    font-size: 11px;
    font-weight: 600;
}

.bx-deals-grouped-empty[b-sm2e5rhb5n] {
    padding: 48px 16px;
    text-align: center;
    color: var(--bx-color-neutral-7, #6b7280);
}

.bx-deals-empty-title[b-sm2e5rhb5n] {
    margin-top: 8px;
    font-weight: 600;
    font-size: 16px;
    color: var(--bx-color-neutral-9, #1f2937);
}

.bx-deals-empty-body[b-sm2e5rhb5n] {
    margin-top: 4px;
    font-size: 13px;
}
/* /Components/AMS/Deal/DealsList.razor.rz.scp.css */
.bx-deals-list[b-k30jrt37mf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.bx-deals-item[b-k30jrt37mf] {
    padding: var(--bx-space-3) 0;
    border-top: 1px dashed color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
}

.bx-deals-item:first-child[b-k30jrt37mf] {
    border-top: 0;
}

.bx-deals-link[b-k30jrt37mf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    transition: color 120ms ease;
}

.bx-deals-link:hover[b-k30jrt37mf] {
    color: var(--mud-palette-primary);
}

.bx-deals-name[b-k30jrt37mf] {
    font-weight: 500;
    font-size: 0.9375rem;
}

.bx-deals-meta[b-k30jrt37mf] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-deals-amount[b-k30jrt37mf] {
    font-family: var(--bx-font-mono);
    color: var(--mud-palette-text-primary);
    font-feature-settings: "tnum";
}

.bx-deals-empty[b-k30jrt37mf] {
    padding: var(--bx-space-5);
    text-align: center;
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-deals-empty-icon[b-k30jrt37mf] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
    margin-bottom: var(--bx-space-2);
}

.bx-deals-empty-title[b-k30jrt37mf] {
    font-weight: 500;
    margin-bottom: var(--bx-space-1);
}

.bx-deals-empty-body[b-k30jrt37mf] {
    font-size: 0.875rem;
}
/* /Components/AMS/Deal/DealTagPicker.razor.rz.scp.css */
.bx-deal-tag-picker[b-3mf6514i5l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bx-deal-tag-picker-empty[b-3mf6514i5l] {
    font-size: 12px;
    color: var(--bx-color-neutral-7, #6b7280);
    padding: 8px 0;
}

.bx-deal-tag-picker-strip[b-3mf6514i5l] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
/* /Components/AMS/Deal/StageBadge.razor.rz.scp.css */
.bx-stage-badge[b-zqd0aonwes] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bx-color-neutral-7, #6b7280);
    color: #ffffff;
    border: 1px solid var(--bx-color-neutral-7, #6b7280);
    border-radius: 999px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 0.01em;
    text-transform: none;
}

.bx-stage-badge--sm[b-zqd0aonwes] {
    padding: 4px 10px;
    font-size: 11px;
}

.bx-stage-badge--md[b-zqd0aonwes] {
    padding: 6px 12px;
    font-size: 12px;
}

.bx-stage-badge--lg[b-zqd0aonwes] {
    padding: 8px 16px;
    font-size: 13px;
}

.bx-stage-badge--outlined[b-zqd0aonwes] {
    background: transparent;
    color: var(--bx-color-neutral-7, #6b7280);
}
/* /Components/AMS/Deal/TagChip.razor.rz.scp.css */
.bx-tag-chip[b-v1clmrjeg6] {
    display: inline-flex;
    align-items: center;
    background: var(--bx-color-neutral-7, #6b7280);
    color: #ffffff;
    border: 1px solid var(--bx-color-neutral-7, #6b7280);
    border-radius: 4px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

.bx-tag-chip--sm[b-v1clmrjeg6] {
    padding: 3px 8px;
    font-size: 11px;
}

.bx-tag-chip--md[b-v1clmrjeg6] {
    padding: 5px 10px;
    font-size: 12px;
}
/* /Components/AMS/Document/DocumentList.razor.rz.scp.css */
.bx-docs[b-cte3fk5rv7] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
    padding: var(--bx-space-5);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
}

.bx-docs-header[b-cte3fk5rv7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bx-space-3);
}

.bx-docs-eyebrow[b-cte3fk5rv7] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-docs-title[b-cte3fk5rv7] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    font-weight: 500;
    margin: var(--bx-space-1) 0 var(--bx-space-2);
}

.bx-docs-subtitle[b-cte3fk5rv7] {
    margin: 0;
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-docs-empty[b-cte3fk5rv7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-10) var(--bx-space-6);
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-muted);
}

.bx-docs-empty-icon[b-cte3fk5rv7] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
}

.bx-docs-empty-title[b-cte3fk5rv7] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
}

.bx-docs-empty-body[b-cte3fk5rv7] {
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-docs-grid[b-cte3fk5rv7] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--bx-space-3);
}

.bx-docs-card[b-cte3fk5rv7] {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    gap: var(--bx-space-3);
    align-items: center;
    padding: var(--bx-space-3);
    background: var(--bx-surface-base);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    transition: box-shadow var(--bx-duration) var(--bx-ease), transform var(--bx-duration) var(--bx-ease);
}

.bx-docs-card:hover[b-cte3fk5rv7] {
    box-shadow: var(--bx-shadow-sm);
    transform: translateY(-1px);
}

.bx-docs-card-icon[b-cte3fk5rv7] {
    width: 44px;
    height: 44px;
    border-radius: var(--bx-radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--bx-accent) 8%, transparent);
    color: var(--bx-accent);
}

.bx-docs-card-body[b-cte3fk5rv7] {
    min-width: 0;
}

.bx-docs-card-title[b-cte3fk5rv7] {
    font-weight: 600;
    font-size: 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-docs-card-meta[b-cte3fk5rv7] {
    display: flex;
    gap: 6px;
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-docs-card-actions[b-cte3fk5rv7] {
    display: inline-flex;
    gap: 4px;
}
/* /Components/AMS/Quote/QuoteLineItemEditor.razor.rz.scp.css */
.bx-line[b-ze2yp5t2dk] {
    background: var(--bx-surface-elevated);
    border-bottom: 1px solid var(--bx-border-subtle);
    padding: 14px 16px;
    transition: background var(--bx-duration-fast) var(--bx-ease);
}

.bx-line:hover[b-ze2yp5t2dk] {
    background: var(--bx-surface-muted);
}

.bx-line:last-child[b-ze2yp5t2dk] {
    border-bottom: none;
}

.bx-line-grid[b-ze2yp5t2dk] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) 90px 130px 90px 140px 130px 32px;
    gap: var(--bx-space-3);
    align-items: center;
}

.bx-line-total[b-ze2yp5t2dk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 8px;
}

.bx-line-total-value[b-ze2yp5t2dk] {
    font-family: var(--bx-font-mono);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

@media (max-width: 1100px) {
    .bx-line-grid[b-ze2yp5t2dk] {
        grid-template-columns: 1fr 1fr;
    }
    .bx-line-desc[b-ze2yp5t2dk] {
        grid-column: 1 / -1;
    }
}
/* /Components/AMS/Quote/QuoteSectionEditor.razor.rz.scp.css */
.bx-sections[b-ccnghv4jvi] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-6);
}

.bx-sections-empty[b-ccnghv4jvi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-12) var(--bx-space-6);
    border: 2px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    background: var(--bx-surface-muted);
}

.bx-sections-empty-icon[b-ccnghv4jvi] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
}

.bx-sections-empty-title[b-ccnghv4jvi] {
    font-family: var(--bx-font-display);
    font-size: 1.25rem;
    font-weight: 500;
}

.bx-sections-empty-body[b-ccnghv4jvi] {
    font-size: 0.9375rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    max-width: 50ch;
}

.bx-section[b-ccnghv4jvi] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    padding: var(--bx-space-6);
    box-shadow: var(--bx-shadow-xs);
}

.bx-section-header[b-ccnghv4jvi] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-4);
    padding-bottom: var(--bx-space-3);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-section-eyebrow[b-ccnghv4jvi] {
    width: 4px;
    align-self: stretch;
    background: var(--bx-accent, #ef4444);
    border-radius: 2px;
}

.bx-section-name[b-ccnghv4jvi] {
    flex: 1;
}

.bx-section-actions[b-ccnghv4jvi] {
    display: inline-flex;
    gap: 4px;
}

/* Column-header band above the line items — Zoho's "S.NO / Product / Quantity /
   List Price / Total" affordance. Kept simple: greyscale band, generous padding,
   monospace numerics align right. The grid template matches QuoteLineItemEditor's
   so columns line up under each header. */
.bx-line-headrow[b-ccnghv4jvi] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) 90px 130px 90px 140px 130px 32px;
    gap: var(--bx-space-3);
    padding: 12px 16px;
    background: var(--bx-surface-muted);
    border: 1px solid var(--bx-border-subtle);
    border-bottom: none;
    border-radius: var(--bx-radius-md) var(--bx-radius-md) 0 0;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-line-headcell--desc[b-ccnghv4jvi] { text-align: left; }
.bx-line-headcell[b-ccnghv4jvi] { text-align: left; }
.bx-line-headcell--total[b-ccnghv4jvi] { text-align: right; }
.bx-line-headcell--actions[b-ccnghv4jvi] { text-align: right; }

.bx-section-lines[b-ccnghv4jvi] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--bx-border-subtle);
    border-top: none;
    border-radius: 0 0 var(--bx-radius-md) var(--bx-radius-md);
    overflow: hidden;
}

.bx-section-lines:first-child[b-ccnghv4jvi] {
    /* Empty state still gets full rounding when there's no head row above it. */
    border-top: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
}

/* Add-row chip beneath the lines — primary affordance for adding more, mirrors
   the Zoho "+ Add row" pattern. */
.bx-line-addrow[b-ccnghv4jvi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: transparent;
    border: 1px dashed var(--bx-border-subtle);
    border-top-style: solid;
    border-top-color: var(--bx-border-subtle);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-size: 0.8125rem;
    cursor: pointer;
    width: 100%;
    justify-content: flex-start;
    transition: background var(--bx-duration-fast) var(--bx-ease);
}

.bx-line-addrow:hover[b-ccnghv4jvi] {
    background: var(--bx-surface-muted);
    color: var(--mud-palette-text-primary);
}

.bx-section-empty[b-ccnghv4jvi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bx-space-4) var(--bx-space-5);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 0.875rem;
}

.bx-sections-footer[b-ccnghv4jvi] {
    display: flex;
    justify-content: center;
    padding-top: var(--bx-space-2);
}

@media (max-width: 1100px) {
    .bx-line-headrow[b-ccnghv4jvi] {
        display: none;
    }
}
/* /Components/AMS/Quote/QuotesList.razor.rz.scp.css */
.bx-quotes-list[b-rrrd05f7r7] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.bx-quotes-item[b-rrrd05f7r7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-3);
    padding: var(--bx-space-3) 0;
    border-top: 1px dashed color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
}

.bx-quotes-item:first-child[b-rrrd05f7r7] {
    border-top: 0;
}

.bx-quotes-item--pinned[b-rrrd05f7r7] {
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, transparent);
    border-radius: var(--bx-radius-md);
    padding-left: var(--bx-space-3);
    padding-right: var(--bx-space-3);
}

.bx-quotes-link[b-rrrd05f7r7] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    transition: color 120ms ease;
}

.bx-quotes-link:hover[b-rrrd05f7r7] {
    color: var(--mud-palette-primary);
}

.bx-quotes-num[b-rrrd05f7r7] {
    font-weight: 500;
    font-size: 0.9375rem;
}

.bx-quotes-meta[b-rrrd05f7r7] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-quotes-version[b-rrrd05f7r7] {
    font-family: var(--bx-font-mono);
}

.bx-quotes-deal[b-rrrd05f7r7] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-quotes-pin[b-rrrd05f7r7] {
    flex: 0 0 auto;
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
}

.bx-status[b-rrrd05f7r7] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
}

.bx-status--draft[b-rrrd05f7r7] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
}

.bx-status--finalized[b-rrrd05f7r7] {
    background: color-mix(in srgb, var(--mud-palette-secondary) 14%, transparent);
    color: var(--mud-palette-secondary);
}

.bx-status--approved[b-rrrd05f7r7] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.bx-status--accepted[b-rrrd05f7r7] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.bx-status--rejected[b-rrrd05f7r7] {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    color: var(--mud-palette-error);
}

.bx-status--sent[b-rrrd05f7r7] {
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}

.bx-status--expired[b-rrrd05f7r7] {
    background: color-mix(in srgb, var(--mud-palette-warning) 14%, transparent);
    color: var(--mud-palette-warning);
}

.bx-quotes-empty[b-rrrd05f7r7] {
    padding: var(--bx-space-5);
    text-align: center;
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-quotes-empty-icon[b-rrrd05f7r7] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
    margin-bottom: var(--bx-space-2);
}

.bx-quotes-empty-title[b-rrrd05f7r7] {
    font-weight: 500;
    margin-bottom: var(--bx-space-1);
}

.bx-quotes-empty-body[b-rrrd05f7r7] {
    font-size: 0.875rem;
}
/* /Components/AMS/Quote/QuoteTotalsPanel.razor.rz.scp.css */
.bx-totals[b-6s25cp9h3s] {
    position: sticky;
    top: 96px;
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
    padding: var(--bx-space-5);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-md);
}

.bx-totals-header[b-6s25cp9h3s] {
    text-align: center;
    padding-bottom: var(--bx-space-4);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-totals-eyebrow[b-6s25cp9h3s] {
    display: block;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-totals-grand[b-6s25cp9h3s] {
    font-family: var(--bx-font-display);
    font-size: 2.5rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 0;
    line-height: 1.05;
    color: var(--mud-palette-text-primary);
}

.bx-totals-currency[b-6s25cp9h3s] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-totals-summary[b-6s25cp9h3s] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bx-totals-row[b-6s25cp9h3s] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 0.875rem;
}

.bx-totals-row dt[b-6s25cp9h3s] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-totals-row dd[b-6s25cp9h3s] {
    margin: 0;
    font-family: var(--bx-font-mono);
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}

.bx-totals-row--negative dd[b-6s25cp9h3s] {
    color: var(--bx-negative);
}

.bx-totals-row--total[b-6s25cp9h3s] {
    border-top: 1px solid var(--bx-border-subtle);
    padding-top: var(--bx-space-3);
    margin-top: var(--bx-space-2);
}

.bx-totals-row--total dt[b-6s25cp9h3s] {
    font-family: var(--bx-font-display);
    font-size: 1rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}

.bx-totals-row--total dd[b-6s25cp9h3s] {
    font-family: var(--bx-font-display);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--bx-accent);
}

.bx-totals-section-title[b-6s25cp9h3s] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    margin: 0 0 var(--bx-space-2);
}

.bx-totals-cadence[b-6s25cp9h3s] {
    padding-top: var(--bx-space-3);
    border-top: 1px solid var(--bx-border-subtle);
}

.bx-totals-cadence-row[b-6s25cp9h3s] {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    font-size: 0.875rem;
}

.bx-totals-cadence-label[b-6s25cp9h3s] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
}

.bx-totals-cadence-value[b-6s25cp9h3s] {
    font-family: var(--bx-font-mono);
    font-weight: 500;
}

.bx-totals-status[b-6s25cp9h3s] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: var(--bx-radius-pill);
    background: var(--bx-surface-muted);
    font-size: 0.8125rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}
/* /Components/AMS/Quote/SendQuoteComposerDialog.razor.rz.scp.css */
.bx-send-composer[b-92r72wbn5l]  .mud-dialog {
    max-width: 1080px;
    width: 95vw;
}

.bx-send-composer-grid[b-92r72wbn5l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    min-height: 460px;
}

@media (max-width: 900px) {
    .bx-send-composer-grid[b-92r72wbn5l] {
        grid-template-columns: 1fr;
    }
}

.bx-send-composer-pane[b-92r72wbn5l] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.bx-send-composer-section[b-92r72wbn5l] {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    margin: 0 0 8px;
}

.bx-send-composer-hint[b-92r72wbn5l] {
    font-size: 0.9375rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    margin: 0 0 12px;
}

.bx-send-composer-textarea[b-92r72wbn5l] {
    flex: 1;
}

.bx-send-composer-textarea[b-92r72wbn5l]  textarea {
    font-size: 1rem;
    line-height: 1.55;
}

.bx-send-composer-recipients[b-92r72wbn5l] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.7;
}

.bx-send-composer-recipients li strong[b-92r72wbn5l] {
    margin-right: 6px;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-send-composer-preview-header[b-92r72wbn5l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.bx-send-composer-preview-card[b-92r72wbn5l] {
    background: var(--mud-palette-surface);
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 12%, transparent);
    border-radius: 8px;
    padding: 18px;
    font-size: 1rem;
    line-height: 1.6;
    flex: 1;
    overflow-y: auto;
}

.bx-send-composer-preview-meta[b-92r72wbn5l] {
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    line-height: 1.7;
}

.bx-send-composer-preview-meta strong[b-92r72wbn5l] {
    display: inline-block;
    width: 64px;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
}

.bx-send-composer-divider[b-92r72wbn5l] {
    border: 0;
    border-top: 1px dashed color-mix(in srgb, var(--mud-palette-text-primary) 18%, transparent);
    margin: 12px 0;
}

.bx-send-composer-link[b-92r72wbn5l] {
    display: inline-block;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    padding: 8px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
}
/* /Components/EntityCardGrid/EntityCardGrid.razor.rz.scp.css */
/* Compact toolbar — outlined controls clamped to a single 36px row. */

.ecg-toolbar[b-dhm7ukg42f] {
    --ecg-control-h: 36px;
}

.ecg-toolbar[b-dhm7ukg42f]  .ecg-search {
    flex: 0 0 auto;
    width: clamp(220px, 28vw, 320px);
}

.ecg-toolbar[b-dhm7ukg42f]  .ecg-sort {
    flex: 0 0 auto;
    width: 160px;
}

/* MudBlazor stacks input wrapper + native input + adornments — set the
   height on each so the outlined notch can't outgrow its row. */
.ecg-toolbar[b-dhm7ukg42f]  .mud-input.mud-input-outlined,
.ecg-toolbar[b-dhm7ukg42f]  .mud-input.mud-input-outlined input,
.ecg-toolbar[b-dhm7ukg42f]  .mud-input.mud-input-outlined .mud-select-input {
    height: var(--ecg-control-h);
    min-height: var(--ecg-control-h);
    box-sizing: border-box;
}

.ecg-toolbar[b-dhm7ukg42f]  .mud-input-control {
    margin-top: 0;
    margin-bottom: 0;
}

.ecg-toolbar[b-dhm7ukg42f]  input,
.ecg-toolbar[b-dhm7ukg42f]  .mud-select-input {
    font-size: 0.875rem;
}

.ecg-toolbar[b-dhm7ukg42f]  .mud-input-outlined .mud-input-outlined-border {
    border-radius: 999px;
    border-color: color-mix(in srgb, currentColor 18%, transparent);
}

.ecg-toolbar[b-dhm7ukg42f]  .ecg-search .mud-input-adornment-start {
    color: color-mix(in srgb, currentColor 55%, transparent);
}

.ecg-toolbar-slot[b-dhm7ukg42f] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ecg-footer[b-dhm7ukg42f]  .ecg-page-size {
    width: 130px;
}

.ecg-footer[b-dhm7ukg42f]  .ecg-page-size .mud-input.mud-input-outlined {
    height: 36px;
    min-height: 36px;
    box-sizing: border-box;
}

.ecg-footer[b-dhm7ukg42f]  .mud-pagination {
    flex-wrap: nowrap;
}
/* /Components/Workflows/WorkflowRow.razor.rz.scp.css */
.bx-workflow-row[b-6oc6pi12jt] {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: var(--bx-space-3);
    align-items: center;
    padding: var(--bx-space-3) var(--bx-space-4);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: 12px;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.bx-workflow-row:hover[b-6oc6pi12jt] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
}

.bx-workflow-row--active[b-6oc6pi12jt] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 25%, transparent);
}

.bx-workflow-row-icon[b-6oc6pi12jt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.bx-workflow-row-namerow[b-6oc6pi12jt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.bx-workflow-row-name[b-6oc6pi12jt] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
}

.bx-workflow-row-name:hover[b-6oc6pi12jt] {
    color: var(--mud-palette-primary);
}

.bx-workflow-chip[b-6oc6pi12jt] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: var(--bx-surface-muted);
    color: var(--mud-palette-text-secondary);
}

.bx-workflow-chip--system[b-6oc6pi12jt] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.bx-workflow-row-desc[b-6oc6pi12jt] {
    margin: 4px 0 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
    line-height: 1.4;
}

.bx-workflow-row-actions[b-6oc6pi12jt] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-1);
}
/* /Pages/Admin/CatalogItems.razor.rz.scp.css */
/* ---------- shared ---------- */

.bx-eyebrow[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

/* ---------- header ---------- */

.bx-shelf-header[b-fplbd21vl1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-6);
}

.bx-shelf-title[b-fplbd21vl1] {
    font-family: var(--bx-font-display);
    font-size: 2.25rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-2);
    line-height: 1.05;
}

.bx-shelf-subtitle[b-fplbd21vl1] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    max-width: 64ch;
    line-height: 1.55;
}

/* ---------- 2-column layout ---------- */

.bx-shelf[b-fplbd21vl1] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: var(--bx-space-6);
    align-items: flex-start;
}

@media (max-width: 900px) {
    .bx-shelf[b-fplbd21vl1] { grid-template-columns: 1fr; }
}

/* ---------- left rail ---------- */

.bx-shelf-rail[b-fplbd21vl1] {
    position: sticky;
    top: var(--bx-space-4);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
    padding: var(--bx-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
}

.bx-rail-block[b-fplbd21vl1] { display: flex; flex-direction: column; gap: var(--bx-space-2); }

.bx-rail-search[b-fplbd21vl1] {
    border: 1px solid var(--bx-border-subtle);
    background: var(--bx-surface-base);
    border-radius: var(--bx-radius-md);
    padding: 8px 12px;
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
    width: 100%;
}

.bx-rail-search:focus[b-fplbd21vl1] {
    outline: 0;
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.bx-rail-chips[b-fplbd21vl1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.bx-rail-chip[b-fplbd21vl1] {
    border: 1px solid var(--bx-border-subtle);
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 10px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: all 120ms ease;
}

.bx-rail-chip:hover[b-fplbd21vl1] { color: var(--mud-palette-primary); border-color: color-mix(in srgb, var(--mud-palette-primary) 40%, transparent); }

.bx-rail-chip--on[b-fplbd21vl1] {
    color: var(--mud-palette-primary-text);
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.bx-rail-toggle[b-fplbd21vl1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
}

.bx-rail-toggle input[b-fplbd21vl1] { accent-color: var(--mud-palette-primary); width: 16px; height: 16px; }

.bx-rail-summary[b-fplbd21vl1] {
    margin-top: auto;
    padding-top: var(--bx-space-4);
    border-top: 1px solid var(--bx-border-subtle);
}

.bx-rail-stats[b-fplbd21vl1] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 4px;
}

.bx-rail-stat-num[b-fplbd21vl1] {
    font-family: var(--bx-font-display);
    font-size: 2rem;
    font-weight: 500;
    font-feature-settings: "tnum";
    color: var(--mud-palette-text-primary);
    line-height: 1;
}

.bx-rail-stat-key[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-rail-cad-summary[b-fplbd21vl1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: var(--bx-space-3);
}

.bx-rail-cad-row[b-fplbd21vl1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bx-rail-cad-count[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    font-feature-settings: "tnum";
}

/* cadence pill (re-used from builder pattern) */
.bx-cad-pill[b-fplbd21vl1] {
    display: inline-block;
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    padding: 2px 6px;
    border-radius: var(--bx-radius-sm);
}
.bx-cad-monthly[b-fplbd21vl1] { background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent); color: var(--mud-palette-info); }
.bx-cad-annual[b-fplbd21vl1] { background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent); color: var(--mud-palette-success); }
.bx-cad-oneoff[b-fplbd21vl1] { background: color-mix(in srgb, var(--mud-palette-text-primary) 10%, transparent); color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent); }

/* ---------- empty / zero ---------- */

.bx-shelf-zero[b-fplbd21vl1] {
    text-align: center;
    padding: var(--bx-space-12) var(--bx-space-6);
    background: var(--bx-surface-elevated);
    border: 1px dashed var(--bx-border-strong);
    border-radius: var(--bx-radius-lg);
}

.bx-shelf-zero-mark[b-fplbd21vl1] {
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: var(--bx-space-3);
}

.bx-shelf-zero h3[b-fplbd21vl1] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0 0 var(--bx-space-2);
}

.bx-shelf-zero p[b-fplbd21vl1] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    margin: 0 0 var(--bx-space-4);
    max-width: 50ch;
    margin-left: auto;
    margin-right: auto;
}

/* ---------- card grid ---------- */

.bx-shelf-grid[b-fplbd21vl1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--bx-space-4);
}

.bx-shelf-card[b-fplbd21vl1] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
    overflow: hidden;
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
    display: flex;
    flex-direction: column;
}

.bx-shelf-card:hover[b-fplbd21vl1] {
    transform: translateY(-2px);
    box-shadow: var(--bx-shadow-lg);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 30%, var(--bx-border-subtle));
}

.bx-shelf-card--inactive[b-fplbd21vl1] {
    opacity: 0.6;
    background:
        repeating-linear-gradient(135deg,
            color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent) 0,
            color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent) 6px,
            transparent 6px,
            transparent 16px),
        var(--bx-surface-elevated);
}

.bx-shelf-swatch[b-fplbd21vl1] {
    position: relative;
    height: 64px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.08);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 8px 10px;
}

.bx-shelf-swatch-cad[b-fplbd21vl1] {
    background: rgba(255,255,255,0.78) !important;
    backdrop-filter: blur(4px);
    color: rgba(0,0,0,0.7) !important;
}

.bx-shelf-card-body[b-fplbd21vl1] {
    padding: var(--bx-space-3) var(--bx-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-1);
    flex: 1;
}

.bx-shelf-card-head[b-fplbd21vl1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bx-shelf-card-name[b-fplbd21vl1] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25;
    color: var(--mud-palette-text-primary);
}

.bx-shelf-card-flag[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 2px 6px;
    border-radius: var(--bx-radius-pill);
    background: rgba(0,0,0,0.55) !important;
    color: white !important;
    align-self: flex-start;
}

.bx-shelf-card-sku[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

.bx-shelf-card-desc[b-fplbd21vl1] {
    margin: 4px 0 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bx-shelf-card-foot[b-fplbd21vl1] {
    margin-top: auto;
    padding: var(--bx-space-3) var(--bx-space-4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-2);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 2%, transparent);
    border-top: 1px solid var(--bx-border-subtle);
}

.bx-shelf-card-price[b-fplbd21vl1] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.bx-shelf-card-price > span[b-fplbd21vl1] {
    font-family: var(--bx-font-display);
    font-size: 1.375rem;
    font-feature-settings: "tnum";
    color: var(--mud-palette-text-primary);
}

.bx-shelf-card-price > small[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    margin-top: 4px;
}

.bx-shelf-card-tax[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    align-self: center;
}

/* ---------- view toggle in rail ---------- */

.bx-rail-viewtoggle[b-fplbd21vl1] {
    display: inline-flex;
    padding: 2px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    border-radius: var(--bx-radius-pill);
    width: 100%;
}

.bx-rail-viewbtn[b-fplbd21vl1] {
    flex: 1;
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 6px 8px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: all 120ms ease;
}

.bx-rail-viewbtn:hover[b-fplbd21vl1] { color: var(--mud-palette-text-primary); }

.bx-rail-viewbtn--on[b-fplbd21vl1] {
    background: var(--bx-surface-elevated);
    color: var(--mud-palette-primary);
    box-shadow: var(--bx-shadow-xs);
}

/* ---------- list view ---------- */

.bx-shelf-list[b-fplbd21vl1] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
    overflow: hidden;
}

.bx-shelf-list-head[b-fplbd21vl1], .bx-shelf-row[b-fplbd21vl1] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto auto auto auto auto;
    align-items: center;
    gap: var(--bx-space-3);
    padding: 10px var(--bx-space-4);
}

.bx-shelf-list-head[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 45%, transparent);
    border-bottom: 1px solid var(--bx-border-subtle);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 2%, transparent);
}

.bx-shelf-list-num[b-fplbd21vl1] { text-align: right; }

.bx-shelf-row[b-fplbd21vl1] {
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    width: 100%;
    border-bottom: 1px dashed color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
    color: var(--mud-palette-text-primary);
    transition: background 120ms ease;
    font-size: 0.875rem;
}

.bx-shelf-row:last-child[b-fplbd21vl1] { border-bottom: 0; }
.bx-shelf-row:hover[b-fplbd21vl1] { background: color-mix(in srgb, var(--mud-palette-primary) 5%, transparent); }
.bx-shelf-row--inactive[b-fplbd21vl1] { opacity: 0.55; }

.bx-shelf-row-name[b-fplbd21vl1] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-2);
    min-width: 0;
}

.bx-shelf-row-swatch[b-fplbd21vl1] {
    width: 10px;
    height: 28px;
    border-radius: 3px;
    flex-shrink: 0;
}

.bx-shelf-row-name-text[b-fplbd21vl1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.bx-shelf-row-name-text strong[b-fplbd21vl1] {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-shelf-row-name-text em[b-fplbd21vl1] {
    font-style: normal;
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-shelf-row-sku[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-shelf-row-price[b-fplbd21vl1] {
    font-family: var(--bx-font-display);
    font-size: 1rem;
    font-feature-settings: "tnum";
}

/* ---------- pagination ---------- */

.bx-rail-pagehint[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

.bx-shelf-paginator[b-fplbd21vl1] {
    margin-top: var(--bx-space-5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-4);
    padding: var(--bx-space-3) var(--bx-space-4);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-pill);
    box-shadow: var(--bx-shadow-xs);
    flex-wrap: wrap;
}

.bx-shelf-pgsize[b-fplbd21vl1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-shelf-pgsize-btn[b-fplbd21vl1] {
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: all 100ms ease;
}

.bx-shelf-pgsize-btn:hover[b-fplbd21vl1] { color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); }

.bx-shelf-pgsize-btn--on[b-fplbd21vl1] {
    color: var(--mud-palette-primary-text);
    background: var(--mud-palette-primary);
}

.bx-shelf-pgnav[b-fplbd21vl1] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-3);
}

.bx-shelf-pgbtn[b-fplbd21vl1] {
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 6px 14px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: all 100ms ease;
}

.bx-shelf-pgbtn:hover:not(:disabled)[b-fplbd21vl1] {
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.bx-shelf-pgbtn:disabled[b-fplbd21vl1] { opacity: 0.3; cursor: not-allowed; }

.bx-shelf-pgcurrent[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    min-width: 12ch;
    text-align: center;
}

/* ---------- edit dialog form ---------- */

.bx-cat-form[b-fplbd21vl1] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-3);
}

.bx-cat-form-row[b-fplbd21vl1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bx-space-3);
}

.bx-cat-form-row--3[b-fplbd21vl1] { grid-template-columns: 1fr 1fr 1fr; }

@media (max-width: 600px) {
    .bx-cat-form-row[b-fplbd21vl1], .bx-cat-form-row--3[b-fplbd21vl1] { grid-template-columns: 1fr; }
}

.bx-cat-field[b-fplbd21vl1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bx-cat-label[b-fplbd21vl1] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-cat-input[b-fplbd21vl1] {
    border: 1px solid var(--bx-border-subtle);
    background: var(--bx-surface-base);
    border-radius: var(--bx-radius-md);
    padding: 8px 10px;
    font-size: 0.9375rem;
    color: var(--mud-palette-text-primary);
    width: 100%;
}

.bx-cat-input:focus[b-fplbd21vl1] {
    outline: 0;
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.bx-cat-area[b-fplbd21vl1] { resize: vertical; min-height: 60px; }

.bx-cat-input-wrap[b-fplbd21vl1] {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-base);
    overflow: hidden;
}

.bx-cat-input-wrap:focus-within[b-fplbd21vl1] { border-color: var(--mud-palette-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent); }

.bx-cat-input-wrap .bx-cat-input[b-fplbd21vl1] { border: 0; box-shadow: none; }

.bx-cat-prefix[b-fplbd21vl1] {
    padding: 0 10px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
}

.bx-cat-input--num[b-fplbd21vl1] { font-family: var(--bx-font-mono); font-feature-settings: "tnum"; text-align: right; }

.bx-cat-field--checkbox[b-fplbd21vl1] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding-top: var(--bx-space-3);
}

.bx-cat-field--checkbox input[b-fplbd21vl1] { accent-color: var(--mud-palette-primary); width: 18px; height: 18px; }

.bx-cat-field--checkbox span[b-fplbd21vl1] {
    font-size: 0.9375rem;
    color: var(--mud-palette-text-primary);
}
/* /Pages/Admin/Pipelines.razor.rz.scp.css */
/* ---------- shared ---------- */

.bx-eyebrow[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

/* ---------- header ---------- */

.bx-pipes-header[b-xnqoj8gcm4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-6);
}

.bx-pipes-title[b-xnqoj8gcm4] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-2);
    line-height: 1.05;
}

.bx-pipes-subtitle[b-xnqoj8gcm4] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    max-width: 64ch;
    line-height: 1.55;
}

/* ---------- toolbar (search / status / count) ---------- */

.bx-pipes-toolbar[b-xnqoj8gcm4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bx-space-3);
    align-items: center;
    margin-bottom: var(--bx-space-4);
    padding: var(--bx-space-2) var(--bx-space-3);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-pill);
    box-shadow: var(--bx-shadow-xs);
}

.bx-pipes-search[b-xnqoj8gcm4] {
    flex: 1 1 200px;
    border: 0;
    background: transparent;
    padding: 6px 12px;
    font-size: 0.9375rem;
    color: var(--mud-palette-text-primary);
}

.bx-pipes-search:focus[b-xnqoj8gcm4] { outline: 0; }
.bx-pipes-search[b-xnqoj8gcm4]::placeholder { color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent); }

.bx-pipes-statuschips[b-xnqoj8gcm4] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    border-radius: var(--bx-radius-pill);
}

.bx-pipes-statuschip[b-xnqoj8gcm4] {
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 12px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: all 120ms ease;
}

.bx-pipes-statuschip:hover[b-xnqoj8gcm4] { color: var(--mud-palette-text-primary); }

.bx-pipes-statuschip--on[b-xnqoj8gcm4] {
    background: var(--bx-surface-elevated);
    color: var(--mud-palette-primary);
    box-shadow: var(--bx-shadow-xs);
}

.bx-pipes-count[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    padding: 0 var(--bx-space-3);
    white-space: nowrap;
}

/* ---------- paginator ---------- */

.bx-pipes-paginator[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-3);
    margin: var(--bx-space-5) auto 0;
    padding: 6px var(--bx-space-3);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-pill);
    box-shadow: var(--bx-shadow-xs);
    width: fit-content;
}

.bx-pipes-pgbtn[b-xnqoj8gcm4] {
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 6px 14px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: all 100ms ease;
}

.bx-pipes-pgbtn:hover:not(:disabled)[b-xnqoj8gcm4] {
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.bx-pipes-pgbtn:disabled[b-xnqoj8gcm4] { opacity: 0.3; cursor: not-allowed; }

.bx-pipes-pgcurrent[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    min-width: 12ch;
    text-align: center;
}

/* ---------- empty ---------- */

.bx-pipes-zero[b-xnqoj8gcm4] {
    text-align: center;
    padding: var(--bx-space-12) var(--bx-space-6);
    background: var(--bx-surface-elevated);
    border: 1px dashed var(--bx-border-strong);
    border-radius: var(--bx-radius-lg);
}

.bx-pipes-zero-mark[b-xnqoj8gcm4] {
    font-size: 3rem;
    line-height: 1;
    color: color-mix(in srgb, var(--mud-palette-primary) 80%, transparent);
    margin-bottom: var(--bx-space-3);
}

.bx-pipes-zero h3[b-xnqoj8gcm4] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0 0 var(--bx-space-2);
}

.bx-pipes-zero p[b-xnqoj8gcm4] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    margin: 0 0 var(--bx-space-4);
}

/* ---------- pipeline card ---------- */

.bx-pipes-list[b-xnqoj8gcm4] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-5);
}

.bx-pipe[b-xnqoj8gcm4] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    padding: var(--bx-space-5) var(--bx-space-6) var(--bx-space-5);
    box-shadow: var(--bx-shadow-sm);
    transition: box-shadow 160ms ease, opacity 160ms ease;
}

.bx-pipe:hover[b-xnqoj8gcm4] { box-shadow: var(--bx-shadow-md); }

.bx-pipe--default[b-xnqoj8gcm4] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 40%, var(--bx-border-subtle));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent), var(--bx-shadow-sm);
}

.bx-pipe--inactive[b-xnqoj8gcm4] {
    opacity: 0.55;
    background:
        repeating-linear-gradient(135deg,
            color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent) 0,
            color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent) 6px,
            transparent 6px,
            transparent 16px),
        var(--bx-surface-elevated);
}

/* card header */

.bx-pipe-head[b-xnqoj8gcm4] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-2);
}

.bx-pipe-default-btn[b-xnqoj8gcm4] {
    border: 0;
    background: transparent;
    padding: 4px 10px;
    border-radius: var(--bx-radius-pill);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 120ms ease;
}

.bx-pipe-default-btn:hover[b-xnqoj8gcm4] {
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.bx-pipe-default-btn--on[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, transparent);
    color: var(--mud-palette-primary);
}

.bx-pipe-name[b-xnqoj8gcm4] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    font-weight: 500;
    border: 0;
    background: transparent;
    color: var(--mud-palette-text-primary);
    padding: 2px 0;
    width: 100%;
    line-height: 1.2;
}

.bx-pipe-name:focus[b-xnqoj8gcm4] {
    outline: 0;
    box-shadow: inset 0 -2px 0 var(--mud-palette-primary);
}

.bx-pipe-tools[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-2);
}

.bx-pipe-active-toggle[b-xnqoj8gcm4] {
    border: 1px solid var(--bx-border-subtle);
    background: transparent;
    padding: 4px 10px;
    border-radius: var(--bx-radius-pill);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 120ms ease;
}

.bx-pipe-active-dot[b-xnqoj8gcm4] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 30%, transparent);
}

.bx-pipe-active-toggle--on[b-xnqoj8gcm4] {
    color: var(--mud-palette-success);
    border-color: color-mix(in srgb, var(--mud-palette-success) 30%, transparent);
    background: color-mix(in srgb, var(--mud-palette-success) 8%, transparent);
}

.bx-pipe-active-toggle--on .bx-pipe-active-dot[b-xnqoj8gcm4] {
    background: var(--mud-palette-success);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-success) 24%, transparent);
}

.bx-pipe-desc[b-xnqoj8gcm4] {
    width: 100%;
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 0.875rem;
    padding: 0 0 var(--bx-space-4);
    line-height: 1.5;
}

.bx-pipe-desc[b-xnqoj8gcm4]::placeholder { color: color-mix(in srgb, var(--mud-palette-text-primary) 30%, transparent); font-style: italic; }
.bx-pipe-desc:focus[b-xnqoj8gcm4] {
    outline: 0;
    box-shadow: inset 0 -1px 0 var(--bx-border-strong);
}

/* ---------- stages strip ---------- */

.bx-pipe-stages[b-xnqoj8gcm4] {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: var(--bx-space-2);
    padding: var(--bx-space-4) 0 var(--bx-space-2);
    border-top: 1px dashed var(--bx-border-subtle);
}

.bx-pipe-empty[b-xnqoj8gcm4] {
    padding: var(--bx-space-5) 0 var(--bx-space-2);
    border-top: 1px dashed var(--bx-border-subtle);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    display: flex;
    flex-wrap: wrap;
    gap: var(--bx-space-3);
    align-items: center;
}

/* the stage tile */

.bx-stage[b-xnqoj8gcm4] {
    --bx-stage-tint: var(--mud-palette-info);
    min-width: 156px;
    background: var(--bx-surface-base);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    padding: var(--bx-space-2) var(--bx-space-3);
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: var(--bx-shadow-xs);
    position: relative;
    transition: all 160ms ease;
}

.bx-stage:hover[b-xnqoj8gcm4] {
    border-color: color-mix(in srgb, var(--bx-stage-tint) 35%, var(--bx-border-subtle));
    box-shadow: 0 4px 14px color-mix(in srgb, var(--bx-stage-tint) 14%, transparent);
}

.bx-stage--open[b-xnqoj8gcm4] { --bx-stage-tint: var(--mud-palette-info); }
.bx-stage--won[b-xnqoj8gcm4] { --bx-stage-tint: var(--mud-palette-success); }
.bx-stage--lost[b-xnqoj8gcm4] { --bx-stage-tint: var(--mud-palette-error); }

.bx-stage[b-xnqoj8gcm4]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--bx-stage-tint);
    border-radius: var(--bx-radius-md) 0 0 var(--bx-radius-md);
    opacity: 0.7;
}

.bx-stage-num[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 45%, transparent);
}

.bx-stage-name[b-xnqoj8gcm4] {
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    padding: 0;
}

.bx-stage-name:focus[b-xnqoj8gcm4] {
    outline: 0;
    box-shadow: inset 0 -1.5px 0 var(--bx-stage-tint);
}

.bx-stage-foot[b-xnqoj8gcm4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-2);
    margin-top: 2px;
}

.bx-stage-outcome[b-xnqoj8gcm4] {
    padding: 2px 4px;
    border-radius: var(--bx-radius-pill);
    color: var(--bx-stage-tint);
    background: color-mix(in srgb, var(--bx-stage-tint) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--bx-stage-tint) 25%, transparent);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background 120ms ease;
    position: relative;
}

.bx-stage-outcome:hover[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--bx-stage-tint) 18%, transparent);
}

.bx-stage-outcome-select[b-xnqoj8gcm4] {
    appearance: auto;
    border: 0;
    background: transparent;
    color: var(--bx-stage-tint);
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    padding: 0 0 0 2px;
    cursor: pointer;
}

.bx-stage-outcome-select:focus[b-xnqoj8gcm4] { outline: 0; }
.bx-stage-outcome-select option[b-xnqoj8gcm4] { color: var(--mud-palette-text-primary); background: var(--bx-surface-elevated); }

.bx-stage-outcome-dot[b-xnqoj8gcm4] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bx-stage-tint);
}

.bx-stage-tools[b-xnqoj8gcm4] {
    display: inline-flex;
    gap: 0;
    opacity: 0;
    transition: opacity 120ms ease;
}

.bx-stage:hover .bx-stage-tools[b-xnqoj8gcm4], .bx-stage:focus-within .bx-stage-tools[b-xnqoj8gcm4] { opacity: 1; }

.bx-stage-tool[b-xnqoj8gcm4] {
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 45%, transparent);
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 4px;
    font-size: 0.95rem;
    line-height: 1;
    transition: all 100ms ease;
}

.bx-stage-tool:hover[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--bx-stage-tint) 14%, transparent);
    color: var(--bx-stage-tint);
}

.bx-stage-tool--del:hover[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-error) 16%, transparent);
    color: var(--mud-palette-error);
}

/* arrow connector */

.bx-stage-arrow[b-xnqoj8gcm4] {
    align-self: center;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 30%, transparent);
    font-size: 1.25rem;
    line-height: 1;
    user-select: none;
    padding: 0 2px;
}

/* + add stage tile */

.bx-stage-add[b-xnqoj8gcm4] {
    min-width: 124px;
    border: 1px dashed var(--bx-border-strong);
    border-radius: var(--bx-radius-md);
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    cursor: pointer;
    padding: var(--bx-space-2) var(--bx-space-3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: all 120ms ease;
}

.bx-stage-add span[b-xnqoj8gcm4] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    line-height: 1;
}

.bx-stage-add em[b-xnqoj8gcm4] { font-style: normal; }

.bx-stage-add:hover[b-xnqoj8gcm4] {
    color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

/* outcome menu pickers (in MudMenu items) */

.bx-stage-pick[b-xnqoj8gcm4] { font-size: 1rem; line-height: 1; margin-right: 8px; }
.bx-stage-pick--open[b-xnqoj8gcm4] { color: var(--mud-palette-info); }
.bx-stage-pick--won[b-xnqoj8gcm4] { color: var(--mud-palette-success); }
.bx-stage-pick--lost[b-xnqoj8gcm4] { color: var(--mud-palette-error); }

/* ---------- new dialog preset card ---------- */

.bx-newpipe-preset[b-xnqoj8gcm4] {
    margin-top: var(--bx-space-4);
    display: flex;
    gap: var(--bx-space-3);
    padding: var(--bx-space-3) var(--bx-space-4);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    cursor: pointer;
    transition: all 120ms ease;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 2%, transparent);
}

.bx-newpipe-preset:hover[b-xnqoj8gcm4] { border-color: var(--mud-palette-primary); }

.bx-newpipe-preset--on[b-xnqoj8gcm4] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 40%, transparent);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.bx-newpipe-preset-check input[b-xnqoj8gcm4] { accent-color: var(--mud-palette-primary); width: 18px; height: 18px; }

.bx-newpipe-preset-body[b-xnqoj8gcm4] { display: flex; flex-direction: column; gap: 2px; }

.bx-newpipe-preset-body strong[b-xnqoj8gcm4] {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    font-size: 0.9375rem;
}

.bx-newpipe-preset-body span[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

/* ---------- pipeline totals row ---------- */

.bx-pipe-totals[b-xnqoj8gcm4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bx-space-2);
    margin: var(--bx-space-3) 0 var(--bx-space-1);
    padding: var(--bx-space-2) var(--bx-space-3);
    border-radius: var(--bx-radius-2);
    background: color-mix(in srgb, var(--mud-palette-background-grey) 50%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
}

.bx-pipe-total[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    padding: 0.125rem 0.625rem;
    border-radius: 999px;
}

.bx-pipe-total--all[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    margin-right: var(--bx-space-2);
    padding-right: 0.875rem;
}

.bx-pipe-total-label[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-pipe-total-value[b-xnqoj8gcm4] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-primary);
}

.bx-pipe-total-sub[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-pipe-total-dot[b-xnqoj8gcm4] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    align-self: center;
}

.bx-pipe-total--open .bx-pipe-total-dot[b-xnqoj8gcm4] { background: var(--mud-palette-info); }
.bx-pipe-total--won .bx-pipe-total-dot[b-xnqoj8gcm4]  { background: var(--mud-palette-success); }
.bx-pipe-total--lost .bx-pipe-total-dot[b-xnqoj8gcm4] { background: var(--mud-palette-error); }

.bx-pipe-total--open .bx-pipe-total-value[b-xnqoj8gcm4] { color: var(--mud-palette-info); }
.bx-pipe-total--won .bx-pipe-total-value[b-xnqoj8gcm4]  { color: var(--mud-palette-success); }
.bx-pipe-total--lost .bx-pipe-total-value[b-xnqoj8gcm4] { color: var(--mud-palette-error); }

/* ---------- stage stats badge + deal expanders ---------- */

.bx-stage-stats[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-1);
    margin-top: var(--bx-space-2);
    padding: 0.25rem 0.625rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 14%, transparent);
    background: color-mix(in srgb, var(--mud-palette-background-grey) 60%, transparent);
    cursor: pointer;
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: var(--mud-palette-text-primary);
    transition: background 120ms ease, border-color 120ms ease;
}

.bx-stage-stats:hover:not([disabled])[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
}

.bx-stage-stats[disabled][b-xnqoj8gcm4] {
    opacity: 0.55;
    cursor: default;
}

.bx-stage-stats--on[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 50%, transparent);
}

.bx-stage-stats-count[b-xnqoj8gcm4] {
    font-weight: 600;
}

.bx-stage-stats-label[b-xnqoj8gcm4] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-stage-stats-sep[b-xnqoj8gcm4] {
    opacity: 0.45;
}

.bx-stage-stats-total[b-xnqoj8gcm4] {
    font-weight: 500;
}

.bx-stage-deals-panels[b-xnqoj8gcm4] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
    margin-top: var(--bx-space-3);
}

.bx-stage-deals[b-xnqoj8gcm4] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 12%, transparent);
    border-radius: var(--bx-radius-2);
    background: color-mix(in srgb, var(--mud-palette-background) 96%, transparent);
    overflow: hidden;
}

.bx-stage-deals-head[b-xnqoj8gcm4] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-2) var(--bx-space-3);
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    background: color-mix(in srgb, var(--mud-palette-background-grey) 50%, transparent);
}

.bx-stage-deals-head strong[b-xnqoj8gcm4] {
    font-weight: 500;
}

.bx-stage-deals-meta[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-stage-deals-mark[b-xnqoj8gcm4] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
}

.bx-stage-deals-mark--won[b-xnqoj8gcm4] {
    background: var(--mud-palette-success);
}

.bx-stage-deals-mark--lost[b-xnqoj8gcm4] {
    background: var(--mud-palette-error);
}

.bx-stage-deals-mark--open[b-xnqoj8gcm4] {
    background: var(--mud-palette-info);
}

.bx-stage-deals-close[b-xnqoj8gcm4] {
    margin-left: auto;
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    background: transparent;
    cursor: pointer;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 1rem;
    line-height: 1;
    border-radius: 999px;
}

.bx-stage-deals-close:hover[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 10%, transparent);
    color: var(--mud-palette-text-primary);
}

.bx-stage-deals-loading[b-xnqoj8gcm4] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-3) var(--bx-space-3);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 0.875rem;
}

.bx-stage-deals-empty[b-xnqoj8gcm4] {
    padding: var(--bx-space-3);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    font-style: italic;
    font-size: 0.875rem;
}

.bx-stage-deals-table[b-xnqoj8gcm4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.bx-stage-deals-table th[b-xnqoj8gcm4],
.bx-stage-deals-table td[b-xnqoj8gcm4] {
    padding: 0.5rem 0.875rem;
    text-align: left;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
}

.bx-stage-deals-table th[b-xnqoj8gcm4] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    background: color-mix(in srgb, var(--mud-palette-background-grey) 35%, transparent);
}

.bx-stage-deals-table tr:last-child td[b-xnqoj8gcm4] {
    border-bottom: none;
}

.bx-stage-deals-amount[b-xnqoj8gcm4] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.bx-stage-deals-link[b-xnqoj8gcm4] {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.bx-stage-deals-link:hover[b-xnqoj8gcm4] {
    text-decoration: underline;
}

.bx-stage-deals-muted[b-xnqoj8gcm4] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 45%, transparent);
}

.bx-stage-deals-actions-h[b-xnqoj8gcm4] {
    text-align: right;
    width: 1%;
    white-space: nowrap;
}

.bx-stage-deals-actions[b-xnqoj8gcm4] {
    text-align: right;
    white-space: nowrap;
}

.bx-stage-deal-action[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    margin-left: 0.375rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    color: var(--mud-palette-primary);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bx-stage-deal-action:hover[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    border-color: var(--mud-palette-primary);
}

.bx-stage-deal-action--won[b-xnqoj8gcm4] {
    color: var(--mud-palette-success);
    border-color: color-mix(in srgb, var(--mud-palette-success) 40%, transparent);
    background: color-mix(in srgb, var(--mud-palette-success) 10%, transparent);
}

.bx-stage-deal-action--won:hover[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-success) 22%, transparent);
    border-color: var(--mud-palette-success);
}

.bx-stage-deals-tag[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    margin-left: 0.375rem;
    border-radius: 999px;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.bx-stage-deals-tag--won[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
    color: var(--mud-palette-success);
}

.bx-deal-status-pill[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 999px;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.bx-deal-status-pill--open[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}

.bx-deal-status-pill--won[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
    color: var(--mud-palette-success);
}

.bx-deal-status-pill--lost[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    color: var(--mud-palette-error);
}

.bx-stage-deal-action--lost[b-xnqoj8gcm4] {
    color: var(--mud-palette-error);
    border-color: color-mix(in srgb, var(--mud-palette-error) 35%, transparent);
    background: color-mix(in srgb, var(--mud-palette-error) 8%, transparent);
}

.bx-stage-deal-action--lost:hover[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-error) 18%, transparent);
    border-color: var(--mud-palette-error);
}

.bx-pipe-tabs[b-xnqoj8gcm4] {
    display: flex;
    gap: 12px;
    padding: 0 4px 8px;
    border-bottom: 1px solid var(--bx-border-subtle);
    margin-bottom: 12px;
}

.bx-pipe-tab[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 4px;
    font-size: 13px;
    font-weight: 600;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    border-bottom: 2px solid transparent;
}

.bx-pipe-tab--active[b-xnqoj8gcm4] {
    color: var(--bx-accent);
    border-bottom-color: var(--bx-accent);
}

.bx-pipe-tab--locked[b-xnqoj8gcm4] {
    cursor: not-allowed;
    opacity: 0.6;
}

.bx-stage-color-swatch[b-xnqoj8gcm4] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 12%, transparent);
}

.bx-stage-color-input[b-xnqoj8gcm4] {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid var(--bx-border-subtle);
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
}

.bx-stage-probability[b-xnqoj8gcm4] {
    appearance: none;
    border: 1px solid var(--bx-border-subtle);
    background: var(--bx-surface-elevated);
    border-radius: var(--bx-radius-pill);
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.bx-stage-closed-flags[b-xnqoj8gcm4] {
    display: inline-flex;
    gap: 4px;
}

.bx-stage-closed-flag[b-xnqoj8gcm4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid var(--bx-border-subtle);
    background: transparent;
    border-radius: var(--bx-radius-pill);
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    cursor: pointer;
}

.bx-stage-closed-flag--won.bx-stage-closed-flag--on[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
    color: var(--mud-palette-success);
    border-color: color-mix(in srgb, var(--mud-palette-success) 40%, transparent);
}

.bx-stage-closed-flag--lost.bx-stage-closed-flag--on[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    color: var(--mud-palette-error);
    border-color: color-mix(in srgb, var(--mud-palette-error) 40%, transparent);
}

.bx-pipe-tags-body[b-xnqoj8gcm4] {
    padding: 8px 4px 4px;
}

.bx-pipe-tags-empty[b-xnqoj8gcm4] {
    margin: 0 0 12px;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 13px;
}

.bx-pipe-tag-rows[b-xnqoj8gcm4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.bx-pipe-tag-row[b-xnqoj8gcm4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bx-pipe-tag-swatch[b-xnqoj8gcm4] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 12%, transparent);
}

.bx-pipe-tag-color[b-xnqoj8gcm4] {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid var(--bx-border-subtle);
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
}

.bx-pipe-tag-name[b-xnqoj8gcm4] {
    flex: 1 1 auto;
    padding: 6px 10px;
    border: 1px solid var(--bx-border-subtle);
    border-radius: 6px;
    font-size: 14px;
    background: var(--bx-surface-elevated);
}

.bx-pipe-tag-delete[b-xnqoj8gcm4] {
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--mud-palette-error);
    font-size: 18px;
    line-height: 1;
}

.bx-pipe-tag-delete:hover[b-xnqoj8gcm4] {
    background: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
}

.bx-pipe-tag-add[b-xnqoj8gcm4] {
    appearance: none;
    background: transparent;
    border: 1px dashed var(--bx-border-subtle);
    border-radius: 6px;
    padding: 8px 14px;
    cursor: pointer;
    font-size: 13px;
    color: var(--bx-accent);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Wrap wide deals table in horizontal scroll on any screen — it has 5+ cols. */
.bx-stage-deals[b-xnqoj8gcm4] {
    overflow-x: auto;
}

/* ───────────────────────────────────────────────────────────────────
   Phone (≤ 599.98px) — collapse rigid grids, shrink padding,
   make tabs/head/totals reflow.
   ─────────────────────────────────────────────────────────────────── */
@media (max-width: 599.98px) {
    .bx-pipe[b-xnqoj8gcm4] {
        padding: var(--bx-space-3);
    }

    /* Pipeline card header: stack default-btn / name / tools rather than
       try to fit 3 grid tracks in 360px. */
    .bx-pipe-head[b-xnqoj8gcm4] {
        grid-template-columns: 1fr;
        gap: var(--bx-space-2);
    }

    .bx-pipe-tools[b-xnqoj8gcm4] {
        flex-wrap: wrap;
    }

    /* Tabs scroll horizontally instead of overflowing the viewport. */
    .bx-pipe-tabs[b-xnqoj8gcm4] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .bx-pipe-tab[b-xnqoj8gcm4] {
        white-space: nowrap;
    }

    /* Stages strip: each stage takes most of the row so the input is usable. */
    .bx-stage[b-xnqoj8gcm4],
    .bx-stage-add[b-xnqoj8gcm4] {
        min-width: 100%;
    }

    /* Deals table head — let title + meta wrap. */
    .bx-stage-deals-head[b-xnqoj8gcm4] {
        flex-wrap: wrap;
    }

    /* Tighter table cell padding on phone. */
    .bx-stage-deals-table th[b-xnqoj8gcm4],
    .bx-stage-deals-table td[b-xnqoj8gcm4] {
        padding: 0.4rem 0.5rem;
    }

    /* Pipeline tag rows: name input doesn't have to be huge. */
    .bx-pipe-tag-name[b-xnqoj8gcm4] {
        min-width: 0;
    }
}

/* Tablet (≤ 959.98px) — keep stages horizontal but allow many to wrap. */
@media (max-width: 959.98px) {
    .bx-pipe[b-xnqoj8gcm4] {
        padding: var(--bx-space-4);
    }

    /* Each pipeline card's head: drop to two-column so the tools wrap below. */
    .bx-pipe-head[b-xnqoj8gcm4] {
        grid-template-columns: 1fr auto;
    }
}
/* /Pages/Admin/QuoteTemplateBuilder.razor.rz.scp.css */
/* ---------- shell ---------- */

.bx-eyebrow[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-builder[b-d1pwpng8cu] {
    max-width: 1440px;
    margin: 0 auto;
    padding: var(--bx-space-4) var(--bx-space-6) var(--bx-space-12);
    font-family: var(--bx-font-body);
}

.bx-builder-bar[b-d1pwpng8cu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bx-space-3) var(--bx-space-4);
    margin-bottom: var(--bx-space-6);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-pill);
    box-shadow: var(--bx-shadow-xs);
}

.bx-builder-crumbs[b-d1pwpng8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-2);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.bx-builder-crumb-link[b-d1pwpng8cu] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    text-decoration: none;
    transition: color 120ms ease;
}

.bx-builder-crumb-link:hover[b-d1pwpng8cu] {
    color: var(--mud-palette-primary);
}

.bx-builder-crumb-sep[b-d1pwpng8cu] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 30%, transparent);
}

.bx-builder-crumb-current[b-d1pwpng8cu] {
    color: var(--mud-palette-text-primary);
}

.bx-builder-bar-actions[b-d1pwpng8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-3);
}

.bx-builder-loading[b-d1pwpng8cu] {
    display: grid;
    place-items: center;
    padding: var(--bx-space-12) 0;
}

/* ---------- hero ---------- */

.bx-builder-hero[b-d1pwpng8cu] {
    margin-bottom: var(--bx-space-6);
    padding: var(--bx-space-6) var(--bx-space-2);
}

.bx-builder-name[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 500;
    line-height: 1.05;
    margin: var(--bx-space-2) 0 var(--bx-space-1);
    border: 0;
    background: transparent;
    width: 100%;
    color: var(--mud-palette-text-primary);
    letter-spacing: -0.01em;
}

.bx-builder-name[b-d1pwpng8cu]::placeholder {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 25%, transparent);
}

.bx-builder-name:focus[b-d1pwpng8cu] {
    outline: 0;
    box-shadow: inset 0 -2px 0 var(--mud-palette-primary);
}

.bx-builder-tagline[b-d1pwpng8cu] {
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 1rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    padding: var(--bx-space-1) 0 var(--bx-space-4);
}

.bx-builder-tagline[b-d1pwpng8cu]::placeholder {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 28%, transparent);
}

.bx-builder-tagline:focus[b-d1pwpng8cu] {
    outline: 0;
    box-shadow: inset 0 -1px 0 var(--bx-border-strong);
}

.bx-builder-meta[b-d1pwpng8cu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bx-space-6);
    margin-top: var(--bx-space-4);
    padding-top: var(--bx-space-4);
    border-top: 1px solid var(--bx-border-subtle);
}

.bx-meta-cell[b-d1pwpng8cu] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    cursor: text;
}

.bx-meta-key[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

.bx-meta-val[b-d1pwpng8cu] {
    border: 0;
    background: transparent;
    font-family: var(--bx-font-display);
    font-size: 1.25rem;
    color: var(--mud-palette-text-primary);
    padding: 0;
    width: 5ch;
    font-feature-settings: "tnum";
}

.bx-meta-val:focus[b-d1pwpng8cu] {
    outline: 0;
    box-shadow: inset 0 -2px 0 var(--mud-palette-primary);
}

.bx-meta-numwrap[b-d1pwpng8cu] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.bx-meta-num[b-d1pwpng8cu] { width: 4ch; }
.bx-meta-color[b-d1pwpng8cu] { width: 9ch; font-family: var(--bx-font-mono); font-size: 0.875rem; }
.bx-meta-suffix[b-d1pwpng8cu] { font-size: 1rem; color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent); }

.bx-color-swatch[b-d1pwpng8cu] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1px solid var(--bx-border-subtle);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
}

.bx-meta-saved[b-d1pwpng8cu] {
    margin-left: auto;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

.bx-meta-cell--contract[b-d1pwpng8cu] { gap: 6px; }

.bx-contract-pills[b-d1pwpng8cu] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    border-radius: var(--bx-radius-pill);
}

.bx-contract-pill[b-d1pwpng8cu] {
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 4px 10px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: all 120ms ease;
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
}

.bx-contract-pill span[b-d1pwpng8cu] {
    font-size: 0.5625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.65;
}

.bx-contract-pill:hover[b-d1pwpng8cu] { color: var(--mud-palette-text-primary); }

.bx-contract-pill--on[b-d1pwpng8cu] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: var(--bx-shadow-xs);
}

.bx-contract-pill--on span[b-d1pwpng8cu] { opacity: 0.85; }

.bx-contract-custom[b-d1pwpng8cu] {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    padding: 4px 8px;
    border-left: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 12%, transparent);
    margin-left: 2px;
}

.bx-contract-custom-input[b-d1pwpng8cu] {
    width: 3.5ch;
    border: 0;
    background: transparent;
    color: var(--mud-palette-text-primary);
    font-family: var(--bx-font-mono);
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: right;
    padding: 0;
    -moz-appearance: textfield;
}

.bx-contract-custom-input:focus[b-d1pwpng8cu] {
    outline: 0;
    color: var(--mud-palette-primary);
}

.bx-contract-custom-input[b-d1pwpng8cu]::-webkit-outer-spin-button,
.bx-contract-custom-input[b-d1pwpng8cu]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bx-contract-custom span[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

/* ---------- two-pane ---------- */

.bx-builder-grid[b-d1pwpng8cu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: var(--bx-space-6);
    align-items: flex-start;
}

@media (max-width: 1100px) {
    .bx-builder-grid[b-d1pwpng8cu] {
        grid-template-columns: 1fr;
    }
}

/* ---------- canvas + sections ---------- */

.bx-canvas[b-d1pwpng8cu] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-5);
}

.bx-edit-notice[b-d1pwpng8cu] {
    display: flex;
    gap: var(--bx-space-3);
    padding: var(--bx-space-4) var(--bx-space-5);
    background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--bx-surface-elevated));
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 35%, transparent);
    border-radius: var(--bx-radius-md);
    color: var(--mud-palette-text-primary);
    font-size: 0.875rem;
    line-height: 1.5;
}

.bx-edit-notice strong[b-d1pwpng8cu] {
    display: block;
    margin-bottom: 2px;
}

.bx-canvas-empty[b-d1pwpng8cu] {
    text-align: center;
    padding: var(--bx-space-12) var(--bx-space-6);
    background: var(--bx-surface-elevated);
    border: 1px dashed var(--bx-border-strong);
    border-radius: var(--bx-radius-lg);
}

.bx-canvas-empty-mark[b-d1pwpng8cu] {
    width: 56px;
    height: 56px;
    margin: 0 auto var(--bx-space-3);
    border-radius: 50%;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
    display: grid;
    place-items: center;
    font-family: var(--bx-font-display);
    font-size: 2rem;
    line-height: 1;
}

.bx-canvas-empty h3[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-weight: 500;
    font-size: 1.5rem;
    margin: 0 0 var(--bx-space-2);
}

.bx-canvas-empty p[b-d1pwpng8cu] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    margin: 0 0 var(--bx-space-5);
}

.bx-section[b-d1pwpng8cu] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
    overflow: hidden;
    transition: box-shadow 160ms ease, border-color 160ms ease;
}

.bx-section--active[b-d1pwpng8cu] {
    box-shadow: var(--bx-shadow-md);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, var(--bx-border-subtle));
}

.bx-section-head[b-d1pwpng8cu] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--bx-space-4);
    padding: var(--bx-space-4) var(--bx-space-5);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-section-num[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    padding: 4px 8px;
    border-radius: var(--bx-radius-sm);
}

.bx-section-titles[b-d1pwpng8cu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.bx-section-name[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-size: 1.375rem;
    font-weight: 500;
    border: 0;
    background: transparent;
    color: var(--mud-palette-text-primary);
    padding: 0;
}

.bx-section-name:focus[b-d1pwpng8cu] {
    outline: 0;
    box-shadow: inset 0 -2px 0 var(--mud-palette-primary);
}

.bx-section-desc[b-d1pwpng8cu] {
    font-size: 0.8125rem;
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    padding: 0;
}

.bx-section-desc:focus[b-d1pwpng8cu] {
    outline: 0;
    box-shadow: inset 0 -1px 0 var(--bx-border-strong);
}

.bx-section-name[readonly][b-d1pwpng8cu], .bx-section-desc[readonly][b-d1pwpng8cu] { cursor: default; }
.bx-section-name[readonly]:focus[b-d1pwpng8cu], .bx-section-desc[readonly]:focus[b-d1pwpng8cu] { box-shadow: none; }

.bx-section-tools[b-d1pwpng8cu] {
    display: inline-flex;
    gap: 0;
    opacity: 0.4;
    transition: opacity 120ms ease;
}

.bx-section:hover .bx-section-tools[b-d1pwpng8cu], .bx-section--active .bx-section-tools[b-d1pwpng8cu] { opacity: 1; }

/* ---------- lines table ---------- */

.bx-lines[b-d1pwpng8cu] {
    padding: var(--bx-space-3) var(--bx-space-2) var(--bx-space-2);
    overflow-x: auto;
}

.bx-lines-head[b-d1pwpng8cu], .bx-line[b-d1pwpng8cu] {
    display: grid;
    grid-template-columns: minmax(0, 2.4fr) 0.5fr 0.7fr 0.8fr 0.5fr 0.4fr 0.7fr auto;
    align-items: center;
    gap: var(--bx-space-2);
    padding: 6px var(--bx-space-3);
    min-width: 720px;
}

.bx-lines-head[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 45%, transparent);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-line[b-d1pwpng8cu] {
    border-bottom: 1px dashed color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
    transition: background 120ms ease;
}

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

.bx-line:last-of-type[b-d1pwpng8cu] { border-bottom: 0; }

.bx-lh-qty[b-d1pwpng8cu], .bx-lh-price[b-d1pwpng8cu], .bx-lh-disc[b-d1pwpng8cu], .bx-lh-total[b-d1pwpng8cu], .bx-cell-qty[b-d1pwpng8cu], .bx-cell-price[b-d1pwpng8cu], .bx-cell-disc[b-d1pwpng8cu], .bx-cell-total[b-d1pwpng8cu] {
    text-align: right;
}

.bx-lh-tax[b-d1pwpng8cu], .bx-cell-tax[b-d1pwpng8cu] { text-align: center; }


.bx-cell-desc[b-d1pwpng8cu] { display: flex; align-items: center; gap: var(--bx-space-2); }

.bx-line-link[b-d1pwpng8cu] {
    flex-shrink: 0;
    opacity: 0.4;
    transition: opacity 120ms ease;
}

.bx-line:hover .bx-line-link[b-d1pwpng8cu], .bx-cell-desc:hover .bx-line-link[b-d1pwpng8cu] { opacity: 1; }

.bx-link-name[b-d1pwpng8cu] { flex: 1; padding-right: 12px; }

.bx-link-price[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-link-price small[b-d1pwpng8cu] {
    font-size: 0.625rem;
    margin-left: 4px;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

.bx-line-catalog[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    letter-spacing: 0.12em;
    padding: 1px 6px;
    border-radius: var(--bx-radius-sm);
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
    flex-shrink: 0;
}

.bx-input[b-d1pwpng8cu] {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 4px 6px;
    border-radius: var(--bx-radius-sm);
    color: var(--mud-palette-text-primary);
    font-family: var(--bx-font-body);
    font-size: 0.875rem;
    transition: background 120ms ease;
}

.bx-input:hover:not([readonly]):not(:focus)[b-d1pwpng8cu] { background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent); }
.bx-input:focus[b-d1pwpng8cu] { outline: 0; background: var(--bx-surface-base); box-shadow: 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 40%, transparent); }
.bx-input[readonly][b-d1pwpng8cu] { cursor: default; }

.bx-num[b-d1pwpng8cu] { font-family: var(--bx-font-mono); font-feature-settings: "tnum"; text-align: right; }
.bx-select[b-d1pwpng8cu] { padding: 2px 4px; cursor: pointer; appearance: auto; }

/* Inputs that need to read as editable even when empty (line table) — give them
   a faint resting border so the cell isn't just whitespace, then deepen on hover. */
.bx-input--bordered[b-d1pwpng8cu] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 14%, transparent);
    border-radius: var(--bx-radius-sm);
    padding: 4px 6px;
    background: var(--bx-surface-base);
}
.bx-input--bordered:hover:not([readonly]):not([disabled]):not(:focus)[b-d1pwpng8cu] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 50%, transparent);
}
.bx-input--bordered:focus[b-d1pwpng8cu] {
    outline: 0;
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 25%, transparent);
}
.bx-input--bordered[disabled][b-d1pwpng8cu] {
    opacity: 0.45;
    cursor: not-allowed;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 3%, transparent);
}
.bx-input--bordered[b-d1pwpng8cu]::placeholder {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
}

.bx-cell-total[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-size: 0.95rem;
    font-feature-settings: "tnum";
    color: var(--mud-palette-text-primary);
    padding-right: 6px;
}

.bx-cell-actions[b-d1pwpng8cu] {
    display: inline-flex;
    opacity: 0.3;
    transition: opacity 120ms ease;
}

.bx-line:hover .bx-cell-actions[b-d1pwpng8cu] { opacity: 1; }

.bx-line-empty[b-d1pwpng8cu] {
    padding: var(--bx-space-5) var(--bx-space-3);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    font-size: 0.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--bx-space-3);
}

.bx-line-empty-hint[b-d1pwpng8cu] {
    font-size: 0.8125rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 45%, transparent);
}

/* tax toggle: a tiny, custom checkbox */
.bx-tax-toggle[b-d1pwpng8cu] { display: inline-grid; place-items: center; cursor: pointer; }
.bx-tax-toggle input[b-d1pwpng8cu] { display: none; }
.bx-tax-toggle span[b-d1pwpng8cu] {
    width: 18px; height: 18px; border-radius: 4px;
    border: 1.5px solid color-mix(in srgb, var(--mud-palette-text-primary) 30%, transparent);
    background: var(--bx-surface-base);
    transition: all 120ms ease;
    position: relative;
}
.bx-tax-toggle input:checked + span[b-d1pwpng8cu] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}
.bx-tax-toggle input:checked + span[b-d1pwpng8cu]::after {
    content: ""; position: absolute; left: 5px; top: 2px;
    width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.bx-tax-toggle--readonly[b-d1pwpng8cu] { cursor: default; opacity: 0.6; }

/* cadence pill */
.bx-cad-pill[b-d1pwpng8cu] {
    display: inline-block;
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    padding: 2px 6px;
    border-radius: var(--bx-radius-sm);
}
.bx-cad-monthly[b-d1pwpng8cu] { background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent); color: var(--mud-palette-info); }
.bx-cad-annual[b-d1pwpng8cu] { background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent); color: var(--mud-palette-success); }
.bx-cad-oneoff[b-d1pwpng8cu] { background: color-mix(in srgb, var(--mud-palette-text-primary) 10%, transparent); color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent); }

/* add-line / add-section ghost buttons */
.bx-add-line[b-d1pwpng8cu], .bx-add-section[b-d1pwpng8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-2);
    margin: var(--bx-space-2) 0 var(--bx-space-2) var(--bx-space-3);
    padding: 6px 10px;
    background: transparent;
    border: 0;
    border-radius: var(--bx-radius-sm);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 120ms ease;
}

.bx-add-line span[b-d1pwpng8cu], .bx-add-section span[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-size: 1rem;
    line-height: 1;
}

.bx-add-line:hover[b-d1pwpng8cu], .bx-add-section:hover[b-d1pwpng8cu] {
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.bx-add-section[b-d1pwpng8cu] {
    align-self: flex-start;
    margin-left: 0;
    padding: 10px 14px;
    border: 1px dashed var(--bx-border-strong);
    border-radius: var(--bx-radius-md);
}

.bx-section-foot[b-d1pwpng8cu] {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    gap: var(--bx-space-3);
    padding: var(--bx-space-3) var(--bx-space-5);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 3%, transparent);
    border-top: 1px solid var(--bx-border-subtle);
}

.bx-section-foot-key[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-section-foot-val[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-feature-settings: "tnum";
}

/* ---------- catalog drawer ---------- */

.bx-drawer[b-d1pwpng8cu] {
    position: sticky;
    top: var(--bx-space-4);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-md);
    overflow: hidden;
    max-height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
}

.bx-drawer-head[b-d1pwpng8cu] {
    padding: var(--bx-space-5) var(--bx-space-5) var(--bx-space-3);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-drawer-title[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-size: 1.25rem;
    font-weight: 500;
    margin: var(--bx-space-1) 0 var(--bx-space-2);
}

.bx-drawer-sub[b-d1pwpng8cu] {
    font-size: 0.8125rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    margin: 0;
    line-height: 1.4;
}

.bx-drawer-sub em[b-d1pwpng8cu] {
    font-style: normal;
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.bx-drawer-filters[b-d1pwpng8cu] {
    padding: var(--bx-space-3) var(--bx-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-drawer-search[b-d1pwpng8cu] {
    width: 100%;
    border: 1px solid var(--bx-border-subtle);
    background: var(--bx-surface-base);
    border-radius: var(--bx-radius-md);
    padding: 8px 12px;
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
}

.bx-drawer-search:focus[b-d1pwpng8cu] {
    outline: 0;
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.bx-drawer-chips[b-d1pwpng8cu] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.bx-chip[b-d1pwpng8cu] {
    border: 1px solid var(--bx-border-subtle);
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 10px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: all 120ms ease;
}

.bx-chip:hover[b-d1pwpng8cu] {
    color: var(--mud-palette-primary);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 40%, transparent);
}

.bx-chip--on[b-d1pwpng8cu] {
    color: var(--mud-palette-primary-text);
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.bx-drawer-list[b-d1pwpng8cu] {
    overflow-y: auto;
    padding: var(--bx-space-2);
    flex: 1;
}

.bx-drawer-empty[b-d1pwpng8cu] {
    padding: var(--bx-space-6) var(--bx-space-4);
    text-align: center;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    font-size: 0.875rem;
}

.bx-drawer-empty a[b-d1pwpng8cu] {
    display: inline-block;
    margin-top: var(--bx-space-2);
    color: var(--mud-palette-primary);
    text-decoration: none;
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.bx-cat-card[b-d1pwpng8cu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--bx-space-3);
    padding: var(--bx-space-3);
    border-radius: var(--bx-radius-md);
    transition: background 120ms ease;
    align-items: center;
}

.bx-cat-card:hover[b-d1pwpng8cu] {
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

.bx-cat-card + .bx-cat-card[b-d1pwpng8cu] {
    border-top: 1px dashed color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
}

.bx-cat-swatch[b-d1pwpng8cu] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
}

.bx-cat-body[b-d1pwpng8cu] {
    min-width: 0;
}

.bx-cat-name[b-d1pwpng8cu] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-cat-meta[b-d1pwpng8cu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
}

.bx-cat-sku[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

.bx-cat-cad[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    letter-spacing: 0.1em;
    padding: 1px 5px;
    border-radius: 3px;
}

.bx-cat-right[b-d1pwpng8cu] {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.bx-cat-price[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-size: 0.95rem;
    font-feature-settings: "tnum";
    color: var(--mud-palette-text-primary);
}

.bx-cat-price small[b-d1pwpng8cu] {
    display: block;
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    text-transform: uppercase;
}

.bx-cat-add[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    border: 0;
    padding: 4px 10px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: opacity 120ms ease;
}

.bx-cat-add:hover[b-d1pwpng8cu] { filter: brightness(1.05); }
.bx-cat-add:disabled[b-d1pwpng8cu] { opacity: 0.3; cursor: not-allowed; }

/* ---------- totals ---------- */

.bx-totals[b-d1pwpng8cu] {
    margin-top: var(--bx-space-6);
    padding: var(--bx-space-5) var(--bx-space-6);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-md);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--bx-space-5);
    align-items: end;
}

.bx-total-cell[b-d1pwpng8cu] { display: flex; flex-direction: column; gap: var(--bx-space-1); }

.bx-total-key[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-total-val[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-feature-settings: "tnum";
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    line-height: 1.1;
}

.bx-total-val small[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    margin-left: 4px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.bx-total-cell--accent .bx-total-val[b-d1pwpng8cu] {
    color: var(--mud-palette-warning);
}

.bx-total-cell--hero[b-d1pwpng8cu] {
    border-left: 1px solid var(--bx-border-subtle);
    padding-left: var(--bx-space-5);
}

.bx-total-cell--hero .bx-total-val[b-d1pwpng8cu] {
    font-size: 2rem;
    color: var(--mud-palette-primary);
}

/* ---------- advanced ---------- */

.bx-builder-advanced[b-d1pwpng8cu] {
    margin-top: var(--bx-space-6);
}

.bx-disclose[b-d1pwpng8cu] {
    background: transparent;
    border: 1px solid var(--bx-border-subtle);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding: 8px 14px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    transition: all 120ms ease;
}

.bx-disclose:hover[b-d1pwpng8cu] { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); }
.bx-disclose--open[b-d1pwpng8cu] { background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); color: var(--mud-palette-primary); border-color: color-mix(in srgb, var(--mud-palette-primary) 30%, transparent); }

.bx-advanced-grid[b-d1pwpng8cu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bx-space-4);
    margin-top: var(--bx-space-4);
    padding: var(--bx-space-5);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
}

.bx-adv-cell[b-d1pwpng8cu] { display: flex; flex-direction: column; gap: var(--bx-space-2); }
.bx-adv-wide[b-d1pwpng8cu] { grid-column: span 2; }

.bx-adv-key[b-d1pwpng8cu] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-adv-area[b-d1pwpng8cu] {
    border: 1px solid var(--bx-border-subtle);
    background: var(--bx-surface-base);
    border-radius: var(--bx-radius-md);
    padding: 10px 12px;
    font-family: var(--bx-font-mono);
    font-size: 0.8125rem;
    color: var(--mud-palette-text-primary);
    resize: vertical;
}

.bx-adv-area:focus[b-d1pwpng8cu] {
    outline: 0;
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

/* ---------- Quick-start guide panel ---------- */

.bx-guide[b-d1pwpng8cu] {
    margin: var(--bx-space-3) 0 var(--bx-space-5);
    background: var(--bx-surface-elevated);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 22%, var(--bx-border-subtle));
    border-radius: var(--bx-radius-lg);
    padding: var(--bx-space-4) var(--bx-space-5);
    box-shadow: var(--bx-shadow-sm);
    position: relative;
}

.bx-guide-head[b-d1pwpng8cu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-3);
}

.bx-guide-title[b-d1pwpng8cu] {
    font-family: var(--bx-font-display);
    font-size: 1.25rem;
    font-weight: 500;
    margin: 4px 0 0;
    line-height: 1.2;
}

.bx-guide-close[b-d1pwpng8cu] {
    background: transparent;
    border: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    transition: all 120ms ease;
    flex-shrink: 0;
}

.bx-guide-close:hover[b-d1pwpng8cu] {
    color: var(--mud-palette-text-primary);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
}

.bx-guide-steps[b-d1pwpng8cu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--bx-space-3);
}

.bx-guide-steps li[b-d1pwpng8cu] {
    display: flex;
    align-items: flex-start;
    gap: var(--bx-space-2);
    padding: var(--bx-space-2);
    border-radius: var(--bx-radius-md);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 2%, transparent);
}

.bx-guide-steps li > div[b-d1pwpng8cu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.45;
    min-width: 0;
}

.bx-guide-steps li strong[b-d1pwpng8cu] {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}

.bx-guide-steps li span[b-d1pwpng8cu] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-size: 0.8125rem;
}

.bx-guide-num[b-d1pwpng8cu] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-grid;
    place-items: center;
}

.bx-guide-foot[b-d1pwpng8cu] {
    margin-top: var(--bx-space-3);
    display: flex;
    justify-content: flex-end;
}

.bx-guide-dismiss[b-d1pwpng8cu] {
    background: transparent;
    border: 0;
    cursor: pointer;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 6px 10px;
    border-radius: var(--bx-radius-md);
    transition: all 120ms ease;
}

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

/* ───────────────────────────────────────────────────────────────────
   Phone (≤ 599.98px) — let the top bar wrap, shrink padding,
   relax the canvas grids that don't fit at 360px.
   ─────────────────────────────────────────────────────────────────── */
@media (max-width: 599.98px) {
    .bx-builder[b-d1pwpng8cu] {
        padding: var(--bx-space-3) var(--bx-space-2) var(--bx-space-8);
    }

    .bx-builder-bar[b-d1pwpng8cu] {
        flex-wrap: wrap;
        gap: var(--bx-space-2);
        border-radius: var(--bx-radius-md);
        padding: var(--bx-space-2) var(--bx-space-3);
    }

    .bx-builder-bar-actions[b-d1pwpng8cu] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .bx-builder-hero[b-d1pwpng8cu] {
        padding: var(--bx-space-3) 0;
        margin-bottom: var(--bx-space-4);
    }

    .bx-canvas-empty[b-d1pwpng8cu] {
        padding: var(--bx-space-6) var(--bx-space-3);
    }

    /* The dense info grids (auto-fit minmax(140px) / minmax(260px)) work
       fine via auto-fit; just tighten gap so two columns can fit. */
    .bx-edit-notice[b-d1pwpng8cu] {
        flex-wrap: wrap;
        padding: var(--bx-space-3);
    }
}
/* /Pages/Admin/QuoteTemplates.razor.rz.scp.css */
.bx-eyebrow[b-12qog6jw9g] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-templates-header[b-12qog6jw9g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-6);
}

.bx-templates-title[b-12qog6jw9g] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-2);
    line-height: 1.05;
}

.bx-templates-subtitle[b-12qog6jw9g] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    max-width: 60ch;
    line-height: 1.5;
}

/* ---------- empty state ---------- */

.bx-templates-zero[b-12qog6jw9g] {
    margin-top: var(--bx-space-4);
    max-width: 560px;
}

.bx-zero-card[b-12qog6jw9g] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    padding: var(--bx-space-6) var(--bx-space-6);
    box-shadow: var(--bx-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-3);
}

.bx-zero-card h3[b-12qog6jw9g] {
    font-family: var(--bx-font-display);
    font-size: 1.75rem;
    font-weight: 500;
    margin: var(--bx-space-1) 0;
}

.bx-zero-card p[b-12qog6jw9g] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    line-height: 1.55;
}

.bx-zero-steps[b-12qog6jw9g] {
    list-style: none;
    margin: var(--bx-space-3) 0 var(--bx-space-2);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-3);
}

.bx-zero-steps li[b-12qog6jw9g] {
    display: flex;
    align-items: flex-start;
    gap: var(--bx-space-3);
}

.bx-zero-steps li > div[b-12qog6jw9g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.4;
}

.bx-zero-steps li strong[b-12qog6jw9g] {
    color: var(--mud-palette-text-primary);
    font-weight: 500;
}

.bx-zero-steps li span[b-12qog6jw9g] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-size: 0.875rem;
}

.bx-zero-step-num[b-12qog6jw9g] {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-grid;
    place-items: center;
    margin-top: 2px;
}

/* ---------- index grid + cards ---------- */

.bx-templates-grid[b-12qog6jw9g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
    gap: var(--bx-space-5);
}

.bx-template-card[b-12qog6jw9g] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
    overflow: hidden;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.bx-template-card:hover[b-12qog6jw9g] {
    transform: translateY(-2px);
    box-shadow: var(--bx-shadow-lg);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 30%, var(--bx-border-subtle));
}

/* mini "page" preview, shaded backdrop */

.bx-template-preview[b-12qog6jw9g] {
    --bx-tpl-brand: var(--mud-palette-primary);
    background:
        repeating-linear-gradient(0deg,
            color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent) 0,
            color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent) 1px,
            transparent 1px,
            transparent 22px),
        var(--bx-surface-base);
    padding: var(--bx-space-4) var(--bx-space-4) var(--bx-space-3);
    min-height: 180px;
    border-bottom: 1px solid var(--bx-border-subtle);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bx-tpl-headstripe[b-12qog6jw9g] {
    height: 6px;
    border-radius: 3px;
    background: var(--bx-tpl-brand);
    width: 50%;
    margin-bottom: var(--bx-space-2);
}

.bx-tpl-meta[b-12qog6jw9g] {
    display: flex;
    justify-content: space-between;
}

.bx-tpl-eyebrow[b-12qog6jw9g] {
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-tpl-doctitle[b-12qog6jw9g] {
    font-family: var(--bx-font-display);
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-tpl-section[b-12qog6jw9g] {
    display: flex;
    justify-content: space-between;
    font-size: 0.6875rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    padding: 2px 6px;
    border-radius: var(--bx-radius-sm);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent);
}

.bx-tpl-section-name[b-12qog6jw9g] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-tpl-section-count[b-12qog6jw9g] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    flex-shrink: 0;
    padding-left: 6px;
}

.bx-tpl-more[b-12qog6jw9g] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    padding: 2px 6px;
}

/* card body */

.bx-template-body[b-12qog6jw9g] {
    padding: var(--bx-space-4) var(--bx-space-5) var(--bx-space-3);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

.bx-template-name[b-12qog6jw9g] {
    font-family: var(--bx-font-display);
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
}

.bx-template-desc[b-12qog6jw9g] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-size: 0.875rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bx-template-stats[b-12qog6jw9g] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    margin-top: var(--bx-space-2);
}

.bx-template-stats strong[b-12qog6jw9g] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.bx-template-stats-sep[b-12qog6jw9g] { color: color-mix(in srgb, var(--mud-palette-text-primary) 30%, transparent); }

.bx-template-foot[b-12qog6jw9g] {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--bx-space-3) var(--bx-space-5);
    border-top: 1px solid var(--bx-border-subtle);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 2%, transparent);
}

.bx-template-cta[b-12qog6jw9g] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--mud-palette-primary);
    transition: gap 120ms ease, transform 160ms ease;
}

.bx-template-card:hover .bx-template-cta[b-12qog6jw9g] {
    transform: translateX(2px);
}

.bx-template-foot-actions[b-12qog6jw9g] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.bx-template-action[b-12qog6jw9g] {
    background: transparent;
    border: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 40%, transparent);
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: all 120ms ease;
    display: inline-grid;
    place-items: center;
}

.bx-template-action:hover[b-12qog6jw9g] {
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.bx-template-trash:hover[b-12qog6jw9g] {
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
}

/* "+ new" tile */
.bx-template-newcard[b-12qog6jw9g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--bx-space-2);
    text-decoration: none;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    border: 1px dashed var(--bx-border-strong);
    border-radius: var(--bx-radius-lg);
    min-height: 280px;
    transition: all 160ms ease;
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.bx-template-newcard:hover[b-12qog6jw9g] {
    color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, transparent);
}

.bx-template-newcard-mark[b-12qog6jw9g] {
    font-family: var(--bx-font-display);
    font-size: 3rem;
    line-height: 1;
}
/* /Pages/AMS/Activity/Activities.razor.rz.scp.css */
.bx-eyebrow[b-z2truy3gie] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-activities-header[b-z2truy3gie] {
    margin-bottom: var(--bx-space-5);
}

.bx-activities-title[b-z2truy3gie] {
    font-family: var(--bx-font-display);
    font-size: 2rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-1);
}

.bx-activities-subtitle[b-z2truy3gie] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-activities-filters[b-z2truy3gie] {
    padding: var(--bx-space-3);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    margin-bottom: var(--bx-space-4);
    display: flex;
    flex-wrap: wrap;
    gap: var(--bx-space-3);
    align-items: center;
}

.bx-activities-filter[b-z2truy3gie] {
    min-width: 180px;
}

.bx-activities-overdue[b-z2truy3gie] {
    margin-left: auto;
}

.bx-activities-empty[b-z2truy3gie] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-12) var(--bx-space-6);
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-muted);
}

.bx-activities-empty-title[b-z2truy3gie] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
}

.bx-activities-empty-body[b-z2truy3gie] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 0.875rem;
    max-width: 50ch;
}

.bx-activities-list[b-z2truy3gie] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bx-activities-row[b-z2truy3gie] {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    gap: var(--bx-space-3);
    align-items: center;
    padding: var(--bx-space-3) var(--bx-space-4);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    transition: border-color var(--bx-duration-fast) var(--bx-ease);
}

.bx-activities-row:hover[b-z2truy3gie] {
    border-color: var(--bx-border-strong);
}

.bx-activities-row-type[b-z2truy3gie] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: var(--bx-radius-pill);
    text-align: center;
    background: var(--bx-surface-muted);
    color: var(--mud-palette-text-primary);
}

.bx-activities-row-type[data-type="call"][b-z2truy3gie] {
    background: color-mix(in srgb, var(--bx-accent) 12%, transparent);
    color: var(--bx-accent);
}
.bx-activities-row-type[data-type="meeting"][b-z2truy3gie] {
    background: color-mix(in srgb, var(--bx-info) 12%, transparent);
    color: var(--bx-info);
}
.bx-activities-row-type[data-type="email"][b-z2truy3gie] {
    background: color-mix(in srgb, var(--bx-accent) 8%, transparent);
}
.bx-activities-row-type[data-type="note"][b-z2truy3gie] {
    background: color-mix(in srgb, var(--bx-positive) 12%, transparent);
    color: var(--bx-positive);
}

.bx-activities-row-subject[b-z2truy3gie] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
}

.bx-activities-row-subject:hover[b-z2truy3gie] {
    color: var(--bx-accent);
}

.bx-activities-row-meta[b-z2truy3gie] {
    margin-top: 2px;
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.bx-activities-overdue-tag[b-z2truy3gie] {
    color: var(--bx-negative);
    font-weight: 600;
}

.bx-activities-row-state--done[b-z2truy3gie] {
    color: var(--bx-positive);
}
/* /Pages/AMS/Company/ViewCompany.razor.rz.scp.css */
.bx-eyebrow[b-zy4rfliwlm] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

/* ---------- hero ---------- */

.bx-co-hero[b-zy4rfliwlm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--bx-space-4);
    margin-bottom: var(--bx-space-5);
    padding: clamp(var(--bx-space-3), 3vw, var(--bx-space-5)) clamp(var(--bx-space-3), 4vw, var(--bx-space-6));
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
}

.bx-co-hero-meta[b-zy4rfliwlm] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
    min-width: 0;
    flex: 1 1 240px;
}

.bx-co-name[b-zy4rfliwlm] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.625rem, 5vw, 2.5rem);
    font-weight: 500;
    margin: var(--bx-space-2) 0 0;
    line-height: 1.1;
    word-break: break-word;
}

.bx-co-summary[b-zy4rfliwlm] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bx-space-2);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
}

.bx-co-tag[b-zy4rfliwlm] {
    display: inline-block;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 3px 10px;
    border-radius: var(--bx-radius-pill);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 75%, transparent);
}

.bx-co-tag--source[b-zy4rfliwlm] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.bx-co-tag--muted[b-zy4rfliwlm] {
    background: transparent;
    border: 1px solid var(--bx-border-subtle);
}

.bx-co-hero-actions[b-zy4rfliwlm] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--bx-space-2);
    align-items: center;
}

@media (max-width: 599.98px) {
    .bx-co-hero-actions[b-zy4rfliwlm] {
        width: 100%;
    }

    .bx-co-hero-actions[b-zy4rfliwlm]  .mud-button-root {
        flex: 1 1 0;
    }
}

/* ---------- tab panel content ---------- */

[b-zy4rfliwlm] .bx-co-tab-panel {
    padding-top: var(--bx-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-5);
}

.bx-co-card[b-zy4rfliwlm] {
    padding: var(--bx-space-5);
    border-radius: var(--bx-radius-lg);
    border: 1px solid var(--bx-border-subtle);
    background: var(--bx-surface-elevated);
    box-shadow: var(--bx-shadow-sm);
}

.bx-co-card-title[b-zy4rfliwlm] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0 0 var(--bx-space-3);
}

.bx-co-card-body[b-zy4rfliwlm] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    font-size: 0.875rem;
    line-height: 1.55;
}

.bx-co-card-body--muted[b-zy4rfliwlm] {
    font-style: italic;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 45%, transparent);
}

.bx-co-meta[b-zy4rfliwlm] {
    margin: var(--bx-space-3) 0 0;
    padding: var(--bx-space-3) 0 0;
    border-top: 1px dashed var(--bx-border-subtle);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

.bx-co-meta div[b-zy4rfliwlm] {
    display: flex;
    justify-content: space-between;
    gap: var(--bx-space-3);
}

.bx-co-meta dt[b-zy4rfliwlm] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-co-meta dd[b-zy4rfliwlm] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
    text-align: right;
    font-feature-settings: "tnum";
}
/* /Pages/AMS/Contact/Contacts.razor.rz.scp.css */
.contact-card[b-su75jx8qx0] {
    transition: transform 120ms ease, box-shadow 120ms ease;
    cursor: pointer;
}

.contact-card:hover[b-su75jx8qx0] {
    transform: translateY(-2px);
    box-shadow: var(--mud-elevation-6);
}

.contact-card[b-su75jx8qx0]  .text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.contact-status-chip[b-su75jx8qx0] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.6);
}

.contact-status-chip.is-qualified[b-su75jx8qx0] {
    background: rgba(62, 175, 124, 0.14);
    color: #2e8b5c;
}

.contact-status-chip.is-unqualified[b-su75jx8qx0] {
    background: rgba(255, 152, 0, 0.14);
    color: #b26a00;
}
/* /Pages/AMS/Contact/ViewContact.razor.rz.scp.css */
.bx-eyebrow[b-gyogutpg12] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

/* ---------- hero ---------- */

.bx-ct-hero[b-gyogutpg12] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: flex-start;
    gap: var(--bx-space-5);
    margin-bottom: var(--bx-space-5);
    padding: clamp(var(--bx-space-3), 3vw, var(--bx-space-5)) clamp(var(--bx-space-3), 4vw, var(--bx-space-6));
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
}

@media (max-width: 959.98px) {
    .bx-ct-hero[b-gyogutpg12] {
        grid-template-columns: auto 1fr;
        gap: var(--bx-space-3);
    }

    .bx-ct-actions[b-gyogutpg12] {
        grid-column: 1 / -1;
        flex-wrap: wrap;
    }
}

@media (max-width: 599.98px) {
    .bx-ct-hero[b-gyogutpg12] {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .bx-ct-avatar[b-gyogutpg12] {
        width: 56px;
        height: 56px;
        font-size: 1.375rem;
    }

    .bx-ct-actions[b-gyogutpg12]  .mud-button-root {
        flex: 1 1 0;
    }
}

.bx-ct-avatar[b-gyogutpg12] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--mud-palette-primary), color-mix(in srgb, var(--mud-palette-primary) 65%, var(--mud-palette-info)));
    color: white;
    display: grid;
    place-items: center;
    font-family: var(--bx-font-display);
    font-size: 1.875rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    box-shadow: var(--bx-shadow-md);
    flex-shrink: 0;
}

.bx-ct-meta[b-gyogutpg12] { display: flex; flex-direction: column; gap: var(--bx-space-1); min-width: 0; }

.bx-ct-name[b-gyogutpg12] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.5rem, 5vw, 2.25rem);
    font-weight: 500;
    margin: var(--bx-space-1) 0 var(--bx-space-2);
    line-height: 1.1;
    word-break: break-word;
}

.bx-ct-summary[b-gyogutpg12] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bx-space-2);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
}

.bx-ct-tag[b-gyogutpg12] {
    display: inline-block;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 3px 10px;
    border-radius: var(--bx-radius-pill);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 75%, transparent);
    text-decoration: none;
}

.bx-ct-tag--link[b-gyogutpg12] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
    transition: filter 120ms ease;
}

.bx-ct-tag--link:hover[b-gyogutpg12] { filter: brightness(1.05); }

.bx-ct-tag--star[b-gyogutpg12] {
    background: color-mix(in srgb, var(--mud-palette-warning) 16%, transparent);
    color: var(--mud-palette-warning);
}

.bx-ct-actions[b-gyogutpg12] {
    display: inline-flex;
    gap: var(--bx-space-2);
    align-items: center;
}

/* ---------- tab panel content ---------- */

[b-gyogutpg12] .bx-ct-tab-panel {
    padding-top: var(--bx-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-5);
}

.bx-ct-card[b-gyogutpg12] {
    padding: var(--bx-space-5);
    border-radius: var(--bx-radius-lg);
    border: 1px solid var(--bx-border-subtle);
    background: var(--bx-surface-elevated);
    box-shadow: var(--bx-shadow-sm);
}

.bx-ct-card-title[b-gyogutpg12] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0 0 var(--bx-space-3);
}

.bx-ct-meta-list[b-gyogutpg12] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

.bx-ct-meta-list div[b-gyogutpg12] {
    display: flex;
    justify-content: space-between;
    gap: var(--bx-space-3);
    align-items: baseline;
}

.bx-ct-meta-list dt[b-gyogutpg12] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-ct-meta-list dd[b-gyogutpg12] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
    min-width: 0;
}

@media (max-width: 599.98px) {
    .bx-ct-meta-list div[b-gyogutpg12] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .bx-ct-meta-list dd[b-gyogutpg12] {
        text-align: left;
        max-width: 100%;
        white-space: normal;
        word-break: break-word;
    }
}

.bx-ct-meta-list a[b-gyogutpg12] {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.bx-ct-meta-list a:hover[b-gyogutpg12] { text-decoration: underline; }

.bx-ct-company-link[b-gyogutpg12] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-decoration: none;
    color: var(--mud-palette-text-primary);
    padding: var(--bx-space-3);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    transition: all 120ms ease;
}

.bx-ct-company-link:hover[b-gyogutpg12] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

.bx-ct-company-link strong[b-gyogutpg12] {
    font-weight: 500;
    font-size: 0.9375rem;
}

.bx-ct-company-link em[b-gyogutpg12] {
    font-style: normal;
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-ct-company-link span[b-gyogutpg12] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}
/* /Pages/AMS/Customer/ViewCustomer.razor.rz.scp.css */
.bx-customer-header[b-en36aemr2h] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
}

.bx-customer-header-main[b-en36aemr2h] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1 1 240px;
    min-width: 0;
}

.bx-customer-header-info[b-en36aemr2h] {
    flex: 1;
    min-width: 0;
}

.bx-customer-header-name[b-en36aemr2h] {
    word-break: break-word;
    line-height: 1.2;
}

.bx-customer-header-actions[b-en36aemr2h] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bx-customer-logo-slot[b-en36aemr2h] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    flex-shrink: 0;
}

@media (max-width: 599.98px) {
    .bx-customer-header-name[b-en36aemr2h] {
        font-size: 1.4rem;
    }

    .bx-customer-header-actions[b-en36aemr2h] {
        width: 100%;
    }

    .bx-customer-header-actions[b-en36aemr2h]  .mud-button-root {
        flex: 1 1 0;
    }
}

.bx-customer-logo-pick[b-en36aemr2h] {
    position: absolute;
    bottom: -4px;
    right: -8px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    cursor: pointer;
}

.bx-customer-logo-pick:hover[b-en36aemr2h] {
    background: var(--mud-palette-action-default-hover);
}
/* /Pages/AMS/Deal/AddDeal.razor.rz.scp.css */
.bx-lead-hero[b-ptwir3z416] {
    text-align: center;
    margin-bottom: var(--bx-space-6);
}

.bx-eyebrow[b-ptwir3z416] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-lead-title[b-ptwir3z416] {
    font-family: var(--bx-font-display);
    font-size: 2.25rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-2);
    line-height: 1.1;
}

.bx-lead-subtitle[b-ptwir3z416] {
    font-size: 1rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    max-width: 56ch;
    margin: 0 auto;
}

.bx-lead-card[b-ptwir3z416] {
    padding: var(--bx-space-6);
    border-radius: var(--bx-radius-lg);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    box-shadow: var(--bx-shadow-md);
}

.bx-lead-section-title[b-ptwir3z416] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    margin: var(--bx-space-5) 0 var(--bx-space-3);
}

.bx-lead-section-title:first-of-type[b-ptwir3z416] {
    margin-top: 0;
}

.bx-lead-grid[b-ptwir3z416] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--bx-space-3);
}

.bx-lead-col-2[b-ptwir3z416] {
    grid-column: span 2;
}

.bx-lead-actions[b-ptwir3z416] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bx-space-3);
    margin-top: var(--bx-space-6);
    padding-top: var(--bx-space-4);
    border-top: 1px solid var(--bx-border-subtle);
}
/* /Pages/AMS/Deal/Deals.razor.rz.scp.css */
/* Header + filterbar layouts moved to MudGrid in the .razor — these classes
   are kept only for their visual styling (eyebrow, title, subtitle, etc.). */

.bx-deals-empty-actions[b-v1x1igv20b] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--bx-space-2);
    margin-top: var(--bx-space-3);
    flex-wrap: wrap;
}

.bx-eyebrow[b-v1x1igv20b] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-deals-title[b-v1x1igv20b] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-1);
}

.bx-deals-subtitle[b-v1x1igv20b] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-deals-card[b-v1x1igv20b] {
    padding: var(--bx-space-5);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
}

/* .bx-deals-search / .bx-deals-pipeline-select min-widths removed —
   MudGrid xs/sm/md handles sizing now. */

.bx-deals-tabs[b-v1x1igv20b] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--bx-border-subtle);
    margin-bottom: var(--bx-space-3);
}

.bx-deals-tab[b-v1x1igv20b] {
    appearance: none;
    background: transparent;
    border: none;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.bx-deals-tab:hover[b-v1x1igv20b] {
    color: var(--mud-palette-text-primary);
}

.bx-deals-tab--active[b-v1x1igv20b] {
    color: var(--bx-accent);
    border-bottom-color: var(--bx-accent);
}

/* .bx-deals-filterbar / .bx-deals-filter-pill replaced by MudGrid layout. */

.bx-deals-empty[b-v1x1igv20b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-12) var(--bx-space-6);
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-muted);
}

.bx-deals-empty-title[b-v1x1igv20b] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
}

.bx-deals-empty-body[b-v1x1igv20b] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 0.875rem;
}

[b-v1x1igv20b] .bx-deals-row {
    cursor: pointer;
    transition: background-color var(--bx-duration-fast) var(--bx-ease);
}

[b-v1x1igv20b] .bx-deals-row:hover {
    background: var(--bx-surface-muted);
}

.bx-deals-name[b-v1x1igv20b] {
    font-weight: 600;
}

.bx-deals-company[b-v1x1igv20b] {
    font-size: 0.8125rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-deals-stage-chip[b-v1x1igv20b] {
    display: inline-flex;
    padding: 2px 10px;
    border-radius: var(--bx-radius-pill);
    background: color-mix(in srgb, var(--bx-accent) 12%, transparent);
    color: var(--bx-accent);
    font-size: 0.75rem;
    font-weight: 600;
}
/* /Pages/AMS/Deal/ViewDeal.razor.rz.scp.css */
.bx-deal-hero[b-solz059e4w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--bx-space-4);
    padding: clamp(var(--bx-space-3), 3vw, var(--bx-space-5)) clamp(var(--bx-space-3), 4vw, var(--bx-space-6));
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
    margin-bottom: var(--bx-space-5);
}

.bx-deal-hero-meta[b-solz059e4w] {
    min-width: 0;
    flex: 1 1 240px;
}

.bx-eyebrow[b-solz059e4w] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-deal-name[b-solz059e4w] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.5rem, 5vw, 2.25rem);
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-1);
    line-height: 1.1;
    word-break: break-word;
}

.bx-deal-summary[b-solz059e4w] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--bx-space-3);
    align-items: center;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
}

.bx-deal-link[b-solz059e4w] {
    color: var(--bx-accent);
    text-decoration: none;
    font-weight: 500;
}

.bx-deal-link:hover[b-solz059e4w] {
    text-decoration: underline;
}

.bx-deal-amount[b-solz059e4w] {
    font-family: var(--bx-font-mono);
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.bx-deal-hero-actions[b-solz059e4w] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bx-space-2);
}

@media (max-width: 599.98px) {
    .bx-deal-hero-actions[b-solz059e4w] {
        width: 100%;
    }

    .bx-deal-hero-actions[b-solz059e4w]  .mud-button-root {
        flex: 1 1 0;
    }
}

.bx-deal-stages[b-solz059e4w] {
    display: flex;
    align-items: stretch;
    gap: var(--bx-space-1);
    margin-bottom: var(--bx-space-5);
    padding: var(--bx-space-3);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    overflow-x: auto;
}

.bx-deal-stage[b-solz059e4w] {
    flex: 1;
    min-width: 110px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-muted);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    transition: background-color var(--bx-duration) var(--bx-ease),
                color var(--bx-duration) var(--bx-ease);
}

.bx-deal-stage--done[b-solz059e4w] {
    background: color-mix(in srgb, var(--bx-positive) 14%, transparent);
    color: var(--bx-positive);
}

.bx-deal-stage--current[b-solz059e4w] {
    background: var(--bx-accent);
    color: white;
    box-shadow: var(--bx-shadow-tinted);
}

.bx-deal-stage-num[b-solz059e4w] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    font-weight: 700;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bx-deal-stage--done .bx-deal-stage-num[b-solz059e4w],
.bx-deal-stage:not(.bx-deal-stage--current):not(.bx-deal-stage--done) .bx-deal-stage-num[b-solz059e4w] {
    background: rgba(0, 0, 0, 0.06);
    color: inherit;
}

.bx-deal-stage-label[b-solz059e4w] {
    font-weight: 500;
    font-size: 0.875rem;
}

/* ---------- tab panel content ---------- */

[b-solz059e4w] .bx-deal-tab-panel {
    padding-top: var(--bx-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-5);
}

.bx-deal-card[b-solz059e4w] {
    padding: var(--bx-space-5);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
}

.bx-deal-card-title[b-solz059e4w] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0 0 var(--bx-space-3);
}

.bx-deal-menu-row[b-solz059e4w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ───────── quotes card header ───────── */

.bx-deal-quotes-head[b-solz059e4w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-2);
    margin-bottom: var(--bx-space-3);
}

.bx-deal-quotes-head .bx-deal-card-title[b-solz059e4w] {
    margin: 0;
}

.bx-deal-status-pill[b-solz059e4w] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-right: 0.5rem;
    align-self: center;
}

.bx-deal-status-pill--open[b-solz059e4w] {
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}

.bx-deal-status-pill--won[b-solz059e4w] {
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
    color: var(--mud-palette-success);
}

.bx-deal-status-pill--lost[b-solz059e4w] {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    color: var(--mud-palette-error);
}
/* /Pages/AMS/Lead/QuickAddLead.razor.rz.scp.css */
.bx-lead-hero[b-ip0nfcjn6k] {
    text-align: center;
    margin-bottom: var(--bx-space-6);
}

.bx-eyebrow[b-ip0nfcjn6k] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-lead-title[b-ip0nfcjn6k] {
    font-family: var(--bx-font-display);
    font-size: 2.25rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-2);
    line-height: 1.1;
}

.bx-lead-subtitle[b-ip0nfcjn6k] {
    font-size: 1rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    max-width: 56ch;
    margin: 0 auto;
}

.bx-lead-card[b-ip0nfcjn6k] {
    padding: var(--bx-space-6);
    border-radius: var(--bx-radius-lg);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    box-shadow: var(--bx-shadow-md);
}

.bx-lead-section-title[b-ip0nfcjn6k] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    margin: var(--bx-space-5) 0 var(--bx-space-3);
}

.bx-lead-section-title:first-of-type[b-ip0nfcjn6k] {
    margin-top: 0;
}

.bx-lead-grid[b-ip0nfcjn6k] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--bx-space-3);
}

.bx-lead-col-2[b-ip0nfcjn6k] {
    grid-column: span 2;
}

.bx-lead-actions[b-ip0nfcjn6k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bx-space-3);
    margin-top: var(--bx-space-6);
    padding-top: var(--bx-space-4);
    border-top: 1px solid var(--bx-border-subtle);
}
/* /Pages/AMS/Quote/QuoteBuilder.razor.rz.scp.css */
.bx-eyebrow[b-95nlcen7uc] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-builder-header[b-95nlcen7uc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-5);
    padding-bottom: var(--bx-space-4);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-builder-title[b-95nlcen7uc] {
    font-family: var(--bx-font-display);
    font-size: 2rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-1);
}

.bx-builder-subtitle[b-95nlcen7uc] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    max-width: 64ch;
}

.bx-builder-actions[b-95nlcen7uc] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-2);
}

.bx-builder-grid[b-95nlcen7uc] {
    display: grid;
    grid-template-columns: minmax(0, 2.4fr) minmax(280px, 1fr);
    gap: var(--bx-space-5);
    align-items: start;
}

@media (max-width: 1080px) {
    .bx-builder-grid[b-95nlcen7uc] {
        grid-template-columns: 1fr;
    }
}

.bx-builder-form[b-95nlcen7uc] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
}

.bx-builder-controls[b-95nlcen7uc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--bx-space-3);
    padding: var(--bx-space-4);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
}

@media (max-width: 720px) {
    .bx-builder-controls[b-95nlcen7uc] {
        grid-template-columns: 1fr;
    }
}

.bx-builder-templates[b-95nlcen7uc] {
    padding: var(--bx-space-6);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    margin-top: var(--bx-space-4);
}

.bx-builder-template-grid[b-95nlcen7uc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--bx-space-3);
}

.bx-builder-template[b-95nlcen7uc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--bx-space-2);
    padding: var(--bx-space-5);
    background: var(--bx-surface-base);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    cursor: pointer;
    transition: border-color var(--bx-duration-fast) var(--bx-ease),
                box-shadow var(--bx-duration) var(--bx-ease),
                transform var(--bx-duration) var(--bx-ease);
    text-align: left;
    color: var(--mud-palette-text-primary);
}

.bx-builder-template:hover[b-95nlcen7uc] {
    border-color: var(--bx-accent);
    box-shadow: var(--bx-shadow-tinted);
    transform: translateY(-2px);
}

.bx-builder-template-name[b-95nlcen7uc] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
}

.bx-builder-template-meta[b-95nlcen7uc] {
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

/* ============================================================
   Quote-builder controls — inline setup bar + contract pills.
   ============================================================ */

/* inline setup bar — two simple fields, no card chrome */

.bx-qb-setupbar[b-95nlcen7uc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bx-space-5);
    padding: var(--bx-space-3) 0;
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-qb-setupbar-item[b-95nlcen7uc] {
    display: inline-flex;
    align-items: center;
    gap: var(--bx-space-3);
}

.bx-qb-setupbar-label[b-95nlcen7uc] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-qb-setupbar-select[b-95nlcen7uc] {
    border: 1px solid var(--bx-border-subtle);
    background: var(--bx-surface-base);
    border-radius: var(--bx-radius-md);
    padding: 6px 10px;
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    min-width: 90px;
}

.bx-qb-setupbar-select:focus[b-95nlcen7uc] {
    outline: 0;
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

@media (max-width: 600px) {
    .bx-qb-setupbar[b-95nlcen7uc] { flex-direction: column; align-items: flex-start; gap: var(--bx-space-3); }
}

/* contract pills */

.bx-qb-pills[b-95nlcen7uc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    border-radius: var(--bx-radius-pill);
    width: fit-content;
}

.bx-qb-pill[b-95nlcen7uc] {
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 6px 12px;
    border-radius: var(--bx-radius-pill);
    cursor: pointer;
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    transition: all 120ms ease;
}

.bx-qb-pill span[b-95nlcen7uc] {
    font-size: 0.5625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.7;
}

.bx-qb-pill:hover[b-95nlcen7uc] { color: var(--mud-palette-text-primary); }

.bx-qb-pill--on[b-95nlcen7uc] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: var(--bx-shadow-xs);
}

.bx-qb-pill--on span[b-95nlcen7uc] { opacity: 0.85; }

.bx-qb-pill-custom[b-95nlcen7uc] {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    padding: 4px 8px;
    border-left: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 12%, transparent);
    margin-left: 2px;
}

.bx-qb-pill-custom-input[b-95nlcen7uc] {
    width: 4ch;
    border: 0;
    background: transparent;
    color: var(--mud-palette-text-primary);
    font-family: var(--bx-font-mono);
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: right;
    padding: 0;
    -moz-appearance: textfield;
}

.bx-qb-pill-custom-input[b-95nlcen7uc]::-webkit-outer-spin-button,
.bx-qb-pill-custom-input[b-95nlcen7uc]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.bx-qb-pill-custom-input:focus[b-95nlcen7uc] { outline: 0; color: var(--mud-palette-primary); }

.bx-qb-pill-custom span[b-95nlcen7uc] {
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

/* per-unit drivers */

.bx-qb-units[b-95nlcen7uc] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-3);
}

.bx-qb-unit[b-95nlcen7uc] {
    padding: var(--bx-space-3) var(--bx-space-4);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-base);
    border: 1px solid var(--bx-border-subtle);
}

.bx-qb-unit-label[b-95nlcen7uc] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    margin-bottom: 6px;
}

.bx-qb-unit-row[b-95nlcen7uc] {
    display: flex;
    align-items: baseline;
    gap: var(--bx-space-3);
    flex-wrap: wrap;
}

.bx-qb-unit-input[b-95nlcen7uc] {
    width: 5ch;
    font-family: var(--bx-font-mono);
    font-feature-settings: "tnum";
    font-size: 1.5rem;
    font-weight: 600;
    text-align: right;
    border: 0;
    border-bottom: 2px solid var(--mud-palette-primary);
    background: transparent;
    color: var(--mud-palette-text-primary);
    padding: 2px 4px;
}

.bx-qb-unit-input:focus[b-95nlcen7uc] { outline: 0; border-bottom-color: var(--mud-palette-primary); }

.bx-qb-unit-x[b-95nlcen7uc], .bx-qb-unit-eq[b-95nlcen7uc] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent);
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
}

.bx-qb-unit-price[b-95nlcen7uc] {
    font-family: var(--bx-font-display);
    font-feature-settings: "tnum";
    font-size: 1.125rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 75%, transparent);
}

.bx-qb-unit-price small[b-95nlcen7uc] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-left: 4px;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

.bx-qb-unit-total[b-95nlcen7uc] {
    margin-left: auto;
    font-family: var(--bx-font-display);
    font-feature-settings: "tnum";
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--mud-palette-primary);
}

/* toggles */

.bx-qb-toggles[b-95nlcen7uc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--bx-space-2);
}

.bx-qb-toggle[b-95nlcen7uc] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-3) var(--bx-space-4);
    border-radius: var(--bx-radius-md);
    background: var(--bx-surface-base);
    border: 1px solid var(--bx-border-subtle);
    cursor: pointer;
    transition: all 120ms ease;
}

.bx-qb-toggle input[b-95nlcen7uc] {
    accent-color: var(--mud-palette-primary);
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.bx-qb-toggle--on[b-95nlcen7uc] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 40%, transparent);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

.bx-qb-toggle:hover[b-95nlcen7uc] { border-color: color-mix(in srgb, var(--mud-palette-primary) 30%, transparent); }

.bx-qb-toggle-name[b-95nlcen7uc] {
    font-size: 0.9375rem;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-qb-toggle-price[b-95nlcen7uc] {
    font-family: var(--bx-font-display);
    font-feature-settings: "tnum";
    font-size: 0.9375rem;
    color: var(--mud-palette-text-primary);
    text-align: right;
}

.bx-qb-toggle-price small[b-95nlcen7uc] {
    display: block;
    font-family: var(--bx-font-mono);
    font-size: 0.5625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

/* advanced disclosure */

.bx-qb-advanced[b-95nlcen7uc] {
    margin-top: var(--bx-space-2);
}

.bx-qb-advanced summary[b-95nlcen7uc] {
    cursor: pointer;
    list-style: none;
    padding: 8px 14px;
    background: transparent;
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-pill);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    width: fit-content;
    transition: all 120ms ease;
}

.bx-qb-advanced summary[b-95nlcen7uc]::-webkit-details-marker { display: none; }
.bx-qb-advanced summary[b-95nlcen7uc]::before { content: "▸ "; color: var(--mud-palette-primary); }
.bx-qb-advanced[open] summary[b-95nlcen7uc]::before { content: "▾ "; }
.bx-qb-advanced summary:hover[b-95nlcen7uc] { color: var(--mud-palette-primary); border-color: color-mix(in srgb, var(--mud-palette-primary) 30%, transparent); }

.bx-qb-advanced[open][b-95nlcen7uc] {
    margin-top: var(--bx-space-3);
    padding: 0;
}

.bx-qb-advanced[open] summary[b-95nlcen7uc] { margin-bottom: var(--bx-space-3); }

/* ---------- Deal link in the header ---------- */

.bx-quote-link-row[b-95nlcen7uc] {
    margin-top: var(--bx-space-3);
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
}

.bx-quote-link-chip[b-95nlcen7uc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px 6px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-text-primary);
    font-size: 0.8125rem;
}

.bx-quote-link-chip span:first-of-type[b-95nlcen7uc] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-quote-link-name[b-95nlcen7uc] {
    color: var(--mud-palette-primary);
    font-weight: 500;
    text-decoration: none;
}

.bx-quote-link-name:hover[b-95nlcen7uc] {
    text-decoration: underline;
}

.bx-quote-link-clear[b-95nlcen7uc] {
    background: transparent;
    border: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    cursor: pointer;
    padding: 2px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    transition: all 120ms ease;
}

.bx-quote-link-clear:hover[b-95nlcen7uc] {
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
}

.bx-quote-link-pick[b-95nlcen7uc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 320px;
    max-width: 100%;
}

.bx-quote-link-icon[b-95nlcen7uc] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
}

.bx-quote-link-input[b-95nlcen7uc] {
    flex: 1 1 auto;
}

/* ---------- Status chip in the QuoteBuilder header ---------- */

.bx-builder-status-row[b-95nlcen7uc] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
    margin-bottom: var(--bx-space-2);
}

.bx-builder-status[b-95nlcen7uc] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
}

.bx-builder-status--draft[b-95nlcen7uc] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
}

.bx-builder-status--finalized[b-95nlcen7uc] {
    background: color-mix(in srgb, var(--mud-palette-secondary) 14%, transparent);
    color: var(--mud-palette-secondary);
}

.bx-builder-status--approved[b-95nlcen7uc] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.bx-builder-status--accepted[b-95nlcen7uc] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.bx-builder-status--rejected[b-95nlcen7uc] {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    color: var(--mud-palette-error);
}

.bx-builder-status--sent[b-95nlcen7uc] {
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}

.bx-builder-status--expired[b-95nlcen7uc] {
    background: color-mix(in srgb, var(--mud-palette-warning) 14%, transparent);
    color: var(--mud-palette-warning);
}

.bx-quote-send-hint[b-95nlcen7uc] {
    display: inline-block;
    margin-left: 12px;
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-style: italic;
}

.bx-builder-status-reason[b-95nlcen7uc] {
    font-size: 0.8125rem;
    font-style: italic;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/AMS/Quote/Quotes.razor.rz.scp.css */
.bx-eyebrow[b-kocu7h44fr] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-quotes-header[b-kocu7h44fr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bx-space-3);
    margin-bottom: var(--bx-space-6);
}

.bx-quotes-title[b-kocu7h44fr] {
    font-family: var(--bx-font-display);
    font-size: 2.25rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-2);
    line-height: 1.05;
}

.bx-quotes-subtitle[b-kocu7h44fr] {
    margin: 0;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    max-width: 60ch;
    line-height: 1.5;
}

.bx-quotes-card[b-kocu7h44fr] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    padding: var(--bx-space-5);
    box-shadow: var(--bx-shadow-sm);
}

.bx-quotes-search[b-kocu7h44fr] {
    margin-bottom: var(--bx-space-3);
}

.bx-quotes-empty[b-kocu7h44fr] {
    text-align: center;
    padding: var(--bx-space-12) var(--bx-space-6);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-quotes-empty-title[b-kocu7h44fr] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    margin: var(--bx-space-3) 0 var(--bx-space-1);
    color: var(--mud-palette-text-primary);
}

.bx-quotes-empty-body[b-kocu7h44fr] {
    font-size: 0.9375rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-quotes-row[b-kocu7h44fr] { cursor: pointer; }

.bx-quotes-num[b-kocu7h44fr] {
    font-family: var(--bx-font-mono);
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
}

.bx-quotes-version[b-kocu7h44fr] {
    font-size: 0.625rem;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    padding: 1px 5px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
    border-radius: 3px;
}

.bx-quotes-desc[b-kocu7h44fr] {
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 320px;
}

.bx-quotes-deal[b-kocu7h44fr] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
}

.bx-quotes-company[b-kocu7h44fr] {
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    margin-top: 2px;
}

.bx-quotes-status[b-kocu7h44fr] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 2px 8px;
    border-radius: var(--bx-radius-pill);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 75%, transparent);
}

.bx-quotes-flag[b-kocu7h44fr] {
    margin-left: 6px;
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 2px 6px;
    border-radius: var(--bx-radius-pill);
}

.bx-quotes-status.bx-status--draft[b-kocu7h44fr] { background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent); color: color-mix(in srgb, var(--mud-palette-text-primary) 75%, transparent); }
.bx-quotes-status.bx-status--sent[b-kocu7h44fr] { background: color-mix(in srgb, var(--mud-palette-info) 18%, transparent); color: var(--mud-palette-info); }
.bx-quotes-status.bx-status--accepted[b-kocu7h44fr] { background: color-mix(in srgb, var(--mud-palette-success) 18%, transparent); color: var(--mud-palette-success); }
.bx-quotes-status.bx-status--rejected[b-kocu7h44fr] { background: color-mix(in srgb, var(--mud-palette-error) 18%, transparent); color: var(--mud-palette-error); }
.bx-quotes-status.bx-status--expired[b-kocu7h44fr] { background: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent); color: var(--mud-palette-warning); }
/* /Pages/AMS/Quote/ViewQuote.razor.rz.scp.css */
/* ───────── crumbs ───────── */

.bx-vq-crumbs[b-kvx40ejmcs] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    margin-bottom: var(--bx-space-3);
}

.bx-vq-crumb-link[b-kvx40ejmcs] {
    color: inherit;
    text-decoration: none;
}

.bx-vq-crumb-link:hover[b-kvx40ejmcs] {
    color: var(--mud-palette-primary);
}

.bx-vq-crumb-current[b-kvx40ejmcs] {
    color: var(--mud-palette-text-primary);
    font-weight: 500;
}

/* ───────── hero ───────── */

.bx-vq-hero[b-kvx40ejmcs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bx-space-4);
    flex-wrap: wrap;
    margin-bottom: var(--bx-space-5);
    padding: clamp(var(--bx-space-3), 3vw, var(--bx-space-5)) clamp(var(--bx-space-3), 4vw, var(--bx-space-6));
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-sm);
}

.bx-vq-hero-main[b-kvx40ejmcs] {
    flex: 1 1 auto;
    min-width: 0;
}

.bx-vq-hero-eyebrow[b-kvx40ejmcs] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
    margin-bottom: var(--bx-space-2);
}

.bx-vq-eyebrow[b-kvx40ejmcs] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-vq-status[b-kvx40ejmcs] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
}

.bx-vq-status--draft[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
}

.bx-vq-status--finalized[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-secondary) 14%, transparent);
    color: var(--mud-palette-secondary);
}

.bx-vq-status--approved[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.bx-vq-status--accepted[b-kvx40ejmcs] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.bx-vq-status--rejected[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    color: var(--mud-palette-error);
}

.bx-vq-status--sent[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}

.bx-vq-status--expired[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-warning) 14%, transparent);
    color: var(--mud-palette-warning);
}

.bx-vq-title[b-kvx40ejmcs] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 500;
    margin: 0 0 var(--bx-space-2);
    line-height: 1.05;
}

.bx-vq-subtitle[b-kvx40ejmcs] {
    margin: 0 0 var(--bx-space-3);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    line-height: 1.5;
    max-width: 70ch;
}

.bx-vq-deal-chip[b-kvx40ejmcs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    font-size: 0.8125rem;
    transition: background 120ms ease;
}

.bx-vq-deal-chip:hover[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, transparent);
}

.bx-vq-deal-key[b-kvx40ejmcs] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-vq-deal-name[b-kvx40ejmcs] {
    color: var(--mud-palette-primary);
    font-weight: 500;
}

.bx-vq-hero-actions[b-kvx40ejmcs] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
    flex-shrink: 0;
}

/* ───────── facts strip ───────── */

.bx-vq-facts[b-kvx40ejmcs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--bx-space-3);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    padding: var(--bx-space-4);
    margin-bottom: var(--bx-space-5);
}

.bx-vq-fact[b-kvx40ejmcs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: var(--bx-space-3);
    border-right: 1px solid var(--bx-border-subtle);
}

.bx-vq-fact:last-of-type[b-kvx40ejmcs] {
    border-right: 0;
}

.bx-vq-fact-key[b-kvx40ejmcs] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-vq-fact-val[b-kvx40ejmcs] {
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    line-height: 1.2;
}

.bx-vq-fact-meta[b-kvx40ejmcs] {
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-vq-muted[b-kvx40ejmcs] { color: color-mix(in srgb, var(--mud-palette-text-primary) 35%, transparent); }

.bx-vq-validity--soon[b-kvx40ejmcs] { color: var(--mud-palette-warning); }
.bx-vq-validity--expired[b-kvx40ejmcs] { color: var(--mud-palette-error); }

/* ───────── sections + lines ───────── */

.bx-vq-section[b-kvx40ejmcs] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    margin-bottom: var(--bx-space-4);
    overflow: hidden;
}

.bx-vq-section-head[b-kvx40ejmcs] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-3);
    padding: var(--bx-space-3) var(--bx-space-4);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-vq-section-num[b-kvx40ejmcs] {
    flex: 0 0 auto;
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--mud-palette-primary) 80%, transparent);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    padding: 4px 8px;
    border-radius: var(--bx-radius-sm);
}

.bx-vq-section-name[b-kvx40ejmcs] {
    margin: 0;
    font-family: var(--bx-font-display);
    font-size: 1.125rem;
    font-weight: 500;
}

.bx-vq-lines[b-kvx40ejmcs] {
    padding: 0;
}

.bx-vq-lines-head[b-kvx40ejmcs], .bx-vq-line[b-kvx40ejmcs] {
    display: grid;
    grid-template-columns: minmax(0, 2.6fr) 0.6fr 0.9fr 0.9fr 0.6fr 0.4fr 1fr;
    align-items: center;
    gap: var(--bx-space-2);
    padding: 8px var(--bx-space-4);
}

.bx-vq-lines-head[b-kvx40ejmcs] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 2%, transparent);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-vq-line[b-kvx40ejmcs] {
    border-bottom: 1px dashed color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
}

.bx-vq-line:last-of-type[b-kvx40ejmcs] {
    border-bottom: 0;
}

.bx-vq-cell-desc[b-kvx40ejmcs] {
    color: var(--mud-palette-text-primary);
}

.bx-vq-num[b-kvx40ejmcs] {
    font-family: var(--bx-font-mono);
    font-feature-settings: "tnum";
    text-align: right;
}

.bx-vq-tax[b-kvx40ejmcs] {
    text-align: center;
    color: var(--mud-palette-primary);
}

.bx-vq-line-total small[b-kvx40ejmcs] {
    margin-left: 4px;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 50%, transparent);
    font-weight: 400;
    font-size: 0.75rem;
}

.bx-vq-cad[b-kvx40ejmcs] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--bx-radius-sm);
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bx-vq-cad-monthly[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-secondary) 14%, transparent);
    color: var(--mud-palette-secondary);
}

.bx-vq-cad-annual[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.bx-vq-cad-oneoff[b-kvx40ejmcs] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
}

.bx-vq-section-foot[b-kvx40ejmcs] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bx-space-3);
    padding: var(--bx-space-3) var(--bx-space-4);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 2%, transparent);
    border-top: 1px solid var(--bx-border-subtle);
}

.bx-vq-section-foot-meta[b-kvx40ejmcs] {
    flex: 1 1 auto;
    text-align: left;
    font-size: 0.75rem;
    color: var(--mud-palette-success);
    font-style: italic;
}

.bx-vq-section-foot-key[b-kvx40ejmcs] {
    font-family: var(--bx-font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-vq-section-foot-val[b-kvx40ejmcs] {
    font-family: var(--bx-font-display);
    font-feature-settings: "tnum";
    font-size: 1.0625rem;
    font-weight: 500;
}

/* ───────── totals strip ───────── */

.bx-vq-totals[b-kvx40ejmcs] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    padding: var(--bx-space-4) var(--bx-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
    align-items: flex-end;
    margin-top: var(--bx-space-3);
}

.bx-vq-total-row[b-kvx40ejmcs] {
    display: flex;
    align-items: baseline;
    gap: var(--bx-space-4);
    font-family: var(--bx-font-mono);
    font-feature-settings: "tnum";
    font-size: 0.9375rem;
}

.bx-vq-total-key[b-kvx40ejmcs] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-vq-total-val[b-kvx40ejmcs] {
    min-width: 140px;
    text-align: right;
    color: var(--mud-palette-text-primary);
}

.bx-vq-total-row--note[b-kvx40ejmcs] {
    margin-top: -4px;
    font-size: 0.75rem;
    font-style: italic;
}

.bx-vq-total-row--grand[b-kvx40ejmcs] {
    margin-top: var(--bx-space-2);
    padding-top: var(--bx-space-2);
    border-top: 2px solid var(--bx-border-subtle);
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    font-weight: 500;
}

.bx-vq-total-row--grand .bx-vq-total-val[b-kvx40ejmcs] {
    color: var(--mud-palette-primary);
}

/* ───────── related grid (activity/notes + linked/files) ───────── */

.bx-vq-grid[b-kvx40ejmcs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: var(--bx-space-4);
    margin-top: var(--bx-space-5);
}

@media (max-width: 1100px) {
    .bx-vq-grid[b-kvx40ejmcs] {
        grid-template-columns: 1fr;
    }
}

.bx-vq-main[b-kvx40ejmcs] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
    min-width: 0;
}

.bx-vq-side[b-kvx40ejmcs] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
}

.bx-vq-card[b-kvx40ejmcs] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    padding: var(--bx-space-4);
}

.bx-vq-card-title[b-kvx40ejmcs] {
    font-family: var(--bx-font-display);
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 var(--bx-space-3);
}

.bx-vq-card-body[b-kvx40ejmcs] {
    margin: 0;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
}

.bx-vq-card-body--muted[b-kvx40ejmcs] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-vq-link-list[b-kvx40ejmcs] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

.bx-vq-link-list li[b-kvx40ejmcs] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bx-vq-link-key[b-kvx40ejmcs] {
    font-family: var(--bx-font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-vq-link-val[b-kvx40ejmcs] {
    font-weight: 500;
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.bx-vq-link-val:hover[b-kvx40ejmcs] {
    text-decoration: underline;
}
/* /Pages/Personal/Dashboard.razor.rz.scp.css */
/* Dashboard engine — Blazor scoped CSS for /dashboard. */

/* Lift gridstack resize handles above the MudPaper widget so they're clickable. */
[b-uejdqc8th8] .grid-stack-item > .ui-resizable-handle {
    z-index: 5;
}

/* In read-only mode (no edit), suppress the resize handles entirely so cards look clean. */
[b-uejdqc8th8] .grid-stack.dashboard-grid-readonly > .grid-stack-item > .ui-resizable-handle {
    display: none !important;
}

/* Slight visual hint that the SE corner is the resize grabber (only in edit mode). */
[b-uejdqc8th8] .grid-stack:not(.dashboard-grid-readonly) > .grid-stack-item > .ui-resizable-se {
    opacity: 0.6;
    transition: opacity 120ms ease;
}
[b-uejdqc8th8] .grid-stack:not(.dashboard-grid-readonly) > .grid-stack-item:hover > .ui-resizable-se {
    opacity: 1;
}

/* Tighter inner padding on the widget host so the resize SE handle has room to sit
   in the corner without overlapping the chart area. */
[b-uejdqc8th8] .widget-host {
    padding-bottom: 1.25rem;
}
/* /Pages/Public/AcceptQuote.razor.rz.scp.css */
.bx-accept-page[b-wuaqwht4j7] {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: var(--bx-space-6);
    background:
        radial-gradient(at 20% -10%, color-mix(in srgb, var(--bx-accent) 14%, transparent) 0%, transparent 50%),
        radial-gradient(at 90% 110%, color-mix(in srgb, var(--bx-info) 12%, transparent) 0%, transparent 60%),
        var(--bx-surface-base);
}

.bx-accept-card[b-wuaqwht4j7] {
    width: 100%;
    max-width: 520px;
    padding: var(--bx-space-8);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-lg);
}

.bx-accept-card--center[b-wuaqwht4j7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.bx-accept-card--inline[b-wuaqwht4j7] {
    margin-top: var(--bx-space-6);
    box-shadow: none;
}

.bx-accept-cover[b-wuaqwht4j7] {
    margin: var(--bx-space-6) 0 0;
}
.bx-accept-cover img[b-wuaqwht4j7] {
    width: 100%;
    border-radius: var(--bx-radius-lg);
    display: block;
}
.bx-accept-intro[b-wuaqwht4j7] {
    margin: var(--bx-space-5) 0 0;
    font-size: 1.0625rem;
    line-height: 1.65;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 80%, transparent);
}
.bx-accept-intro p[b-wuaqwht4j7] { margin: 0 0 var(--bx-space-3); }

.bx-accept-blocks[b-wuaqwht4j7] {
    margin: var(--bx-space-6) 0 0;
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
}
.bx-accept-block-heading[b-wuaqwht4j7] {
    font-family: var(--bx-font-display);
    font-size: 1.625rem;
    font-weight: 500;
    margin: var(--bx-space-3) 0 0;
}
.bx-accept-block-text[b-wuaqwht4j7] { line-height: 1.65; font-size: 1rem; }
.bx-accept-block-text p[b-wuaqwht4j7] { margin: 0 0 var(--bx-space-3); }
.bx-accept-block-image[b-wuaqwht4j7] { margin: 0; }
.bx-accept-block-image img[b-wuaqwht4j7] {
    width: 100%;
    border-radius: var(--bx-radius-md);
    display: block;
}
.bx-accept-block-image figcaption[b-wuaqwht4j7] {
    text-align: center;
    margin-top: var(--bx-space-2);
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 0.875rem;
}

.bx-eyebrow[b-wuaqwht4j7] {
    font-family: var(--bx-font-mono);
    font-size: 0.875rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-accept-title[b-wuaqwht4j7] {
    font-family: var(--bx-font-display);
    font-size: 2.25rem;
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-3);
    line-height: 1.1;
}

.bx-accept-body[b-wuaqwht4j7] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    margin: 0 0 var(--bx-space-5);
    line-height: 1.6;
    font-size: 1.0625rem;
}

.bx-accept-success[b-wuaqwht4j7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.bx-accept-success-icon[b-wuaqwht4j7] {
    color: var(--bx-positive);
    margin-bottom: var(--bx-space-3);
}

.bx-accept-error-icon[b-wuaqwht4j7] {
    color: var(--bx-warning, var(--mud-palette-warning));
    margin-bottom: var(--bx-space-3);
}

.bx-accept-quote[b-wuaqwht4j7] {
    width: 100%;
    max-width: 860px;
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-lg);
    padding: var(--bx-space-8);
}

.bx-accept-quote-header[b-wuaqwht4j7] {
    border-bottom: 1px solid var(--bx-border-subtle);
    padding-bottom: var(--bx-space-5);
    margin-bottom: var(--bx-space-5);
}

.bx-accept-sender[b-wuaqwht4j7] {
    margin-bottom: var(--bx-space-4);
}

.bx-accept-sender-line[b-wuaqwht4j7] {
    font-size: 1.375rem;
    margin-top: 6px;
    line-height: 1.4;
}

.bx-accept-sender-person[b-wuaqwht4j7] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
}

.bx-accept-sender-email[b-wuaqwht4j7] {
    font-family: var(--bx-font-mono);
    font-size: 1.0625rem;
    color: var(--mud-palette-primary);
    text-decoration: none;
    display: inline-block;
    margin-top: 4px;
}

.bx-accept-quote-number[b-wuaqwht4j7] {
    font-family: var(--bx-font-display);
    font-size: 2.5rem;
    font-weight: 500;
    margin: var(--bx-space-3) 0 var(--bx-space-2);
    line-height: 1.1;
}

.bx-accept-expiry[b-wuaqwht4j7] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
    font-size: 1rem;
    margin: 0 0 var(--bx-space-3);
}

.bx-accept-message[b-wuaqwht4j7] {
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
    border-left: 4px solid var(--mud-palette-primary);
    padding: var(--bx-space-4);
    margin-top: var(--bx-space-3);
    border-radius: 0 var(--bx-radius-md) var(--bx-radius-md) 0;
    line-height: 1.6;
    font-size: 1.0625rem;
}

.bx-accept-message p[b-wuaqwht4j7] {
    margin: 0 0 var(--bx-space-2);
}

.bx-accept-message p:last-child[b-wuaqwht4j7] {
    margin-bottom: 0;
}

.bx-accept-section[b-wuaqwht4j7] {
    margin-bottom: var(--bx-space-5);
}

.bx-accept-section-name[b-wuaqwht4j7] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    color: var(--mud-palette-primary);
    margin: 0 0 6px;
}

.bx-accept-section-desc[b-wuaqwht4j7] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 65%, transparent);
    font-size: 1rem;
    font-style: italic;
    margin: 0 0 var(--bx-space-3);
}

.bx-accept-table[b-wuaqwht4j7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.0625rem;
    line-height: 1.5;
}

.bx-accept-table thead th[b-wuaqwht4j7] {
    text-align: left;
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    color: var(--mud-palette-primary);
    padding: var(--bx-space-3);
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.bx-accept-table tbody td[b-wuaqwht4j7] {
    padding: var(--bx-space-3);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-accept-num[b-wuaqwht4j7] {
    text-align: right;
    font-family: var(--bx-font-mono);
}

.bx-accept-cadence[b-wuaqwht4j7] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    font-size: 0.9375rem;
}

.bx-accept-totals[b-wuaqwht4j7] {
    margin-top: var(--bx-space-6);
    padding-top: var(--bx-space-4);
    border-top: 1px solid var(--bx-border-subtle);
    margin-left: auto;
    max-width: 420px;
}

.bx-accept-totals-row[b-wuaqwht4j7] {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-family: var(--bx-font-mono);
    font-size: 1.125rem;
}

.bx-accept-totals-grand[b-wuaqwht4j7] {
    font-size: 1.5rem;
    font-weight: 600;
    border-top: 1px solid var(--bx-border-subtle);
    margin-top: var(--bx-space-2);
    padding-top: var(--bx-space-3);
}

.bx-accept-pdf[b-wuaqwht4j7] {
    margin-top: var(--bx-space-6);
    margin-bottom: var(--bx-space-2);
    text-align: center;
}

.bx-accept-pdf-btn[b-wuaqwht4j7] {
    padding: 14px 32px !important;
    font-size: 1.0625rem !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    box-shadow: var(--bx-shadow-md, 0 4px 12px rgba(0,0,0,0.08)) !important;
}

.bx-accept-decline-title[b-wuaqwht4j7],
.bx-accept-respond-title[b-wuaqwht4j7] {
    font-family: var(--bx-font-display);
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0 0 var(--bx-space-3);
}

.bx-accept-actions[b-wuaqwht4j7] {
    display: flex;
    gap: var(--bx-space-3);
    justify-content: flex-end;
}
/* /Pages/Public/CustomerSupportPortal.razor.rz.scp.css */
.bx-portal-page[b-pkyppc9mjl] {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(var(--bx-space-3), 4vw, var(--bx-space-6));
    background:
        radial-gradient(at 12% -8%, color-mix(in srgb, var(--bx-accent) 14%, transparent) 0%, transparent 55%),
        radial-gradient(at 92% 110%, color-mix(in srgb, var(--bx-info) 12%, transparent) 0%, transparent 60%),
        var(--bx-surface-base);
}

.bx-portal-shell[b-pkyppc9mjl] {
    display: grid;
    width: 100%;
    max-width: 1080px;
    grid-template-columns: minmax(280px, 360px) 1fr;
    gap: var(--bx-space-6);
}

@media (max-width: 880px) {
    .bx-portal-shell[b-pkyppc9mjl] {
        grid-template-columns: 1fr;
    }
}

.bx-portal-card[b-pkyppc9mjl] {
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-lg);
    padding: clamp(var(--bx-space-4), 5vw, var(--bx-space-7));
}

.bx-portal-card--narrow[b-pkyppc9mjl] {
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
}

.bx-portal-card--center[b-pkyppc9mjl] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
}

.bx-portal-brand[b-pkyppc9mjl] {
    background: linear-gradient(160deg,
        color-mix(in srgb, var(--mud-palette-primary) 12%, var(--bx-surface-elevated)) 0%,
        var(--bx-surface-elevated) 65%);
    border: 1px solid var(--bx-border-subtle);
    border-radius: var(--bx-radius-lg);
    box-shadow: var(--bx-shadow-md, 0 6px 18px rgba(0,0,0,0.06));
    padding: var(--bx-space-7);
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-3);
}

.bx-portal-logo[b-pkyppc9mjl] {
    width: 96px;
    height: 96px;
    border-radius: 18px;
    background: var(--bx-surface-base);
    border: 1px solid var(--bx-border-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: var(--bx-space-3);
}

.bx-portal-logo-img[b-pkyppc9mjl] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.bx-portal-logo-fallback[b-pkyppc9mjl] {
    font-family: var(--bx-font-display);
    font-size: 2.25rem;
    font-weight: 600;
    color: var(--mud-palette-primary);
    letter-spacing: -0.02em;
}

.bx-portal-eyebrow[b-pkyppc9mjl] {
    font-family: var(--bx-font-mono);
    font-size: 0.8125rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
}

.bx-portal-brand-name[b-pkyppc9mjl] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.5rem, 4vw, 1.875rem);
    font-weight: 500;
    margin: 0 0 var(--bx-space-2);
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.bx-portal-title[b-pkyppc9mjl] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.625rem, 5vw, 2.25rem);
    font-weight: 500;
    margin: var(--bx-space-2) 0 var(--bx-space-3);
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.bx-portal-form-title[b-pkyppc9mjl] {
    font-family: var(--bx-font-display);
    font-size: clamp(1.25rem, 3.5vw, 1.625rem);
    font-weight: 500;
    margin: 0 0 var(--bx-space-1);
    line-height: 1.2;
}

.bx-portal-body[b-pkyppc9mjl] {
    color: color-mix(in srgb, var(--mud-palette-text-primary) 70%, transparent);
    margin: 0 0 var(--bx-space-4);
    line-height: 1.6;
    font-size: 1.0625rem;
}

.bx-portal-body--tight[b-pkyppc9mjl] {
    margin-bottom: var(--bx-space-5);
    font-size: 0.9375rem;
}

.bx-portal-checks[b-pkyppc9mjl] {
    list-style: none;
    padding: 0;
    margin: var(--bx-space-3) 0 0;
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

.bx-portal-checks li[b-pkyppc9mjl] {
    display: flex;
    align-items: flex-start;
    gap: var(--bx-space-2);
    font-size: 0.9375rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 75%, transparent);
    line-height: 1.5;
}

.bx-portal-checks li .mud-icon-root[b-pkyppc9mjl] {
    color: var(--mud-palette-primary);
    margin-top: 2px;
    flex-shrink: 0;
}

.bx-portal-form[b-pkyppc9mjl] {
    padding: clamp(var(--bx-space-4), 5vw, var(--bx-space-7));
}

.bx-portal-form-actions[b-pkyppc9mjl] {
    margin-top: var(--bx-space-6);
    display: flex;
    justify-content: flex-end;
}

.bx-portal-submit[b-pkyppc9mjl] {
    padding: 12px 36px !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    border-radius: var(--bx-radius-md) !important;
    box-shadow: var(--bx-shadow-md, 0 6px 18px rgba(0,0,0,0.08)) !important;
}

.bx-portal-files[b-pkyppc9mjl] {
    border: 1px dashed var(--bx-border-subtle);
    border-radius: var(--bx-radius-md);
    padding: var(--bx-space-4);
    background: color-mix(in srgb, var(--mud-palette-primary) 3%, transparent);
}

.bx-portal-files-head[b-pkyppc9mjl] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-3);
    flex-wrap: wrap;
}

.bx-portal-files-hint[b-pkyppc9mjl] {
    font-size: 0.8125rem;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 60%, transparent);
}

.bx-portal-files-list[b-pkyppc9mjl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bx-space-2);
    margin-top: var(--bx-space-3);
}

.bx-portal-file-chip[b-pkyppc9mjl] {
    max-width: 100%;
}

.bx-portal-file-size[b-pkyppc9mjl] {
    margin-left: 6px;
    color: color-mix(in srgb, var(--mud-palette-text-primary) 55%, transparent);
    font-family: var(--bx-font-mono);
    font-size: 0.75rem;
}

.bx-portal-success[b-pkyppc9mjl] {
    text-align: center;
    align-items: center;
}

.bx-portal-success .bx-portal-success-icon[b-pkyppc9mjl] {
    color: var(--bx-positive);
    margin-bottom: var(--bx-space-2);
    display: flex;
    justify-content: center;
}

.bx-portal-icon-warning[b-pkyppc9mjl] {
    color: var(--bx-warning, var(--mud-palette-warning));
    margin-bottom: var(--bx-space-3);
}
/* /Pages/Workflows/WorkflowEditor.razor.rz.scp.css */
.bx-wfeditor-header[b-ufj86nwjyq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bx-space-4);
    margin-bottom: var(--bx-space-5);
    padding-bottom: var(--bx-space-4);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-wfeditor-title[b-ufj86nwjyq] {
    margin: 4px 0 0 0;
    font-family: var(--bx-font-display);
    font-size: clamp(22px, 2.5vw, 32px);
    font-weight: 500;
    color: var(--mud-palette-primary);
    letter-spacing: -0.01em;
    line-height: 1.1;
}

.bx-wfeditor-headactions[b-ufj86nwjyq] {
    display: flex;
    gap: var(--bx-space-2);
}

.bx-wfeditor-stepper[b-ufj86nwjyq] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-4);
}

.bx-wfeditor-guide[b-ufj86nwjyq] {
    margin-bottom: var(--bx-space-4);
    padding: var(--bx-space-3) var(--bx-space-4);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--bx-surface-elevated));
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 25%, var(--bx-border-subtle));
    border-radius: 14px;
}

.bx-wfeditor-guide-head[b-ufj86nwjyq] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
}

.bx-wfeditor-guide-title[b-ufj86nwjyq] {
    margin: 0;
    flex: 1;
    font-family: var(--bx-font-display);
    font-size: 14px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bx-wfeditor-guide-body[b-ufj86nwjyq] {
    padding-top: var(--bx-space-2);
    color: var(--mud-palette-text-primary);
    font-size: 13px;
    line-height: 1.6;
}

.bx-wfeditor-guide-body p[b-ufj86nwjyq] {
    margin: 0 0 var(--bx-space-2) 0;
}

.bx-wfeditor-guide-list[b-ufj86nwjyq] {
    margin: 0 0 var(--bx-space-2) 0;
    padding-left: 18px;
}

.bx-wfeditor-guide-list li[b-ufj86nwjyq] {
    margin-bottom: var(--bx-space-2);
}

.bx-wfeditor-guide-eg[b-ufj86nwjyq] {
    display: block;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    margin-top: 2px;
}

.bx-wfeditor-guide-tip[b-ufj86nwjyq] {
    display: flex;
    align-items: center;
    gap: var(--bx-space-2);
    padding: var(--bx-space-2);
    background: var(--bx-surface-muted);
    border-radius: 8px;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
}

.bx-wfeditor-optional[b-ufj86nwjyq] {
    font-size: 13px;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
}

.bx-wfeditor-step-hint code[b-ufj86nwjyq] {
    padding: 1px 6px;
    background: var(--bx-surface-muted);
    border: 1px solid var(--bx-border-subtle);
    border-radius: 4px;
    font-family: var(--bx-font-mono, monospace);
    font-size: 12px;
}

.bx-wfeditor-step[b-ufj86nwjyq] {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: var(--bx-space-3);
    padding: var(--bx-space-4);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: 14px;
}

.bx-wfeditor-step-num[b-ufj86nwjyq] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
    font-weight: 600;
    font-family: var(--bx-font-display);
}

.bx-wfeditor-step-title[b-ufj86nwjyq] {
    margin: 0 0 4px 0;
    font-family: var(--bx-font-display);
    font-size: 18px;
    font-weight: 500;
}

.bx-wfeditor-step-hint[b-ufj86nwjyq] {
    margin: 0 0 var(--bx-space-3) 0;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
}

[b-ufj86nwjyq] .bx-wf-panel {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

[b-ufj86nwjyq] .bx-wf-panel-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bx-space-2);
}

[b-ufj86nwjyq] .bx-wf-panel-hint {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
}

[b-ufj86nwjyq] .bx-wf-condition {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1.4fr 32px;
    gap: var(--bx-space-2);
    align-items: center;
    margin-bottom: var(--bx-space-2);
}

[b-ufj86nwjyq] .bx-wf-recipient {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

[b-ufj86nwjyq] .bx-wf-delay {
    display: flex;
    gap: var(--bx-space-2);
    align-items: center;
}

[b-ufj86nwjyq] .bx-wf-action {
    background: var(--bx-surface-muted);
    border: 1px solid var(--bx-border-subtle);
    border-radius: 12px;
    padding: var(--bx-space-3);
    margin-bottom: var(--bx-space-3);
}

[b-ufj86nwjyq] .bx-wf-action-head {
    display: grid;
    grid-template-columns: 32px 1fr auto auto;
    gap: var(--bx-space-2);
    align-items: center;
    margin-bottom: var(--bx-space-3);
}

[b-ufj86nwjyq] .bx-wf-action-step {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: 13px;
    font-weight: 600;
}

[b-ufj86nwjyq] .bx-wf-action-controls {
    display: flex;
    gap: 2px;
}

[b-ufj86nwjyq] .bx-wf-action-body {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

[b-ufj86nwjyq] .bx-wf-action-foot {
    margin-top: var(--bx-space-3);
    padding-top: var(--bx-space-2);
    border-top: 1px dashed var(--bx-border-subtle);
}

[b-ufj86nwjyq] .bx-wf-action-hint {
    margin: var(--bx-space-2) 0;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    font-style: italic;
}

/* ── Phone — stack the dense grids that don't fit below ~600px ── */
@media (max-width: 599.98px) {
    [b-ufj86nwjyq] .bx-wf-panel-row {
        grid-template-columns: 1fr;
    }

    [b-ufj86nwjyq] .bx-wf-condition {
        grid-template-columns: 1fr 1fr;
    }

    [b-ufj86nwjyq] .bx-wf-condition > :last-child {
        grid-column: 1 / -1;
        justify-self: end;
    }

    [b-ufj86nwjyq] .bx-wf-action-head {
        grid-template-columns: 32px 1fr;
        row-gap: var(--bx-space-2);
    }

    [b-ufj86nwjyq] .bx-wf-action-head > :nth-child(3),
    [b-ufj86nwjyq] .bx-wf-action-head > :nth-child(4) {
        grid-column: span 2;
    }

    .bx-wfeditor-step[b-ufj86nwjyq] {
        padding: var(--bx-space-3);
    }
}
/* /Pages/Workflows/Workflows.razor.rz.scp.css */
.bx-workflows-header[b-z88wyqdfoi] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--bx-space-4);
    margin-bottom: var(--bx-space-5);
    padding-bottom: var(--bx-space-4);
    border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-workflows-title[b-z88wyqdfoi] {
    margin: 4px 0 6px 0;
    font-family: var(--bx-font-display);
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 500;
    color: var(--mud-palette-primary);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.bx-workflows-subtitle[b-z88wyqdfoi] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
    max-width: 64ch;
}

.bx-workflows-section[b-z88wyqdfoi] {
    margin-bottom: var(--bx-space-6);
}

.bx-workflows-section-head[b-z88wyqdfoi] {
    margin-bottom: var(--bx-space-3);
}

.bx-workflows-section-hint[b-z88wyqdfoi] {
    margin: 4px 0 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
}

.bx-workflows-list[b-z88wyqdfoi] {
    display: flex;
    flex-direction: column;
    gap: var(--bx-space-2);
}

.bx-workflows-zero[b-z88wyqdfoi] {
    padding: var(--bx-space-5);
    background: var(--bx-surface-muted);
    border: 1px dashed var(--bx-border-subtle);
    border-radius: 12px;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
}

.bx-workflows-zero p[b-z88wyqdfoi] {
    margin: 0;
}

.bx-workflows-filterbar[b-z88wyqdfoi] {
    display: grid;
    grid-template-columns: 2fr 1fr 1.4fr;
    gap: var(--bx-space-2);
    margin-bottom: var(--bx-space-4);
    padding: var(--bx-space-3);
    background: var(--bx-surface-elevated);
    border: 1px solid var(--bx-border-subtle);
    border-radius: 12px;
}

@media (max-width: 720px) {
    .bx-workflows-filterbar[b-z88wyqdfoi] {
        grid-template-columns: 1fr;
    }
}

.bx-workflows-pagination[b-z88wyqdfoi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bx-space-3);
    margin-top: var(--bx-space-3);
    padding-top: var(--bx-space-3);
    border-top: 1px solid var(--bx-border-subtle);
}

.bx-workflows-pagination-summary[b-z88wyqdfoi] {
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
}

.bx-workflows-pagesize[b-z88wyqdfoi] {
    max-width: 110px;
}