/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* O painel usa as cores do tema para manter o mesmo contraste nos modos claro e escuro. */
.mes-studio[b-iefj8cezpn] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 12px 8px;
    overflow: hidden;
    box-sizing: border-box;
    background: var(--mud-palette-background, #f5f8fc);
}

.mes-studio .studio-topbar[b-iefj8cezpn] {
    gap: 16px;
    margin-bottom: 14px;
    padding: 0 4px 12px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.mes-studio .studio-eyebrow[b-iefj8cezpn],
.mes-studio .page-overview[b-iefj8cezpn] {
    display: none;
}

.mes-studio .studio-title[b-iefj8cezpn] {
    font-size: 1.6rem;
    margin: 0 0 4px;
}

.mes-studio .studio-brand p[b-iefj8cezpn] {
    margin: 0;
    font-size: .8rem;
}

.mes-studio .live-mark[b-iefj8cezpn] {
    border: 0;
    border-radius: 12px;
    color: white;
    background: linear-gradient(135deg, #2686ff, #9584ed);
}

.mes-studio[b-iefj8cezpn]  .dashboard-plant {
    width: 300px;
    flex: 0 1 300px;
}

.mes-studio .studio-actions[b-iefj8cezpn] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mes-studio .page-tabs[b-iefj8cezpn] {
    border: 0;
}

.mes-studio .page-tabs .page-tab-shell[b-iefj8cezpn] {
    border-radius: 8px;
}

.mes-studio .widget-canvas[b-iefj8cezpn] {
    gap: 12px;
    margin-top: 10px;
    align-items: start;
}

.mes-studio .studio-widget[b-iefj8cezpn] {
    padding: 12px;
    border-radius: 9px;
    background: var(--panel);
    box-shadow: 0 3px 12px color-mix(in srgb, var(--text) 4%, transparent);
}

.mes-studio .studio-widget[b-iefj8cezpn]::before {
    display: none;
}

.mes-studio .widget-header[b-iefj8cezpn] {
    padding-bottom: 10px;
    border: 0;
}

.mes-studio .widget-header small[b-iefj8cezpn] {
    display: none;
}

.mes-studio .widget-header h2[b-iefj8cezpn] {
    margin: 0;
    font-size: .95rem;
}

.mes-studio:not(.is-editing) .widget-kpis[b-iefj8cezpn],
.mes-studio:not(.is-editing) .widget-management-kpis[b-iefj8cezpn],
.mes-studio:not(.is-editing) .widget-operation-kpis[b-iefj8cezpn] {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.mes-studio:not(.is-editing) .widget-kpis .widget-header[b-iefj8cezpn],
.mes-studio:not(.is-editing) .widget-management-kpis .widget-header[b-iefj8cezpn],
.mes-studio:not(.is-editing) .widget-operation-kpis .widget-header[b-iefj8cezpn] {
    display: none;
}

.mes-studio .kpi-grid[b-iefj8cezpn] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-top: 0;
}

.mes-studio .kpi-grid > .kpi-card[b-iefj8cezpn] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 12px;
    align-content: center;
    min-height: 90px;
    padding: 12px;
    border: 1px solid var(--line);
    border-left: 4px solid var(--kpi-color);
    border-radius: 8px;
    background: var(--panel);
    box-shadow: 0 3px 12px color-mix(in srgb, var(--text) 4%, transparent);
}

.mes-studio .kpi-card[b-iefj8cezpn]::after {
    display: none;
}

.mes-studio .kpi-icon[b-iefj8cezpn] {
    grid-row: 1 / 4;
    width: 48px;
    height: 48px;
    align-self: center;
    margin: 0;
}

.mes-studio .kpi-card > strong[b-iefj8cezpn] {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    color: var(--text);
    font-size: 1.5rem;
    line-height: 1.2;
}

.mes-studio .kpi-card > span:not(.kpi-icon)[b-iefj8cezpn] {
    grid-column: 2;
    grid-row: 2;
    font-size: .78rem;
    letter-spacing: normal;
    text-transform: none;
}

.mes-studio .kpi-card > small[b-iefj8cezpn] {
    grid-column: 2;
    font-size: .7rem;
}

/* Os dois blocos laterais ocupam juntos a altura do quadro de máquinas. */
.mes-studio:not(.is-editing) .reference-layout .widget-machines[b-iefj8cezpn] {
    grid-row: 2 / span 2;
    align-self: stretch;
}

.mes-studio:not(.is-editing) .reference-layout .widget-alerts[b-iefj8cezpn] {
    grid-column: 10 / span 3 !important;
    grid-row: 2;
}

.mes-studio:not(.is-editing) .reference-layout .widget-events[b-iefj8cezpn] {
    grid-column: 10 / span 3 !important;
    grid-row: 3;
}

.mes-studio .machine-toolbar[b-iefj8cezpn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.machine-status-filters[b-iefj8cezpn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.machine-status-filters button[b-iefj8cezpn] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border: 0;
    border-radius: 5px;
    color: var(--text);
    background: var(--panel2);
    cursor: pointer;
    font-size: .72rem;
}

.machine-status-filters button.active[b-iefj8cezpn] {
    color: white;
    background: #38648e;
}

.machine-status-filters b[b-iefj8cezpn] {
    padding: 1px 5px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--chart-blue) 18%, transparent);
}

.mes-studio[b-iefj8cezpn]  .machine-search {
    max-width: 220px;
    margin: 0;
}

.mes-studio .machine-board[b-iefj8cezpn] {
    gap: 12px;
    margin-top: 12px;
}

.mes-studio .machine-card[b-iefj8cezpn] {
    min-width: 0;
    padding: 12px;
    border-radius: 8px;
    background: linear-gradient(140deg, color-mix(in srgb, var(--machine-status-color) 5%, var(--panel)), var(--panel)) !important;
    box-shadow: none;
}

.mes-studio .machine-title[b-iefj8cezpn] {
    flex-wrap: wrap;
    gap: 7px;
}

.mes-studio .machine-title > div[b-iefj8cezpn] {
    flex: 1;
    min-width: 110px;
}

.mes-studio .machine-card .machine-title > .machine-symbol[b-iefj8cezpn] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    color: var(--machine-status-color);
    background: var(--panel);
    box-shadow: 0 1px 5px color-mix(in srgb, var(--machine-status-color) 20%, transparent);
}

.mes-studio .machine-title strong[b-iefj8cezpn] {
    font-size: .76rem;
}

.mes-studio .machine-title small[b-iefj8cezpn] {
    font-size: .66rem;
}

.mes-studio .machine-title em[b-iefj8cezpn],
.mes-studio .machine-title .status-tag[b-iefj8cezpn] {
    margin-left: auto;
    font-size: .65rem;
}

.mes-studio .machine-empty[b-iefj8cezpn] {
    min-height: 72px;
    display: grid;
    place-items: center;
    padding: 16px 0;
    font-size: .74rem;
}

.mes-studio .machine-indicators[b-iefj8cezpn],
.mes-studio .scheduled-orders[b-iefj8cezpn] {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid var(--line);
    font-size: .72rem;
}

.event-item[b-iefj8cezpn] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 0;
    color: var(--chart-blue);
    font-size: .7rem;
}

.event-item span[b-iefj8cezpn] {
    flex: 1;
    color: var(--text);
}

.event-item strong[b-iefj8cezpn],
.event-item small[b-iefj8cezpn] {
    display: block;
}

.event-item time[b-iefj8cezpn],
.event-item small[b-iefj8cezpn] {
    color: var(--muted);
}

.mes-studio .alert-item[b-iefj8cezpn] {
    padding: 12px 0;
    font-size: .73rem;
}

.capacity-table-wrap[b-iefj8cezpn] {
    overflow-x: auto;
}

.capacity-summary[b-iefj8cezpn] {
    width: 100%;
    border-collapse: collapse;
    font-size: .75rem;
    white-space: nowrap;
}

.capacity-summary th[b-iefj8cezpn],
.capacity-summary td[b-iefj8cezpn] {
    padding: 9px 8px;
    border-bottom: 1px solid var(--line);
    text-align: left;
}

.capacity-summary th[b-iefj8cezpn] {
    font-weight: 500;
    background: var(--panel2);
}

.capacity-summary td small[b-iefj8cezpn] {
    display: block;
    color: var(--muted);
}

.utilization-cell[b-iefj8cezpn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.utilization-track[b-iefj8cezpn] {
    width: 110px;
    height: 10px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--panel2);
}

.utilization-track i[b-iefj8cezpn] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--chart-green);
}

.utilization-track i.warning[b-iefj8cezpn] { background: var(--chart-amber); }
.utilization-track i.danger[b-iefj8cezpn] { background: var(--chart-red); }

@media (max-width: 1200px) {
    .mes-studio .kpi-grid[b-iefj8cezpn] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .mes-studio .studio-topbar[b-iefj8cezpn] { flex-wrap: wrap; }
    .mes-studio .machine-board[b-iefj8cezpn] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
    .mes-studio:not(.is-editing) .reference-layout .widget-machines[b-iefj8cezpn],
    .mes-studio:not(.is-editing) .reference-layout .widget-alerts[b-iefj8cezpn],
    .mes-studio:not(.is-editing) .reference-layout .widget-events[b-iefj8cezpn] {
        grid-column: 1 / -1 !important;
        grid-row: auto;
    }
}

@media (max-width: 720px) {
    .mes-studio .studio-actions[b-iefj8cezpn] { align-items: stretch; }
    .mes-studio[b-iefj8cezpn]  .dashboard-plant { width: 100%; flex-basis: auto; }
    .mes-studio .kpi-grid[b-iefj8cezpn] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mes-studio .machine-board[b-iefj8cezpn] { grid-template-columns: 1fr; }
    .mes-studio .kpi-grid > .kpi-card[b-iefj8cezpn] { grid-template-columns: 32px minmax(0, 1fr); gap: 6px; padding: 10px; }
    .mes-studio .kpi-icon[b-iefj8cezpn] { width: 32px; height: 38px; }
}

.current-view-name[b-iefj8cezpn] {
    padding-left: 12px;
    color: var(--chart-blue);
    font-size: 1.1rem;
}

.mes-studio[b-iefj8cezpn]  .dashboard-period {
    width: 170px;
    flex: 0 1 170px;
}

.execution-table[b-iefj8cezpn] {
    width: 100%;
    border-collapse: collapse;
    font-size: .74rem;
}

.execution-table th[b-iefj8cezpn],
.execution-table td[b-iefj8cezpn] {
    padding: 10px 8px;
    border-bottom: 1px solid var(--line);
    text-align: left;
}

.execution-table th[b-iefj8cezpn] {
    background: var(--panel2);
    font-weight: 500;
    white-space: nowrap;
}

.execution-table tr:nth-child(even) td[b-iefj8cezpn] {
    background: color-mix(in srgb, var(--chart-blue) 3%, var(--panel));
}

.execution-table a[b-iefj8cezpn] {
    color: var(--chart-blue);
    text-decoration: underline;
}

.execution-table .utilization-track[b-iefj8cezpn] {
    width: 80px;
}

.operation-state[b-iefj8cezpn] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--chart-green) 13%, var(--panel));
    color: color-mix(in srgb, var(--chart-green) 70%, var(--text));
    white-space: nowrap;
}

.operation-state.paused[b-iefj8cezpn] {
    background: color-mix(in srgb, var(--chart-amber) 13%, var(--panel));
    color: color-mix(in srgb, var(--chart-amber) 70%, var(--text));
}

.late-value[b-iefj8cezpn] { color: var(--chart-red); }

/* A tabela principal acompanha os dois blocos laterais, sem fixar altura em pixels. */
.mes-studio:not(.is-editing) .operation-layout .widget-execution[b-iefj8cezpn] {
    grid-column: 1 / span 8 !important;
    grid-row: 2 / span 2;
    align-self: stretch;
}

.mes-studio:not(.is-editing) .operation-layout .widget-late-operations[b-iefj8cezpn] {
    grid-column: 9 / span 4 !important;
    grid-row: 2;
}

.mes-studio:not(.is-editing) .operation-layout .widget-impediments[b-iefj8cezpn] {
    grid-column: 9 / span 4 !important;
    grid-row: 3;
}

.mes-studio .machine-oee-list > div[b-iefj8cezpn] {
    display: grid;
    grid-template-columns: minmax(80px, 1fr) minmax(70px, 1.3fr) 42px;
    gap: 8px;
    align-items: center;
    padding: 8px 0;
    font-size: .72rem;
}

.machine-oee-list .utilization-track[b-iefj8cezpn] {
    width: 100%;
}

.bottleneck-card h3[b-iefj8cezpn] {
    margin: 10px 0 4px;
    font-size: 1.1rem;
}

.bottleneck-card p[b-iefj8cezpn] {
    margin: 10px 0;
    font-size: .75rem;
}

.bottleneck-card > strong[b-iefj8cezpn] {
    color: var(--chart-red);
    font-size: .8rem;
}

.management-order-status[b-iefj8cezpn] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(100px, 1fr);
    align-items: center;
    gap: 10px;
}

.mes-studio .management-order-status .mes-package-chart[b-iefj8cezpn] {
    min-height: 180px;
    padding: 8px;
    border: 0;
    background: transparent;
}

.order-status-legend > div[b-iefj8cezpn] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 0;
    font-size: .75rem;
}

.production-unit-summary[b-iefj8cezpn] {
    padding: 10px 0;
}

.production-unit-summary > strong[b-iefj8cezpn] {
    color: var(--chart-blue);
    font-size: .8rem;
}

.production-unit-summary dl[b-iefj8cezpn] {
    margin: 8px 0;
    font-size: .75rem;
}

.production-unit-summary dt[b-iefj8cezpn],
.production-unit-summary dd[b-iefj8cezpn] {
    margin: 0;
    padding: 7px 0;
}

.production-unit-summary dd[b-iefj8cezpn] {
    padding-top: 0;
    border-bottom: 1px solid var(--line);
    font-weight: 600;
}

@media (max-width: 1100px) {
    .mes-studio:not(.is-editing) .operation-layout .widget-execution[b-iefj8cezpn],
    .mes-studio:not(.is-editing) .operation-layout .widget-late-operations[b-iefj8cezpn],
    .mes-studio:not(.is-editing) .operation-layout .widget-impediments[b-iefj8cezpn] {
        grid-column: 1 / -1 !important;
        grid-row: auto;
    }
}

@media (max-width: 720px) {
    .mes-studio[b-iefj8cezpn]  .dashboard-period { width: 100%; flex-basis: auto; }
    .management-order-status[b-iefj8cezpn] { grid-template-columns: 1fr; }
    .execution-table[b-iefj8cezpn] { white-space: nowrap; }
}

.mes-studio .studio-topbar[b-iefj8cezpn]::after { display: none; }
.mes-studio .studio-title-copy[b-iefj8cezpn] { max-width: 580px; }
.mes-studio .studio-title-copy p[b-iefj8cezpn] { max-width: 580px; }
.mes-studio .studio-title[b-iefj8cezpn] { line-height: 1.3; }
.mes-studio .widget-bottleneck[b-iefj8cezpn] { border-color: color-mix(in srgb, var(--chart-red) 25%, var(--line)); }
.mes-studio .widget-late-operations[b-iefj8cezpn] { border-color: color-mix(in srgb, var(--chart-red) 25%, var(--line)); }
.mes-studio .widget-impediments[b-iefj8cezpn] { border-color: color-mix(in srgb, var(--chart-amber) 25%, var(--line)); }
.mes-studio .widget-upcoming[b-iefj8cezpn] { border-color: color-mix(in srgb, var(--chart-violet) 25%, var(--line)); }

/* O cabeçalho e as abas ficam visíveis; apenas o conteúdo da visão deve rolar. */
.mes-studio .studio-topbar[b-iefj8cezpn],
.mes-studio .page-tabs[b-iefj8cezpn] {
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
}

.dashboard-scroll[b-iefj8cezpn] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 4px;
}

/* As barras percentuais do pacote precisam de uma altura definida no contêiner flex.
   Sem isso, cada grupo calcula uma base diferente e os valores zero viram barras de 4px. */
.production-package-chart[b-iefj8cezpn]  .advanced-chart {
    height: 220px;
    min-height: 220px;
}

.production-package-chart[b-iefj8cezpn]  .column-chart {
    flex: 1 1 0;
    min-height: 0;
    gap: 5px;
}

.production-package-chart[b-iefj8cezpn]  .column-chart__plot > i {
    min-height: 0;
}

.production-package-chart[b-iefj8cezpn]  .column-chart__group > span {
    height: 24px;
    flex: 0 0 24px;
    line-height: 18px;
    overflow: visible;
    text-overflow: clip;
    padding-top: 5px;
    font-size: .65rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.mes-home[b-ig7uyn0qwp] {
    --mes-surface: var(--mud-palette-surface, #fff);
    --mes-background: var(--mud-palette-background, #f4f7fb);
    --mes-text-primary: var(--mud-palette-text-primary, #1c324f);
    --mes-text-secondary: var(--mud-palette-text-secondary, #74869a);
    --mes-border: var(--mud-palette-lines-default, #e4eaf2);
    --mes-subtle: color-mix(in srgb, var(--mes-text-secondary) 10%, transparent);
    --mes-success-emphasis: color-mix(in srgb, #19b57e 78%, var(--mes-text-primary));
    max-width: 1640px;
    margin: 0 auto;
    padding: 24px 28px 52px;
    color: var(--mes-text-primary);
    background: var(--mes-background);
    min-height: calc(100vh - 80px);
}

.mes-hero[b-ig7uyn0qwp] {
    position: relative;
    min-height: 235px;
    padding: 42px 46px 72px;
    overflow: hidden;
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(125deg, #11243f 0%, #153d61 47%, #0b6a68 100%);
    box-shadow: 0 22px 50px rgba(20, 50, 82, .2);
}

.mes-hero[b-ig7uyn0qwp]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(255, 255, 255, .07), transparent 45%);
    pointer-events: none;
}

.mes-hero-grid[b-ig7uyn0qwp] {
    position: absolute;
    inset: 0;
    opacity: .11;
    background-image: linear-gradient(rgba(255, 255, 255, .25) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .25) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, transparent 4%, #000 70%);
}

.mes-hero-orb[b-ig7uyn0qwp] {
    position: absolute;
    border-radius: 50%;
    filter: blur(1px);
    pointer-events: none;
}

.mes-hero-orb-one[b-ig7uyn0qwp] {
    width: 270px;
    height: 270px;
    right: 8%;
    top: -150px;
    background: rgba(54, 226, 181, .15);
    box-shadow: 0 0 80px rgba(54, 226, 181, .2);
}

.mes-hero-orb-two[b-ig7uyn0qwp] {
    width: 170px;
    height: 170px;
    right: -45px;
    bottom: -80px;
    background: rgba(87, 156, 255, .18);
}

.mes-home-header[b-ig7uyn0qwp],
.mes-panel-heading[b-ig7uyn0qwp],
.mes-machines-heading[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.mes-home-header[b-ig7uyn0qwp] {
    position: relative;
    z-index: 1;
}

.mes-eyebrow[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #8ce8d3;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.mes-eyebrow span[b-ig7uyn0qwp],
.mes-live-indicator span[b-ig7uyn0qwp] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #45e6ad;
    box-shadow: 0 0 0 5px rgba(69, 230, 173, .13), 0 0 18px rgba(69, 230, 173, .75);
    animation: mes-pulse-b-ig7uyn0qwp 2s ease-in-out infinite;
}

.mes-title[b-ig7uyn0qwp] {
    color: #fff;
    font-weight: 800;
    letter-spacing: -.035em;
}

.mes-subtitle[b-ig7uyn0qwp] {
    max-width: 650px;
    margin-top: 8px;
    color: rgba(230, 242, 252, .75);
}

.mes-hero-status[b-ig7uyn0qwp] {
    min-width: 210px;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 16px;
    text-align: right;
    background: rgba(9, 28, 48, .28);
    backdrop-filter: blur(10px);
}

.mes-live-indicator[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    color: #89e7d0;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.mes-hero-clock[b-ig7uyn0qwp] {
    margin-top: 8px;
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: .04em;
}

.mes-hero-status small[b-ig7uyn0qwp] {
    color: rgba(229, 242, 252, .55);
    font-size: .67rem;
}

.mes-customize-button[b-ig7uyn0qwp] {
    width: 100%;
    margin-top: 13px;
    color: #fff !important;
    border-color: rgba(255, 255, 255, .48) !important;
    background: rgba(255, 255, 255, .10) !important;
    font-weight: 800;
    letter-spacing: .01em;
}

.mes-customize-button:hover[b-ig7uyn0qwp] { background: rgba(255, 255, 255, .20) !important; }

.mes-filter-bar[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 16px 18px 0;
    padding: 13px 17px;
    border: 1px solid var(--mes-border);
    border-radius: 14px;
    color: var(--mes-text-primary);
    background: var(--mes-surface) !important;
    box-shadow: 0 6px 18px rgba(31, 57, 89, .05);
}

.mes-filter-copy[b-ig7uyn0qwp],
.mes-filter-copy > div[b-ig7uyn0qwp],
.mes-filter-actions[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
}

.mes-filter-copy[b-ig7uyn0qwp] { gap: 10px; }
.mes-filter-copy[b-ig7uyn0qwp] >  svg { padding: 7px; border-radius: 9px; background: color-mix(in srgb, var(--mud-palette-primary) 13%, var(--mes-surface)); }
.mes-filter-copy > div[b-ig7uyn0qwp] { align-items: flex-start; flex-direction: column; }
.mes-filter-copy strong[b-ig7uyn0qwp] { font-size: .78rem; font-weight: 800; }
.mes-filter-copy span[b-ig7uyn0qwp] { color: var(--mes-text-secondary); font-size: .68rem; }
.mes-filter-actions[b-ig7uyn0qwp] { gap: 4px; }

.mes-kpi-grid[b-ig7uyn0qwp] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: -38px 18px 24px;
}

.mes-kpi[b-ig7uyn0qwp] {
    --accent: #377ee7;
    --accent-soft: #e9f2ff;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 118px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid var(--mes-border);
    border-radius: 17px;
    background: var(--mes-surface);
    box-shadow: 0 12px 30px rgba(29, 55, 88, .1);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mes-kpi[b-ig7uyn0qwp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--accent), transparent);
}

.mes-kpi[b-ig7uyn0qwp]::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -42px;
    bottom: -52px;
    border-radius: 50%;
    background: var(--accent-soft);
}

.mes-kpi:hover[b-ig7uyn0qwp] {
    transform: translateY(-4px);
    box-shadow: 0 18px 38px rgba(29, 55, 88, .15);
}

.mes-kpi-icon[b-ig7uyn0qwp] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 15px;
    color: var(--accent);
    background: var(--accent-soft);
}

.mes-kpi-icon[b-ig7uyn0qwp]  svg {
    width: 29px;
    height: 29px;
}

.mes-kpi > div:last-child[b-ig7uyn0qwp] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.mes-kpi span[b-ig7uyn0qwp],
.mes-kpi strong[b-ig7uyn0qwp],
.mes-kpi em[b-ig7uyn0qwp] {
    display: block;
}

.mes-kpi span[b-ig7uyn0qwp] {
    color: var(--mes-text-secondary);
    font-size: .76rem;
    font-weight: 600;
}

.mes-kpi strong[b-ig7uyn0qwp] {
    margin-top: 2px;
    color: var(--mes-text-primary);
    font-size: 1.7rem;
    line-height: 1.05;
}

.mes-kpi strong small[b-ig7uyn0qwp] {
    color: var(--mes-text-secondary);
    font-size: .82rem;
    font-weight: 700;
}

.mes-kpi em[b-ig7uyn0qwp] {
    margin-top: 5px;
    overflow: hidden;
    color: var(--accent);
    font-size: .67rem;
    font-style: normal;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mes-kpi-blue[b-ig7uyn0qwp] { --accent: #4f91f5; --accent-soft: color-mix(in srgb, var(--accent) 14%, var(--mes-surface)); }
.mes-kpi-green[b-ig7uyn0qwp] { --accent: #20ba84; --accent-soft: color-mix(in srgb, var(--accent) 14%, var(--mes-surface)); }
.mes-kpi-orange[b-ig7uyn0qwp] { --accent: #f0a13e; --accent-soft: color-mix(in srgb, var(--accent) 15%, var(--mes-surface)); }
.mes-kpi-purple[b-ig7uyn0qwp] { --accent: #9470e4; --accent-soft: color-mix(in srgb, var(--accent) 14%, var(--mes-surface)); }

.mes-dashboard-grid[b-ig7uyn0qwp] {
    display: grid;
    grid-template-columns: .9fr 1.4fr;
    gap: 20px;
    margin-bottom: 20px;
}

.mes-panel[b-ig7uyn0qwp] {
    border: 1px solid var(--mes-border);
    border-radius: 19px;
    padding: 25px;
    color: var(--mes-text-primary);
    background: var(--mes-surface) !important;
    box-shadow: 0 8px 24px rgba(31, 57, 89, .055);
}

.mes-panel-heading .mud-typography-h6[b-ig7uyn0qwp] {
    color: var(--mes-text-primary);
    font-weight: 800;
}

.mes-panel-heading .mud-typography-caption[b-ig7uyn0qwp] {
    display: block;
    margin-top: 3px;
    color: var(--mes-text-secondary);
}

.mes-panel-heading[b-ig7uyn0qwp] >  svg {
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-primary, #377ee7) 14%, var(--mes-surface));
}

.mes-status-chart[b-ig7uyn0qwp] {
    margin-top: 24px;
}

.mes-status-row[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 14px 0 7px;
    color: var(--mes-text-secondary);
    font-size: .83rem;
}

.mes-status-row strong[b-ig7uyn0qwp] {
    min-width: 30px;
    padding: 2px 8px;
    border-radius: 20px;
    color: var(--mes-text-primary);
    text-align: center;
    background: var(--mes-subtle);
}

.mes-status-label[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.mes-dot[b-ig7uyn0qwp] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px var(--status-soft);
}

.mes-status-track[b-ig7uyn0qwp] {
    height: 8px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--mes-subtle);
}

.mes-status-fill[b-ig7uyn0qwp] {
    height: 100%;
    min-width: 3px;
    border-radius: 8px;
    box-shadow: 0 0 12px var(--status-soft);
}

.is-producing[b-ig7uyn0qwp] { --status: #17b77b; --status-soft: rgba(23, 183, 123, .16); }
.is-paused[b-ig7uyn0qwp] { --status: #ee9d2e; --status-soft: rgba(238, 157, 46, .17); }
.is-stopped[b-ig7uyn0qwp] { --status: #e15363; --status-soft: rgba(225, 83, 99, .15); }
.is-maintenance[b-ig7uyn0qwp] { --status: #835ed6; --status-soft: rgba(131, 94, 214, .15); }
.is-available[b-ig7uyn0qwp] { --status: #5f8fd8; --status-soft: rgba(95, 143, 216, .14); }
.mes-status-fill[b-ig7uyn0qwp],
.mes-dot[b-ig7uyn0qwp],
.mes-machine-status-dot[b-ig7uyn0qwp] { background: var(--status); }

.mes-status-summary[b-ig7uyn0qwp] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--mes-border);
    color: var(--mes-text-secondary);
    font-size: .78rem;
}

.mes-status-summary strong[b-ig7uyn0qwp] {
    color: var(--mes-text-primary);
    font-size: 1.65rem;
}

.mes-production-panel[b-ig7uyn0qwp] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--mes-surface) 0%, color-mix(in srgb, #19b57e 5%, var(--mes-surface)) 100%) !important;
}

.mes-production-panel[b-ig7uyn0qwp]::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -125px;
    bottom: -130px;
    border-radius: 50%;
    background: rgba(26, 181, 126, .08);
}

.mes-production-overview[b-ig7uyn0qwp] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 180px 1fr;
    align-items: center;
    gap: 32px;
    margin: 22px 0 18px;
}

.mes-progress-ring[b-ig7uyn0qwp] {
    --progress: 0%;
    position: relative;
    display: grid;
    place-items: center;
    width: 166px;
    height: 166px;
    border-radius: 50%;
    background: conic-gradient(#19b57e var(--progress), color-mix(in srgb, var(--mes-text-secondary) 14%, var(--mes-surface)) 0);
    box-shadow: 0 12px 30px rgba(22, 166, 113, .16);
}

.mes-progress-ring[b-ig7uyn0qwp]::before {
    content: "";
    position: absolute;
    inset: 13px;
    border-radius: 50%;
    background: var(--mes-surface);
    box-shadow: inset 0 0 0 1px var(--mes-border);
}

.mes-progress-ring div[b-ig7uyn0qwp] {
    position: relative;
    z-index: 1;
    text-align: center;
}

.mes-progress-ring strong[b-ig7uyn0qwp],
.mes-progress-ring span[b-ig7uyn0qwp] {
    display: block;
}

.mes-progress-ring strong[b-ig7uyn0qwp] {
    color: var(--mes-text-primary);
    font-size: 2.15rem;
    line-height: 1;
}

.mes-progress-ring span[b-ig7uyn0qwp] {
    margin-top: 6px;
    color: var(--mes-text-secondary);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mes-production-highlight > span[b-ig7uyn0qwp] {
    color: var(--mes-success-emphasis);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.mes-production-highlight > strong[b-ig7uyn0qwp] {
    display: block;
    margin: 3px 0 0;
    color: var(--mes-text-primary);
    font-size: 2.7rem;
    line-height: 1;
}

.mes-production-highlight p[b-ig7uyn0qwp] {
    max-width: 300px;
    margin: 6px 0 14px;
    color: var(--mes-text-secondary);
    font-size: .8rem;
}

.mes-production-pulse[b-ig7uyn0qwp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border-radius: 20px;
    color: color-mix(in srgb, #19b57e 75%, var(--mes-text-primary));
    font-size: .72rem;
    font-weight: 700;
    background: color-mix(in srgb, #19b57e 16%, var(--mes-surface));
}

.mes-production-pulse i[b-ig7uyn0qwp] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #19b57e;
    box-shadow: 0 0 0 4px rgba(25, 181, 126, .13);
    animation: mes-pulse-b-ig7uyn0qwp 2s ease-in-out infinite;
}

.mes-production-footer[b-ig7uyn0qwp] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid var(--mes-border);
    color: var(--mes-text-secondary);
    font-size: .76rem;
}

.mes-production-footer span:first-child[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mes-production-footer[b-ig7uyn0qwp]  svg {
    width: 16px;
    color: var(--mes-success-emphasis);
}

.mes-progress-percent[b-ig7uyn0qwp] {
    color: var(--mes-success-emphasis);
    font-weight: 800;
}

.mes-machines-panel[b-ig7uyn0qwp] {
    padding-bottom: 29px;
}

.mes-machines-grid[b-ig7uyn0qwp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 23px;
}

.mes-machine-card[b-ig7uyn0qwp] {
    position: relative;
    min-width: 0;
    padding: 17px;
    overflow: hidden;
    border: 1px solid var(--mes-border);
    border-top: 4px solid var(--status);
    border-radius: 14px;
    color: var(--mes-text-primary);
    background: linear-gradient(145deg, var(--mes-surface) 50%, var(--status-soft) 145%);
    box-shadow: 0 5px 16px rgba(28, 54, 86, .045);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mes-machine-card.is-producing[b-ig7uyn0qwp] {
    border-color: rgba(23, 183, 123, .32);
    box-shadow: 0 10px 25px rgba(23, 157, 109, .1);
}

.mes-machine-card:hover[b-ig7uyn0qwp] {
    transform: translateY(-4px);
    border-color: var(--status);
    box-shadow: 0 14px 30px rgba(28, 54, 86, .13);
}

.mes-machine-card-header[b-ig7uyn0qwp],
.mes-machine-name[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
}

.mes-machine-card-header[b-ig7uyn0qwp] {
    justify-content: space-between;
    gap: 10px;
}

.mes-machine-name[b-ig7uyn0qwp] {
    gap: 11px;
    min-width: 0;
}

.mes-machine-status-dot[b-ig7uyn0qwp] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px var(--status-soft);
}

.is-producing .mes-machine-status-dot[b-ig7uyn0qwp] {
    animation: mes-pulse-b-ig7uyn0qwp 1.8s ease-in-out infinite;
}

.mes-machine-name strong[b-ig7uyn0qwp],
.mes-machine-name small[b-ig7uyn0qwp] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mes-machine-name strong[b-ig7uyn0qwp] {
    color: var(--mes-text-primary);
    font-size: .84rem;
}

.mes-machine-name small[b-ig7uyn0qwp] {
    margin-top: 2px;
    color: var(--mes-text-secondary);
    font-size: .65rem;
}

.mes-machine-status[b-ig7uyn0qwp] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border-radius: 20px;
    color: var(--status);
    font-size: .64rem;
    font-weight: 800;
    background: var(--status-soft);
}

.mes-machine-status-button[b-ig7uyn0qwp] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    border: 1px solid transparent;
    font-family: inherit;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.mes-machine-status-button:hover[b-ig7uyn0qwp],
.mes-machine-status-button:focus-visible[b-ig7uyn0qwp] {
    border-color: var(--status);
    outline: none;
    box-shadow: 0 0 0 3px var(--status-soft);
    transform: translateY(-1px);
}

.mes-machine-status-button[b-ig7uyn0qwp]  svg {
    width: 15px;
    height: 15px;
}

.mes-interruption-details[b-ig7uyn0qwp] {
    margin: 14px -4px 2px;
    padding: 13px 14px;
    border: 1px solid var(--status-soft);
    border-left: 4px solid var(--status);
    border-radius: 11px;
    background: linear-gradient(100deg, var(--status-soft), var(--mes-surface));
    animation: mes-details-in-b-ig7uyn0qwp .18s ease-out;
}

.mes-interruption-title[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    color: var(--status);
    font-size: .69rem;
}

.mes-interruption-title[b-ig7uyn0qwp]  svg {
    width: 17px;
    height: 17px;
}

.mes-interruption-grid[b-ig7uyn0qwp] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 9px 14px;
}

.mes-interruption-grid div:last-child[b-ig7uyn0qwp] {
    grid-column: 1 / -1;
}

.mes-interruption-grid span[b-ig7uyn0qwp],
.mes-interruption-grid strong[b-ig7uyn0qwp] {
    display: block;
}

.mes-interruption-grid span[b-ig7uyn0qwp] {
    color: var(--mes-text-secondary);
    font-size: .6rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.mes-interruption-grid strong[b-ig7uyn0qwp] {
    margin-top: 2px;
    color: var(--mes-text-primary);
    font-size: .7rem;
}

.mes-interruption-empty[b-ig7uyn0qwp] {
    color: var(--mes-text-secondary);
    font-size: .7rem;
}

.mes-order-banner[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 16px -17px 15px;
    padding: 9px 17px;
    color: color-mix(in srgb, #19b57e 72%, var(--mes-text-primary));
    background: linear-gradient(90deg, rgba(23, 183, 123, .14), rgba(23, 183, 123, .035));
}

.mes-order-banner span[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .06em;
}

.mes-order-banner span[b-ig7uyn0qwp]  svg {
    width: 15px;
}

.mes-order-banner strong[b-ig7uyn0qwp] {
    color: var(--mes-text-primary);
    font-size: .75rem;
}

.mes-order-details[b-ig7uyn0qwp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.mes-order-details div[b-ig7uyn0qwp] {
    min-width: 0;
}

.mes-order-details small[b-ig7uyn0qwp],
.mes-order-details strong[b-ig7uyn0qwp] {
    display: block;
}

.mes-order-details small[b-ig7uyn0qwp] {
    color: var(--mes-text-secondary);
    font-size: .62rem;
}

.mes-order-details strong[b-ig7uyn0qwp] {
    overflow: hidden;
    margin-top: 2px;
    color: var(--mes-text-primary);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mes-order-product[b-ig7uyn0qwp] {
    grid-column: 1 / -1;
}

.mes-quantity[b-ig7uyn0qwp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 15px 0 8px;
}

.mes-quantity span[b-ig7uyn0qwp],
.mes-quantity strong[b-ig7uyn0qwp] {
    display: block;
}

.mes-quantity span[b-ig7uyn0qwp] {
    color: var(--mes-text-secondary);
    font-size: .62rem;
}

.mes-quantity strong[b-ig7uyn0qwp] {
    margin-top: 1px;
    color: var(--mes-text-primary);
    font-size: .85rem;
}

.mes-quantity strong small[b-ig7uyn0qwp] {
    color: var(--mes-text-secondary);
    font-size: .64rem;
    font-weight: 500;
}

.mes-order-progress[b-ig7uyn0qwp] {
    color: var(--status) !important;
    font-size: .78rem !important;
    font-weight: 900;
}

.mes-machine-empty[b-ig7uyn0qwp] {
    display: grid;
    place-items: center;
    min-height: 154px;
    color: var(--mes-text-secondary);
    text-align: center;
}

.mes-machine-empty[b-ig7uyn0qwp]  svg {
    width: 30px;
    height: 30px;
    margin-bottom: 7px;
    color: var(--status);
    opacity: .65;
}

.mes-machine-empty span[b-ig7uyn0qwp],
.mes-machine-empty small[b-ig7uyn0qwp] {
    display: block;
}

.mes-customization-panel[b-ig7uyn0qwp] {
    margin: 12px 0 20px;
    padding: 20px 22px;
    background: color-mix(in srgb, var(--mud-palette-surface) 94%, var(--mud-palette-primary));
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, var(--mud-palette-lines-default));
    border-radius: 16px;
}

.mes-customization-heading[b-ig7uyn0qwp],
.mes-customization-footer[b-ig7uyn0qwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.mes-customization-heading[b-ig7uyn0qwp]  .mud-typography-h6 { color: var(--mud-palette-text-primary); font-weight: 800; }
.mes-customization-heading[b-ig7uyn0qwp]  .mud-typography-body2 { color: var(--mud-palette-text-secondary); margin-top: 3px; }
.mes-customization-heading[b-ig7uyn0qwp] >  svg { font-size: 30px; }

.mes-customization-options[b-ig7uyn0qwp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(190px, 1fr));
    gap: 6px 22px;
    margin: 20px 0;
}

.mes-widget-catalog[b-ig7uyn0qwp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 18px 0 4px;
    padding: 14px;
    border: 1px dashed color-mix(in srgb, var(--mud-palette-primary) 35%, var(--mes-border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mes-surface));
}

.mes-widget-catalog > span[b-ig7uyn0qwp] { width: 100%; color: var(--mes-text-secondary); font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.mes-customization-options[b-ig7uyn0qwp]  .mud-checkbox { margin: 0; }
.mes-customization-options[b-ig7uyn0qwp]  .mud-checkbox .mud-typography { color: var(--mud-palette-text-primary); font-size: .84rem; }
.mes-columns-select[b-ig7uyn0qwp] { max-width: 190px; }
.mes-filter-select[b-ig7uyn0qwp] { min-width: 190px; }
.mes-customization-footer[b-ig7uyn0qwp] { border-top: 1px solid var(--mud-palette-lines-default); padding-top: 14px; }

.mes-dashboard-grid-single[b-ig7uyn0qwp] { grid-template-columns: minmax(0, 1fr); }
.mes-machines-grid[b-ig7uyn0qwp] { grid-template-columns: repeat(var(--machine-columns, 3), minmax(0, 1fr)); }

.mes-machine-empty span[b-ig7uyn0qwp] {
    font-size: .75rem;
    font-weight: 700;
}

.mes-machine-empty small[b-ig7uyn0qwp] {
    margin-top: 3px;
    font-size: .65rem;
}

@keyframes mes-pulse-b-ig7uyn0qwp {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(.78); opacity: .7; }
}

@keyframes mes-details-in-b-ig7uyn0qwp {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px) {
    .mes-kpi-grid[b-ig7uyn0qwp] { grid-template-columns: repeat(2, 1fr); }
    .mes-dashboard-grid[b-ig7uyn0qwp] { grid-template-columns: 1fr; }
    .mes-machines-grid[b-ig7uyn0qwp] { grid-template-columns: repeat(2, 1fr); }
    .mes-customization-options[b-ig7uyn0qwp] { grid-template-columns: repeat(2, minmax(190px, 1fr)); }
}

@media (max-width: 720px) {
    .mes-home[b-ig7uyn0qwp] { padding: 14px 12px 36px; }
    .mes-hero[b-ig7uyn0qwp] { min-height: 0; padding: 30px 23px 62px; border-radius: 19px; }
    .mes-home-header[b-ig7uyn0qwp] { align-items: flex-start; flex-direction: column; }
    .mes-filter-bar[b-ig7uyn0qwp] { align-items: flex-start; flex-direction: column; margin-left: 0; margin-right: 0; }
    .mes-title[b-ig7uyn0qwp] { font-size: 2rem !important; }
    .mes-hero-status[b-ig7uyn0qwp] { width: 100%; text-align: left; }
    .mes-live-indicator[b-ig7uyn0qwp] { justify-content: flex-start; }
    .mes-hero-clock[b-ig7uyn0qwp] { font-size: 1.6rem; }
    .mes-kpi-grid[b-ig7uyn0qwp] { grid-template-columns: 1fr; margin: -34px 12px 20px; }
    .mes-dashboard-grid[b-ig7uyn0qwp], .mes-machines-grid[b-ig7uyn0qwp] { grid-template-columns: 1fr; }
    .mes-panel[b-ig7uyn0qwp] { padding: 19px; }
    .mes-machines-heading[b-ig7uyn0qwp] { align-items: flex-start; flex-direction: column; }
    .mes-production-overview[b-ig7uyn0qwp] { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .mes-production-highlight p[b-ig7uyn0qwp] { margin-left: auto; margin-right: auto; }
    .mes-production-footer[b-ig7uyn0qwp] { align-items: flex-start; flex-direction: column; gap: 8px; }
    .mes-machine-card[b-ig7uyn0qwp] { min-width: 0; }
    .mes-customization-panel[b-ig7uyn0qwp] { padding: 18px; }
    .mes-customization-heading[b-ig7uyn0qwp], .mes-customization-footer[b-ig7uyn0qwp] { align-items: flex-start; flex-direction: column; }
    .mes-customization-options[b-ig7uyn0qwp] { grid-template-columns: 1fr; gap: 8px; }
    .mes-columns-select[b-ig7uyn0qwp] { width: 100%; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
    .mes-eyebrow span[b-ig7uyn0qwp],
    .mes-live-indicator span[b-ig7uyn0qwp],
    .mes-production-pulse i[b-ig7uyn0qwp],
    .is-producing .mes-machine-status-dot[b-ig7uyn0qwp] { animation: none; }
    .mes-kpi[b-ig7uyn0qwp],
    .mes-machine-card[b-ig7uyn0qwp],
    .mes-machine-status-button[b-ig7uyn0qwp] { transition: none; }
    .mes-interruption-details[b-ig7uyn0qwp] { animation: none; }
}
/* /Components/Pages/MES/Cadastros/CadastroHelpButton.razor.rz.scp.css */
.cadastro-help-button[b-spgvnn72j1] {
    align-items: center;
    border: 1px solid var(--mud-palette-info);
    border-radius: var(--mud-default-borderradius);
    color: var(--mud-palette-info);
    display: inline-flex;
    font-size: 0.8125rem;
    font-weight: 500;
    gap: 8px;
    height: 30px;
    justify-content: center;
    letter-spacing: 0.02857em;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

.cadastro-help-button:hover[b-spgvnn72j1],
.cadastro-help-button:focus-visible[b-spgvnn72j1] {
    background-color: color-mix(in srgb, var(--mud-palette-info) 10%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-info) 18%, transparent);
    outline: none;
}

.cadastro-help-button svg[b-spgvnn72j1] {
    fill: currentColor;
    height: 18px;
    width: 18px;
}
/* /Components/Pages/MES/Cadastros/FichaProcessoDocumentoDialog.razor.rz.scp.css */
.process-document-layout[b-insw6b9p8j] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.process-document-layout[b-insw6b9p8j]  .process-document-sheet {
    background: var(--mud-palette-background-gray);
}

.process-document-current-row[b-insw6b9p8j] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.process-document-details[b-insw6b9p8j] {
    flex: 1;
    min-width: 0;
}

.process-document-name[b-insw6b9p8j] {
    overflow-wrap: anywhere;
}

.process-document-upload[b-insw6b9p8j] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 132px;
    padding: 20px;
    border: 1px dashed var(--mud-palette-primary);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-gray);
    text-align: center;
}

.process-document-upload:hover[b-insw6b9p8j],
.process-document-upload:focus-within[b-insw6b9p8j] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.process-document-upload[b-insw6b9p8j]  .process-document-input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.process-document-selection[b-insw6b9p8j] {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .process-document-current-row[b-insw6b9p8j] {
        flex-wrap: wrap;
    }

    .process-document-current-row[b-insw6b9p8j]  .mud-button-root {
        width: 100%;
    }
}
/* /Components/Pages/MES/Cadastros/LabelTemplateEditor.razor.rz.scp.css */
/* Limita a área da aba para manter as ações do diálogo acessíveis.
   As tabelas usam seus próprios contêineres para rolagem dos registros. */
[b-lvpfp025mv] .mud-tabs-panels {
    max-height: calc(90dvh - 220px);
    overflow: auto;
    overscroll-behavior: contain;
}

.label-preview[b-lvpfp025mv] {
    max-width: 100%;
    align-self: flex-start;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}
/* /Components/Pages/MES/Cadastros/ProdutoDocumentoDialog.razor.rz.scp.css */
.product-document-layout[b-yk8sy8comn] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.product-document-layout[b-yk8sy8comn]  .product-document-product {
    background: var(--mud-palette-background-gray);
}

.product-document-current-row[b-yk8sy8comn] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.product-document-details[b-yk8sy8comn] {
    flex: 1;
    min-width: 0;
}

.product-document-name[b-yk8sy8comn] {
    overflow-wrap: anywhere;
}

.product-document-upload[b-yk8sy8comn] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 132px;
    padding: 20px;
    border: 1px dashed var(--mud-palette-primary);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-gray);
    text-align: center;
}

.product-document-upload:hover[b-yk8sy8comn],
.product-document-upload:focus-within[b-yk8sy8comn] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.product-document-upload[b-yk8sy8comn]  .product-document-input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.product-document-selection[b-yk8sy8comn] {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .product-document-current-row[b-yk8sy8comn] {
        flex-wrap: wrap;
    }

    .product-document-current-row[b-yk8sy8comn]  .mud-button-root {
        width: 100%;
    }
}
/* /Components/Pages/MES/Producao/CalendarioProducao.razor.rz.scp.css */
.calendar-month-toolbar[b-dkvrt46sid] { display: flex; align-items: center; flex-wrap: wrap; gap: 2px; }
.calendar-month-picker[b-dkvrt46sid] { width: 200px; flex: 0 0 200px; }
.calendar-legend[b-dkvrt46sid] { display: flex; gap: 16px; margin-left: auto; font-size: 12px; color: var(--mud-palette-text-secondary); }
.calendar-legend span[b-dkvrt46sid]::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
.calendar-legend-working[b-dkvrt46sid]::before { background: color-mix(in srgb, var(--mud-palette-primary) 35%, var(--mud-palette-surface)); border: 1px solid var(--mud-palette-primary); }
.calendar-legend-off[b-dkvrt46sid]::before { background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, var(--mud-palette-surface)); border: 1px solid var(--mud-palette-lines-default); }
.calendar-legend-exception[b-dkvrt46sid]::before { background: var(--mud-palette-warning); border: 1px solid var(--mud-palette-warning-darken); }
.calendar-month-scroll[b-dkvrt46sid] { overflow-x: auto; border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; }
.calendar-month-grid[b-dkvrt46sid] { display: grid; grid-template-columns: repeat(7, minmax(100px, 1fr)); min-width: 720px; gap: 1px; background: var(--mud-palette-lines-default); }
.calendar-weekday[b-dkvrt46sid] { text-align: center; font-size: 12px; font-weight: 600; padding: 6px 4px; color: var(--mud-palette-text-secondary); background: var(--mud-palette-background); }
.calendar-day[b-dkvrt46sid] { min-height: 84px; padding: 6px 8px; color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); }
.calendar-day-working[b-dkvrt46sid] { background: color-mix(in srgb, var(--mud-palette-primary) 22%, var(--mud-palette-surface)); box-shadow: inset 4px 0 var(--mud-palette-primary); }
.calendar-day-header[b-dkvrt46sid] { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-bottom: 3px; font-weight: 600; }
.calendar-day-header time[b-dkvrt46sid] { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }
.calendar-day-today .calendar-day-header time[b-dkvrt46sid] { background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }
.calendar-period[b-dkvrt46sid] { font-size: 12px; font-variant-numeric: tabular-nums; line-height: 1.35; color: var(--mud-palette-text-primary); }
.calendar-shift-link[b-dkvrt46sid] { color: var(--mud-palette-primary); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.calendar-day-note[b-dkvrt46sid] { font-size: 12px; color: var(--mud-palette-text-secondary); overflow-wrap: anywhere; }
.calendar-day-off[b-dkvrt46sid], .calendar-day-empty[b-dkvrt46sid] { background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, var(--mud-palette-surface)); }
.calendar-day-exception[b-dkvrt46sid],
.calendar-day-working.calendar-day-exception[b-dkvrt46sid] { box-shadow: inset 4px 0 var(--mud-palette-warning); }
.calendar-exception-label[b-dkvrt46sid] { font-size: 10px; color: var(--mud-palette-text-secondary); }
@media (max-width: 800px) { .calendar-legend[b-dkvrt46sid] { margin-left: 0; width: 100%; padding: 8px 0; } }
/* /Components/Pages/MES/Producao/CenariosPlanejamento.razor.rz.scp.css */
.scenario-page[b-1pi69zfv9w] {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 96px);
    min-height: 0;
    overflow: hidden;
}

.scenario-calculation-overlay[b-1pi69zfv9w] {
    position: fixed;
    z-index: 1300;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(0, 0, 0, .38);
}

.scenario-calculation-overlay[b-1pi69zfv9w]  .scenario-calculation-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: calc(100vw - 32px);
    text-align: center;
}

.scenario-calculation-overlay[b-1pi69zfv9w]  .scenario-calculation-icon {
    animation: scenario-hourglass-turn-b-1pi69zfv9w 1.5s ease-in-out infinite;
}

@keyframes scenario-hourglass-turn-b-1pi69zfv9w {
    0%, 35% {
        transform: rotate(0deg);
    }

    65%, 100% {
        transform: rotate(180deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .scenario-calculation-overlay[b-1pi69zfv9w]  .scenario-calculation-icon {
        animation: none;
    }
}

.scenario-page[b-1pi69zfv9w]  .scenario-header {
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.scenario-page[b-1pi69zfv9w]  .scenario-header .mud-typography-h5 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--mud-palette-primary);
}

.scenario-page[b-1pi69zfv9w]  .scenario-simulation-toolbar {
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.scenario-simulation-toolbar[b-1pi69zfv9w] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
}

.scenario-plan-name[b-1pi69zfv9w] {
    flex: 1.2 1 160px;
    min-width: 160px;
}

.scenario-plan-name[b-1pi69zfv9w]  .mud-input-outlined-border {
    border-radius: 6px;
}

.scenario-period[b-1pi69zfv9w] {
    display: flex;
    flex: 1 1 110px;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
}

.scenario-period small[b-1pi69zfv9w] {
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
}

.scenario-period > span[b-1pi69zfv9w] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.scenario-stat[b-1pi69zfv9w] {
    display: flex;
    flex: 1 1 105px;
    min-width: 0;
    align-items: center;
    gap: 8px;
    min-height: 72px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--stat-color) 15%, var(--mud-palette-lines-default));
    border-radius: 8px;
    color: var(--stat-color);
    background: color-mix(in srgb, var(--stat-color) 7%, var(--mud-palette-surface));
    text-align: left;
}

.scenario-stat > span:last-child[b-1pi69zfv9w],
.scenario-save-label[b-1pi69zfv9w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.scenario-stat strong[b-1pi69zfv9w] {
    font-size: 1.2rem;
    line-height: 1.25;
    white-space: nowrap;
}

.scenario-stat small[b-1pi69zfv9w] {
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
    line-height: 1.3;
}

.scenario-stat-icon[b-1pi69zfv9w] {
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--stat-color) 12%, transparent);
}

.scenario-stat.is-programmed[b-1pi69zfv9w],
.scenario-stat.is-wait[b-1pi69zfv9w] {
    --stat-color: var(--mud-palette-primary);
}

.scenario-stat.is-ontime[b-1pi69zfv9w] {
    --stat-color: #16854a;
}

.scenario-stat.is-impediment[b-1pi69zfv9w] {
    --stat-color: #bb2637;
    cursor: pointer;
}

.scenario-stat.is-setup[b-1pi69zfv9w] {
    --stat-color: #a56d06;
}

.scenario-stat.is-wait[b-1pi69zfv9w] {
    flex-basis: 160px;
}

.scenario-page[b-1pi69zfv9w]  .scenario-save-button {
    flex: 0 0 150px;
    min-height: 72px;
    text-transform: none;
    border-radius: 8px;
}

.scenario-save-button small[b-1pi69zfv9w] {
    font-size: .72rem;
    font-weight: 400;
}

.scenario-simulation-context[b-1pi69zfv9w] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs > .mud-tabs-tabbar {
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.scenario-page[b-1pi69zfv9w]  .scenario-simulation-tabs > .mud-tabs-tabbar {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-primary) 2%, var(--mud-palette-surface));
}

.scenario-page[b-1pi69zfv9w]  .mud-tab.mud-tab-active {
    font-weight: 700;
}

.scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs,
.scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs,
.scenario-page[b-1pi69zfv9w]  .scenario-simulation-tabs {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs > .mud-tabs-panels,
.scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs > .mud-tabs-panels,
.scenario-page[b-1pi69zfv9w]  .scenario-simulation-tabs > .mud-tabs-panels {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs .mud-tabs-tabbar,
.scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs .mud-tabs-tabbar,
.scenario-page[b-1pi69zfv9w]  .scenario-simulation-tabs .mud-tabs-tabbar {
    flex: 0 0 auto;
}

.scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs > .mud-tabs-tabbar .mud-tab,
.scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs > .mud-tabs-tabbar .mud-tab {
    width: auto;
    white-space: nowrap;
}

.scenario-page[b-1pi69zfv9w]  .mud-tabs-panels .scenario-create-panel,
.scenario-page[b-1pi69zfv9w]  .mud-tabs-panels .scenario-sequence-panel,
.scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs > .mud-tabs-panels > :first-child,
.scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs > .mud-tabs-panels > * {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.scenario-page[b-1pi69zfv9w]  .mud-tabs-panels .scenario-machine-queue-panel,
.scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs-manual > .mud-tabs-panels > :last-child {
    overflow: auto;
    overscroll-behavior: contain;
}

.scenario-machine-cards[b-1pi69zfv9w] {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 340px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: max-content;
    align-items: stretch;
    align-content: start;
    gap: 8px;
    padding: 8px;
}

.scenario-machine-card[b-1pi69zfv9w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    min-height: 0;
    height: auto;
    align-self: stretch;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-lines-default));
    border-left: 5px solid var(--mud-palette-primary);
    border-radius: 12px;
    color: var(--mud-palette-text-primary);
    text-align: left;
    background: linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface)), var(--mud-palette-surface) 65%);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    cursor: pointer;
}

.scenario-machine-card:hover[b-1pi69zfv9w],
.scenario-machine-card:focus-visible[b-1pi69zfv9w] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
}

.scenario-machine-card:focus-visible[b-1pi69zfv9w] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.scenario-machine-card:disabled[b-1pi69zfv9w] {
    cursor: default;
    opacity: .65;
}

.scenario-machine-card-heading[b-1pi69zfv9w],
.scenario-machine-card-metrics[b-1pi69zfv9w],
.scenario-machine-card-open[b-1pi69zfv9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.scenario-machine-card-name[b-1pi69zfv9w] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.scenario-machine-card-name strong[b-1pi69zfv9w] {
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scenario-machine-card-name small[b-1pi69zfv9w],
.scenario-machine-card-metrics small[b-1pi69zfv9w] {
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}

.scenario-machine-card-badge[b-1pi69zfv9w] {
    flex: 0 0 auto;
    padding: 1px 4px;
    border-radius: 999px;
    color: var(--mud-palette-primary);
    background: #fff0bd;
    font-size: .58rem;
    font-weight: 700;
    line-height: 1.1;
}

.scenario-machine-card-metrics[b-1pi69zfv9w] {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 26px;
}

.scenario-machine-card-orders[b-1pi69zfv9w],
.scenario-machine-card-quantity[b-1pi69zfv9w] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.scenario-machine-card-metrics strong[b-1pi69zfv9w] {
    font-size: 1.15rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.scenario-machine-card-open[b-1pi69zfv9w] {
    justify-content: flex-end;
    margin-top: auto;
    color: var(--mud-palette-primary);
    font-size: .78rem;
    font-weight: 700;
}

.scenario-page[b-1pi69zfv9w]  .scenario-create-panel > .mud-grid,
.scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs > .mud-tabs-panels > :first-child > .mud-grid {
    flex: 0 0 auto;
}

.scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs > .mud-tabs-panels > :not(:first-child) {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.scenario-page[b-1pi69zfv9w]  .scenario-operations-grid,
.scenario-page[b-1pi69zfv9w]  .scenario-order-grid {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin-bottom: 2px;
    border: 1px solid var(--mud-palette-lines-default);
}

.scenario-page[b-1pi69zfv9w]  .scenario-operations-grid .mud-table-container,
.scenario-page[b-1pi69zfv9w]  .scenario-order-grid .mud-table-container {
    flex: 1 1 auto;
    height: 100% !important;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.scenario-page[b-1pi69zfv9w]  .scenario-operations-grid .mud-table-pagination,
.scenario-page[b-1pi69zfv9w]  .scenario-order-grid .mud-table-pagination {
    flex: 0 0 auto;
}

.scenario-page[b-1pi69zfv9w]  .scenario-operations-grid .mud-table-cell,
.scenario-page[b-1pi69zfv9w]  .scenario-order-grid .mud-table-cell {
    padding: 8px 12px;
    vertical-align: middle;
}

.scenario-page[b-1pi69zfv9w]  .scenario-order-actions {
    flex: 0 0 auto;
    flex-wrap: wrap;
    padding-bottom: 2px;
}

.scenario-page[b-1pi69zfv9w]  .scenario-order-grid .row-selected > td {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 22%, var(--mud-palette-surface)) !important;
}

.scenario-page[b-1pi69zfv9w]  .scenario-order-grid .row-selected:hover > td {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 32%, var(--mud-palette-surface)) !important;
}

.scenario-page[b-1pi69zfv9w]  .scenario-order-grid .row-selected > td:first-child {
    box-shadow: inset 4px 0 0 var(--mud-palette-primary);
}

.scenario-page[b-1pi69zfv9w]  .scenario-difference-grid .scenario-difference-changed {
    background: color-mix(in srgb, var(--mud-palette-warning) 23%, var(--mud-palette-surface)) !important;
    box-shadow: inset 3px 0 0 var(--mud-palette-warning);
    font-weight: 600;
}

.scenario-page[b-1pi69zfv9w]  .scenario-comparison-grid .scenario-comparison-changed {
    background: color-mix(in srgb, var(--mud-palette-warning) 23%, var(--mud-palette-surface)) !important;
    box-shadow: inset 3px 0 0 var(--mud-palette-warning);
    font-weight: 600;
}

.scenario-page[b-1pi69zfv9w]  .scenario-comparison-metrics .scenario-comparison-changed {
    background: color-mix(in srgb, var(--mud-palette-warning) 23%, var(--mud-palette-surface));
    border-radius: 3px;
    box-shadow: inset 3px 0 0 var(--mud-palette-warning);
    padding-inline: 6px;
    font-weight: 600;
}

.scenario-cell-heading[b-1pi69zfv9w] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    line-height: 1.3;
}

.scenario-cell-main[b-1pi69zfv9w] {
    margin-top: 3px;
    line-height: 1.35;
}

.scenario-cell-detail[b-1pi69zfv9w] {
    margin-top: 3px;
    color: var(--mud-palette-text-secondary);
    font-size: .76rem;
    line-height: 1.35;
}

.scenario-production-badge[b-1pi69zfv9w] {
    flex: 0 0 auto;
    padding: 2px 7px;
    border: 1px solid var(--mud-palette-info);
    border-radius: 999px;
    color: var(--mud-palette-info);
    background: color-mix(in srgb, var(--mud-palette-info) 12%, var(--mud-palette-surface));
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.scenario-page[b-1pi69zfv9w]  .scenario-operations-grid .scenario-row-in-production > td {
    background: color-mix(in srgb, var(--mud-palette-info) 8%, var(--mud-palette-surface)) !important;
}

.scenario-page[b-1pi69zfv9w]  .scenario-operations-grid .scenario-row-in-production > td:first-child {
    box-shadow: inset 4px 0 0 var(--mud-palette-info);
}

.scenario-page[b-1pi69zfv9w]  .scenario-operations-grid .scenario-row-in-production:hover > td {
    background: color-mix(in srgb, var(--mud-palette-info) 15%, var(--mud-palette-surface)) !important;
}

.scenario-start-fields[b-1pi69zfv9w] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.scenario-start-fields[b-1pi69zfv9w]  .mud-picker {
    min-width: 110px;
}

@media (max-width: 800px) {
    .scenario-page[b-1pi69zfv9w] {
        height: calc(100dvh - 64px);
    }

    .scenario-start-fields[b-1pi69zfv9w] {
        flex-wrap: wrap;
    }
}

.simulation-board-viewport[b-1pi69zfv9w] {
    height: 54vh;
    min-height: 320px;
    margin-top: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: var(--mud-palette-background);
}

.simulation-capacity-viewport[b-1pi69zfv9w] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 14px;
    min-height: 340px;
    margin-top: 12px;
    overflow: hidden;
}

.capacity-help[b-1pi69zfv9w] {
    flex: 0 0 auto;
    padding: 12px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
}

.capacity-help summary[b-1pi69zfv9w] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: .85rem;
    cursor: pointer;
    list-style: none;
}

.capacity-help summary[b-1pi69zfv9w]::-webkit-details-marker {
    display: none;
}

.capacity-help summary[b-1pi69zfv9w]::after {
    content: "⌄";
    margin-left: auto;
}

.capacity-help[open] summary[b-1pi69zfv9w]::after {
    content: "⌃";
}

.capacity-help summary span[b-1pi69zfv9w],
.capacity-help p[b-1pi69zfv9w] {
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

.capacity-help p[b-1pi69zfv9w] {
    margin: 10px 0 0;
    line-height: 1.5;
}

.capacity-toolbar[b-1pi69zfv9w] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
}

.capacity-filters[b-1pi69zfv9w],
.capacity-sort[b-1pi69zfv9w],
.capacity-legend[b-1pi69zfv9w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
}

.capacity-filters strong[b-1pi69zfv9w],
.capacity-sort label[b-1pi69zfv9w] {
    margin-right: 6px;
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.capacity-filter[b-1pi69zfv9w] {
    padding: 7px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 24px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
    cursor: pointer;
}

.capacity-filter.is-active[b-1pi69zfv9w] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    background: var(--mud-palette-primary);
}

.capacity-sort select[b-1pi69zfv9w],
.capacity-pagination select[b-1pi69zfv9w] {
    padding: 7px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-surface);
}

.capacity-legend[b-1pi69zfv9w] {
    gap: 12px;
    color: var(--mud-palette-text-secondary);
}

.capacity-legend > span[b-1pi69zfv9w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.capacity-legend i[b-1pi69zfv9w] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.capacity-legend .is-current[b-1pi69zfv9w] {
    background: #245690;
}

.capacity-legend .is-proposed[b-1pi69zfv9w] {
    background: #388447;
}

.capacity-legend .is-pending[b-1pi69zfv9w] {
    background: #c86526;
}

.capacity-legend .is-free[b-1pi69zfv9w] {
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-gray);
}

.capacity-legend .is-excess[b-1pi69zfv9w] {
    background: repeating-linear-gradient(135deg, #a8461b, #a8461b 4px, #d7753f 4px, #d7753f 8px);
}

.capacity-table-viewport[b-1pi69zfv9w] {
    flex: 1 1 0;
    min-height: 180px;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.capacity-table[b-1pi69zfv9w] {
    width: 100%;
    min-width: 1280px;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--mud-palette-text-primary);
    font-size: .82rem;
}

.capacity-table th[b-1pi69zfv9w],
.capacity-table td[b-1pi69zfv9w] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    text-align: center;
    vertical-align: middle;
}

.capacity-table thead th[b-1pi69zfv9w] {
    position: sticky;
    top: 0;
    z-index: 2;
    min-width: 76px;
    background: var(--mud-palette-drawer-background);
    color: var(--mud-palette-drawer-text);
    font-weight: 600;
    line-height: 1.4;
}

.capacity-table thead th:first-child[b-1pi69zfv9w] {
    z-index: 4;
}

.capacity-table small[b-1pi69zfv9w] {
    display: block;
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.4;
}

.capacity-table th:first-child[b-1pi69zfv9w] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 200px;
    text-align: left;
}

.capacity-table tbody th[b-1pi69zfv9w],
.capacity-table tbody td[b-1pi69zfv9w] {
    background: var(--mud-palette-surface);
}

.capacity-center-row[b-1pi69zfv9w],
.capacity-machine-row[b-1pi69zfv9w] {
    cursor: pointer;
}

.capacity-table .capacity-total[b-1pi69zfv9w] {
    font-weight: 700;
}

.capacity-center-row:hover > *[b-1pi69zfv9w],
.capacity-machine-row:hover > *[b-1pi69zfv9w] {
    background: var(--mud-palette-background-gray);
}

.capacity-table tbody .capacity-machine-row > th[b-1pi69zfv9w],
.capacity-table tbody .capacity-machine-row > td[b-1pi69zfv9w] {
    background: #fff8dc;
}

.capacity-table tbody .capacity-machine-row:hover > th[b-1pi69zfv9w],
.capacity-table tbody .capacity-machine-row:hover > td[b-1pi69zfv9w] {
    background: #fff0bd;
}

.capacity-machine-row .capacity-row-name[b-1pi69zfv9w] {
    padding-left: 26px;
}

.capacity-row-name[b-1pi69zfv9w] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    padding: 0;
    border: 0;
    color: var(--mud-palette-primary);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.capacity-row-name strong[b-1pi69zfv9w] {
    font-weight: 700;
}

.capacity-row-name > span:last-child[b-1pi69zfv9w] {
    min-width: 0;
    text-align: left;
}

.capacity-row-name .capacity-missing-time[b-1pi69zfv9w] {
    color: #8f610e;
    font-weight: 600;
}

.capacity-chevron[b-1pi69zfv9w] {
    flex: 0 0 12px;
}

.capacity-chart-cell[b-1pi69zfv9w] {
    min-width: 240px;
}

.capacity-table[b-1pi69zfv9w]  .machine-load-legend {
    display: none;
}

.capacity-badge[b-1pi69zfv9w] {
    display: inline-block;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 600;
    white-space: nowrap;
}

.capacity-badge.is-danger[b-1pi69zfv9w] {
    color: #b51f32;
    background: color-mix(in srgb, #df3551 10%, var(--mud-palette-surface));
}

.capacity-badge.is-warning[b-1pi69zfv9w] {
    color: #8f610e;
    background: color-mix(in srgb, #e5aa26 15%, var(--mud-palette-surface));
}

.capacity-badge.is-success[b-1pi69zfv9w] {
    color: #19733f;
    background: color-mix(in srgb, #27a45b 12%, var(--mud-palette-surface));
}

.capacity-badge.is-neutral[b-1pi69zfv9w] {
    background: var(--mud-palette-background-gray);
}

.capacity-impediments[b-1pi69zfv9w] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    color: #b51f32;
    background: transparent;
    cursor: pointer;
}

.capacity-table .capacity-warning-row td[b-1pi69zfv9w] {
    background: color-mix(in srgb, var(--mud-palette-warning) 12%, var(--mud-palette-surface));
    text-align: left;
    font-size: .78rem;
}

.capacity-warning-row[b-1pi69zfv9w]  svg {
    vertical-align: middle;
}

.capacity-table .capacity-empty[b-1pi69zfv9w] {
    padding: 28px;
}

.capacity-pagination[b-1pi69zfv9w] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.capacity-pagination > span:first-child[b-1pi69zfv9w] {
    margin-right: auto;
}

/* Em janelas baixas, o painel externo rola para manter uma área útil de consulta. */
@media (max-height: 800px), (max-width: 700px) {
    .scenario-page[b-1pi69zfv9w]  .scenario-primary-tabs > .mud-tabs-panels {
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .scenario-page[b-1pi69zfv9w]  .scenario-simulation-tabs {
        flex: 0 0 auto;
    }

    .scenario-page[b-1pi69zfv9w]  .scenario-simulation-tabs > .mud-tabs-panels {
        overflow: visible;
    }
}

@media (max-width: 700px) {
    /* Os cartões passam a ocupar mais linhas; o painel externo rola sem comprimir a tabela. */
    .scenario-page[b-1pi69zfv9w]  .scenario-simulation-tabs {
        flex: 0 0 auto;
    }

    .scenario-page[b-1pi69zfv9w]  .scenario-simulation-tabs > .mud-tabs-panels {
        overflow: visible;
    }

    .simulation-capacity-viewport[b-1pi69zfv9w] {
        flex: 0 0 auto;
        min-height: 440px;
    }

    .scenario-page[b-1pi69zfv9w]  .scenario-header .mud-typography-h5 {
        font-size: 1.2rem;
    }

    .capacity-table th:first-child[b-1pi69zfv9w] {
        min-width: 160px;
        width: 160px;
        max-width: 160px;
    }

    .capacity-row-name[b-1pi69zfv9w] {
        gap: 6px;
    }

    .capacity-row-name > span:last-child[b-1pi69zfv9w] {
        max-width: 118px;
    }

    .capacity-row-name strong[b-1pi69zfv9w],
    .capacity-row-name small[b-1pi69zfv9w] {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .scenario-stat[b-1pi69zfv9w] {
        min-height: 58px;
        flex-basis: 130px;
        padding: 8px;
    }

    .scenario-stat strong[b-1pi69zfv9w] {
        font-size: 1.1rem;
    }

    .capacity-help summary span[b-1pi69zfv9w] {
        display: none;
    }

    .capacity-filter[b-1pi69zfv9w] {
        padding: 5px 10px;
    }
}

.simulation-board-explanation[b-1pi69zfv9w] {
    padding: 10px 12px 0;
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.simulation-machine-cards[b-1pi69zfv9w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    align-content: start;
    gap: 8px;
    padding: 8px;
}

.simulation-machine-card[b-1pi69zfv9w] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    min-height: 185px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-lines-default));
    border-left: 5px solid var(--mud-palette-primary);
    border-radius: 12px;
    color: var(--mud-palette-text-primary);
    text-align: left;
    background: linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface)), var(--mud-palette-surface) 65%);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    cursor: pointer;
}

.simulation-machine-card:hover[b-1pi69zfv9w],
.simulation-machine-card:focus-visible[b-1pi69zfv9w] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
}

.simulation-machine-card:focus-visible[b-1pi69zfv9w] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.simulation-machine-card-unallocated[b-1pi69zfv9w] {
    border-left-color: var(--mud-palette-warning);
}

.simulation-machine-card-heading[b-1pi69zfv9w],
.simulation-machine-card-metrics[b-1pi69zfv9w],
.simulation-machine-card-utilization[b-1pi69zfv9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.simulation-machine-card-heading strong[b-1pi69zfv9w] {
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simulation-machine-card-badge[b-1pi69zfv9w] {
    flex: 0 0 auto;
    padding: 1px 4px;
    border-radius: 999px;
    color: var(--mud-palette-primary);
    background: #fff0bd;
    font-size: .58rem;
    font-weight: 700;
    line-height: 1.1;
}

.simulation-machine-card-description[b-1pi69zfv9w],
.simulation-machine-card-metrics small[b-1pi69zfv9w],
.simulation-machine-card-capacity[b-1pi69zfv9w] {
    color: var(--mud-palette-text-secondary);
    font-size: .76rem;
}

.simulation-machine-card-metrics[b-1pi69zfv9w] {
    justify-content: flex-start;
    gap: 24px;
    margin: 2px 0;
}

.simulation-machine-card-metrics > span[b-1pi69zfv9w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.simulation-machine-card-metrics strong[b-1pi69zfv9w],
.simulation-machine-card-utilization strong[b-1pi69zfv9w] {
    font-size: 1.1rem;
}

.simulation-machine-card-utilization[b-1pi69zfv9w] {
    font-size: .82rem;
}

.simulation-machine-card-capacity strong[b-1pi69zfv9w] {
    color: var(--mud-palette-warning);
}

.simulation-machine-card-bar[b-1pi69zfv9w] {
    display: block;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-warning) 32%, var(--mud-palette-surface));
}

.simulation-machine-card-bar > span[b-1pi69zfv9w] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--mud-palette-primary);
}

.simulation-machine-card-no-calendar[b-1pi69zfv9w] {
    color: var(--mud-palette-warning);
    font-size: .78rem;
}

.simulation-machine-card-open[b-1pi69zfv9w] {
    margin-top: auto;
    color: var(--mud-palette-primary);
    font-size: .78rem;
    font-weight: 700;
    text-align: right;
}
.scenario-impediments[b-1pi69zfv9w] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding-top: 12px;
    gap: 12px;
}

.scenario-impediments-toolbar[b-1pi69zfv9w] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    align-items: center;
}

.scenario-impediments[b-1pi69zfv9w]  .scenario-impediments-search {
    width: 310px;
    max-width: 100%;
    flex: 0 1 310px;
    margin: 0;
}

.scenario-impediments-viewport[b-1pi69zfv9w] {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    scrollbar-gutter: stable;
    overflow: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    overscroll-behavior: contain;
}

.scenario-impediments-table[b-1pi69zfv9w] {
    width: 100%;
    min-width: 940px;
    border-collapse: collapse;
    font-size: .78rem;
}

.scenario-impediments-table th[b-1pi69zfv9w],
.scenario-impediments-table td[b-1pi69zfv9w] {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.scenario-impediments-table th[b-1pi69zfv9w] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    font-size: .71rem;
    white-space: nowrap;
}

.scenario-impediments-table tbody tr[b-1pi69zfv9w] {
    cursor: pointer;
    transition: background-color .15s;
}

.scenario-impediments-table tbody tr:hover[b-1pi69zfv9w],
.scenario-impediments-table tbody tr:focus-within[b-1pi69zfv9w] {
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

.scenario-impediments-table td small[b-1pi69zfv9w] {
    display: block;
    max-width: 340px;
    margin-top: 4px;
    font-size: .71rem;
    color: var(--mud-palette-text-secondary);
}

.scenario-impediment-kind[b-1pi69zfv9w],
.scenario-impediment-started[b-1pi69zfv9w] {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--mud-palette-warning) 13%, transparent);
    font-size: .69rem;
    font-weight: 600;
}

.scenario-impediment-started[b-1pi69zfv9w] {
    margin-top: 5px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 9%, transparent);
}

.scenario-impediment-open[b-1pi69zfv9w] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 5px;
    color: var(--mud-palette-primary);
    background: transparent;
    font: inherit;
    font-size: .72rem;
    cursor: pointer;
}

.scenario-impediment-open:focus-visible[b-1pi69zfv9w] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.scenario-impediment-open:disabled[b-1pi69zfv9w] {
    opacity: .5;
    cursor: default;
}

.scenario-impediments-table td.scenario-impediments-empty[b-1pi69zfv9w] {
    padding: 28px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

/* A consulta mantém a mesma superfície leve em todas as etapas do cenário. */
.scenario-create-summary[b-1pi69zfv9w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 12px 0;
    flex: 0 0 auto;
}
fieldset.scenario-period[b-1pi69zfv9w] {
    min-width: 0;
    padding: 8px 14px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
}
.scenario-period legend[b-1pi69zfv9w] {
    padding: 0 6px;
    font-size: .8rem;
    font-weight: 700;
}
.scenario-create-stats[b-1pi69zfv9w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 10px;
}
.scenario-create-stats .scenario-stat[b-1pi69zfv9w] {
    min-width: 0;
    padding: 12px;
}
.scenario-view-filters[b-1pi69zfv9w] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding: 12px 4px;
}
.scenario-page[b-1pi69zfv9w]  .scenario-view-filters > .mud-input-control {
    flex: 1 1 260px;
    max-width: 560px;
}
.scenario-view-note[b-1pi69zfv9w] {
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    align-items: center;
    padding: 12px 16px;
    margin: 10px 0;
    background: color-mix(in srgb, var(--mud-palette-info) 6%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 18%, var(--mud-palette-lines-default));
    border-radius: 5px;
    font-size: .8rem;
}
.scenario-page[b-1pi69zfv9w]  .mud-data-grid-custom .mud-table-head .mud-table-cell {
    background: var(--mud-palette-drawer-background) !important;
    color: var(--mud-palette-drawer-text) !important;
    font-weight: 700;
    padding: 14px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.scenario-page[b-1pi69zfv9w]  .mud-data-grid-custom .mud-table-head .mud-icon-root {
    color: var(--mud-palette-drawer-text) !important;
}
.scenario-page[b-1pi69zfv9w]  .mud-data-grid-custom .mud-table-cell {
    border-color: var(--mud-palette-lines-default);
}
.scenario-page[b-1pi69zfv9w]  .scenario-order-grid .mud-table-cell,
.scenario-page[b-1pi69zfv9w]  .scenario-saved-grid .mud-table-cell {
    padding: 14px 16px;
}
.scenario-date-badge[b-1pi69zfv9w],
.scenario-candidate-badge[b-1pi69zfv9w] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 5px;
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-surface));
    white-space: nowrap;
}
.scenario-candidate-badge[b-1pi69zfv9w] {
    margin-top: 6px;
    font-size: .7rem;
    background: color-mix(in srgb, var(--mud-palette-warning) 20%, var(--mud-palette-surface));
}
.scenario-saved-actions[b-1pi69zfv9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 260px;
}
.scenario-machine-card[b-1pi69zfv9w] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    box-shadow: none;
    background: var(--mud-palette-surface);
    gap: 10px;
    align-items: stretch;
}
.scenario-queue-load[b-1pi69zfv9w] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-end;
}
.scenario-queue-load > span[b-1pi69zfv9w],
.scenario-next-operations[b-1pi69zfv9w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.scenario-next-operations[b-1pi69zfv9w] {
    font-size: .75rem;
}
.scenario-next-operations > span[b-1pi69zfv9w] {
    padding: 3px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.scenario-machine-card small[b-1pi69zfv9w] {
    font-size: .7rem;
    color: var(--mud-palette-text-secondary);
}
.scenario-page[b-1pi69zfv9w]  .scenario-queue-progress {
    border-radius: 6px;
    height: 10px;
}
.scenario-page[b-1pi69zfv9w]  .mud-tab.mud-tab-active {
    color: var(--mud-palette-primary);
}
@media (max-width: 700px) {
    .scenario-page[b-1pi69zfv9w]  .scenario-order-grid .mud-table-container,
    .scenario-page[b-1pi69zfv9w]  .scenario-operations-grid .mud-table-container {
        min-height: 220px;
        max-height: 400px;
        overflow: auto;
    }
    .scenario-page[b-1pi69zfv9w]  .scenario-order-grid table {
        min-width: 1000px;
    }
    .scenario-page[b-1pi69zfv9w]  .scenario-operations-grid table {
        min-width: 1300px;
    }
    .scenario-page[b-1pi69zfv9w]  .scenario-saved-grid table {
        min-width: 1150px;
    }
}
@media (max-width: 1100px) {
    .scenario-create-summary[b-1pi69zfv9w] {
        grid-template-columns: 1fr;
    }
}
@media (max-height: 800px), (max-width: 700px) {
    .scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs {
        flex: 0 0 auto;
    }
    .scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs > .mud-tabs-panels {
        overflow: visible;
    }
    .scenario-page[b-1pi69zfv9w]  .scenario-order-grid,
    .scenario-page[b-1pi69zfv9w]  .scenario-operations-grid {
        min-height: 300px;
    }
    .scenario-machine-cards[b-1pi69zfv9w] {
        min-height: 240px;
        max-height: none;
        flex: 0 0 auto;
    }
}
@media (max-width: 600px) {
    .scenario-create-stats[b-1pi69zfv9w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .scenario-view-filters[b-1pi69zfv9w] {
        gap: 8px;
    }
    .scenario-saved-actions[b-1pi69zfv9w] {
        min-width: 180px;
    }
}

/* Os cabeçalhos das tabelas hierárquicas seguem a mesma paleta dos grids. */
.capacity-table thead th *[b-1pi69zfv9w],
.scenario-impediments-table thead th[b-1pi69zfv9w] {
    color: var(--mud-palette-drawer-text);
}
.scenario-impediments-table thead th[b-1pi69zfv9w] {
    background: var(--mud-palette-drawer-background);
}

/* MudDataGrid mantém a rolagem interna e o cabeçalho fixo do painel de impedimentos. */
.scenario-impediments-viewport[b-1pi69zfv9w]  .scenario-impediments-table {
    height: 100%;
}
.scenario-impediments-viewport[b-1pi69zfv9w]  .mud-table-container {
    height: 100%;
    min-height: 0;
    overflow: auto;
}
.scenario-impediments-viewport[b-1pi69zfv9w]  .mud-table {
    min-width: 900px;
}
.scenario-impediments-viewport[b-1pi69zfv9w]  td small {
    display: block;
    margin-top: 4px;
    font-size: .75rem;
}

.scenario-page[b-1pi69zfv9w]  .scenario-step-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.scenario-page[b-1pi69zfv9w]  .scenario-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 50%;
    background: #617795;
    color: #fff;
    font-weight: 700;
    line-height: 1;
}

.scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs .mud-tab-active .scenario-step-number {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

/* As classes dos painéis também podem estar no título gerado pelo MudTabs.
   O cabeçalho deve sempre manter o número e o texto na mesma linha centralizada. */
.scenario-page[b-1pi69zfv9w]  .scenario-edit-tabs > .mud-tabs-tabbar .mud-tab {
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    height: 48px;
    padding: 10px 16px;
    line-height: 20px;
}

/* Cada linha acompanha a altura real dos cartões. Os blocos internos não podem
   encolher e sobrepor textos quando a fila tiver muitas informações. */
.scenario-machine-card > *[b-1pi69zfv9w] {
    flex-shrink: 0;
}

.scenario-machine-card-heading[b-1pi69zfv9w] {
    flex-wrap: wrap;
    align-items: flex-start;
}

.scenario-machine-card-name[b-1pi69zfv9w] {
    flex: 1 1 180px;
}

.scenario-machine-card-name strong[b-1pi69zfv9w] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.scenario-machine-card-metrics[b-1pi69zfv9w] {
    flex-wrap: wrap;
}

.scenario-next-operations > span[b-1pi69zfv9w] {
    overflow-wrap: anywhere;
}

@media (max-width: 1200px) {
    .scenario-machine-cards[b-1pi69zfv9w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .scenario-machine-cards[b-1pi69zfv9w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .scenario-machine-cards[b-1pi69zfv9w] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/MES/Producao/OrdensProducao.razor.rz.scp.css */
.production-orders-page[b-ga4jd38arb]  .production-orders-grid .row-selected > td {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 22%, var(--mud-palette-surface)) !important;
}

.production-orders-page[b-ga4jd38arb]  .production-orders-grid .row-selected:hover > td {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 32%, var(--mud-palette-surface)) !important;
}

.production-orders-page[b-ga4jd38arb]  .production-orders-grid .row-selected > td:first-child {
    box-shadow: inset 4px 0 0 var(--mud-palette-primary);
}

.production-orders-page[b-ga4jd38arb]  .production-orders-grid tbody .mud-table-cell.sticky-left {
    z-index: 2;
    border-right: 1px solid var(--mud-palette-divider);
    background-clip: padding-box;
    box-shadow: 4px 0 8px color-mix(in srgb, var(--mud-palette-text-primary) 16%, transparent);
}

.production-orders-page[b-ga4jd38arb]  .production-orders-grid thead tr th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    border-right: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-drawer-background) !important;
    background-clip: padding-box;
    box-shadow: 4px 0 8px color-mix(in srgb, var(--mud-palette-text-primary) 16%, transparent);
}
.production-orders-page[b-ga4jd38arb] {
    height: calc(100dvh - 128px);
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* O grid ocupa somente o espaço restante dos filtros e do título.
   A paginação fica visível; as linhas rolam dentro do contêiner da tabela. */
.production-orders-page[b-ga4jd38arb]  .production-orders-card,
.production-orders-page[b-ga4jd38arb]  .production-orders-grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.production-orders-page[b-ga4jd38arb]  .production-orders-filters,
.production-orders-page[b-ga4jd38arb]  .production-orders-card > .mud-typography,
.production-orders-page[b-ga4jd38arb]  .mud-table-pagination {
    flex-shrink: 0;
}

.production-orders-page[b-ga4jd38arb]  .production-orders-grid .mud-table-container {
    flex: 1 1 0;
    min-height: 0;
    height: auto !important;
    overflow: auto;
    overscroll-behavior: contain;
}

.production-orders-page[b-ga4jd38arb]  .production-orders-actions {
    width: 100%;
}
/* /Components/Pages/MES/Producao/PlanejamentoProducao.razor.rz.scp.css */
.planning-page-header[b-vt2z4b2fq9] { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 5px 12px; border-bottom: 1px solid var(--mud-palette-lines-default); background: linear-gradient(110deg, color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface)), var(--mud-palette-surface) 58%); }
.planning-page-header[b-vt2z4b2fq9]  .mud-typography-h5 { font-size: 1.08rem; line-height: 1.25; }
.planning-page-header[b-vt2z4b2fq9]  .mud-typography-body2 { display: none; }
.planning-page-header[b-vt2z4b2fq9]  .planning-header-actions { flex-wrap: wrap; }
.planning-overview[b-vt2z4b2fq9] { display: grid; flex: 0 0 auto; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 6px; padding: 5px 12px; }
.overview-card[b-vt2z4b2fq9] { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 5px 10px 5px 14px; overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 7px; background: var(--mud-palette-surface); }
.overview-card[b-vt2z4b2fq9]::before { position: absolute; inset: 0 auto 0 0; width: 4px; content: ""; background: var(--card-accent, var(--mud-palette-primary)); }
.overview-card span[b-vt2z4b2fq9] { color: var(--mud-palette-text-secondary); font-size: 11px; font-weight: 600; line-height: 1.15; }
.overview-card strong[b-vt2z4b2fq9] { padding-left: 8px; color: var(--card-accent, var(--mud-palette-primary)); font-size: 22px; line-height: 1; }
.overview-card small[b-vt2z4b2fq9] { display: none; }
.overview-card.received[b-vt2z4b2fq9] { --card-accent: var(--mud-palette-info); }
.overview-card.ready[b-vt2z4b2fq9] { --card-accent: var(--mud-palette-warning); }
.overview-card.planned[b-vt2z4b2fq9] { --card-accent: var(--mud-palette-primary); }
.overview-card.released[b-vt2z4b2fq9] { --card-accent: var(--mud-palette-success); }
.sequencing-intro[b-vt2z4b2fq9] { display: grid; flex: 0 0 auto; grid-template-columns: minmax(180px, .5fr) minmax(470px, 1.5fr); align-items: center; gap: 10px; padding: 5px 10px 4px; }
.sequencing-copy[b-vt2z4b2fq9]  .mud-typography-subtitle1 { font-size: .92rem; }
.sequencing-copy[b-vt2z4b2fq9]  .mud-typography-body2 { display: none; }
.sequencing-options[b-vt2z4b2fq9] { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 6px; }
.sequence-option[b-vt2z4b2fq9] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 7px; min-height: 44px; padding: 5px 8px; border: 1px solid color-mix(in srgb, var(--option-accent) 38%, var(--mud-palette-lines-default)); border-radius: 7px; color: var(--mud-palette-text-primary); text-align: left; background: color-mix(in srgb, var(--option-accent) 8%, var(--mud-palette-surface)); cursor: pointer; }
.sequence-option.automatic[b-vt2z4b2fq9] { --option-accent: var(--mud-palette-primary); }
.sequence-option.manual[b-vt2z4b2fq9] { --option-accent: var(--mud-palette-warning); }
.sequence-option:hover:not(:disabled)[b-vt2z4b2fq9] { border-color: var(--option-accent); box-shadow: 0 3px 10px color-mix(in srgb, var(--option-accent) 18%, transparent); transform: translateY(-1px); }
.sequence-option:disabled[b-vt2z4b2fq9] { cursor: not-allowed; filter: grayscale(.55); opacity: .5; }
.sequence-option .option-icon[b-vt2z4b2fq9] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 6px; color: var(--option-accent); background: color-mix(in srgb, var(--option-accent) 15%, var(--mud-palette-surface)); }
.sequence-option > span:nth-child(2)[b-vt2z4b2fq9] { display: flex; flex-direction: column; min-width: 0; }
.sequence-option strong[b-vt2z4b2fq9] { font-size: 13px; }
.sequence-option small[b-vt2z4b2fq9] { display: none; }
.selection-toolbar[b-vt2z4b2fq9] { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 36px; margin: 0 10px 4px; padding: 3px 8px; border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; background: color-mix(in srgb, var(--mud-palette-background) 52%, var(--mud-palette-surface)); }
.selection-toolbar > :first-child[b-vt2z4b2fq9] { margin-right: auto; }
.planning-scroll-panel[b-vt2z4b2fq9] { display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; min-width: 0; min-height: 0; overflow: hidden; }
/* A altura dos cartões não pode expandir a subaba; somente o quadro recebe rolagem. */
.production-board-panel[b-vt2z4b2fq9] { flex: 1 1 0; height: auto; }
.planning-board-viewport[b-vt2z4b2fq9] {
    position: relative;
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    margin: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: var(--mud-palette-background);
}

.planning-board[b-vt2z4b2fq9] {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: max-content;
    min-width: 100%;
    height: 100%;
    min-height: 0;
    padding: 8px;
}

.planning-board-column[b-vt2z4b2fq9] {
    width: 300px;
    min-width: 300px;
    align-self: stretch;
    padding: 0;
    background: var(--mud-palette-surface);
}

.planning-board-column-header[b-vt2z4b2fq9] {
    position: sticky;
    top: 0;
    z-index: 3;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    box-shadow: 0 2px 3px color-mix(in srgb, var(--mud-palette-text-primary) 10%, transparent);
}

.planning-board-column-title[b-vt2z4b2fq9] { min-width: 0; flex: 1; }
.planning-board-column-body[b-vt2z4b2fq9] { min-height: 84px; padding: 8px; }

.production-board-viewport[b-vt2z4b2fq9] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    margin: 0 8px 8px;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: var(--mud-palette-background);
}

.production-board[b-vt2z4b2fq9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 310px), 1fr));
    align-content: start;
    gap: 12px;
    padding: 12px;
}

.production-machine-card[b-vt2z4b2fq9] {
    --status-color: var(--mud-palette-info);
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-width: 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--status-color) 45%, var(--mud-palette-lines-default));
    border-left: 5px solid var(--status-color);
    border-radius: 12px;
    color: var(--mud-palette-text-primary);
    text-align: left;
    background: linear-gradient(135deg, color-mix(in srgb, var(--status-color) 12%, var(--mud-palette-surface)), var(--mud-palette-surface) 65%);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--status-color) 12%, transparent);
    cursor: pointer;
}

.production-machine-card:hover[b-vt2z4b2fq9],
.production-machine-card:focus-visible[b-vt2z4b2fq9] {
    border-color: var(--status-color);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--status-color) 22%, transparent);
}

.production-machine-card:focus-visible[b-vt2z4b2fq9] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.production-machine-card.status-producing[b-vt2z4b2fq9] { --status-color: var(--mud-palette-success); }
.production-machine-card.status-paused[b-vt2z4b2fq9] { --status-color: var(--mud-palette-warning); }
.production-machine-card.status-stopped[b-vt2z4b2fq9] { --status-color: var(--mud-palette-error); }
.production-machine-card.status-maintenance[b-vt2z4b2fq9] { --status-color: var(--mud-palette-secondary); }

.production-machine-heading[b-vt2z4b2fq9],
.production-machine-summary[b-vt2z4b2fq9],
.production-machine-open[b-vt2z4b2fq9] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.production-machine-name[b-vt2z4b2fq9] { display: flex; flex-direction: column; min-width: 0; }
.production-machine-name strong[b-vt2z4b2fq9] { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.production-machine-name small[b-vt2z4b2fq9] { overflow: hidden; color: var(--mud-palette-text-secondary); text-overflow: ellipsis; white-space: nowrap; }
.production-machine-status[b-vt2z4b2fq9] { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; color: var(--status-color); background: color-mix(in srgb, var(--status-color) 14%, var(--mud-palette-surface)); font-size: .7rem; font-weight: 700; }
.production-machine-summary[b-vt2z4b2fq9] { color: var(--mud-palette-text-secondary); font-size: .76rem; }
.production-machine-summary strong[b-vt2z4b2fq9] { color: var(--mud-palette-text-primary); font-size: .94rem; }
.production-machine-progress-label[b-vt2z4b2fq9] { display: flex; align-items: baseline; gap: 4px; text-align: right; }
.production-machine-progress-label strong[b-vt2z4b2fq9] { color: var(--status-color); }
.production-machine-progress-label small[b-vt2z4b2fq9] { font-size: .68rem; }
.production-machine-metrics[b-vt2z4b2fq9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.production-machine-metrics > span[b-vt2z4b2fq9] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.production-machine-metrics small[b-vt2z4b2fq9],
.production-machine-reason small[b-vt2z4b2fq9] { color: var(--mud-palette-text-secondary); font-size: .7rem; }
.production-machine-metrics strong[b-vt2z4b2fq9] { font-size: .86rem; line-height: 1.2; overflow-wrap: anywhere; }
.production-machine-progress-track[b-vt2z4b2fq9] { height: 5px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--status-color) 16%, var(--mud-palette-lines-default)); }
.production-machine-progress-track > span[b-vt2z4b2fq9] { display: block; height: 100%; border-radius: inherit; background: var(--status-color); }
.production-machine-reason[b-vt2z4b2fq9] { color: var(--mud-palette-text-primary); font-size: .75rem; }
.production-machine-open[b-vt2z4b2fq9] { justify-content: flex-end; color: var(--mud-palette-primary); font-size: .76rem; font-weight: 700; }

@media (max-width: 800px) {
    .planning-page-header[b-vt2z4b2fq9] { gap: 6px; padding-inline: 8px; }
    .planning-overview[b-vt2z4b2fq9] { grid-template-columns: repeat(2, 1fr); padding-inline: 10px; }
    .sequencing-intro[b-vt2z4b2fq9] { grid-template-columns: 1fr; padding-inline: 10px; }
    .sequencing-options[b-vt2z4b2fq9] { grid-template-columns: 1fr; }
    .selection-toolbar[b-vt2z4b2fq9] { align-items: flex-start; flex-wrap: wrap; margin-inline: 10px; }
    .planning-board-viewport[b-vt2z4b2fq9] { min-height: 0; }
    .planning-board-column[b-vt2z4b2fq9] { width: 280px; min-width: 280px; }
    .production-board[b-vt2z4b2fq9] { grid-template-columns: 1fr; }
}

/* Os elementos reais do cabeçalho reutilizam o padrão visual dos cenários. */
.planning-page-header[b-vt2z4b2fq9] {
    flex-wrap: wrap;
    min-height: 64px;
    padding: 12px 16px;
}

.planning-page-header[b-vt2z4b2fq9]  .mud-typography-h5 {
    color: var(--mud-palette-primary);
    font-size: 1.5rem;
    font-weight: 700;
}

.planning-header-actions[b-vt2z4b2fq9] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.planning-header-actions[b-vt2z4b2fq9]  .mud-input-control {
    width: 300px;
    max-width: 100%;
}

.planning-overview[b-vt2z4b2fq9] {
    gap: 12px;
    padding: 10px 16px;
}

.overview-card[b-vt2z4b2fq9] {
    min-height: 68px;
    background: color-mix(in srgb, var(--card-accent) 8%, var(--mud-palette-surface));
}

.overview-card span[b-vt2z4b2fq9] {
    font-size: .82rem;
}

.overview-card strong[b-vt2z4b2fq9] {
    font-size: 1.75rem;
}

/* O quadro mostra progresso real de produção, sem misturá-lo à capacidade simulada. */
.production-board[b-vt2z4b2fq9] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: max-content;
}

.production-machine-card > span[b-vt2z4b2fq9] {
    flex-shrink: 0;
}

.production-machine-open[b-vt2z4b2fq9] {
    margin-top: auto;
    padding-top: 8px;
}

@media (max-width: 1200px) {
    .production-board[b-vt2z4b2fq9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .production-board[b-vt2z4b2fq9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .planning-header-actions[b-vt2z4b2fq9] {
        width: 100%;
        flex-wrap: wrap;
    }

    .planning-header-actions[b-vt2z4b2fq9]  .mud-input-control {
        flex: 1;
        width: auto;
        min-width: 180px;
    }

    .planning-overview[b-vt2z4b2fq9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 8px;
        gap: 8px;
    }

    .production-board[b-vt2z4b2fq9] {
        grid-template-columns: 1fr;
    }
}

.planning-shell[b-vt2z4b2fq9] {
    min-width: 0;
    max-width: 100%;
}

.planning-shell[b-vt2z4b2fq9]  .planning-toolbar {
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 10px;
}

.planning-shell[b-vt2z4b2fq9]  .planning-tab-grid thead th {
    background: var(--mud-palette-drawer-background);
    color: var(--mud-palette-drawer-text);
}

.planning-shell[b-vt2z4b2fq9]  .planning-tab-grid thead th .column-header,
.planning-shell[b-vt2z4b2fq9]  .planning-tab-grid thead th .mud-icon-root {
    color: var(--mud-palette-drawer-text);
}

.planning-shell[b-vt2z4b2fq9]  .planning-tab-grid .mud-table-toolbar {
    flex-shrink: 0;
}
/* /Components/Pages/MES/Producao/ScenarioCapacityBreakdownDialog.razor.rz.scp.css */
.capacity-breakdown-viewport[b-g1195zj019] {
    max-height: 60vh;
    overflow: auto;
    overscroll-behavior: contain;
}

.capacity-breakdown-heading[b-g1195zj019] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 16px;
    padding: 10px 4px 5px;
    color: var(--mud-palette-primary);
}

.capacity-breakdown-table-wrap[b-g1195zj019] {
    overflow-x: auto;
}

.capacity-breakdown-table[b-g1195zj019] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    font-size: .76rem;
}

.capacity-breakdown-table th[b-g1195zj019],
.capacity-breakdown-table td[b-g1195zj019] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    text-align: left;
    vertical-align: top;
}

.capacity-breakdown-table th[b-g1195zj019] {
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
}

.capacity-breakdown-table td:nth-last-child(-n+3)[b-g1195zj019] {
    text-align: right;
    white-space: nowrap;
}

.capacity-breakdown-table .capacity-breakdown-restrictions[b-g1195zj019] {
    max-width: 260px;
    color: var(--mud-palette-text-secondary);
}
/* /Components/Pages/MES/Producao/ScenarioCapacityOverviewDialog.razor.rz.scp.css */
.capacity-overview-heading[b-h5200heo8h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
}

.capacity-overview-heading[b-h5200heo8h]  .capacity-overview-machine-picker {
    flex: 1;
    max-width: 560px;
    min-width: 240px;
}

.capacity-overview-viewport[b-h5200heo8h] {
    max-height: 68vh;
    overflow: auto;
    overscroll-behavior: contain;
}

.capacity-overview-center[b-h5200heo8h] {
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-background-gray);
}

.capacity-overview-center-heading[b-h5200heo8h] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    font-size: .82rem;
}

.capacity-overview-metrics[b-h5200heo8h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    margin-top: 10px;
    font-size: .75rem;
}

.capacity-overview-metrics strong[b-h5200heo8h] {
    margin-left: 4px;
}

.capacity-overview-warning[b-h5200heo8h] {
    color: #c86526;
}

.capacity-overview-diagnosis[b-h5200heo8h] {
    margin-top: 8px;
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 720px) {
    .capacity-overview-heading[b-h5200heo8h]  .capacity-overview-machine-picker {
        min-width: 0;
        flex-basis: 100%;
    }
}
/* /Components/Pages/MES/Producao/ScenarioImpedimentDialog.razor.rz.scp.css */
.impediment-detail[b-xtdr0b5oug] {
    max-height: 72vh;
    overflow: auto;
    padding-right: 4px;
    overscroll-behavior: contain;
}

.impediment-detail-heading[b-xtdr0b5oug] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.impediment-detail-order[b-xtdr0b5oug] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.impediment-detail-muted[b-xtdr0b5oug],
.impediment-detail-note[b-xtdr0b5oug] {
    font-size: .76rem;
    color: var(--mud-palette-text-secondary);
}

.impediment-detail-muted[b-xtdr0b5oug] {
    margin-top: 4px;
}

.impediment-detail-metrics[b-xtdr0b5oug] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.impediment-detail-metrics > div[b-xtdr0b5oug] {
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-background-gray);
}

.impediment-detail-metrics small[b-xtdr0b5oug],
.impediment-detail-metrics strong[b-xtdr0b5oug] {
    display: block;
}

.impediment-detail-metrics small[b-xtdr0b5oug] {
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
}

.impediment-detail-metrics strong[b-xtdr0b5oug] {
    margin-top: 5px;
    font-size: 1.05rem;
}

.impediment-detail-constraints[b-xtdr0b5oug] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin: 14px 0;
    font-size: .75rem;
}

.impediment-detail-guidance[b-xtdr0b5oug] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--mud-palette-info) 9%, transparent);
    font-size: .8rem;
}

.impediment-detail-table-wrap[b-xtdr0b5oug] {
    overflow-x: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.impediment-detail-table[b-xtdr0b5oug] {
    width: 100%;
    border-collapse: collapse;
    font-size: .76rem;
    white-space: nowrap;
}

.impediment-detail-table th[b-xtdr0b5oug],
.impediment-detail-table td[b-xtdr0b5oug] {
    padding: 9px 12px;
    text-align: right;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.impediment-detail-table th[b-xtdr0b5oug] {
    background: var(--mud-palette-background-gray);
    font-size: .7rem;
    color: var(--mud-palette-text-secondary);
}

.impediment-detail-table td:first-child[b-xtdr0b5oug],
.impediment-detail-table th:first-child[b-xtdr0b5oug] {
    text-align: left;
}

.impediment-detail-table td small[b-xtdr0b5oug] {
    display: block;
    margin-top: 3px;
    color: var(--mud-palette-text-secondary);
    font-size: .69rem;
}

.impediment-detail-table td small.impediment-detail-warning[b-xtdr0b5oug] {
    color: var(--mud-palette-warning-darken);
}

.impediment-detail-selected[b-xtdr0b5oug] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.impediment-detail-note[b-xtdr0b5oug] {
    margin: 8px 0;
    line-height: 1.5;
}

@media (max-width: 700px) {
    .impediment-detail-metrics[b-xtdr0b5oug] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .impediment-detail[b-xtdr0b5oug] {
        max-height: 76vh;
    }
}
/* /Components/Pages/MES/Producao/ScenarioMachineLoadBar.razor.rz.scp.css */
.machine-load[b-4md892unff] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.machine-load-track[b-4md892unff] {
    position: relative;
    display: flex;
    height: 30px;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-background-gray);
}

.machine-load-track > span:not(.machine-load-limit)[b-4md892unff] {
    flex-shrink: 0;
    height: 100%;
}

.machine-load-current[b-4md892unff] {
    background: #245690;
}

.machine-load-proposed[b-4md892unff] {
    background: #388447;
}

.machine-load-pending[b-4md892unff] {
    background: #c86526;
}

.machine-load-excess[b-4md892unff] {
    background: repeating-linear-gradient(135deg, #a8461b, #a8461b 5px, #d7753f 5px, #d7753f 10px);
}

.machine-load-free[b-4md892unff] {
    background: var(--mud-palette-background-gray);
    box-shadow: inset 0 0 0 1px var(--mud-palette-lines-default);
}

.machine-load-limit[b-4md892unff] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 2px dashed var(--mud-palette-text-primary);
}

.machine-load-legend[b-4md892unff] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
    line-height: 1.4;
}

.machine-load-legend > span[b-4md892unff] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.machine-load-legend i[b-4md892unff] {
    width: 9px;
    height: 9px;
    flex-shrink: 0;
    border-radius: 2px;
}

.machine-load-detailed .machine-load-track[b-4md892unff] {
    height: 38px;
}

.machine-load-detailed .machine-load-track > span:not(.machine-load-limit)[b-4md892unff] {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color: white;
    white-space: nowrap;
    font-size: .8rem;
}

.machine-load-detailed .machine-load-pending[b-4md892unff] {
    background: #ee8b00;
}

.machine-load-detailed .machine-load-proposed[b-4md892unff] {
    background: #27843e;
}

.machine-load-detailed .machine-load-excess[b-4md892unff] {
    background: repeating-linear-gradient(135deg, #d62732, #d62732 5px, #ec6570 5px, #ec6570 10px);
}

.machine-load-detailed .machine-load-legend[b-4md892unff] {
    color: var(--mud-palette-primary);
    font-size: .8rem;
}

.machine-load-detailed .machine-load-legend i[b-4md892unff] {
    width: 14px;
    height: 14px;
}

.machine-load-potential[b-4md892unff] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    font-size: .75rem;
    color: var(--mud-palette-primary);
}

.machine-load-potential.is-over-capacity > strong:last-child[b-4md892unff] {
    color: #d62732;
}

@media (max-width: 600px) {
    .machine-load-detailed .machine-load-track b[b-4md892unff] {
        display: none;
    }
}
/* /Components/Pages/MES/Producao/ScenarioMachineLoadDetails.razor.rz.scp.css */
.machine-load-details[b-qd1vvgoz3f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    color: var(--mud-palette-primary);
}

.machine-load-heading[b-qd1vvgoz3f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.machine-load-identity[b-qd1vvgoz3f] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.machine-load-thumbnail[b-qd1vvgoz3f] {
    display: grid;
    place-items: center;
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: var(--mud-palette-surface);
}

.machine-load-thumbnail[b-qd1vvgoz3f]  .mud-icon-root {
    width: 72px;
    height: 72px;
}

.machine-load-identity h2[b-qd1vvgoz3f] {
    margin: 0 0 4px;
    color: var(--mud-palette-text-primary);
    font-size: 1.5rem;
    font-weight: 700;
}

.machine-load-identity p[b-qd1vvgoz3f] {
    margin: 0 0 12px;
}

.machine-load-metadata[b-qd1vvgoz3f] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    font-size: .8rem;
}

.machine-load-metadata span[b-qd1vvgoz3f],
.machine-load-registered-status span[b-qd1vvgoz3f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.machine-load-registered-status[b-qd1vvgoz3f] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface));
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    font-size: .85rem;
}

.machine-load-heading-actions[b-qd1vvgoz3f] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.machine-load-period[b-qd1vvgoz3f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    font-size: .8rem;
}

.machine-load-kpis[b-qd1vvgoz3f] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.machine-load-kpi[b-qd1vvgoz3f] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 18px;
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 6px solid var(--load-color);
    border-radius: 6px;
    background: color-mix(in srgb, var(--load-color) 4%, var(--mud-palette-surface));
    font-size: .85rem;
    line-height: 1.2;
}

.machine-load-kpi > span[b-qd1vvgoz3f] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.machine-load-kpi b[b-qd1vvgoz3f] {
    font-size: 1.65rem;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    line-height: 1.2;
}

.machine-load-kpi span small[b-qd1vvgoz3f] {
    color: var(--load-color);
    font-weight: 700;
}

.machine-load-kpi > small[b-qd1vvgoz3f] {
    font-size: .68rem;
    color: var(--mud-palette-text-secondary);
}

.machine-load-chart[b-qd1vvgoz3f] {
    padding: 2px 0;
}

.machine-load-note[b-qd1vvgoz3f] {
    margin: 0;
    font-size: .75rem;
    line-height: 1.5;
    color: var(--mud-palette-text-secondary);
}

.machine-load-note summary[b-qd1vvgoz3f] {
    cursor: pointer;
    color: var(--mud-palette-primary);
}

.machine-load-note p[b-qd1vvgoz3f] {
    margin: 8px 0;
}

.machine-load-warning[b-qd1vvgoz3f] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 10px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--mud-palette-warning) 12%, var(--mud-palette-surface));
    font-size: .8rem;
}

.machine-load-table-wrap[b-qd1vvgoz3f] {
    min-height: 160px;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table {
    width: 100%;
    min-width: 1050px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .8rem;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table th,
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td {
    padding: 10px 14px;
    text-align: right;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--mud-palette-drawer-background);
    font-size: .8rem;
    color: var(--mud-palette-drawer-text);
    text-align: left;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table th:first-child,
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td:first-child,
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table th:nth-child(2),
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td:nth-child(2),
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table th:nth-child(3),
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td:nth-child(3),
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table th:nth-child(5),
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td:nth-child(5) {
    text-align: left;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td:nth-child(2) {
    min-width: 240px;
    max-width: 440px;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td:nth-child(8),
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td:nth-child(9) {
    white-space: nowrap;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table small {
    display: block;
    margin-top: 3px;
    font-size: .7rem;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td small {
    color: var(--mud-palette-text-secondary);
}

.load-current[b-qd1vvgoz3f],
.machine-load-table-wrap[b-qd1vvgoz3f]  .load-current {
    --load-color: #245690;
}
.load-proposed[b-qd1vvgoz3f],
.machine-load-table-wrap[b-qd1vvgoz3f]  .load-proposed {
    --load-color: #27843e;
}
.load-pending[b-qd1vvgoz3f],
.machine-load-table-wrap[b-qd1vvgoz3f]  .load-pending {
    --load-color: #ee8b00;
}
.load-capacity[b-qd1vvgoz3f] {
    --load-color: #617795;
}
.load-excess[b-qd1vvgoz3f] {
    --load-color: #d62732;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table tbody tr {
    background: color-mix(in srgb, var(--load-color) 3%, var(--mud-palette-surface));
}

.machine-load-status[b-qd1vvgoz3f] {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 14px;
    color: white;
    background: var(--load-color);
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table tbody td:nth-child(7) strong {
    color: var(--load-color);
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table td.machine-load-empty {
    padding: 22px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

.machine-load-footer[b-qd1vvgoz3f],
.machine-load-footer span[b-qd1vvgoz3f] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.machine-load-footer[b-qd1vvgoz3f] {
    gap: 24px;
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    font-size: .85rem;
}

@media (max-width: 1000px) {
    .machine-load-kpis[b-qd1vvgoz3f] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .machine-load-kpis[b-qd1vvgoz3f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .machine-load-kpi[b-qd1vvgoz3f] {
        padding: 10px;
    }
    .machine-load-kpi b[b-qd1vvgoz3f] {
        font-size: 1.2rem;
    }
    .machine-load-identity[b-qd1vvgoz3f] {
        gap: 12px;
    }
    .machine-load-thumbnail[b-qd1vvgoz3f] {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
    }
    .machine-load-thumbnail[b-qd1vvgoz3f]  .mud-icon-root {
        width: 44px;
        height: 44px;
    }
    .machine-load-heading-actions[b-qd1vvgoz3f] {
        align-items: flex-start;
        width: 100%;
    }
    .machine-load-table-wrap[b-qd1vvgoz3f] {
        max-height: 50vh;
    }
}

.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table-head th,
.machine-load-table-wrap[b-qd1vvgoz3f]  .mud-table-head th * {
    color: var(--mud-palette-drawer-text) !important;
}

.machine-load-thumbnail img[b-qd1vvgoz3f] {
    width: 100%;
    height: 100%;
    padding: 6px;
    object-fit: contain;
    border-radius: inherit;
}
/* /Components/Pages/MES/Producao/ScenarioMachineLoadDialog.razor.rz.scp.css */
.machine-load-dialog-viewport[b-4jy6x2fist] {
    max-height: calc(100dvh - 140px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 4px;
}

.machine-load-dialog-caption[b-4jy6x2fist] {
    margin: 0;
    padding-right: 28px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .machine-load-dialog-viewport[b-4jy6x2fist] {
        max-height: 75vh;
    }

    .machine-load-dialog-caption[b-4jy6x2fist] {
        font-size: 1.1rem;
    }
}
/* /Components/Pages/MES/Producao/ScenarioMachineOperationsDialog.razor.rz.scp.css */
.scenario-machine-dialog-content[b-efsmfg9pg0] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.scenario-machine-dialog-content[b-efsmfg9pg0]  .scenario-machine-dialog-grid {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid var(--mud-palette-lines-default);
}

.scenario-machine-dialog-content[b-efsmfg9pg0]  .scenario-machine-dialog-grid .mud-table-container {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.scenario-machine-dialog-content[b-efsmfg9pg0]  .scenario-machine-dialog-grid .mud-table-cell {
    padding: 8px 12px;
    vertical-align: middle;
}

.scenario-machine-dialog-content[b-efsmfg9pg0]  .scenario-machine-dialog-grid .row-selected > td {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 22%, var(--mud-palette-surface)) !important;
}

.scenario-machine-dialog-content[b-efsmfg9pg0]  .scenario-machine-dialog-grid .row-selected:hover > td {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 32%, var(--mud-palette-surface)) !important;
}

.scenario-machine-dialog-content[b-efsmfg9pg0]  .scenario-machine-dialog-grid .row-selected > td:first-child {
    box-shadow: inset 4px 0 0 var(--mud-palette-primary);
}

.scenario-machine-dialog-content[b-efsmfg9pg0]  .scenario-machine-dialog-grid .scenario-fixed-operation > td {
    background: color-mix(in srgb, var(--mud-palette-info) 18%, var(--mud-palette-surface)) !important;
}

.scenario-machine-dialog-content[b-efsmfg9pg0]  .scenario-machine-dialog-grid .scenario-fixed-operation > td:first-child {
    box-shadow: inset 4px 0 0 var(--mud-palette-info);
}

.scenario-machine-dialog-cell-heading[b-efsmfg9pg0] {
    line-height: 1.3;
}

.scenario-machine-dialog-cell-detail[b-efsmfg9pg0] {
    color: var(--mud-palette-text-secondary);
    font-size: .76rem;
    line-height: 1.35;
}

.scenario-machine-dialog-actions[b-efsmfg9pg0] {
    flex-wrap: wrap;
}
/* /Components/Pages/MES/Producao/SequenciamentoMaquinas.razor.rz.scp.css */
.machine-sequence[b-nxg8wk7t0d] { padding: 12px; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.sequence-toolbar[b-nxg8wk7t0d] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.sequence-toolbar[b-nxg8wk7t0d]  .mud-typography { flex: 1 1 400px; }
.sequence-filters[b-nxg8wk7t0d] { display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)); gap: 12px; margin-bottom: 16px; }
.sequence-filters[b-nxg8wk7t0d]  .sequence-search { grid-column: 1 / -1; }
.sequence-machine-row[b-nxg8wk7t0d] { display: flex; border: 1px solid #d6e2ef; border-radius: 6px; margin-bottom: 14px; overflow: hidden; }
.sequence-machine-heading[b-nxg8wk7t0d] { flex: 0 0 200px; display: flex; flex-direction: column; gap: 5px; padding: 16px; background: #fff8dc; color: #173a64; overflow-wrap: anywhere; }
.sequence-track[b-nxg8wk7t0d] { display: flex; align-items: center; gap: 10px; overflow-x: auto; padding: 12px; min-width: 0; flex: 1; }
.sequence-card[b-nxg8wk7t0d] { flex: 0 0 230px; align-self: stretch; align-items: stretch; justify-content: flex-start; display: flex; flex-direction: column; gap: 7px; text-align: left; position: relative; padding: 14px; border: 1px solid hsl(var(--order-hue), 45%, 73%); border-left: 5px solid hsl(var(--order-hue), 55%, 38%); border-radius: 6px; background: hsl(var(--order-hue), 65%, 96%); color: #173a64; cursor: pointer; overflow-wrap: anywhere; font: inherit; }
.sequence-card strong[b-nxg8wk7t0d] { padding-right: 32px; }
.sequence-card small[b-nxg8wk7t0d] { font-size: 12px; }
.sequence-card-position[b-nxg8wk7t0d] { position: absolute; right: 10px; top: 12px; font-size: 12px; font-weight: 700; }
.sequence-card.selected[b-nxg8wk7t0d] { outline: 3px solid #173a64; outline-offset: -3px; }
.sequence-card.muted[b-nxg8wk7t0d] { opacity: .5; }
.sequence-card:focus-visible[b-nxg8wk7t0d], .sequence-track:focus-visible[b-nxg8wk7t0d] { outline: 3px solid #1976d2; outline-offset: -3px; }
.sequence-arrow[b-nxg8wk7t0d] { flex: 0 0 auto; font-size: 24px; color: #607d9c; }
.sequence-splits[b-nxg8wk7t0d] { border-top: 1px solid #d6e2ef; padding-top: 6px; }
@media (max-width: 900px) {
    .sequence-filters[b-nxg8wk7t0d] { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
    .sequence-machine-heading[b-nxg8wk7t0d] { flex-basis: 155px; }
}
@media (max-width: 600px) {
    .sequence-filters[b-nxg8wk7t0d] { grid-template-columns: 1fr; }
    .sequence-machine-row[b-nxg8wk7t0d] { flex-direction: column; }
    .sequence-machine-heading[b-nxg8wk7t0d] { flex-basis: auto; }
    .sequence-track[b-nxg8wk7t0d] { flex: auto; }
}
/* /Components/Shared/MesPdfViewerDialog.razor.rz.scp.css */
.mes-pdf-viewer-header[b-pfgz28uqzp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    padding: 8px 16px;
    border-bottom: 1px solid #dee2e6;
}

.mes-pdf-viewer-content[b-pfgz28uqzp] {
    display: flex;
    flex-direction: column;
    height: min(80dvh, calc(100dvh - 112px));
    min-height: 0;
    padding: 16px;
}

.mes-pdf-viewer-toolbar[b-pfgz28uqzp] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    gap: 8px;
}

.mes-pdf-viewer-toolbar[b-pfgz28uqzp]  .mud-typography {
    min-width: 48px;
    text-align: center;
    font-weight: 700;
}

.mes-pdf-viewer-shell[b-pfgz28uqzp] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.mes-pdf-viewer-viewport[b-pfgz28uqzp] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    background: #eef2f5;
}

.mes-pdf-viewer-viewport[b-pfgz28uqzp]  .mes-pdf-page {
    display: block;
    margin: 16px auto;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .18);
}

.mes-pdf-viewer-viewport[b-pfgz28uqzp]  .mes-pdf-native {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.mes-pdf-viewer-message[b-pfgz28uqzp] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #eef2f5;
}

@media (max-width: 600px) {
    .mes-pdf-viewer-content[b-pfgz28uqzp] {
        height: min(76dvh, calc(100dvh - 112px));
        padding: 12px;
    }
}