/* /Components/Composites/Customers/Tabs/ThirdPartyListPanel.razor.rz.scp.css */
.et-third-party-status[b-hcerzdweln] {
    display: inline-flex;
    align-items: center;
    gap: var(--et-space-1);
    font-size: 0.8rem;
}

.et-third-party-status--active[b-hcerzdweln] {
    color: var(--et-status-success);
}

.et-third-party-status--inactive[b-hcerzdweln] {
    color: var(--et-text-muted);
}

.et-third-party-actions[b-hcerzdweln] {
    display: flex;
    align-items: center;
    gap: var(--et-space-1);
}

.et-supplier-workspace-card[b-hcerzdweln] {
    border: 1px solid var(--et-border-subtle);
    border-radius: var(--et-radius-lg);
    background: var(--et-surface-elevated);
}

.et-supplier-workspace-header[b-hcerzdweln] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--et-space-3);
    margin-bottom: var(--et-space-3);
}

.et-supplier-workspace-subtitle[b-hcerzdweln] {
    color: var(--et-text-muted);
}

.et-supplier-workspace-summary[b-hcerzdweln] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--et-space-2);
}

.et-supplier-workspace-status[b-hcerzdweln] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 var(--et-space-2);
    border: 1px solid var(--et-border-subtle);
    border-radius: var(--et-radius-pill);
    background: var(--et-surface);
    color: var(--et-text-muted);
    font-size: 0.8rem;
}

.et-supplier-workspace-footer[b-hcerzdweln] {
    flex: 1 1 auto;
    color: var(--et-text-muted);
}

@media (max-width: 599px) {
    .et-supplier-workspace-header[b-hcerzdweln],
    .et-supplier-workspace-summary[b-hcerzdweln] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Composites/Dashboard/Roles/WarehouseManagerDashboard.razor.rz.scp.css */
.et-warehouse-cockpit[b-j7kmxbi2jb] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-5);
}

.et-warehouse-cockpit__state-registry[b-j7kmxbi2jb],
.et-warehouse-cockpit__navigation-contract[b-j7kmxbi2jb] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.et-warehouse-cockpit__kpis[b-j7kmxbi2jb] {
    align-items: stretch;
}

.et-warehouse-cockpit__kpi[b-j7kmxbi2jb] {
    min-width: 0;
}

.et-warehouse-cockpit__period[b-j7kmxbi2jb] {
    align-items: center;
    display: grid;
    gap: var(--et-space-3);
    grid-template-columns: minmax(0, 1fr) auto;
}

.et-warehouse-cockpit__period-picker[b-j7kmxbi2jb] {
    margin: 0;
}

.et-warehouse-cockpit__period-picker[b-j7kmxbi2jb]  .mud-input-control {
    margin: 0;
}

.et-warehouse-cockpit__period-picker[b-j7kmxbi2jb]  .mud-input-root {
    min-height: 4rem;
}

.et-warehouse-cockpit__period-actions[b-j7kmxbi2jb] {
    align-items: center;
    display: grid;
    gap: var(--et-space-2);
    grid-template-columns: repeat(4, minmax(4.25rem, 1fr));
}

.et-warehouse-cockpit__period-button[b-j7kmxbi2jb] {
    border: 1px solid color-mix(in srgb, var(--et-period-accent, var(--et-accent)) 48%, var(--et-border));
    border-radius: var(--et-radius-btn);
    background: color-mix(in srgb, var(--et-period-accent, var(--et-accent)) 12%, transparent);
    color: color-mix(in srgb, var(--et-period-accent, var(--et-accent)) 78%, var(--et-text));
    cursor: pointer;
    font-size: var(--et-text-sm);
    font-weight: 700;
    height: 4rem;
    padding: 0 var(--et-space-3);
    transition:
        background var(--et-motion-fast) var(--et-ease-standard),
        border-color var(--et-motion-fast) var(--et-ease-standard),
        color var(--et-motion-fast) var(--et-ease-standard),
        transform var(--et-motion-fast) var(--et-ease-standard);
}

.et-warehouse-cockpit__period-button:hover[b-j7kmxbi2jb],
.et-warehouse-cockpit__period-button:focus-visible[b-j7kmxbi2jb] {
    background: color-mix(in srgb, var(--et-period-accent, var(--et-accent)) 24%, transparent);
    border-color: var(--et-period-accent, var(--et-accent));
    outline: none;
}

.et-warehouse-cockpit__period-button.is-active[b-j7kmxbi2jb] {
    background: var(--et-period-accent, var(--et-accent));
    border-color: var(--et-period-accent, var(--et-accent));
    color: var(--et-on-accent);
}

.et-warehouse-cockpit__period-button--today[b-j7kmxbi2jb] { --et-period-accent: var(--et-status-success); }
.et-warehouse-cockpit__period-button--week[b-j7kmxbi2jb] { --et-period-accent: var(--et-status-warning); }
.et-warehouse-cockpit__period-button--month[b-j7kmxbi2jb] { --et-period-accent: color-mix(in srgb, var(--et-status-warning) 55%, var(--et-status-error)); }
.et-warehouse-cockpit__period-button--year[b-j7kmxbi2jb] { --et-period-accent: var(--et-status-error); }

.et-cockpit-submetrics[b-j7kmxbi2jb],
.et-cockpit-bars[b-j7kmxbi2jb] {
    width: 100%;
}

.et-cockpit-submetrics[b-j7kmxbi2jb] {
    display: grid;
    gap: var(--et-space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.et-cockpit-submetrics span[b-j7kmxbi2jb] {
    border: 1px solid var(--et-border-subtle);
    border-radius: var(--et-radius-md);
    color: var(--et-text-muted);
    display: grid;
    font-size: var(--et-text-xs);
    gap: var(--et-space-1);
    min-width: 0;
    padding: var(--et-space-2);
}

.et-cockpit-submetrics strong[b-j7kmxbi2jb] {
    color: var(--et-text-primary);
    font-size: var(--et-font-size-lg);
    line-height: 1;
}

.et-cockpit-bars[b-j7kmxbi2jb] {
    align-items: end;
    display: grid;
    gap: var(--et-space-2);
    height: 64px;
}

.et-cockpit-bars--three[b-j7kmxbi2jb] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.et-cockpit-bars--four[b-j7kmxbi2jb] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.et-cockpit-bars__item[b-j7kmxbi2jb] {
    align-items: end;
    display: grid;
    gap: var(--et-space-1);
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    min-width: 0;
}

.et-cockpit-bars__bar[b-j7kmxbi2jb] {
    align-self: end;
    background: transparent;
    border-radius: var(--et-radius-sm);
    display: block;
    height: 0;
    min-height: 0;
    width: 100%;
}

.et-cockpit-bars__bar.is-active[b-j7kmxbi2jb] {
    min-height: 4px;
}

.et-cockpit-bars__bar--h1[b-j7kmxbi2jb] { height: 24%; }
.et-cockpit-bars__bar--h2[b-j7kmxbi2jb] { height: 48%; }
.et-cockpit-bars__bar--h3[b-j7kmxbi2jb] { height: 72%; }
.et-cockpit-bars__bar--h4[b-j7kmxbi2jb] { height: 100%; }

.et-cockpit-bars__bar--success[b-j7kmxbi2jb] { background: var(--et-status-success); }
.et-cockpit-bars__bar--info[b-j7kmxbi2jb] { background: var(--et-status-info); }
.et-cockpit-bars__bar--warning[b-j7kmxbi2jb] { background: var(--et-status-warning); }
.et-cockpit-bars__bar--danger[b-j7kmxbi2jb] { background: var(--et-status-error); }
.et-cockpit-bars__bar--primary[b-j7kmxbi2jb] { background: var(--et-accent); }

.et-cockpit-bars small[b-j7kmxbi2jb] {
    color: var(--et-text-muted);
    font-size: var(--et-text-xs);
    line-height: 1.2;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .et-warehouse-cockpit__period[b-j7kmxbi2jb] {
        grid-template-columns: 1fr;
    }

    .et-warehouse-cockpit__period-actions[b-j7kmxbi2jb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .et-cockpit-submetrics[b-j7kmxbi2jb],
    .et-cockpit-bars--three[b-j7kmxbi2jb],
    .et-cockpit-bars--four[b-j7kmxbi2jb] {
        grid-template-columns: 1fr;
    }

    .et-cockpit-bars[b-j7kmxbi2jb] {
        height: auto;
    }

    .et-cockpit-bars__item[b-j7kmxbi2jb] {
        grid-template-columns: minmax(0, 1fr) 4rem;
        grid-template-rows: 1fr;
        height: 1.75rem;
    }

    .et-cockpit-bars__bar--h1[b-j7kmxbi2jb],
    .et-cockpit-bars__bar--h2[b-j7kmxbi2jb],
    .et-cockpit-bars__bar--h3[b-j7kmxbi2jb],
    .et-cockpit-bars__bar--h4[b-j7kmxbi2jb] {
        height: 100%;
    }
}
/* /Components/Composites/Inventory/PpoReceivingForm.razor.rz.scp.css */
.et-receiving-heading[b-507ssyx3ib] {
    margin: 0;
    color: var(--et-text-primary);
    font-weight: 700;
    line-height: 1.2;
}

.et-receiving-heading--page[b-507ssyx3ib] {
    font-size: 1.5rem;
}

.et-receiving-heading--section[b-507ssyx3ib] {
    font-size: 1rem;
}

.et-ppo-receiving-form[b-507ssyx3ib] {
    align-content: start;
    max-height: 60dvh;
    overflow: auto;
    padding-right: var(--et-space-1);
}

.et-ppo-receiving-form .et-receiving-item-band--receiving[b-507ssyx3ib] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr) minmax(0, 2fr) minmax(0, 2fr);
}

.et-receiving-line-alert[b-507ssyx3ib] {
    margin-top: var(--et-space-2);
}

[b-507ssyx3ib](.et-receiving-primary-action) {
    background-color: #047857;
    color: #ffffff;
}

[b-507ssyx3ib](.et-receiving-status-chip) {
    background-color: #166534;
    color: #ffffff;
    font-weight: 700;
}

@media (max-width: 900px) {
    .et-ppo-receiving-form .et-receiving-item-band--receiving[b-507ssyx3ib] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .et-ppo-receiving-form[b-507ssyx3ib] {
        max-height: 72dvh;
        padding-right: 0;
    }
}
/* /Components/Composites/Inventory/ReceivingForm.razor.rz.scp.css */
.et-receiving-heading[b-slw7zhs3hr] {
    margin: 0;
    color: var(--et-text-primary);
    font-weight: 700;
    line-height: 1.2;
}

.et-receiving-heading--page[b-slw7zhs3hr] {
    font-size: 1.5rem;
}

.et-receiving-heading--section[b-slw7zhs3hr] {
    font-size: 1rem;
}

[b-slw7zhs3hr](.et-receiving-primary-action) {
    background-color: #047857;
    color: #ffffff;
}

[b-slw7zhs3hr](.et-receiving-status-chip) {
    background-color: #166534;
    color: #ffffff;
    font-weight: 700;
}
/* /Components/Composites/Inventory/StockListPanel.razor.rz.scp.css */
/* StockListPanel — scoped CSS for expiry-alerts banner.
   2026-04-25: removed outer banner border/background (Dashboard + Aging don't
   wrap their KPI grids in a bordered box, so neither should we) and dropped
   min-height + margin-top:auto on the inner cards (was creating a 132px slab
   with the date pinned to the bottom and a large dead band in the middle).
   Heights now flow from content. Tokens only, zero hex. */

.et-stock-panel[b-sfgyi21ue8],
.et-stock-grid-section[b-sfgyi21ue8] {
    min-width: 0;
    max-width: 100%;
}

.et-stock-grid-section[b-sfgyi21ue8] {
    --et-stock-product-col-min: 13rem;
    --et-stock-sku-col-width: 8rem;
    --et-stock-category-col-width: 10rem;
    --et-stock-num-col-width: 7rem;
    --et-stock-cost-col-width: 8.5rem;
    --et-stock-small-num-col-width: 5rem;
    --et-stock-date-col-width: 9rem;
    --et-stock-table-width: calc(var(--et-table-expand-col) + var(--et-stock-product-col-min) + var(--et-stock-sku-col-width) + var(--et-stock-category-col-width) + (3 * var(--et-stock-num-col-width)) + var(--et-stock-cost-col-width) + var(--et-stock-small-num-col-width) + var(--et-stock-date-col-width));
}

.et-stock-grid-section .standard-grid .mud-table-root[b-sfgyi21ue8] {
    width: max(100%, var(--et-stock-table-width));
    min-width: var(--et-stock-table-width);
    table-layout: fixed;
}

.et-stock-kpis[b-sfgyi21ue8] {
    align-items: stretch;
    margin-bottom: var(--et-space-6);
}

.et-stock-insight-card.is-active[b-sfgyi21ue8] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--et-kpi-accent, var(--et-accent)) 32%, transparent);
}

.et-stock-expiry-banner[b-sfgyi21ue8] {
    display: grid;
    gap: var(--et-space-3);
    margin-bottom: var(--et-space-6);
    min-width: 0;
    max-width: 100%;
}

.et-stock-expiry-banner__header[b-sfgyi21ue8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--et-space-3);
    min-width: 0;
}

.et-stock-expiry-banner__title-group[b-sfgyi21ue8] {
    display: grid;
    gap: var(--et-space-1);
    min-width: 0;
}

.et-stock-muted[b-sfgyi21ue8],
.et-stock-unit[b-sfgyi21ue8] {
    color: var(--et-text-muted);
}

.et-stock-expiry-summary[b-sfgyi21ue8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--et-space-3);
    min-width: 0;
}

.et-stock-expiry-bucket[b-sfgyi21ue8] {
    appearance: none;
    display: grid;
    gap: var(--et-space-1);
    min-width: 0;
    width: 100%;
    padding: var(--et-space-3);
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
    border-left-width: 4px;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition:
        background var(--et-motion-fast) var(--et-ease-standard),
        border-color var(--et-motion-fast) var(--et-ease-standard),
        box-shadow var(--et-motion-fast) var(--et-ease-standard);
}

.et-stock-expiry-bucket:hover[b-sfgyi21ue8],
.et-stock-expiry-bucket:focus-visible[b-sfgyi21ue8] {
    background: color-mix(in srgb, var(--et-expiry-bucket-accent, var(--et-accent)) 10%, var(--et-surface));
    border-color: var(--et-expiry-bucket-accent, var(--et-accent));
    outline: 2px solid color-mix(in srgb, var(--et-expiry-bucket-accent, var(--et-accent)) 38%, transparent);
    outline-offset: 2px;
}

.et-stock-expiry-bucket.is-active[b-sfgyi21ue8] {
    background: color-mix(in srgb, var(--et-expiry-bucket-accent, var(--et-accent)) 16%, var(--et-surface));
    border-color: var(--et-expiry-bucket-accent, var(--et-accent));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--et-expiry-bucket-accent, var(--et-accent)) 26%, transparent);
}

.et-stock-expiry-bucket--expired[b-sfgyi21ue8] {
    --et-expiry-bucket-accent: var(--et-status-error);
    border-left-color: var(--et-status-error);
}

.et-stock-expiry-bucket--critical[b-sfgyi21ue8] {
    --et-expiry-bucket-accent: var(--et-status-warning);
    border-left-color: var(--et-status-warning);
}

.et-stock-expiry-bucket--upcoming[b-sfgyi21ue8] {
    --et-expiry-bucket-accent: var(--et-status-info);
    border-left-color: var(--et-status-info);
}

.et-stock-expiry-bucket__label[b-sfgyi21ue8],
.et-stock-expiry-bucket__hint[b-sfgyi21ue8] {
    font-size: var(--et-text-xs);
    color: var(--et-text-muted);
    overflow-wrap: anywhere;
}

.et-stock-expiry-bucket__count[b-sfgyi21ue8] {
    color: var(--et-text);
    font-size: var(--et-font-size-xl);
    line-height: 1;
}

.et-stock-type-filters[b-sfgyi21ue8] {
    align-items: center;
    display: grid;
    gap: var(--et-space-2);
    grid-template-columns: repeat(4, minmax(5rem, 1fr));
    min-width: min(100%, 32rem);
}

.et-stock-type-filter[b-sfgyi21ue8] {
    border: 1px solid color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 48%, var(--et-border));
    border-radius: var(--et-radius-btn);
    background: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 12%, transparent);
    color: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 78%, var(--et-text));
    cursor: pointer;
    font-size: var(--et-text-sm);
    font-weight: 700;
    min-height: 2.75rem;
    padding: 0 var(--et-space-3);
    transition:
        background var(--et-motion-fast) var(--et-ease-standard),
        border-color var(--et-motion-fast) var(--et-ease-standard),
        color var(--et-motion-fast) var(--et-ease-standard);
}

.et-stock-type-filter:hover[b-sfgyi21ue8],
.et-stock-type-filter:focus-visible[b-sfgyi21ue8] {
    background: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 24%, transparent);
    border-color: var(--et-stock-filter-accent, var(--et-accent));
    outline: 2px solid color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 42%, transparent);
    outline-offset: 2px;
}

.et-stock-type-filter.is-active[b-sfgyi21ue8] {
    background: var(--et-stock-filter-accent, var(--et-accent));
    border-color: var(--et-stock-filter-accent, var(--et-accent));
    color: var(--et-on-accent);
}

.et-stock-type-filter--all[b-sfgyi21ue8] { --et-stock-filter-accent: var(--et-accent); }
.et-stock-type-filter--supplies[b-sfgyi21ue8] { --et-stock-filter-accent: var(--et-status-success); }
.et-stock-type-filter--raw-materials[b-sfgyi21ue8] { --et-stock-filter-accent: var(--et-status-warning); }
.et-stock-type-filter--production[b-sfgyi21ue8] { --et-stock-filter-accent: var(--et-status-info); }

.et-stock-category[b-sfgyi21ue8] {
    overflow-wrap: anywhere;
}

.et-stock-product-col[b-sfgyi21ue8] {
    width: var(--et-stock-product-col-min);
    min-width: var(--et-stock-product-col-min);
    max-width: var(--et-stock-product-col-min);
}

.et-stock-expand-col[b-sfgyi21ue8] {
    width: var(--et-table-expand-col);
    min-width: var(--et-table-expand-col);
    max-width: var(--et-table-expand-col);
}

.et-stock-expand-action[b-sfgyi21ue8] {
    padding: 0;
}

.et-stock-sku-col[b-sfgyi21ue8] {
    width: var(--et-stock-sku-col-width);
    min-width: var(--et-stock-sku-col-width);
    max-width: var(--et-stock-sku-col-width);
}

.et-stock-category-col[b-sfgyi21ue8] {
    width: var(--et-stock-category-col-width);
    min-width: var(--et-stock-category-col-width);
    max-width: var(--et-stock-category-col-width);
}

.et-stock-num-col[b-sfgyi21ue8],
.et-stock-small-num-col[b-sfgyi21ue8],
.et-stock-cost-col[b-sfgyi21ue8] {
    text-align: right;
}

.et-stock-num-col[b-sfgyi21ue8] {
    width: var(--et-stock-num-col-width);
    min-width: var(--et-stock-num-col-width);
    max-width: var(--et-stock-num-col-width);
}

.et-stock-small-num-col[b-sfgyi21ue8] {
    width: var(--et-stock-small-num-col-width);
    min-width: var(--et-stock-small-num-col-width);
    max-width: var(--et-stock-small-num-col-width);
}

.et-stock-cost-col[b-sfgyi21ue8] {
    width: var(--et-stock-cost-col-width);
    min-width: var(--et-stock-cost-col-width);
    max-width: var(--et-stock-cost-col-width);
}

.et-stock-date-col[b-sfgyi21ue8] {
    width: var(--et-stock-date-col-width);
    min-width: var(--et-stock-date-col-width);
    max-width: var(--et-stock-date-col-width);
}

.et-stock-quantity[b-sfgyi21ue8] {
    font-weight: 600;
}

.et-stock-cost[b-sfgyi21ue8] {
    font-weight: 700;
    color: var(--et-text);
}

.et-stock-quantity--total[b-sfgyi21ue8] {
    color: var(--et-text);
}

.et-stock-quantity--available[b-sfgyi21ue8] {
    color: var(--et-accent);
}

.et-stock-quantity--reserved[b-sfgyi21ue8] {
    color: var(--et-status-warning);
}

.et-stock-quantity--empty[b-sfgyi21ue8],
.et-stock-unit[b-sfgyi21ue8] {
    font-size: var(--et-text-xs);
}

.et-stock-unit[b-sfgyi21ue8] {
    margin-left: var(--et-space-1);
}

.et-stock-action-cell[b-sfgyi21ue8] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 100%;
}

.et-stock-child-row-cell[b-sfgyi21ue8] {
    padding: var(--et-space-2) var(--et-space-4) var(--et-space-2) var(--et-table-expand-col);
    background: var(--mud-palette-background-gray);
}

.et-stock-child-empty[b-sfgyi21ue8] {
    color: var(--et-text-muted);
    padding-block: var(--et-space-2);
}

.et-stock-child-table .mud-table-root[b-sfgyi21ue8] {
    background: transparent;
    min-width: 54rem;
}

.et-stock-child-table[b-sfgyi21ue8]  .mud-table-root {
    background: transparent;
    min-width: 54rem;
}

.et-stock-child-content[b-sfgyi21ue8] {
    min-width: 0;
    max-width: 100%;
}

.et-stock-child-cards[b-sfgyi21ue8] {
    display: none;
}

.et-stock-child-num-col[b-sfgyi21ue8],
.et-stock-child-cost-col[b-sfgyi21ue8] {
    text-align: right;
}

@media (max-width: 900px) {
    .et-stock-expiry-summary[b-sfgyi21ue8],
    .et-stock-type-filters[b-sfgyi21ue8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .et-stock-expiry-summary[b-sfgyi21ue8],
    .et-stock-type-filters[b-sfgyi21ue8] {
        grid-template-columns: 1fr;
    }

    .et-stock-grid-section[b-sfgyi21ue8]  td.mud-table-cell:has(.et-stock-child-content) {
        display: block;
        grid-template-columns: none;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .et-stock-grid-section[b-sfgyi21ue8]  td.mud-table-cell:has(.et-stock-child-content)::before {
        content: none;
        display: none;
    }

    .et-stock-child-row-cell[b-sfgyi21ue8] {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: var(--et-space-2);
    }

    .et-stock-child-content[b-sfgyi21ue8] {
        width: 100%;
    }

    .et-stock-child-table[b-sfgyi21ue8] {
        display: none;
    }

    .et-stock-child-cards[b-sfgyi21ue8] {
        display: grid;
        gap: var(--et-space-2);
    }

    .et-stock-child-card[b-sfgyi21ue8] {
        display: grid;
        gap: var(--et-space-2);
        padding: var(--et-space-3);
        background: var(--et-surface);
        border: 1px solid var(--et-border);
        border-radius: var(--et-radius-card);
        min-width: 0;
    }

    .et-stock-child-card-row[b-sfgyi21ue8] {
        display: grid;
        grid-template-columns: minmax(6.5rem, max-content) minmax(0, 1fr);
        gap: var(--et-space-3);
        align-items: baseline;
        min-width: 0;
    }

    .et-stock-child-card-label[b-sfgyi21ue8] {
        color: var(--et-text-muted);
        font-size: var(--et-text-xs);
        font-weight: 700;
        line-height: 1.4;
    }

    .et-stock-child-card-value[b-sfgyi21ue8] {
        min-width: 0;
        overflow-wrap: anywhere;
        text-align: right;
    }

    .et-stock-child-card-row--primary .et-stock-child-card-value[b-sfgyi21ue8] {
        text-align: left;
    }
}
/* /Components/Composites/Manufacturing/Tabs/BomCalculatorPanel.razor.rz.scp.css */
/* Scoped styles for BomCalculatorPanel (S13).
   Matches the legacy two-column layout (3fr recipes / 2fr calculator on
   desktop, single column on mobile) from Manufacturing.razor lines 1021-1031,
   preserved as a scoped stylesheet so the panel does not rely on inline
   style blocks (ET0001 compliance). */

.et-manufacturing-bom__layout[b-wry44zi2h7] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 1.5rem;
}

.et-manufacturing-bom__form[b-wry44zi2h7] {
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
    background: var(--et-surface);
}

.et-manufacturing-bom__result-table[b-wry44zi2h7] {
    border: 1px solid var(--et-border);
    border-radius: 4px;
}

.et-manufacturing-bom__total[b-wry44zi2h7] {
    font-weight: 600;
}

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

@media (max-width: 768px) {
    .et-manufacturing-bom__layout[b-wry44zi2h7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Composites/Payments/Tabs/PaymentsListPanel.razor.rz.scp.css */
.et-payment-amount[b-w3rxld1fen],
.et-payment-applied-cell[b-w3rxld1fen] {
    font-weight: var(--et-font-medium);
}

.et-payment-amount--negative[b-w3rxld1fen] {
    color: var(--et-status-error);
}

.et-payment-summary-table[b-w3rxld1fen] {
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
}

.et-payment-balance-cell[b-w3rxld1fen] {
    font-weight: var(--et-font-semibold);
}
/* /Components/Composites/PriceDiscrepancies/PriceDiscrepanciesPanel.razor.rz.scp.css */
/* S19 — PriceDiscrepanciesPanel scoped styles.
   Zero hex (tokens only). Zero inline style in the razor (ET0001). */

.et-discrepancy-actions[b-dwj5mi7xe1] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.et-cell-text[b-dwj5mi7xe1] {
    color: var(--et-text);
}

.et-discrepancy-diff[b-dwj5mi7xe1] {
    font-weight: 600;
}

.et-discrepancy-diff--negative[b-dwj5mi7xe1] {
    color: var(--et-status-error);
}

.et-discrepancy-diff--positive[b-dwj5mi7xe1] {
    color: var(--et-status-success);
}
/* /Components/Composites/Sales/Tabs/SalesOrdersListPanel.razor.rz.scp.css */
.et-sales-order-items-header[b-6svuzvksaf],
.et-sales-order-items-footer[b-6svuzvksaf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--et-space-2);
}

.et-sales-order-items-header[b-6svuzvksaf] {
    margin-bottom: var(--et-space-2);
}

.et-sales-order-items-footer[b-6svuzvksaf] {
    justify-content: flex-end;
    margin-top: var(--et-space-2);
}

.et-sales-order-item-row[b-6svuzvksaf] {
    align-items: center;
    row-gap: var(--et-space-2);
}

.et-sales-order-discount-label-action[b-6svuzvksaf] {
    position: absolute;
    top: -8px;
    left: 0.75rem;
    z-index: 2;
    display: inline-grid;
    grid-template-columns: auto 18px;
    align-items: center;
    gap: 0.25rem;
    height: 16px;
    margin: 0;
    padding: 0 0.25rem;
    background: var(--et-surface);
    color: var(--mud-palette-text-primary);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

.et-sales-order-discount-label-action[b-6svuzvksaf] (.mud-icon-button) {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0;
    padding: 0;
}

.et-sales-order-discount-label-action[b-6svuzvksaf] (.mud-icon-button-label),
.et-sales-order-discount-label-action[b-6svuzvksaf] (.mud-icon-root) {
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
}

.et-sales-order-discount-control[b-6svuzvksaf] {
    position: relative;
    width: 100%;
}

.et-sales-order-line-total[b-6svuzvksaf] {
    box-sizing: border-box;
    height: 37.63px;
    min-height: 37.63px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 0 0.75rem;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--et-radius-input);
    background: transparent;
}

.et-sales-order-line-total__label[b-6svuzvksaf] {
    position: absolute;
    top: -0.55rem;
    left: 0.7rem;
    padding: 0 0.25rem;
    background: var(--et-surface);
    color: var(--mud-palette-text-primary);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
}

.et-sales-order-line-total__value[b-6svuzvksaf] {
    color: var(--et-text-primary);
    font-size: 0.95rem;
    line-height: 1.25;
}

.et-sales-order-remove-action[b-6svuzvksaf] {
    height: 56px;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 959px) {
    .et-sales-order-items-header[b-6svuzvksaf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .et-sales-order-items-footer[b-6svuzvksaf] {
        justify-content: flex-start;
    }

    .et-sales-order-discount-control[b-6svuzvksaf] {
        align-items: flex-start;
    }

    .et-sales-order-remove-action[b-6svuzvksaf] {
        justify-content: flex-start;
    }
}
/* /Components/Dialogs/AcceptPriceUpdateDialog.razor.rz.scp.css */
.et-accept-price-row[b-kjnoj5an2d] {
    display: flex;
    align-items: center;
    gap: var(--et-space-4);
    margin-bottom: var(--et-space-4);
}

.et-accept-price-row__current[b-kjnoj5an2d] {
    color: var(--et-text);
    font-weight: 700;
}

.et-accept-price-row__new[b-kjnoj5an2d] {
    color: var(--et-accent);
    font-weight: 700;
}

.et-dialog-body__intro[b-kjnoj5an2d] {
    color: var(--et-text-muted);
    margin-bottom: var(--et-space-3);
}
/* /Components/Dialogs/ApplyCreditNoteDialog.razor.rz.scp.css */
.apply-credit-note-dialog__muted[b-kcd4y9l8ht] {
    color: var(--et-text-muted);
}

.apply-credit-note-dialog__available-balance[b-kcd4y9l8ht] {
    color: var(--et-status-warning);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
/* /Components/Dialogs/CompletedReceiptDialog.razor.rz.scp.css */
.et-receiving-management__blockers[b-ffo84b98fa] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
    min-width: 8rem;
}

[b-ffo84b98fa](.et-receiving-management__blocker-chip) {
    margin: 0;
    max-width: 10rem;
}

.et-receiving-items-scroll[b-ffo84b98fa] {
    max-width: 100%;
    overflow-x: auto;
}

.et-receiving-items-table[b-ffo84b98fa] {
    width: 100%;
    min-width: 58rem;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.et-receiving-items-table th[b-ffo84b98fa],
.et-receiving-items-table td[b-ffo84b98fa] {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.et-receiving-items-table th[b-ffo84b98fa] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background-color: var(--mud-palette-background-grey);
}

.et-receiving-items-table tbody tr:last-child td[b-ffo84b98fa] {
    border-bottom: 0;
}

.et-receiving-items-table__number[b-ffo84b98fa] {
    text-align: right;
}

[b-ffo84b98fa](.et-receiving-items-table__blocker-chip) {
    display: inline-flex;
    margin-top: 0.35rem;
    max-width: 14rem;
}
/* /Components/Dialogs/CreateCreditNoteDialog.razor.rz.scp.css */
.credit-note-dialog[b-mvsag67wwm] {
    display: grid;
    gap: var(--et-space-4);
}

.credit-note-dialog__summary[b-mvsag67wwm],
.credit-note-dialog__section[b-mvsag67wwm] {
    border: 1px solid var(--et-border-subtle);
    border-radius: var(--et-radius-lg);
    background: var(--et-surface-2);
    padding: var(--et-space-4);
}

.credit-note-dialog__summary[b-mvsag67wwm] {
    display: grid;
    gap: var(--et-space-3);
}

.credit-note-dialog__metrics[b-mvsag67wwm],
.credit-note-dialog__grid[b-mvsag67wwm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: var(--et-space-3);
    min-width: 0;
}

.credit-note-dialog__line-editor[b-mvsag67wwm] {
    display: grid;
    gap: var(--et-space-3);
    min-width: 0;
}

.credit-note-dialog__line-row[b-mvsag67wwm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--et-space-3);
    align-items: start;
}

.credit-note-dialog__line-field[b-mvsag67wwm],
.credit-note-dialog__line-field--wide[b-mvsag67wwm],
.credit-note-dialog__line-field--full[b-mvsag67wwm] {
    min-width: 0;
}

.credit-note-dialog__line-field--wide[b-mvsag67wwm] {
    grid-column: span 2;
}

.credit-note-dialog__line-field--full[b-mvsag67wwm] {
    grid-column: 1 / -1;
}

.credit-note-dialog__section[b-mvsag67wwm] {
    display: grid;
    gap: var(--et-space-3);
}

.credit-note-dialog__field[b-mvsag67wwm] {
    display: grid;
    gap: var(--et-space-1);
}

.credit-note-dialog__section-header[b-mvsag67wwm],
.credit-note-dialog__line-card[b-mvsag67wwm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--et-space-3);
    min-width: 0;
}

.credit-note-dialog__lines[b-mvsag67wwm] {
    display: grid;
    gap: var(--et-space-2);
}

.credit-note-dialog__line-card[b-mvsag67wwm] {
    border: 1px solid var(--et-border-subtle);
    border-radius: var(--et-radius-card);
    padding: var(--et-space-3);
    background: var(--et-surface);
}

.credit-note-dialog__line-total[b-mvsag67wwm] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.credit-note-dialog__muted[b-mvsag67wwm] {
    color: var(--et-text-muted);
}

.credit-note-dialog__empty-lines[b-mvsag67wwm] {
    display: flex;
    align-items: center;
    gap: var(--et-space-2);
    color: var(--et-text-muted);
    border: 1px dashed var(--et-border-subtle);
    border-radius: var(--et-radius-card);
    padding: var(--et-space-3);
}

.credit-note-dialog__validation-list[b-mvsag67wwm] {
    margin: 0;
    padding-inline-start: var(--et-space-4);
}

@media (max-width: 640px) {
    .credit-note-dialog__section-header[b-mvsag67wwm],
    .credit-note-dialog__line-card[b-mvsag67wwm] {
        align-items: stretch;
        flex-direction: column;
    }

    .credit-note-dialog__line-row[b-mvsag67wwm] {
        grid-template-columns: 1fr;
    }

    .credit-note-dialog__line-field--wide[b-mvsag67wwm],
    .credit-note-dialog__line-field--full[b-mvsag67wwm] {
        grid-column: 1;
    }
}

@media (min-width: 641px) and (max-width: 960px) {
    .credit-note-dialog__line-row[b-mvsag67wwm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .credit-note-dialog__line-field--wide[b-mvsag67wwm],
    .credit-note-dialog__line-field--full[b-mvsag67wwm] {
        grid-column: 1 / -1;
    }
}
/* /Components/Dialogs/ProductionOrderShortageDialog.razor.rz.scp.css */
.et-production-shortage[b-07qfn62hjx] {
    display: grid;
    gap: 1rem;
}

.et-production-shortage__title-icon[b-07qfn62hjx] {
    color: var(--mud-palette-warning);
}

.et-production-shortage__summary-band[b-07qfn62hjx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-grey);
}

.et-production-shortage__metric[b-07qfn62hjx] {
    display: grid;
    gap: 0.25rem;
}

.et-production-shortage__metric span[b-07qfn62hjx] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.8125rem;
}

.et-production-shortage__metric strong[b-07qfn62hjx] {
    font-size: 1.25rem;
}

.et-production-shortage__rows[b-07qfn62hjx] {
    display: grid;
    overflow-x: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.et-production-shortage__row[b-07qfn62hjx] {
    display: grid;
    grid-template-columns: minmax(12rem, 2fr) minmax(6rem, 0.8fr) minmax(4rem, 0.5fr) minmax(12rem, 1.5fr) minmax(8rem, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.et-production-shortage__row--header[b-07qfn62hjx] {
    border-top: 0;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    font-size: 0.8125rem;
    font-weight: 600;
}

.et-production-shortage__product[b-07qfn62hjx] {
    display: grid;
    gap: 0.125rem;
}

.et-production-shortage__product span[b-07qfn62hjx] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.8125rem;
}

@media (max-width: 720px) {
    .et-production-shortage__summary-band[b-07qfn62hjx] {
        grid-template-columns: 1fr;
    }

    .et-production-shortage__row[b-07qfn62hjx],
    .et-production-shortage__row--header[b-07qfn62hjx] {
        grid-template-columns: 1fr;
    }

    .et-production-shortage__row--header[b-07qfn62hjx] {
        display: none;
    }

    .et-production-shortage__row > [data-label][b-07qfn62hjx]::before {
        content: attr(data-label);
        display: block;
        color: var(--mud-palette-text-secondary);
        font-size: 0.75rem;
        font-weight: 600;
        margin-bottom: 0.25rem;
    }
}
/* /Components/Dialogs/QuickView/LotQuickViewDialog.razor.rz.scp.css */
.et-quickview-field-label[b-l4maud5c6z] {
    color: var(--et-text-muted);
}

.et-quickview-table[b-l4maud5c6z] {
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
}

.et-quickview-num-col[b-l4maud5c6z] {
    text-align: right;
}
/* /Components/EndoUI/AreaChart.razor.rz.scp.css */
/* AreaChart — scoped CSS (S10b).
   Tokens only (--et-*) — zero hex literals.
   SVG carries inline token references for stroke/fill.
   Legend lives outside SVG as a sibling div. */

.et-area-chart[b-4zkyrpqqds] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--et-space-2);
}

.et-area-chart__svg[b-4zkyrpqqds] {
    width: 100%;
    height: auto;
    overflow: visible;
}

/* Legend */

.et-area-chart__legend[b-4zkyrpqqds] {
    display: flex;
    align-items: center;
    gap: var(--et-space-4);
    font-size: var(--et-text-xs);
    color: var(--et-text-muted);
    padding-left: var(--et-space-1);
}

.et-area-chart__legend-item[b-4zkyrpqqds] {
    display: inline-flex;
    align-items: center;
    gap: var(--et-space-1);
}

.et-area-chart__legend-swatch[b-4zkyrpqqds] {
    display: inline-block;
    width: 12px;
    height: 2px;
    border-radius: var(--et-radius-full);
}

.et-area-chart__legend-item--current .et-area-chart__legend-swatch[b-4zkyrpqqds] {
    background: var(--et-accent);
}

.et-area-chart__legend-item--previous .et-area-chart__legend-swatch[b-4zkyrpqqds] {
    background: var(--et-text-muted);
    opacity: 0.6;
}
/* /Components/EndoUI/EndoCard.razor.rz.scp.css */
/* EndoCard — scoped CSS (S10b).
   Tokens only (--et-*) — zero hex literals.
   Variant classes drive border/shadow treatment.
   States (Loading/Empty/Error/Ready) handled in C# switch in the template. */

.et-card[b-dsgzjqmj48] {
    position: relative;
    background: var(--et-surface);
    color: var(--et-text);
    border-radius: var(--et-radius-card);
    padding: var(--et-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--et-space-4);
    overflow: hidden;
    min-height: var(--et-card-min-h-default);
}

/* === Variant modifiers === */

.et-card--default[b-dsgzjqmj48] {
    border: 1px solid var(--et-border);
}

.et-card--elevated[b-dsgzjqmj48] {
    border: 1px solid var(--et-border);
    box-shadow: var(--et-elevation-4);
}

.et-card--flat[b-dsgzjqmj48] {
    border: none;
}

.et-card--outline[b-dsgzjqmj48] {
    border: 2px solid var(--et-border);
}

/* === Dense layout === */

.et-card--dense[b-dsgzjqmj48] {
    padding: var(--et-space-4);
    min-height: var(--et-card-min-h-dense);
}

/* === Header === */

.et-card__header[b-dsgzjqmj48] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--et-space-3);
    min-width: 0;
}

.et-card__title-row[b-dsgzjqmj48] {
    display: flex;
    align-items: center;
    gap: var(--et-space-2);
    min-width: 0;
    flex: 1 1 auto;
}

.et-card__title[b-dsgzjqmj48] {
    font-size: var(--et-text-sm);
    font-weight: 600;
    color: var(--et-text-muted);
    letter-spacing: var(--et-tracking-wide);
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.et-card__action[b-dsgzjqmj48] {
    flex-shrink: 0;
}

/* === Body === */

.et-card__body[b-dsgzjqmj48] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* === Footer === */

.et-card__footer[b-dsgzjqmj48] {
    border-top: 1px solid var(--et-border);
    padding-top: var(--et-space-3);
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
}

/* === Loading skeletons — same shimmer pattern as KpiCard === */

.et-card__skeleton[b-dsgzjqmj48] {
    background: linear-gradient(90deg,
        var(--et-surface-2) 0%,
        var(--et-border) 50%,
        var(--et-surface-2) 100%);
    background-size: 200% 100%;
    animation: et-card-shimmer-b-dsgzjqmj48 var(--et-motion-skeleton) ease-in-out infinite;
    border-radius: var(--et-radius-sm);
    margin-bottom: var(--et-space-3);
}

.et-card__skeleton--header[b-dsgzjqmj48] {
    height: 20px;
    width: 50%;
}

.et-card__skeleton--body[b-dsgzjqmj48] {
    height: 14px;
    width: 100%;
}

.et-card__skeleton--short[b-dsgzjqmj48] {
    width: 65%;
}

@keyframes et-card-shimmer-b-dsgzjqmj48 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* === Empty / Error placeholder === */

.et-card__placeholder[b-dsgzjqmj48] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--et-space-4) 0;
}

.et-card__placeholder--error[b-dsgzjqmj48] {
    color: var(--et-status-error);
}

/* Retry button shown beneath the Error placeholder when OnRetry is supplied
   (S10d remediation — spec REQ-VD-DELTA-05 point 6). Inherits .et-link styling
   from wwwroot/css/dashboard-role.css; this selector just centers the button
   and adds vertical breathing room under the error message. */
.et-card__retry[b-dsgzjqmj48] {
    align-self: center;
    margin-top: var(--et-space-2);
}

/* === Screen-reader-only === */

.et-card__sr-only[b-dsgzjqmj48] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/EndoUI/EndoDialog.razor.rz.scp.css */
/* EndoDialog — scoped chrome (S20).
   Consistent title row + body/footer padding via design tokens.
   No overrides of MudDialog's own layout; tokens apply inside the slots. */

.et-dialog__title[b-6q1v3q0rcm] {
    display: flex;
    align-items: center;
    gap: var(--et-space-2);
    width: 100%;
}

.et-dialog__body[b-6q1v3q0rcm] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-3);
}

.et-dialog__footer[b-6q1v3q0rcm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--et-space-2);
    width: 100%;
}
/* /Components/EndoUI/MiniBarChart.razor.rz.scp.css */
/* MiniBarChart — scoped CSS (S10b + S23 Phase 2).
   Tokens only (--et-*) — zero hex literals.
   Bar widths are set via inline style (ET0001 exception, see UI_EXCEPTIONS_REGISTER.md).
   Column-mode rules live in wwwroot/css/dashboard-widgets.css (.et-aging*) so the
   preview page (__KpiCardPreview) and the production widget share a single source. */

.et-mini-bar-chart[b-021mek8e21] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-2);
    width: 100%;
}

.et-mini-bar-chart__empty[b-021mek8e21] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    text-align: center;
    padding: var(--et-space-3) 0;
}

.et-mini-bar-chart__row[b-021mek8e21] {
    display: flex;
    align-items: center;
    gap: var(--et-space-2);
    font-size: var(--et-text-xs);
}

.et-mini-bar-chart__label[b-021mek8e21] {
    color: var(--et-text-muted);
    font-weight: 500;
    min-width: 3rem;
    flex-shrink: 0;
}

.et-mini-bar-chart__track[b-021mek8e21] {
    flex: 1 1 auto;
    height: 6px;
    background: var(--et-surface-2);
    border-radius: var(--et-radius-sm);
    overflow: hidden;
    min-width: 0;
}

.et-mini-bar-chart__fill[b-021mek8e21] {
    height: 100%;
    border-radius: var(--et-radius-sm);
    transition: width var(--et-motion-normal) var(--et-ease-standard);
}

/* Bucket color classes — map to --et-status-* tokens (no new tokens created) */

.et-aging-bucket-safe[b-021mek8e21] {
    background: var(--et-status-success);
}

.et-aging-bucket-info[b-021mek8e21] {
    background: var(--et-status-info);
}

.et-aging-bucket-warn[b-021mek8e21] {
    background: var(--et-status-warning);
}

.et-aging-bucket-critical[b-021mek8e21] {
    background: var(--et-status-error);
}

.et-mini-bar-chart__value[b-021mek8e21] {
    color: var(--et-text);
    font-weight: 500;
    min-width: 4rem;
    text-align: right;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.et-mini-bar-chart__count[b-021mek8e21] {
    color: var(--et-text-muted);
    min-width: 2rem;
    flex-shrink: 0;
}

/* Column mode (S23 Phase 2) — vertical bars with label beneath.
   Matches docs/handoff/kpicard-reference-dark.png AR card aging chart.
   4 independent columns, each: [colored bar grown from bottom] + [label].
   Per-bar height is the inline style="height:X%" on __col-fill (ET0001 exception). */

.et-mini-bar-chart--column[b-021mek8e21] {
    flex-direction: column;
    gap: var(--et-space-2);
}

.et-mini-bar-chart__columns[b-021mek8e21] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: var(--et-space-2);
    width: 100%;
}

.et-mini-bar-chart__col[b-021mek8e21] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: var(--et-space-1);
    flex: 1 1 0;
    min-width: 0;
}

.et-mini-bar-chart__col-track[b-021mek8e21] {
    display: flex;
    flex-direction: column-reverse;
    height: 44px;
    width: 100%;
    background: transparent;
    border-radius: var(--et-radius-sm);
    overflow: hidden;
}

.et-mini-bar-chart__col-fill[b-021mek8e21] {
    width: 100%;
    min-height: 2px;
    border-radius: var(--et-radius-sm);
    transition: height var(--et-motion-normal) var(--et-ease-standard);
}

.et-mini-bar-chart__col-label[b-021mek8e21] {
    color: var(--et-text-muted);
    font-size: var(--et-text-xs);
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
}
/* /Components/EndoUI/Sparkline.razor.rz.scp.css */
/* Sparkline — scoped CSS (S10b).
   The SVG itself carries inline token references via stroke/fill attributes.
   This file handles only the container sizing. */

.et-sparkline[b-wfd9adbs0n] {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: flex-end;
}

.et-sparkline__svg[b-wfd9adbs0n] {
    width: 100%;
    height: 40px;
    overflow: visible;
}
/* /Components/EndoUI/TrendBadge.razor.rz.scp.css */
/* TrendBadge — scoped CSS (S10b).
   Tokens only (--et-*) — zero hex literals.
   Direction modifier classes drive color only; layout is shared. */

.et-trend-badge[b-ilnesklogg] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: var(--et-text-xs);
    font-weight: 500;
    white-space: nowrap;
    line-height: 1.4;
}

.et-trend-badge__arrow[b-ilnesklogg] {
    font-size: var(--et-text-xs);
    line-height: 1;
}

.et-trend-badge__value[b-ilnesklogg] {
    font-variant-numeric: tabular-nums;
}

.et-trend-badge__label[b-ilnesklogg] {
    font-weight: 400;
    margin-left: 2px;
    color: var(--et-text-muted);
}

/* Direction-driven color */

.et-trend-badge--up[b-ilnesklogg] {
    color: var(--et-status-success);
}

.et-trend-badge--down[b-ilnesklogg] {
    color: var(--et-status-error);
}

.et-trend-badge--flat[b-ilnesklogg] {
    color: var(--et-text-muted);
}
/* /Components/Notifications/NotificationDemoPage.razor.rz.scp.css */
.et-notification-demo[b-kov26oxsa2] {
    display: grid;
    gap: var(--et-space-6);
    max-width: 860px;
}

.et-notification-demo__header[b-kov26oxsa2] {
    display: grid;
    gap: var(--et-space-2);
}

.et-notification-demo__header h1[b-kov26oxsa2],
.et-notification-demo__header p[b-kov26oxsa2] {
    margin: 0;
}

.et-notification-demo__eyebrow[b-kov26oxsa2] {
    margin: 0;
    color: var(--et-muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.et-notification-demo__actions[b-kov26oxsa2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--et-space-3);
}

.et-notification-demo__actions button[b-kov26oxsa2] {
    min-height: 3rem;
    border: 1px solid var(--et-border-strong);
    border-radius: 14px;
    background: var(--et-surface-2);
    color: var(--et-text);
    cursor: pointer;
    font-weight: 800;
}

.et-notification-demo__actions button:focus-visible[b-kov26oxsa2] {
    outline: 0;
    box-shadow: var(--et-focus-ring);
}

@media (max-width: 620px) {
    .et-notification-demo__actions[b-kov26oxsa2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Notifications/NotificationHost.razor.rz.scp.css */
.et-notification-host[b-54dtnvgzo8] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--et-z-snackbar) + 20);
    pointer-events: none;
}

[b-54dtnvgzo8] .et-notification-card {
    position: relative;
    border: 1px solid var(--et-notification-border);
    color: var(--et-text);
    box-shadow: 0 22px 54px var(--et-notification-shadow);
    pointer-events: auto;
}

[b-54dtnvgzo8] .et-notification-backdrop {
    position: fixed;
    inset: 0;
    z-index: calc(var(--et-z-dialog) + 20);
    display: grid;
    place-items: center;
    padding: var(--et-space-4);
    background: var(--et-notification-backdrop);
    backdrop-filter: blur(8px);
    pointer-events: auto;
}

[b-54dtnvgzo8] .et-notification-centered-modal {
    display: grid;
    gap: var(--et-space-5);
    justify-items: center;
    width: min(var(--et-notification-modal-max), calc(100vw - 32px));
    padding: var(--et-space-5);
    border-radius: 14px;
    background: linear-gradient(160deg, var(--et-surface-2), var(--et-bg));
    text-align: center;
}

[b-54dtnvgzo8] .et-notification-priority-card,
[b-54dtnvgzo8] .et-notification-decision-panel {
    display: grid;
    gap: var(--et-space-4);
    width: min(var(--et-notification-priority-max), calc(100vw - 32px));
    margin: auto;
    padding: var(--et-space-5);
    border-radius: 18px;
    background: linear-gradient(145deg, var(--et-surface-2), var(--et-bg));
}

[b-54dtnvgzo8] .et-notification-decision-panel {
    width: min(var(--et-notification-decision-max), calc(100vw - 32px));
    background: linear-gradient(145deg, var(--et-surface-2), var(--et-bg));
}

[b-54dtnvgzo8] .et-notification-quick {
    position: fixed;
    right: var(--et-space-5);
    top: var(--et-space-5);
    z-index: calc(var(--et-z-snackbar) + 30);
    display: grid;
    gap: var(--et-space-5);
    width: min(var(--et-notification-quick-max), calc(100vw - 32px));
    padding: var(--et-space-5) var(--et-space-5) var(--et-space-4);
    border-radius: 18px;
    background: linear-gradient(145deg, var(--et-surface-2), var(--et-bg));
}

[b-54dtnvgzo8] .et-notification-card h2,
[b-54dtnvgzo8] .et-notification-card p {
    margin: 0;
}

[b-54dtnvgzo8] .et-notification-card h2 {
    font-size: 1.2rem;
    line-height: 1.25;
}

[b-54dtnvgzo8] .et-notification-card p {
    color: var(--et-text-muted);
    line-height: 1.55;
}

[b-54dtnvgzo8] .et-notification-card-head,
[b-54dtnvgzo8] .et-notification-inline-content {
    display: flex;
    gap: var(--et-space-4);
    align-items: center;
}

/* Severity accessibility rule: never rely on color alone.
   Error/destructive = red + ×, warning = yellow + !,
   info/question = blue + ?, success = green + ✓. */
[b-54dtnvgzo8] .et-notification-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 999px;
    background: var(--et-status-info);
    color: var(--et-on-accent);
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
}

[b-54dtnvgzo8] .et-notification-card--success .et-notification-icon { background: var(--et-status-success); }
[b-54dtnvgzo8] .et-notification-card--warning .et-notification-icon { background: var(--et-status-warning); color: var(--et-bg); }
[b-54dtnvgzo8] .et-notification-card--error .et-notification-icon { background: var(--et-status-error); }
[b-54dtnvgzo8] .et-notification-card--question .et-notification-icon { background: var(--et-status-info); }

[b-54dtnvgzo8] .et-notification-severity {
    margin: 0 0 var(--et-space-1);
    color: var(--et-status-warning);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[b-54dtnvgzo8] .et-notification-close {
    position: absolute;
    top: var(--et-space-4);
    right: var(--et-space-4);
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--et-text-muted);
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 1;
}

[b-54dtnvgzo8] .et-notification-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-3);
    justify-content: flex-end;
}

[b-54dtnvgzo8] .et-notification-action {
    min-height: 2.75rem;
    padding: 0 var(--et-space-5);
    border: 1px solid var(--et-notification-border);
    border-radius: 10px;
    background: transparent;
    color: var(--et-text);
    cursor: pointer;
    font-weight: 800;
}

[b-54dtnvgzo8] .et-notification-close:focus-visible,
[b-54dtnvgzo8] .et-notification-action:focus-visible {
    outline: 0;
    box-shadow: var(--et-focus-ring);
}

[b-54dtnvgzo8] .et-notification-action--danger {
    border: 0;
    background: linear-gradient(135deg, var(--et-status-error), var(--et-status-error));
    color: var(--et-on-accent);
}

[b-54dtnvgzo8] .et-notification-progress {
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--et-notification-muted-panel);
}

[b-54dtnvgzo8] .et-notification-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--et-status-success), var(--et-status-success));
    animation: et-notification-progress-b-54dtnvgzo8 4.5s linear forwards;
}

[b-54dtnvgzo8] .et-notification-context-list {
    display: grid;
    gap: var(--et-space-2);
    margin: 0;
    padding: var(--et-space-4) var(--et-space-5);
    border-radius: 14px;
    background: var(--et-notification-muted-panel);
    color: var(--et-text-muted);
}

@keyframes et-notification-progress-b-54dtnvgzo8 {
    from { width: 100%; }
    to { width: 0%; }
}

@media (prefers-reduced-motion: reduce) {
    [b-54dtnvgzo8] .et-notification-progress span {
        width: 100%;
        animation: none;
    }
}

@media (max-width: 620px) {
    [b-54dtnvgzo8] .et-notification-card-head,
    [b-54dtnvgzo8] .et-notification-inline-content {
        align-items: flex-start;
    }

    [b-54dtnvgzo8] .et-notification-actions {
        display: grid;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
/* S19 — Error.razor scoped styles.
   Static SSR exception page. Tokens only (zero hex). Replaces the previous
   inline `style="..."` markers. */

.et-error-page[b-ihl01r24yi] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--et-bg);
    padding: 2rem;
}

.et-error-page__inner[b-ihl01r24yi] {
    text-align: center;
    max-width: 480px;
}

.et-error-page__title[b-ihl01r24yi] {
    color: var(--et-text);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.et-error-page__body[b-ihl01r24yi] {
    color: var(--et-text-muted);
    margin-bottom: 1.5rem;
}

.et-error-page__request-id[b-ihl01r24yi] {
    color: var(--et-text-muted);
    font-size: 0.85rem;
    margin-bottom: 1.5rem;
}

.et-error-page__request-id code[b-ihl01r24yi] {
    background-color: var(--et-surface-raised);
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    font-family: var(--et-font-mono, monospace);
    color: var(--et-text);
}

.et-error-page__link[b-ihl01r24yi] {
    color: var(--et-accent);
    text-decoration: none;
}

.et-error-page__link:hover[b-ihl01r24yi] {
    text-decoration: underline;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* S19 — Home.razor scoped styles.
   Replaces inline `style="color:var(...)"` on the brand spans and the version
   footer. Global `.welcome-*` classes continue to live in wwwroot/css/app.css. */

.et-brand-primary[b-c7fcv81zt5] {
    color: var(--et-text);
}

.et-brand-accent[b-c7fcv81zt5] {
    color: var(--et-accent);
}

.welcome-version[b-c7fcv81zt5] {
    margin-top: 3rem;
    color: var(--et-text-muted);
    font-size: 0.75rem;
}
/* /Components/Pages/ProviderPurchaseOrderCreateDialog.razor.rz.scp.css */
.et-ppo-create[b-3r6rgesmaf] {
    display: grid;
    gap: var(--et-space-3);
    max-height: min(68dvh, 38rem);
    overflow: auto;
    padding-right: var(--et-space-1);
}

.et-ppo-create__heading[b-3r6rgesmaf] {
    margin: 0;
    color: var(--et-text-primary);
    font-weight: 700;
    line-height: 1.2;
}

.et-ppo-create__heading--section[b-3r6rgesmaf] {
    font-size: 1rem;
}

.et-ppo-create__lines-section[b-3r6rgesmaf] {
    display: grid;
    gap: var(--et-space-3);
}

.et-ppo-create__line-toolbar[b-3r6rgesmaf] {
    background: var(--et-surface);
    margin-bottom: 0;
    padding-block: var(--et-space-1);
    position: sticky;
    top: 0;
    z-index: 2;
}

.et-ppo-create__summary-band[b-3r6rgesmaf] {
    align-items: center;
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
    display: grid;
    gap: var(--et-space-2);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: var(--et-space-3);
}

.et-ppo-create__summary-metric[b-3r6rgesmaf] {
    display: grid;
    gap: var(--et-space-1);
    min-width: 0;
}

.et-ppo-create__summary-metric span[b-3r6rgesmaf],
.et-ppo-create__line-label[b-3r6rgesmaf] {
    color: var(--et-text-muted);
}

.et-ppo-create__status-chip[b-3r6rgesmaf] {
    justify-self: start;
    width: fit-content;
}

.et-ppo-create__lines-scroll[b-3r6rgesmaf] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.et-ppo-create__lines-list[b-3r6rgesmaf] {
    display: grid;
    gap: var(--et-space-3);
    min-width: min(50rem, 100%);
}

.et-ppo-create__bottom-add[b-3r6rgesmaf] {
    background: var(--et-surface);
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    justify-self: stretch;
    padding-top: var(--et-space-3);
    padding-bottom: var(--et-space-1);
    position: sticky;
    width: 100%;
    z-index: 2;
}

.et-ppo-create__line-card[b-3r6rgesmaf] {
    min-width: 0;
    max-width: 100%;
    padding: var(--et-space-3);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
}

.et-ppo-create__line-grid[b-3r6rgesmaf] {
    display: grid;
    grid-template-columns: minmax(13rem, 1.6fr) minmax(10rem, 1.1fr) minmax(9rem, 1fr) minmax(7rem, 0.75fr) minmax(4rem, auto);
    gap: var(--et-space-2);
    align-items: start;
}

.et-ppo-create__cell[b-3r6rgesmaf] {
    min-width: 0;
}

.et-ppo-create__cell--quantity[b-3r6rgesmaf] {
    text-align: end;
}

.et-ppo-create__cell--actions[b-3r6rgesmaf] {
    align-items: center;
    display: flex;
    gap: var(--et-space-1);
    justify-content: flex-end;
    min-height: 44px;
}

[data-theme="light"] .et-ppo-create__line-card[b-3r6rgesmaf],
[data-theme="light"] .et-ppo-create__summary-band[b-3r6rgesmaf] {
    background: var(--et-surface-light);
    color: var(--et-text-light);
}

@media (max-width: 960px) {
    .et-ppo-create__line-grid[b-3r6rgesmaf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .et-ppo-create__cell--product[b-3r6rgesmaf],
    .et-ppo-create__cell--actions[b-3r6rgesmaf] {
        grid-column: 1 / -1;
    }

    .et-ppo-create__cell--actions[b-3r6rgesmaf] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .et-ppo-create[b-3r6rgesmaf] {
        max-height: 70dvh;
        padding-right: 0;
    }

    .et-ppo-create__lines-scroll[b-3r6rgesmaf] {
        overflow-x: visible;
    }

    .et-ppo-create__lines-list[b-3r6rgesmaf] {
        min-width: 0;
    }

    .et-ppo-create__summary-band[b-3r6rgesmaf],
    .et-ppo-create__line-grid[b-3r6rgesmaf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .et-ppo-create__cell[b-3r6rgesmaf]::before {
        color: var(--et-text-muted);
        content: attr(data-label);
        display: block;
        font-size: var(--et-text-xs);
        font-weight: 700;
        margin-bottom: var(--et-space-1);
        text-transform: uppercase;
    }

    .et-ppo-create__cell--quantity[b-3r6rgesmaf],
    .et-ppo-create__cell--actions[b-3r6rgesmaf] {
        text-align: start;
        justify-content: flex-start;
    }
}
/* /Components/Pages/ProviderPurchaseOrderDetailDialog.razor.rz.scp.css */
.et-ppo-detail[b-j53r3k70hx] {
    display: grid;
    gap: var(--et-space-4);
    max-height: min(76dvh, 48rem);
    overflow: auto;
    padding: var(--et-space-4);
}

.et-ppo-detail__section[b-j53r3k70hx] {
    display: grid;
    gap: var(--et-space-4);
    padding: 0;
}

.et-ppo-detail__context-card[b-j53r3k70hx],
.et-ppo-detail__history-row[b-j53r3k70hx] {
    background: var(--et-surface);
}

.et-ppo-detail__context-card[b-j53r3k70hx] {
    padding: 0;
}

.et-ppo-detail__section-inner[b-j53r3k70hx] {
    display: grid;
    gap: var(--et-space-4);
    padding: var(--et-space-5);
}

.et-ppo-detail__context-content[b-j53r3k70hx] {
    min-height: 8.5rem;
}

.et-ppo-detail__section-header[b-j53r3k70hx] {
    align-items: flex-start;
    display: flex;
    gap: var(--et-space-3);
    justify-content: space-between;
}

.et-ppo-detail__heading[b-j53r3k70hx] {
    color: var(--et-text-primary);
    font-weight: 700;
    line-height: 1.2;
}

.et-ppo-detail__summary-grid[b-j53r3k70hx],
.et-ppo-detail__section-copy[b-j53r3k70hx] {
    margin-top: 0;
}

.et-ppo-detail__field-label[b-j53r3k70hx] {
    color: var(--et-text-muted);
}

.et-ppo-detail__muted[b-j53r3k70hx] {
    color: var(--et-text-muted);
}

.et-ppo-detail__table[b-j53r3k70hx] {
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
    overflow: hidden;
}

.et-ppo-detail__table[b-j53r3k70hx]  .mud-table-container {
    padding: var(--et-space-2);
}

.et-ppo-detail__table[b-j53r3k70hx]  :is(th, td, .mud-table-cell) {
    padding: var(--et-space-3);
}

.et-ppo-detail__numeric[b-j53r3k70hx] {
    text-align: right;
}

.et-ppo-detail__history-list[b-j53r3k70hx] {
    display: grid;
    gap: var(--et-space-2);
    padding: var(--et-space-2);
}

.et-ppo-detail__history-row[b-j53r3k70hx] {
    align-items: center;
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
    display: grid;
    gap: var(--et-space-3);
    grid-template-columns: minmax(10rem, 1.1fr) minmax(9rem, 0.9fr) minmax(12rem, 1.8fr) minmax(9rem, auto);
    padding: var(--et-space-2) var(--et-space-3);
}

.et-ppo-detail__history-title[b-j53r3k70hx] {
    font-weight: 700;
}

.et-ppo-detail__history-actor[b-j53r3k70hx],
.et-ppo-detail__history-reason[b-j53r3k70hx] {
    color: var(--et-text-muted);
    min-width: 0;
}

.et-ppo-detail__history-date[b-j53r3k70hx] {
    color: var(--et-text-muted);
    justify-self: end;
    text-align: right;
    white-space: nowrap;
}

[data-theme="light"] .et-ppo-detail__context-card[b-j53r3k70hx],
[data-theme="light"] .et-ppo-detail__history-row[b-j53r3k70hx] {
    background: var(--et-surface-light);
    color: var(--et-text-light);
}

@media (max-width: 720px) {
    .et-ppo-detail[b-j53r3k70hx] {
        max-height: 72dvh;
        padding: var(--et-space-2);
    }

    .et-ppo-detail__section[b-j53r3k70hx] {
        padding: 0;
    }

    .et-ppo-detail__context-card[b-j53r3k70hx] {
        padding: 0;
    }

    .et-ppo-detail__section-inner[b-j53r3k70hx] {
        padding: var(--et-space-3);
    }

    .et-ppo-detail__table[b-j53r3k70hx]  .mud-table-container,
    .et-ppo-detail__history-list[b-j53r3k70hx] {
        padding: var(--et-space-1);
    }

    .et-ppo-detail__section-header[b-j53r3k70hx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .et-ppo-detail__history-row[b-j53r3k70hx] {
        align-items: flex-start;
        grid-template-columns: minmax(0, 1fr);
    }

    .et-ppo-detail__history-date[b-j53r3k70hx] {
        justify-self: start;
        text-align: start;
    }

    .et-ppo-detail__numeric[b-j53r3k70hx] {
        text-align: start;
    }
}
/* /Components/Pages/ProviderPurchaseOrderEditDialog.razor.rz.scp.css */
.et-ppo-edit[b-tc83e601s4] {
    display: grid;
    gap: var(--et-space-3);
    max-height: min(85dvh, 48rem);
    overflow: auto;
    padding-right: var(--et-space-1);
}

.et-ppo-edit__heading[b-tc83e601s4] {
    margin: 0;
    color: var(--et-text-primary);
    font-weight: 700;
    line-height: 1.2;
}

.et-ppo-edit__heading--section[b-tc83e601s4] {
    font-size: 1rem;
}

.et-ppo-edit__section[b-tc83e601s4],
.et-ppo-edit__lines-section[b-tc83e601s4] {
    display: grid;
    gap: var(--et-space-3);
}

.et-ppo-edit__notes-grid[b-tc83e601s4] {
    display: grid;
    gap: var(--et-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.et-ppo-edit__line-toolbar[b-tc83e601s4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--et-space-3);
    background: var(--et-surface);
    margin-bottom: 0;
    padding-block: var(--et-space-1);
    position: sticky;
    top: 0;
    z-index: 2;
}

.et-ppo-edit__lines-scroll[b-tc83e601s4] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.et-ppo-edit__lines-list[b-tc83e601s4] {
    display: grid;
    gap: var(--et-space-3);
    min-width: min(38rem, 100%);
}

.et-ppo-edit__line-card[b-tc83e601s4] {
    min-width: 0;
    max-width: 100%;
    padding: var(--et-space-3);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
}

.et-ppo-edit__line-grid[b-tc83e601s4] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.7fr) minmax(6rem, 0.65fr) minmax(7rem, 0.7fr) minmax(4rem, auto);
    gap: var(--et-space-2);
    align-items: start;
}

.et-ppo-edit__cell[b-tc83e601s4] {
    min-width: 0;
}

.et-ppo-edit__cell--quantity[b-tc83e601s4] {
    text-align: end;
}

.et-ppo-edit__cell--actions[b-tc83e601s4] {
    align-items: center;
    display: flex;
    gap: var(--et-space-1);
    justify-content: flex-end;
    min-height: 44px;
}

.et-ppo-edit__bottom-add[b-tc83e601s4] {
    background: var(--et-surface);
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    justify-self: stretch;
    padding-top: var(--et-space-3);
    padding-bottom: var(--et-space-1);
    position: sticky;
    width: 100%;
    z-index: 2;
}

[data-theme="light"] .et-ppo-edit__line-card[b-tc83e601s4] {
    background: var(--et-surface-light);
    color: var(--et-text-light);
}

.et-ppo-edit__field-label[b-tc83e601s4],
.et-ppo-edit__line-label[b-tc83e601s4] {
    color: var(--et-text-muted);
}

@media (max-width: 960px) {
    .et-ppo-edit__line-grid[b-tc83e601s4],
    .et-ppo-edit__notes-grid[b-tc83e601s4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .et-ppo-edit__cell--product[b-tc83e601s4],
    .et-ppo-edit__cell--actions[b-tc83e601s4] {
        grid-column: 1 / -1;
    }

    .et-ppo-edit__cell--actions[b-tc83e601s4] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .et-ppo-edit[b-tc83e601s4] {
        max-height: 70dvh;
        padding-right: 0;
    }

    .et-ppo-edit__lines-scroll[b-tc83e601s4] {
        overflow-x: visible;
    }

    .et-ppo-edit__lines-list[b-tc83e601s4] {
        min-width: 0;
    }

    .et-ppo-edit__line-grid[b-tc83e601s4],
    .et-ppo-edit__notes-grid[b-tc83e601s4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .et-ppo-edit__cell[b-tc83e601s4]::before {
        color: var(--et-text-muted);
        content: attr(data-label);
        display: block;
        font-size: var(--et-text-xs);
        font-weight: 700;
        margin-bottom: var(--et-space-1);
        text-transform: uppercase;
    }

    .et-ppo-edit__cell--quantity[b-tc83e601s4],
    .et-ppo-edit__cell--actions[b-tc83e601s4] {
        text-align: start;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Receiving.razor.rz.scp.css */
.et-receiving-management[b-5k3gcimwem] {
    display: grid;
    gap: 1rem;
}

.et-receiving-management__header[b-5k3gcimwem] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

[b-5k3gcimwem](.et-receiving-management__primary-action),
[b-5k3gcimwem](.et-receiving-management .et-empty-state--error .mud-button-filled-primary) {
    background-color: #047857;
    color: #ffffff;
}

[b-5k3gcimwem](.et-receiving-management__status-chip) {
    border: 1px solid transparent;
    font-weight: 700;
}

[b-5k3gcimwem](.et-receiving-management__status-chip--draft) {
    background-color: #1e3a8a;
    color: #ffffff;
}

[b-5k3gcimwem](.et-receiving-management__status-chip--completed) {
    background-color: #166534;
    color: #ffffff;
}

.et-receiving-management__business-summary[b-5k3gcimwem] {
    display: grid;
    gap: 0.25rem;
    min-width: min(22rem, 70vw);
    max-width: 34rem;
}

.et-receiving-management__business-heading[b-5k3gcimwem],
.et-receiving-management__business-line[b-5k3gcimwem] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.375rem;
}

[b-5k3gcimwem](.et-receiving-management__reference-link) {
    font-weight: 700;
}

.et-receiving-management__business-line[b-5k3gcimwem] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.875rem;
    line-height: 1.35;
}

.et-receiving-management__business-label[b-5k3gcimwem] {
    color: var(--mud-palette-text-primary);
    font-weight: 700;
}

.et-receiving-management__actions[b-5k3gcimwem] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.25rem;
    min-width: max-content;
}

.et-receiving-management__access[b-5k3gcimwem] {
    max-width: 48rem;
}

@media (max-width: 599px) {
    .et-receiving-management[b-5k3gcimwem] {
        min-width: 0;
        max-width: 100%;
        overflow-x: clip;
    }

    .et-receiving-management__business-summary[b-5k3gcimwem] {
        width: 100%;
        min-width: 0;
        max-width: calc(100vw - 2rem);
        overflow-wrap: anywhere;
    }

    .et-receiving-management__business-heading[b-5k3gcimwem],
    .et-receiving-management__business-line[b-5k3gcimwem] {
        min-width: 0;
        max-width: 100%;
    }

    [b-5k3gcimwem](.et-receiving-management__reference-link) {
        max-width: 100%;
    }

    .et-receiving-management__business-line > span:last-child[b-5k3gcimwem] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .et-receiving-management__actions[b-5k3gcimwem] {
        min-width: 0;
        max-width: 100%;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Sales/CreditNotes.razor.rz.scp.css */
.et-credit-notes-header[b-bfslirgv7w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--et-space-4);
    flex-wrap: wrap;
}

.et-credit-notes-amount[b-bfslirgv7w] {
    font-variant-numeric: tabular-nums;
}

.et-credit-notes-amount--available[b-bfslirgv7w] {
    color: var(--et-status-warning);
    font-weight: 600;
}

@media (max-width: 640px) {
    .et-credit-notes-header[b-bfslirgv7w] {
        align-items: stretch;
    }
}
/* /Components/Pages/Transfers/TransferCreateDialog.razor.rz.scp.css */
.et-transfer-type-filters[b-y3envg83c7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-2);
    margin-bottom: var(--et-space-4);
    min-width: 0;
}

.et-stock-type-filter[b-y3envg83c7] {
    border: 1px solid color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 48%, var(--et-border));
    border-radius: var(--et-radius-btn);
    background: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 12%, transparent);
    color: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 78%, var(--et-text));
    cursor: pointer;
    font-size: var(--et-text-sm);
    font-weight: 700;
    min-height: 2.75rem;
    padding: 0 var(--et-space-3);
    transition:
        background var(--et-motion-fast) var(--et-ease-standard),
        border-color var(--et-motion-fast) var(--et-ease-standard),
        color var(--et-motion-fast) var(--et-ease-standard);
}

.et-stock-type-filter:hover[b-y3envg83c7],
.et-stock-type-filter:focus-visible[b-y3envg83c7] {
    background: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 24%, transparent);
    border-color: var(--et-stock-filter-accent, var(--et-accent));
    outline: 2px solid color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 42%, transparent);
    outline-offset: 2px;
}

.et-stock-type-filter.is-active[b-y3envg83c7] {
    background: var(--et-stock-filter-accent, var(--et-accent));
    border-color: var(--et-stock-filter-accent, var(--et-accent));
    color: var(--et-on-accent);
}

.et-stock-type-filter--all[b-y3envg83c7] { --et-stock-filter-accent: var(--et-accent); }
.et-stock-type-filter--supplies[b-y3envg83c7] { --et-stock-filter-accent: var(--et-status-success); }
.et-stock-type-filter--raw-materials[b-y3envg83c7] { --et-stock-filter-accent: var(--et-status-warning); }
.et-stock-type-filter--production[b-y3envg83c7] { --et-stock-filter-accent: var(--et-status-info); }

.et-transfer-items-header[b-y3envg83c7],
.et-transfer-item-card__header[b-y3envg83c7],
.et-transfer-items-bottom-action[b-y3envg83c7] {
    align-items: center;
    display: flex;
    gap: var(--et-space-3);
}

.et-transfer-items-header[b-y3envg83c7],
.et-transfer-item-card__header[b-y3envg83c7] {
    justify-content: space-between;
}

.et-transfer-items-header[b-y3envg83c7] {
    margin-bottom: var(--et-space-3);
}

.et-transfer-item-card[b-y3envg83c7] {
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
}

.et-transfer-item-card__header[b-y3envg83c7] {
    gap: var(--et-space-2);
    margin-bottom: var(--et-space-2);
}

.et-transfer-items-bottom-action[b-y3envg83c7] {
    justify-content: flex-end;
    margin-top: var(--et-space-2);
}

@media (max-width: 640px) {
    .et-transfer-items-header[b-y3envg83c7],
    .et-transfer-item-card__header[b-y3envg83c7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .et-transfer-items-bottom-action[b-y3envg83c7] {
        justify-content: stretch;
    }
}
/* /Components/Pages/Transfers/TransferEditDialog.razor.rz.scp.css */
.et-transfer-type-filters[b-85tuzii574] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-2);
    margin-bottom: var(--et-space-4);
    min-width: 0;
}

.et-stock-type-filter[b-85tuzii574] {
    border: 1px solid color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 48%, var(--et-border));
    border-radius: var(--et-radius-btn);
    background: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 12%, transparent);
    color: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 78%, var(--et-text));
    cursor: pointer;
    font-size: var(--et-text-sm);
    font-weight: 700;
    min-height: 2.75rem;
    padding: 0 var(--et-space-3);
    transition:
        background var(--et-motion-fast) var(--et-ease-standard),
        border-color var(--et-motion-fast) var(--et-ease-standard),
        color var(--et-motion-fast) var(--et-ease-standard);
}

.et-stock-type-filter:hover[b-85tuzii574],
.et-stock-type-filter:focus-visible[b-85tuzii574] {
    background: color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 24%, transparent);
    border-color: var(--et-stock-filter-accent, var(--et-accent));
    outline: 2px solid color-mix(in srgb, var(--et-stock-filter-accent, var(--et-accent)) 42%, transparent);
    outline-offset: 2px;
}

.et-stock-type-filter.is-active[b-85tuzii574] {
    background: var(--et-stock-filter-accent, var(--et-accent));
    border-color: var(--et-stock-filter-accent, var(--et-accent));
    color: var(--et-on-accent);
}

.et-stock-type-filter--all[b-85tuzii574] { --et-stock-filter-accent: var(--et-accent); }
.et-stock-type-filter--supplies[b-85tuzii574] { --et-stock-filter-accent: var(--et-status-success); }
.et-stock-type-filter--raw-materials[b-85tuzii574] { --et-stock-filter-accent: var(--et-status-warning); }
.et-stock-type-filter--production[b-85tuzii574] { --et-stock-filter-accent: var(--et-status-info); }

.et-transfer-items-header[b-85tuzii574],
.et-transfer-item-card__header[b-85tuzii574],
.et-transfer-items-bottom-action[b-85tuzii574] {
    align-items: center;
    display: flex;
    gap: var(--et-space-3);
}

.et-transfer-items-header[b-85tuzii574],
.et-transfer-item-card__header[b-85tuzii574] {
    justify-content: space-between;
}

.et-transfer-items-header[b-85tuzii574] {
    margin-bottom: var(--et-space-3);
}

.et-transfer-item-card[b-85tuzii574] {
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
}

.et-transfer-item-card__header[b-85tuzii574] {
    gap: var(--et-space-2);
    margin-bottom: var(--et-space-2);
}

.et-transfer-items-bottom-action[b-85tuzii574] {
    justify-content: flex-end;
    margin-top: var(--et-space-2);
}

@media (max-width: 640px) {
    .et-transfer-items-header[b-85tuzii574],
    .et-transfer-item-card__header[b-85tuzii574] {
        align-items: flex-start;
        flex-direction: column;
    }

    .et-transfer-items-bottom-action[b-85tuzii574] {
        justify-content: stretch;
    }
}
/* /Components/Pages/__DialogPreview.razor.rz.scp.css */
/* __DialogPreview — internal gallery styles only.
   These classes render static review examples; they are not dialog API. */

.dialog-preview__header[b-kdebduspwc] {
    margin-bottom: var(--et-space-4);
}

.dialog-preview__notice[b-kdebduspwc] {
    background: var(--et-surface-2);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-lg);
    color: var(--et-text);
    margin-bottom: var(--et-space-5);
    padding: var(--et-space-3) var(--et-space-4);
}

.dialog-preview__toolbar[b-kdebduspwc] {
    align-items: center;
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-lg);
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-3);
    justify-content: space-between;
    margin-bottom: var(--et-space-5);
    padding: var(--et-space-3) var(--et-space-4);
}

.dialog-preview__toolbar-group[b-kdebduspwc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-2);
}

.dialog-preview__toolbar-label[b-kdebduspwc] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    font-weight: 700;
}

.dialog-preview__toolbar-note[b-kdebduspwc] {
    color: var(--et-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--et-text-sm);
    gap: var(--et-space-1);
    max-width: 560px;
}

.dialog-preview__grid[b-kdebduspwc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 34rem), 1fr));
    gap: var(--et-space-5);
}

.dialog-preview__grid[b-kdebduspwc]  .dialog-preview__card {
    min-width: 0;
}

.dialog-preview__grid[b-kdebduspwc]  .dialog-preview__card--wide,
.dialog-preview__grid[b-kdebduspwc]  .dialog-preview__card--full {
    grid-column: 1 / -1;
}

.dialog-preview__meta[b-kdebduspwc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-2);
    margin-bottom: var(--et-space-3);
}

.dialog-preview__meta span[b-kdebduspwc] {
    background: var(--et-surface-2);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-pill);
    color: var(--et-text-muted);
    font-size: var(--et-text-xs);
    padding: var(--et-space-1) var(--et-space-2);
}

.dialog-preview__modal[b-kdebduspwc] {
    --dialog-preview-field-min: 22ch;
    --dialog-preview-panel-field-min: 24ch;
    --dialog-preview-panel-min: 34ch;

    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-lg);
    box-shadow: var(--et-modal-edge);
    color: var(--et-text);
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    max-width: 560px;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.dialog-preview__modal--compact[b-kdebduspwc] {
    max-width: 440px;
}

.dialog-preview__modal--wide[b-kdebduspwc] {
    max-width: 760px;
}

.dialog-preview__modal--complex[b-kdebduspwc] {
    max-width: 960px;
}

.dialog-preview__modal-header[b-kdebduspwc],
.dialog-preview__modal-footer[b-kdebduspwc] {
    align-items: center;
    display: flex;
    gap: var(--et-space-2);
    padding: var(--et-space-4);
}

.dialog-preview__modal-header[b-kdebduspwc] {
    border-bottom: 1px solid var(--et-border);
}

.dialog-preview__modal-header--stacked[b-kdebduspwc] {
    align-items: stretch;
    flex-direction: column;
}

.dialog-preview__modal-header h2[b-kdebduspwc],
.dialog-preview__title-row h2[b-kdebduspwc],
.dialog-preview__panel h3[b-kdebduspwc] {
    color: var(--et-text);
    font-size: var(--et-text-lg);
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
}

.dialog-preview__title-row[b-kdebduspwc] {
    align-items: center;
    display: flex;
    gap: var(--et-space-2);
}

.dialog-preview__modal-body[b-kdebduspwc] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-3);
    padding: var(--et-space-4);
}

.dialog-preview__modal-body--scroll[b-kdebduspwc] {
    max-height: 360px;
    overflow: auto;
}

.dialog-preview__modal-footer[b-kdebduspwc] {
    border-top: 1px solid var(--et-border);
    justify-content: flex-end;
}

.dialog-preview__icon[b-kdebduspwc] {
    color: var(--et-accent);
}

.dialog-preview__icon--danger[b-kdebduspwc] {
    color: var(--et-status-error);
}

.dialog-preview__icon--warning[b-kdebduspwc] {
    color: var(--et-status-warning);
}

.dialog-preview__warning[b-kdebduspwc],
.dialog-preview__alert[b-kdebduspwc] {
    border-radius: var(--et-radius-md);
    margin: 0;
    padding: var(--et-space-3);
}

.dialog-preview__warning[b-kdebduspwc],
.dialog-preview__alert--warning[b-kdebduspwc] {
    background: var(--et-status-warning-soft);
    color: var(--et-status-warning-text-soft);
}

.dialog-preview__probe-note[b-kdebduspwc] {
    color: var(--et-text-muted);
    margin: 0;
}

.dialog-preview__field-grid[b-kdebduspwc] {
    display: grid;
    gap: var(--et-space-3);
}

.dialog-preview__field-grid--two[b-kdebduspwc] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dialog-preview-field-min)), 1fr));
}

.dialog-preview__field-grid--panel[b-kdebduspwc] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dialog-preview-panel-field-min)), 1fr));
}

.dialog-preview__field[b-kdebduspwc],
.dialog-preview__field span[b-kdebduspwc] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-1);
}

.dialog-preview__field span[b-kdebduspwc],
.dialog-preview__definition-grid dt[b-kdebduspwc] {
    color: var(--et-text-muted);
    font-size: var(--et-text-xs);
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.dialog-preview__field input[b-kdebduspwc],
.dialog-preview__field textarea[b-kdebduspwc] {
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-md);
    color: var(--et-text);
    font: inherit;
    min-width: 0;
    padding: var(--et-space-2) var(--et-space-3);
}

.dialog-preview__field textarea[b-kdebduspwc] {
    min-height: 88px;
    resize: vertical;
}

.dialog-preview__field--full[b-kdebduspwc] {
    grid-column: 1 / -1;
}

.dialog-preview__definition-grid[b-kdebduspwc] {
    display: grid;
    gap: var(--et-space-3);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18ch), 1fr));
    margin: 0;
}

.dialog-preview__definition-grid--single[b-kdebduspwc] {
    grid-template-columns: 1fr;
}

.dialog-preview__definition-grid div[b-kdebduspwc] {
    min-width: 0;
}

.dialog-preview__definition-grid dd[b-kdebduspwc] {
    color: var(--et-text);
    font-weight: 600;
    margin: var(--et-space-1) 0 0;
    overflow-wrap: anywhere;
}

.dialog-preview__table-wrap[b-kdebduspwc] {
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-lg);
    overflow: auto;
}

.dialog-preview__table[b-kdebduspwc] {
    border-collapse: collapse;
    min-width: 560px;
    width: 100%;
}

.dialog-preview__table th[b-kdebduspwc],
.dialog-preview__table td[b-kdebduspwc] {
    border-bottom: 1px solid var(--et-border);
    padding: var(--et-space-2) var(--et-space-3);
    text-align: left;
    vertical-align: middle;
}

.dialog-preview__table th[b-kdebduspwc] {
    background: var(--et-surface-2);
    color: var(--et-text-muted);
    font-size: var(--et-text-xs);
    font-weight: 700;
    text-transform: uppercase;
}

.dialog-preview__table tr:last-child td[b-kdebduspwc] {
    border-bottom: 0;
}

.dialog-preview__tabs[b-kdebduspwc] {
    display: flex;
    gap: var(--et-space-2);
    overflow-x: auto;
}

.dialog-preview__tab[b-kdebduspwc] {
    border-bottom: 2px solid transparent;
    color: var(--et-text-muted);
    flex: 0 0 auto;
    font-weight: 600;
    padding: var(--et-space-2) var(--et-space-1);
}

.dialog-preview__tab--active[b-kdebduspwc] {
    border-color: var(--et-accent);
    color: var(--et-accent);
}

.dialog-preview__split[b-kdebduspwc] {
    display: grid;
    gap: var(--et-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dialog-preview-panel-min)), 1fr));
}

.dialog-preview__panel[b-kdebduspwc] {
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-lg);
    display: flex;
    flex-direction: column;
    gap: var(--et-space-3);
    padding: var(--et-space-4);
}

.dialog-preview__panel--aside[b-kdebduspwc] {
    background: var(--et-surface-2);
}

@media (max-width: 900px) {
    .dialog-preview__grid[b-kdebduspwc]  .dialog-preview__card--wide,
    .dialog-preview__grid[b-kdebduspwc]  .dialog-preview__card--full {
        grid-column: auto;
    }

    .dialog-preview__panel[b-kdebduspwc] {
        min-width: 0;
    }
}

@media (max-width: 520px) {
    .dialog-preview__grid[b-kdebduspwc]  .dialog-preview__card,
    .dialog-preview__modal[b-kdebduspwc],
    .dialog-preview__modal--compact[b-kdebduspwc],
    .dialog-preview__modal--wide[b-kdebduspwc],
    .dialog-preview__modal--complex[b-kdebduspwc] {
        max-width: 100%;
        min-width: 0;
    }

    .dialog-preview__modal-header[b-kdebduspwc],
    .dialog-preview__modal-body[b-kdebduspwc],
    .dialog-preview__modal-footer[b-kdebduspwc] {
        padding: var(--et-space-3);
    }

    .dialog-preview__modal-footer[b-kdebduspwc] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .dialog-preview__title-row[b-kdebduspwc] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .dialog-preview__tabs[b-kdebduspwc] {
        margin-inline: calc(var(--et-space-3) * -1);
        padding-inline: var(--et-space-3);
    }

    .dialog-preview__definition-grid[b-kdebduspwc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dialog-preview__panel[b-kdebduspwc] {
        padding: var(--et-space-3);
    }

    .dialog-preview__panel h3[b-kdebduspwc] {
        overflow-wrap: anywhere;
    }

    .dialog-preview__field[b-kdebduspwc],
    .dialog-preview__field input[b-kdebduspwc],
    .dialog-preview__field textarea[b-kdebduspwc] {
        width: 100%;
    }
}
/* /Components/Pages/__EndoPlayground.razor.rz.scp.css */
/* S04 EndoUI playground — scoped CSS isolation.
   Tokens consumidos: --et-surface, --et-border, --et-text, --et-text-muted,
   --et-space-*, --et-radius-card. Todos funcionan en dark y light via S02. */

.playground-grid[b-bca45f9wt8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--et-space-6);
    padding-bottom: var(--et-space-12);
}

.playground-card[b-bca45f9wt8] {
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
    padding: var(--et-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--et-space-4);
}

.playground-card--full[b-bca45f9wt8] {
    grid-column: 1 / -1;
}

.playground-card__header h2[b-bca45f9wt8] {
    color: var(--et-text);
    font-size: var(--et-text-lg);
    font-weight: 600;
    margin: 0 0 var(--et-space-1);
}

.playground-card__header p[b-bca45f9wt8] {
    color: var(--et-text-muted);
    font-size: var(--et-text-xs);
    margin: 0;
    font-family: var(--et-font);
}

.playground-card__body[b-bca45f9wt8] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-3);
}

.playground-card__echo[b-bca45f9wt8] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    margin: 0;
    padding: var(--et-space-2) var(--et-space-3);
    background: var(--et-surface-2);
    border-radius: var(--et-radius-sm);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.playground-card__row[b-bca45f9wt8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--et-space-3);
}

/* /Components/Pages/__KpiCardPreview.razor.rz.scp.css */
/* __KpiCardPreview — scoped CSS.
   Demo-only chrome for the 4 anatomies (bar chart, aging, submetrics).
   These styles are NOT part of the KpiCard API — they live on the preview
   page because the component slots a RenderFragment as-is. */

.kpi-preview-row[b-ctghkvpek7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: var(--et-space-4);
    margin-bottom: var(--et-space-6);
}

.kpi-preview-subhead[b-ctghkvpek7] {
    color: var(--et-text);
    font-size: var(--et-text-xl);
    font-weight: 600;
    margin: var(--et-space-6) 0 var(--et-space-3);
}

.kpi-preview-echo[b-ctghkvpek7] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    margin-top: var(--et-space-3);
}

/* --- Card 2 — Mini bar chart vertical (Producción) --- */
.kpi-preview-bars[b-ctghkvpek7] {
    width: 100%;
    height: 40px;
}

.kpi-preview-bar[b-ctghkvpek7] {
    fill: var(--et-status-warning);
}

.kpi-preview-bar--dim[b-ctghkvpek7] {
    fill: var(--et-status-warning);
    fill-opacity: 0.35;
}

/* --- Card 3 — Aging horizontal bars (Cuentas por cobrar).
   Proportional flex ratios 33/24/19/14 → distribución visual del portfolio.
   Colors per reference: success → accent → warning → error. */
.kpi-preview-aging[b-ctghkvpek7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.kpi-preview-aging__bars[b-ctghkvpek7] {
    display: flex;
    align-items: stretch;
    gap: 3px;
    height: 18px;
}

.kpi-preview-aging__bar[b-ctghkvpek7] {
    border-radius: 4px;
    display: block;
    min-width: 8px;
}

.kpi-preview-aging__bar--0-30[b-ctghkvpek7]    { flex: 33; background: var(--et-status-success); }
.kpi-preview-aging__bar--31-60[b-ctghkvpek7]   { flex: 24; background: var(--et-accent); }
.kpi-preview-aging__bar--61-90[b-ctghkvpek7]   { flex: 19; background: var(--et-status-warning); }
.kpi-preview-aging__bar--90-plus[b-ctghkvpek7] { flex: 14; background: var(--et-status-error); }

.kpi-preview-aging__labels[b-ctghkvpek7] {
    display: flex;
    gap: 3px;
    color: var(--et-text-muted);
    font-size: var(--et-text-xs);
    font-weight: 500;
}

.kpi-preview-aging__labels span[b-ctghkvpek7] {
    text-align: center;
}

.kpi-preview-aging__labels span:nth-child(1)[b-ctghkvpek7] { flex: 33; }
.kpi-preview-aging__labels span:nth-child(2)[b-ctghkvpek7] { flex: 24; }
.kpi-preview-aging__labels span:nth-child(3)[b-ctghkvpek7] { flex: 19; }
.kpi-preview-aging__labels span:nth-child(4)[b-ctghkvpek7] { flex: 14; }

/* --- Card 4 — Sub-metrics nested (Trazabilidad) --- */
.kpi-preview-submetrics[b-ctghkvpek7] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--et-space-4);
    margin: 0;
}

.kpi-preview-submetrics > div[b-ctghkvpek7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.kpi-preview-submetrics dt[b-ctghkvpek7] {
    color: var(--et-text-muted);
    font-size: var(--et-text-xs);
    font-weight: 500;
    margin: 0;
}

.kpi-preview-submetrics dd[b-ctghkvpek7] {
    color: var(--et-status-success);
    font-size: var(--et-text-lg);
    font-weight: 600;
    margin: 0;
    line-height: 1.1;
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.kpi-preview-submetrics__unit[b-ctghkvpek7] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    font-weight: 500;
}

/* Responsive — out-of-scope per prompt, but keeps the preview usable on
   narrow viewports during manual QA. */
@media (max-width: 1100px) {
    .kpi-preview-row[b-ctghkvpek7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .kpi-preview-row[b-ctghkvpek7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/EndoConfirmDialog.razor.rz.scp.css */
/* EndoConfirmDialog — notification DecisionPanel visual shell.
   CSS isolation prevents NotificationHost.razor.css from styling this dialog,
   so the approved notification classes are duplicated here by class name. */

[b-kirvqgam3a] .et-confirm-dialog-shell {
    overflow: visible;
    border: 0;
    border-radius: 18px;
    background: transparent;
    box-shadow: none;
}

[b-kirvqgam3a] .et-confirm-dialog-shell .mud-dialog-content {
    overflow: visible;
    padding: 0;
    background: transparent;
}

.et-notification-card[b-kirvqgam3a] {
    position: relative;
    border: 1px solid var(--et-notification-border);
    color: var(--et-text);
    box-shadow: 0 22px 54px var(--et-notification-shadow);
}

.et-notification-decision-panel[b-kirvqgam3a] {
    display: grid;
    gap: var(--et-space-4);
    box-sizing: border-box;
    width: 100%;
    margin: auto;
    padding: var(--et-space-5);
    border-radius: 18px;
    background: linear-gradient(145deg, var(--et-surface-2), var(--et-bg));
}

.et-notification-card h2[b-kirvqgam3a],
.et-notification-card p[b-kirvqgam3a] {
    margin: 0;
}

.et-notification-card h2[b-kirvqgam3a] {
    font-size: 1.2rem;
    line-height: 1.25;
}

.et-notification-card p[b-kirvqgam3a] {
    color: var(--et-text-muted);
    line-height: 1.55;
}

.et-notification-card-head[b-kirvqgam3a] {
    display: flex;
    align-items: center;
    gap: var(--et-space-4);
}

.et-notification-icon[b-kirvqgam3a] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 999px;
    background: var(--et-status-info);
    color: var(--et-on-accent);
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
}

.et-notification-card--warning .et-notification-icon[b-kirvqgam3a] {
    background: var(--et-status-warning);
    color: var(--et-bg);
}

.et-notification-card--error .et-notification-icon[b-kirvqgam3a] {
    background: var(--et-status-error);
}

.et-confirm-dialog__type-to-confirm[b-kirvqgam3a] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-2);
    padding: var(--et-space-3);
    border-radius: 14px;
    background: var(--et-notification-muted-panel);
    color: var(--et-text-muted);
}

.et-confirm-dialog__type-to-confirm-helper[b-kirvqgam3a] {
    color: var(--et-text-muted);
    font-size: 0.875rem;
    line-height: 1.45;
}

.et-notification-actions[b-kirvqgam3a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-3);
    justify-content: flex-end;
}

.et-notification-action[b-kirvqgam3a] {
    min-height: 2.75rem;
    padding: 0 var(--et-space-5);
    border: 1px solid var(--et-notification-border);
    border-radius: 10px;
    background: transparent;
    color: var(--et-text);
    cursor: pointer;
    font-weight: 800;
}

.et-notification-action--danger[b-kirvqgam3a] {
    border: 0;
    background: linear-gradient(135deg, var(--et-status-error), var(--et-status-error));
    color: var(--et-on-accent);
}

.et-notification-action:disabled[b-kirvqgam3a] {
    cursor: not-allowed;
    opacity: 0.55;
}

.et-notification-action:focus-visible[b-kirvqgam3a] {
    outline: 0;
    box-shadow: var(--et-focus-ring);
}

@media (max-width: 620px) {
    .et-notification-card-head[b-kirvqgam3a] {
        align-items: flex-start;
    }

    .et-notification-actions[b-kirvqgam3a] {
        display: grid;
    }
}
/* /Components/Shared/EndoDataGridPager.razor.rz.scp.css */
/* EndoDataGridPager — compact page-size selector without broad StandardGrid effects. */

.endo-data-grid-pager[b-l9n29v8mah] {
    gap: var(--et-space-1);
    flex-wrap: wrap;
}

.endo-data-grid-pager-shell[b-l9n29v8mah]  .endo-data-grid-pager__page-size {
    width: 5.75rem;
    min-width: 5.75rem;
    max-width: 5.75rem;
    flex: 0 0 5.75rem;
}

.endo-data-grid-pager-shell[b-l9n29v8mah]  .endo-data-grid-pager__page-size .mud-input,
.endo-data-grid-pager-shell[b-l9n29v8mah]  .endo-data-grid-pager__page-size .mud-select-input,
.endo-data-grid-pager-shell[b-l9n29v8mah]  .endo-data-grid-pager__page-size .mud-input-control-input-container {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.endo-data-grid-pager-shell[b-l9n29v8mah]  .mud-table-pagination-actions {
    flex: 0 0 auto;
}
/* /Components/Shared/EndoDataToolbar.razor.rz.scp.css */
/* EndoDataToolbar — scoped CSS (S06).
   Horizontal flex row with wrapping. Slots take their natural width; the search
   slot grows to fill. All spacing from --et-space-* tokens. */

.et-data-toolbar[b-dhi0fusa71] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--et-space-3);
    padding: var(--et-space-3) var(--et-space-4);
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
    margin-bottom: var(--et-space-4);
}

.et-data-toolbar__search[b-dhi0fusa71] {
    flex: 1 1 240px;
    min-width: 200px;
}

.et-data-toolbar__scope[b-dhi0fusa71] {
    flex: 0 0 auto;
    min-width: 160px;
}

.et-data-toolbar__filters[b-dhi0fusa71],
.et-data-toolbar__advanced[b-dhi0fusa71],
.et-data-toolbar__trailing[b-dhi0fusa71] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--et-space-2);
}

.et-data-toolbar__trailing[b-dhi0fusa71] {
    margin-left: auto;
}

.et-data-toolbar__clear[b-dhi0fusa71] {
    flex: 0 0 auto;
}
/* /Components/Shared/EndoEmptyState.razor.rz.scp.css */
/* EndoEmptyState — scoped CSS (S06).
   Legacy .et-empty-state* rules in app.css are preserved (consumed by the
   existing pages). This scoped sheet adds the variant-specific color hooks
   via the BEM-style modifier classes applied on the root element. */

.et-empty-state[b-kzlpdtuiwo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--et-space-8) var(--et-space-4);
    gap: var(--et-space-2);
    color: var(--et-text);
}

.et-empty-state-icon[b-kzlpdtuiwo] {
    color: var(--et-text-muted);
    opacity: 0.6;
    margin-bottom: var(--et-space-2);
}

.et-empty-state--error .et-empty-state-icon[b-kzlpdtuiwo] {
    color: var(--et-status-error);
    opacity: 1;
}

.et-empty-state-title[b-kzlpdtuiwo] {
    color: var(--et-text);
    font-size: var(--et-text-lg);
    font-weight: 600;
    margin: 0;
}

.et-empty-state-description[b-kzlpdtuiwo] {
    color: var(--et-text-muted);
    font-size: var(--et-text-base);
    max-width: 42ch;
    margin: 0;
}

.et-empty-state-action[b-kzlpdtuiwo] {
    margin-top: var(--et-space-3);
}
/* /Components/Shared/EndoLoadingSkeleton.razor.rz.scp.css */
/* EndoLoadingSkeleton — scoped CSS (S06).
   Pure-CSS shimmer driven by --et-surface-2 over --et-surface. Respects
   prefers-reduced-motion so users who disabled animations see a flat
   placeholder. */

.et-loading-skeleton[b-n8inrvxdzi] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-2);
    padding: var(--et-space-2) 0;
}

.et-loading-skeleton__row[b-n8inrvxdzi],
.et-loading-skeleton__row--header[b-n8inrvxdzi],
.et-loading-skeleton__card-header[b-n8inrvxdzi],
.et-loading-skeleton__line[b-n8inrvxdzi] {
    background: var(--et-surface-2);
    border-radius: var(--et-radius-sm);
    position: relative;
    overflow: hidden;
}

.et-loading-skeleton__row[b-n8inrvxdzi] {
    height: 2.25rem;
    width: 100%;
}

.et-loading-skeleton__row--header[b-n8inrvxdzi] {
    height: 2.5rem;
    width: 100%;
    opacity: 0.65;
}

.et-loading-skeleton__card-header[b-n8inrvxdzi] {
    height: 4rem;
    width: 100%;
    margin-bottom: var(--et-space-2);
}

.et-loading-skeleton__line[b-n8inrvxdzi] {
    height: 1rem;
}

.et-loading-skeleton__line--100[b-n8inrvxdzi] { width: 100%; }
.et-loading-skeleton__line--80[b-n8inrvxdzi]  { width: 80%; }
.et-loading-skeleton__line--60[b-n8inrvxdzi]  { width: 60%; }

.et-loading-skeleton__row[b-n8inrvxdzi]::after,
.et-loading-skeleton__row--header[b-n8inrvxdzi]::after,
.et-loading-skeleton__card-header[b-n8inrvxdzi]::after,
.et-loading-skeleton__line[b-n8inrvxdzi]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--et-hover-overlay) 50%,
        transparent 100%
    );
    transform: translateX(-100%);
    animation: et-skeleton-shimmer-b-n8inrvxdzi 1.4s var(--et-ease-standard) infinite;
}

@keyframes et-skeleton-shimmer-b-n8inrvxdzi {
    to { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
    .et-loading-skeleton__row[b-n8inrvxdzi]::after,
    .et-loading-skeleton__row--header[b-n8inrvxdzi]::after,
    .et-loading-skeleton__card-header[b-n8inrvxdzi]::after,
    .et-loading-skeleton__line[b-n8inrvxdzi]::after {
        animation: none;
    }
}
/* /Components/Shared/EndoPageHeader.razor.rz.scp.css */
/* EndoPageHeader — scoped CSS (S06).
   Visual baseline kept from app.css .et-page-header rules. Extends with an
   actions slot on the right via flex layout + optional breadcrumb row.
   All values come from the canonical --et-* tokens (no hex, no hard-coded px). */

.et-page-header[b-92exr2333u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--et-space-4);
    margin-bottom: var(--et-space-6);
}

.et-page-header__titles[b-92exr2333u] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-1);
    min-width: 0;
}

.et-page-header__breadcrumb[b-92exr2333u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--et-space-2);
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    margin-bottom: var(--et-space-1);
}

.et-page-header__breadcrumb a[b-92exr2333u] {
    color: var(--et-text-muted);
    text-decoration: none;
    transition: color var(--et-motion-fast) var(--et-ease-standard);
}

.et-page-header__breadcrumb a:hover[b-92exr2333u] {
    color: var(--et-accent);
}

.et-page-header__breadcrumb-sep[b-92exr2333u] {
    color: var(--et-text-muted);
    opacity: 0.5;
}

.et-page-header__title-row[b-92exr2333u] {
    display: flex;
    align-items: center;
    gap: var(--et-space-2);
}

.et-page-header__icon[b-92exr2333u] {
    color: var(--et-accent);
}

.et-page-header__actions[b-92exr2333u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--et-space-2);
    flex-shrink: 0;
}
/* /Components/Shared/EndoSectionCard.razor.rz.scp.css */
/* EndoSectionCard — scoped CSS (S06).
   Surface + padding from --et-* tokens. When Elevation=0 we ADD a subtle border
   so the card is distinguishable from the page background; MudPaper itself does
   not emit a border on elevation-0 paper. */

.et-section-card[b-sowl186ixs] {
    background: var(--et-surface);
    border-radius: var(--et-radius-card);
    padding: var(--et-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--et-space-4);
    color: var(--et-text);
}

.et-section-card.mud-elevation-0[b-sowl186ixs] {
    border: 1px solid var(--et-border);
}

.et-section-card__header[b-sowl186ixs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--et-space-4);
}

.et-section-card__titles[b-sowl186ixs] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-1);
    min-width: 0;
}

.et-section-card__titles h2[b-sowl186ixs] {
    color: var(--et-text);
    font-size: var(--et-text-lg);
    font-weight: 600;
    margin: 0;
}

.et-section-card__subtitle[b-sowl186ixs] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    margin: 0;
}

.et-section-card__actions[b-sowl186ixs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--et-space-2);
    flex-shrink: 0;
}

.et-section-card__body[b-sowl186ixs] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-3);
}

.et-section-card__body--dense[b-sowl186ixs] {
    gap: var(--et-space-2);
}
/* /Components/Shared/KpiCard.razor.rz.scp.css */
/* KpiCard — scoped CSS (S-Found-Card PoC).
   Tokens only (--et-*) — zero hex literals. Refit to match
   docs/handoff/kpicard-reference.html:
   - No left accent bar (reference has none).
   - Icon always uses --et-accent (brand), variant only drives badge/hover.
   - Badge/Delta flat (no pill bg), colored text only.
   - Drill-down arrow absolute top-right (teal accent).
   - Interactive hover: subtle teal→purple gradient bg + tinted border. */

.et-kpi-card[b-l1rlja641w] {
    position: relative;
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-radius-card);
    color: var(--et-text);
    padding: var(--et-space-6);
    display: flex;
    flex-direction: column;
    min-height: var(--et-card-min-h-default);
    overflow: hidden;
    transition:
        background-image var(--et-motion-fast) var(--et-ease-standard),
        border-color var(--et-motion-fast) var(--et-ease-standard),
        box-shadow var(--et-motion-fast) var(--et-ease-standard),
        transform var(--et-motion-fast) var(--et-ease-standard);
}

.et-kpi-card--primary[b-l1rlja641w] { --et-kpi-accent: var(--et-accent); }
.et-kpi-card--success[b-l1rlja641w] { --et-kpi-accent: var(--et-status-success); }
.et-kpi-card--warning[b-l1rlja641w] { --et-kpi-accent: var(--et-status-warning); }
.et-kpi-card--danger[b-l1rlja641w]  { --et-kpi-accent: var(--et-status-error); }
.et-kpi-card--info[b-l1rlja641w]    { --et-kpi-accent: var(--et-status-info); }

.et-kpi-card__body[b-l1rlja641w] {
    display: flex;
    flex-direction: column;
    gap: var(--et-space-3);
    flex: 1 1 auto;
    min-width: 0;
}

.et-kpi-card--dense[b-l1rlja641w] {
    padding: var(--et-space-4);
    min-height: var(--et-card-min-h-dense);
}

.et-kpi-card--dense .et-kpi-card__body[b-l1rlja641w] {
    gap: var(--et-space-2);
}

/* Compact — min-height auto so cards without sparkline/visual content collapse to
   their natural height (label + value + optional short footer). The visual slot is
   irrelevant here; padding stays from base or --dense as composed. */
.et-kpi-card--compact[b-l1rlja641w] {
    min-height: auto;
}

/* Drill-down arrow — absolute, top-right. Always visible, subtle opacity. */
.et-kpi-card__drill[b-l1rlja641w] {
    position: absolute;
    top: var(--et-space-4);
    right: var(--et-space-4);
    width: 14px;
    height: 14px;
    color: var(--et-accent);
    opacity: 0.6;
    transition: opacity var(--et-motion-fast) var(--et-ease-standard);
    pointer-events: none;
}

.et-kpi-card--interactive:hover .et-kpi-card__drill[b-l1rlja641w] {
    opacity: 1;
}

.et-kpi-card__drill svg[b-l1rlja641w] {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: var(--et-stroke-regular);
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Header */
.et-kpi-card__header[b-l1rlja641w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--et-space-2);
    min-width: 0;
    padding-right: var(--et-space-5);
}

.et-kpi-card__label-row[b-l1rlja641w] {
    display: flex;
    align-items: center;
    gap: var(--et-space-2);
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    font-weight: 500;
    min-width: 0;
    flex: 1 1 auto;
}

.et-kpi-card__icon[b-l1rlja641w] {
    display: inline-flex;
    align-items: center;
    color: var(--et-accent);
    flex-shrink: 0;
}

.et-kpi-card__icon[b-l1rlja641w]  .mud-icon-root {
    font-size: 1rem;
}

.et-kpi-card__label[b-l1rlja641w] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Badge: flat text, softened via color-mix with muted text (warning-soft pattern).
   Derivation only — no new tokens introduced. */
.et-kpi-card__badge[b-l1rlja641w] {
    display: inline-flex;
    align-items: center;
    color: color-mix(in srgb, var(--et-kpi-accent, var(--et-text)) var(--et-badge-text-mix-primary), var(--et-text-muted) var(--et-badge-text-mix-secondary));
    font-size: var(--et-text-xs);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.4;
}

/* Delta: flat text, sign-driven color. */
.et-kpi-card__delta[b-l1rlja641w] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: var(--et-text-xs);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.4;
}

.et-kpi-card__delta-label[b-l1rlja641w] {
    font-weight: 400;
    margin-left: 2px;
}

.et-kpi-card__delta--up[b-l1rlja641w] {
    color: var(--et-status-success);
}

.et-kpi-card__delta--down[b-l1rlja641w] {
    color: var(--et-status-error);
}

.et-kpi-card__delta--neutral[b-l1rlja641w] {
    color: var(--et-text-muted);
}

/* Value */
.et-kpi-card__value[b-l1rlja641w] {
    display: flex;
    align-items: baseline;
    gap: 0;
    color: var(--et-text);
    font-size: var(--et-text-3xl);
    font-weight: 600;
    line-height: 1;
    letter-spacing: var(--et-tracking-tight);
    margin-top: var(--et-space-1);
}

.et-kpi-card__value-prefix[b-l1rlja641w],
.et-kpi-card__value-suffix[b-l1rlja641w] {
    font-size: var(--et-text-xl);
    font-weight: 500;
    color: var(--et-text-muted);
    letter-spacing: 0;
}

.et-kpi-card__value-prefix[b-l1rlja641w] {
    margin-right: 2px;
}

.et-kpi-card__value-suffix[b-l1rlja641w] {
    margin-left: 6px;
}

/* Footer */
.et-kpi-card__footer[b-l1rlja641w] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    line-height: 1.4;
}

/* Visual slot — no separator, content flows naturally. */
.et-kpi-card__visual[b-l1rlja641w] {
    margin-top: auto;
    min-height: 40px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding-top: var(--et-space-3);
}

/* Sparkline */
.et-kpi-card__sparkline[b-l1rlja641w] {
    width: 100%;
    height: 40px;
    overflow: visible;
    color: var(--et-status-success);
}

.et-kpi-card__sparkline-line[b-l1rlja641w] {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--et-stroke-fine);
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.et-kpi-card__sparkline-area[b-l1rlja641w] {
    fill: currentColor;
    fill-opacity: var(--et-chart-area-alpha);
    stroke: none;
}

/* Loading skeletons */
.et-kpi-card__skeleton[b-l1rlja641w] {
    background: linear-gradient(90deg,
        var(--et-surface-2) 0%,
        var(--et-border) 50%,
        var(--et-surface-2) 100%);
    background-size: 200% 100%;
    animation: et-kpi-shimmer-b-l1rlja641w var(--et-motion-skeleton) ease-in-out infinite;
    border-radius: var(--et-radius-sm);
}

.et-kpi-card__skeleton--value[b-l1rlja641w] {
    height: 32px;
    width: 60%;
    margin-top: var(--et-space-1);
}

.et-kpi-card__skeleton--footer[b-l1rlja641w] {
    height: 14px;
    width: 45%;
}

.et-kpi-card__skeleton--visual[b-l1rlja641w] {
    height: 40px;
    width: 100%;
    margin-top: auto;
}

@keyframes et-kpi-shimmer-b-l1rlja641w {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Empty / Error placeholder */
.et-kpi-card__placeholder[b-l1rlja641w] {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--et-space-4) 0;
}

.et-kpi-card__placeholder--error[b-l1rlja641w] {
    color: var(--et-status-error);
}

/* Retry button — rendered below the error placeholder when OnRetry is bound. */
.et-kpi-card__retry[b-l1rlja641w] {
    align-self: center;
    background: none;
    border: none;
    padding: var(--et-space-1) var(--et-space-2);
    color: var(--et-accent);
    cursor: pointer;
    font: inherit;
    font-size: var(--et-text-sm);
    text-decoration: underline;
    margin-top: var(--et-space-2);
}

.et-kpi-card__retry:hover[b-l1rlja641w] {
    color: color-mix(in srgb, var(--et-accent) 85%, var(--et-text));
}

.et-kpi-card__retry:focus-visible[b-l1rlja641w] {
    outline: 2px solid var(--et-accent);
    outline-offset: 2px;
    border-radius: var(--et-radius-sm);
}

/* Header action slot — same zone as badge/delta, flex-end aligned. */
.et-kpi-card__action[b-l1rlja641w] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--et-space-1);
    min-width: 0;
    max-width: 100%;
}

/* Interactive — hover = gradient bg (teal → purple, ~10% alpha) + tinted border. */
.et-kpi-card--interactive[b-l1rlja641w] {
    cursor: pointer;
}

.et-kpi-card--interactive:hover[b-l1rlja641w] {
    background-image: linear-gradient(135deg,
        color-mix(in srgb, var(--et-kpi-accent, var(--et-accent)) var(--et-mix-overlay), transparent),
        color-mix(in srgb, var(--et-accent) var(--et-mix-overlay), transparent));
    border-color: color-mix(in srgb, var(--et-kpi-accent, var(--et-accent)) var(--et-mix-tint), var(--et-border));
    transform: translateY(var(--et-motion-lift));
}

.et-kpi-card--interactive:focus-visible[b-l1rlja641w] {
    outline: none;
    border-color: var(--et-kpi-accent, var(--et-accent));
    box-shadow: var(--et-focus-ring);
}

/* Screen-reader-only text for Loading state */
.et-kpi-card__sr-only[b-l1rlja641w] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Shared/StandardGrid.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   StandardGrid — CSS Isolation
   Sizing per EndoTrace_Grid_UX_Specification.md §14.
   Design tokens per UI_CONSTITUTION_FINAL.md §Design tokens.
   ══════════════════════════════════════════════════════════════ */

/* ── Command surface ── */
.standard-grid__command-surface[b-b7t0i8g0wj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--et-space-3);
    margin-bottom: var(--et-space-2);
}

.standard-grid__command-surface--has-title[b-b7t0i8g0wj] {
    grid-template-columns: minmax(220px, 1fr) minmax(320px, 2fr);
}

.standard-grid__command-surface--no-title .standard-grid__command-main:empty[b-b7t0i8g0wj] {
    display: none;
}

.standard-grid__command-surface--no-title .standard-grid__command-controls[b-b7t0i8g0wj] {
    grid-column: 1;
    justify-content: flex-start;
}

/* No-title + actions contract: intentionally stack actions above controls in one governed column. */
.standard-grid__command-surface--no-title.standard-grid__command-surface--has-actions[b-b7t0i8g0wj] {
    grid-template-columns: minmax(0, 1fr);
}

.standard-grid__command-surface--no-title.standard-grid__command-surface--has-actions .standard-grid__command-main[b-b7t0i8g0wj],
.standard-grid__command-surface--no-title.standard-grid__command-surface--has-actions .standard-grid__command-controls[b-b7t0i8g0wj] {
    grid-column: 1;
    justify-content: flex-start;
}

.standard-grid__command-surface--has-title .standard-grid__command-controls[b-b7t0i8g0wj] {
    grid-column: 2;
}

.standard-grid__command-main[b-b7t0i8g0wj],
.standard-grid__command-actions[b-b7t0i8g0wj],
.standard-grid__command-controls[b-b7t0i8g0wj] {
    display: flex;
    align-items: center;
    gap: var(--et-space-2);
    flex-wrap: wrap;
}

.standard-grid__command-actions[b-b7t0i8g0wj] {
    justify-content: flex-start;
}

.standard-grid__command-controls[b-b7t0i8g0wj] {
    justify-content: flex-start;
}

.standard-grid__command-surface--has-title .standard-grid__command-controls[b-b7t0i8g0wj] {
    justify-content: flex-end;
}

/* Reset MudBlazor margin on inputs inside toolbar (see UI_EXCEPTIONS_REGISTER §1). */
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-input-control {
    margin: 0 !important;
}

/* Business filter compaction contract: business filters stay compact inline children; search remains the only flexible control. */
.standard-grid__command-controls[b-b7t0i8g0wj]  .standard-grid__search {
    flex: 1 1 180px;
}

.standard-grid__command-controls > :not(.standard-grid__search)[b-b7t0i8g0wj],
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-picker,
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-input-control:not(.standard-grid__search),
.standard-grid__command-controls[b-b7t0i8g0wj]  .et-date-filter,
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-select {
    min-width: 100px;
    max-width: 180px;
    flex: 0 0 auto;
}

/* ── Search field width §14.8 ── */
.standard-grid__search[b-b7t0i8g0wj] {
    min-width: 160px;                    /* §14.8: shrink to fit with filters */
    max-width: 400px;                    /* §14.8: preferred max 400px desktop */
    flex: 1 1 180px;                     /* §14.8: preferred width, flexible */
}

/* ── Scope selector width §14.9 ── */
.standard-grid__scope[b-b7t0i8g0wj] {
    min-width: 140px;                    /* §14.9: 140-180px typical */
    max-width: 180px;                    /* §14.9 */
    flex: 0 0 auto;
}

/* ── Control heights desktop §14.4 ── */
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-input,
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-select {
    height: 40px;                        /* §14.4: desktop control height 40px */
}

/* Keep compact toolbar controls on one visual baseline; helper text belongs in forms, not grid toolbars. */
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-picker,
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-select,
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-input-control {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
}

.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-input-control-helper-container,
.standard-grid__command-controls[b-b7t0i8g0wj]  .mud-input-helper-text {
    display: none;
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
}

/* ── Active filter chips §14.5 ── */
.standard-grid__chips[b-b7t0i8g0wj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-1);              /* §14.3: micro spacing (4px) */
    margin-bottom: var(--et-space-3);    /* §14.3: chip-row-to-grid gap (12px) */
}

.standard-grid__chips[b-b7t0i8g0wj]  .mud-chip {
    min-height: 32px;                    /* §14.5: chip height desktop 32px */
}

.standard-grid__chip[b-b7t0i8g0wj] {
    max-width: 240px;                    /* §14.5: chip max width to truncate long values */
}

.standard-grid__chip-text[b-b7t0i8g0wj] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: var(--et-space-1);
}

/* ── Grid scroll wrapper ── */
.et-grid-scroll-wrapper[b-b7t0i8g0wj] {
    overflow-x: auto;
}

/* ── Grid row heights §14.6 ── */
[b-b7t0i8g0wj] .mud-table-row {
    min-height: 44px;                    /* §14.6: desktop row height 44px */
}

/* ── Column header heights §14.7 ── */
[b-b7t0i8g0wj] .mud-table-head .mud-table-row {
    min-height: 44px;                    /* §14.7: desktop header 44px */
}

/* StandardGrid does not expose a server-side sort contract; hide MudBlazor sort affordances even when consumer columns declare Sortable/SortBy. */
.standard-grid--sorting-suppressed[b-b7t0i8g0wj]  .sortable-column-header {
    pointer-events: none;
    cursor: default;
}

.standard-grid--sorting-suppressed[b-b7t0i8g0wj]  .column-options,
.standard-grid--sorting-suppressed[b-b7t0i8g0wj]  .sort-direction-icon {
    display: none;
}

/* ── Sticky header §12.4 ── */
[b-b7t0i8g0wj] .mud-table-head {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--et-surface);
}

/* ── Progress bar invisible state ── */
.invisible[b-b7t0i8g0wj] {
    visibility: hidden;
}

/* ── Advanced filters drawer ── */
.standard-grid__drawer[b-b7t0i8g0wj] {
    width: 360px;
}

.standard-grid__drawer-header-spacer[b-b7t0i8g0wj] {
    flex: 1 1 auto;
}

.standard-grid__drawer-body[b-b7t0i8g0wj] {
    padding: var(--et-space-4);          /* §14.3: standard spacing (16px) */
    flex: 1;
    overflow-y: auto;
}

.standard-grid__drawer-actions[b-b7t0i8g0wj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--et-space-2);
    padding: var(--et-space-3) var(--et-space-4); /* §14.3: medium + standard */
    border-top: 1px solid var(--et-border);
}

/* ══════════════════════════════════════════════════════════════
   Responsive: Mobile (0-599px) — §14.1, §15.3
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 599px) {
    .standard-grid__command-surface[b-b7t0i8g0wj] {
        grid-template-columns: 1fr;
    }

    .standard-grid__command-surface--has-title .standard-grid__command-controls[b-b7t0i8g0wj] {
        grid-column: 1;
        justify-content: flex-start;
    }

    .standard-grid__command-main[b-b7t0i8g0wj],
    .standard-grid__command-actions[b-b7t0i8g0wj],
    .standard-grid__command-controls[b-b7t0i8g0wj] {
        align-items: stretch;
        flex-direction: column;
    }

    /* §14.8: mobile search full width */
    .standard-grid__search[b-b7t0i8g0wj] {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        flex: 1 1 auto;
        align-self: stretch;
    }

    /* §14.9: mobile scope full width */
    .standard-grid__scope[b-b7t0i8g0wj] {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        flex: 1 1 auto;
        align-self: stretch;
    }

    /* §14.11: mobile business filters full width */
    .standard-grid__command-controls[b-b7t0i8g0wj]  .mud-input-control:not(.standard-grid__search),
    .standard-grid__command-controls[b-b7t0i8g0wj]  .mud-select,
    .standard-grid__command-controls[b-b7t0i8g0wj]  .mud-picker,
    .standard-grid__command-controls[b-b7t0i8g0wj]  .et-date-filter,
    .standard-grid__command-controls[b-b7t0i8g0wj]  .mud-button-root {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        flex: 1 1 auto;
        align-self: stretch;
    }

    /* §14.4: mobile control heights 48px */
    .standard-grid__command-controls[b-b7t0i8g0wj]  .mud-input,
    .standard-grid__command-controls[b-b7t0i8g0wj]  .mud-select {
        height: 48px;                    /* §14.4: mobile control height */
    }

    /* §14.4: tap targets min 44x44, prefer 48x48 */
    .standard-grid__command-controls[b-b7t0i8g0wj]  .mud-button {
        min-height: 48px;                /* §14.4: mobile button height */
    }

    /* §14.5: mobile chip height 36px */
    .standard-grid__chips[b-b7t0i8g0wj]  .mud-chip {
        min-height: 36px;                /* §14.5: chip height mobile */
    }

    /* §14.6: mobile row height 52px */
    [b-b7t0i8g0wj] .mud-table-row {
        min-height: 52px;                /* §14.6: mobile row height */
    }

    /* §14.7: mobile header 48px */
    [b-b7t0i8g0wj] .mud-table-head .mud-table-row {
        min-height: 48px;                /* §14.7: mobile header */
    }
}

/* ══════════════════════════════════════════════════════════════
   Responsive: Tablet (600-899px) — §14.1, §15.2
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 600px) and (max-width: 899px) {
    .standard-grid__command-surface[b-b7t0i8g0wj] {
        grid-template-columns: 1fr;
    }

    .standard-grid__command-surface--has-title .standard-grid__command-controls[b-b7t0i8g0wj] {
        grid-column: 1;
        justify-content: flex-start;
    }

    .standard-grid__command-controls[b-b7t0i8g0wj] {
        justify-content: flex-start;
    }

    /* §14.8: tablet search 280-360px */
    .standard-grid__search[b-b7t0i8g0wj] {
        min-width: 280px;                /* §14.8: tablet min */
        max-width: 360px;                /* §14.8: tablet max */
        flex: 1 1 300px;
    }
}