/* /Components/Dashboard/ChartFocusOverlay.razor.rz.scp.css */
.chart-focus-overlay[b-levssuc1sy] {
    position: fixed;
    inset: calc(var(--header-height, 72px) + 0.8rem) 0.8rem 0.8rem 0.8rem;
    z-index: 60;
    display: grid;
    place-items: center;
    padding: max(0.8rem, env(safe-area-inset-top)) max(0.8rem, env(safe-area-inset-right)) max(0.8rem, env(safe-area-inset-bottom)) max(0.8rem, env(safe-area-inset-left));
    background: color-mix(in srgb, var(--scrim-bg), transparent 10%);
    backdrop-filter: blur(18px) saturate(1.05);
    -webkit-backdrop-filter: blur(18px) saturate(1.05);
}

.chart-focus-surface[b-levssuc1sy] {
    width: min(92vw, 1500px);
    height: min(88vh, 980px);
    max-width: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 1rem;
    overflow: hidden;
    box-shadow: 0 32px 72px -42px color-mix(in srgb, #000, transparent 18%);
}

.chart-focus-header[b-levssuc1sy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.chart-focus-heading[b-levssuc1sy] {
    min-width: 0;
}

.chart-focus-kicker[b-levssuc1sy] {
    display: inline-flex;
    min-height: 1.8rem;
    padding: 0 0.75rem;
    align-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand-accent), transparent 82%);
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 52%);
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.chart-focus-heading h2[b-levssuc1sy] {
    margin: 0.65rem 0 0;
    font-size: clamp(1.2rem, 1.2vw + 1rem, 1.8rem);
}

.chart-focus-close[b-levssuc1sy] {
    min-width: 2.75rem;
    min-height: 2.75rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: color-mix(in srgb, var(--glass-surface), transparent 4%);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 180ms ease, transform 180ms ease, border-color 180ms ease;
}

.chart-focus-close:hover[b-levssuc1sy],
.chart-focus-close:focus-visible[b-levssuc1sy] {
    background: color-mix(in srgb, var(--brand-accent), transparent 80%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 46%);
}

.chart-focus-content[b-levssuc1sy] {
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .chart-focus-close[b-levssuc1sy] {
        transition: none;
    }
}

@media (max-width: 1099px) {
    .chart-focus-overlay[b-levssuc1sy] {
        inset: calc(var(--header-height, 72px) + 0.4rem) 0.4rem 0.4rem 0.4rem;
    }

    .chart-focus-surface[b-levssuc1sy] {
        width: min(95vw, 1200px);
        height: min(90vh, 920px);
    }
}

@media (max-width: 767px) {
    .chart-focus-overlay[b-levssuc1sy] {
        inset: 0;
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    }

    .chart-focus-surface[b-levssuc1sy] {
        width: 100vw;
        height: 100dvh;
        border-radius: 0;
    }
}
/* /Components/Dashboard/Charts/ChartPlaceholder.razor.rz.scp.css */
.chart-placeholder[b-5911e3y88u] {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.chart-placeholder-svg[b-5911e3y88u] {
    width: 100%;
    min-height: 100%;
}

.chart-placeholder.is-primary .chart-placeholder-svg[b-5911e3y88u] {
    height: clamp(300px, 34vw, 500px);
}

.chart-placeholder.is-compact .chart-placeholder-svg[b-5911e3y88u] {
    height: clamp(180px, 18vw, 240px);
}

.chart-axis[b-5911e3y88u],
.chart-grid[b-5911e3y88u],
.chart-series[b-5911e3y88u] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chart-axis[b-5911e3y88u] {
    stroke: color-mix(in srgb, var(--glass-border), transparent 25%);
    stroke-width: 0.85;
}

.chart-grid[b-5911e3y88u] {
    stroke: color-mix(in srgb, var(--glass-border), transparent 76%);
    stroke-width: 0.7;
    stroke-dasharray: 1.5 2.5;
}

.chart-series[b-5911e3y88u] {
    stroke-width: 1.8;
}

.chart-series.series-alt[b-5911e3y88u] {
    stroke-width: 1.4;
    opacity: 0.72;
}

.chart-current .series-main[b-5911e3y88u] {
    stroke: color-mix(in srgb, #2fa36f, var(--brand-accent) 35%);
}

.chart-power .series-main[b-5911e3y88u] {
    stroke: color-mix(in srgb, #d2a638, var(--brand-accent) 18%);
}

.chart-vibration-rms .series-main[b-5911e3y88u],
.chart-vibration-hf .series-main[b-5911e3y88u] {
    stroke: color-mix(in srgb, #67d5cf, var(--brand-accent) 24%);
}

.chart-vibration-rms .series-alt[b-5911e3y88u],
.chart-vibration-hf .series-alt[b-5911e3y88u] {
    stroke: color-mix(in srgb, #6e84d4, var(--brand-accent-strong) 35%);
}

.chart-temperature .series-main[b-5911e3y88u] {
    stroke: color-mix(in srgb, #db7f39, var(--warn-text) 22%);
}

.chart-placeholder-meta[b-5911e3y88u] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--text-secondary);
    font-size: 0.78rem;
}

.chart-placeholder-meta strong[b-5911e3y88u] {
    color: var(--text-primary);
    font-size: 0.82rem;
    font-weight: 600;
}

@media (max-width: 767px) {
    .chart-placeholder.is-primary .chart-placeholder-svg[b-5911e3y88u] {
        height: clamp(300px, 72vw, 380px);
    }

    .chart-placeholder.is-compact .chart-placeholder-svg[b-5911e3y88u] {
        height: clamp(180px, 52vw, 220px);
    }
}
/* /Components/Dashboard/Charts/ChartWorkspace.razor.rz.scp.css */
.chart-workspace[b-wxk4xgx00j] {
    min-width: 0;
    display: grid;
    gap: 0.85rem;
}

.chart-workspace__toolbar[b-wxk4xgx00j] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.chart-workspace__toolbar-copy h3[b-wxk4xgx00j] {
    margin: 0;
    font-size: clamp(1rem, 0.8vw + 0.92rem, 1.25rem);
}

.chart-workspace__toolbar-copy p[b-wxk4xgx00j] {
    margin: 0.36rem 0 0;
    color: var(--text-secondary);
    font-size: 0.84rem;
}

.chart-workspace__toolbar-actions[b-wxk4xgx00j] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.workspace-selector-wrap[b-wxk4xgx00j] {
    display: grid;
    gap: 0.22rem;
    color: var(--text-secondary);
    font-size: 0.74rem;
}

.workspace-selector[b-wxk4xgx00j] {
    min-height: 2.45rem;
    border-radius: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 16%);
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    color: var(--text-primary);
    padding: 0 0.7rem;
}

.workspace-toolbar-btn[b-wxk4xgx00j] {
    min-height: 2.45rem;
    border-radius: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 16%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 0 0.72rem;
    cursor: pointer;
    transition: background 180ms ease, border-color 180ms ease;
}

.workspace-toolbar-btn:hover[b-wxk4xgx00j],
.workspace-toolbar-btn:focus-visible[b-wxk4xgx00j] {
    background: color-mix(in srgb, var(--brand-accent), transparent 82%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 34%);
}

.workspace-toolbar-btn:disabled[b-wxk4xgx00j] {
    opacity: 0.5;
    cursor: default;
}

.workspace-live-region[b-wxk4xgx00j] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    margin: -1px;
    padding: 0;
}

.chart-workspace__primary[b-wxk4xgx00j] {
    min-width: 0;
}

.chart-workspace__secondary[b-wxk4xgx00j],
.chart-workspace__loading-secondary[b-wxk4xgx00j] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.chart-workspace__state[b-wxk4xgx00j] {
    min-height: 180px;
    border-radius: calc(var(--radius-xl) - 0.2rem);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 16%);
    background: color-mix(in srgb, var(--glass-surface), transparent 12%);
    display: grid;
    place-items: center;
    text-align: center;
    gap: 0.35rem;
    padding: 0.8rem;
}

.chart-workspace__state span[b-wxk4xgx00j] {
    color: var(--text-secondary);
}

.chart-workspace__loading[b-wxk4xgx00j] {
    display: grid;
    gap: 0.8rem;
}

@media (prefers-reduced-motion: reduce) {
    .workspace-toolbar-btn[b-wxk4xgx00j] {
        transition: none;
    }
}

@media (max-width: 1439px) {
    .chart-workspace__secondary[b-wxk4xgx00j],
    .chart-workspace__loading-secondary[b-wxk4xgx00j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .chart-workspace__toolbar-actions[b-wxk4xgx00j] {
        width: 100%;
    }

    .workspace-selector-wrap[b-wxk4xgx00j],
    .workspace-selector[b-wxk4xgx00j],
    .workspace-toolbar-btn[b-wxk4xgx00j] {
        width: 100%;
    }

    .chart-workspace__secondary[b-wxk4xgx00j],
    .chart-workspace__loading-secondary[b-wxk4xgx00j] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/Charts/ChartWorkspaceItem.razor.rz.scp.css */
.chart-workspace-item[b-59bybqryfg] {
    min-width: 0;
    outline: none;
}

.chart-workspace-item.is-selectable.is-compact[b-59bybqryfg] {
    cursor: pointer;
}

.chart-workspace-item.is-selectable.is-compact:focus-visible[b-59bybqryfg],
.chart-workspace-item.is-selectable.is-compact:hover[b-59bybqryfg] {
    border-radius: calc(var(--radius-xl) - 0.15rem);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-accent), transparent 62%);
}

.chart-workspace-item :deep(.workspace-panel-primary .dashboard-panel-header)[b-59bybqryfg] {
    padding-bottom: 0.35rem;
}

.chart-workspace-item :deep(.workspace-panel-compact .dashboard-panel-header)[b-59bybqryfg] {
    padding-bottom: 0.2rem;
}

.workspace-primary-chip[b-59bybqryfg],
.workspace-compact-hint[b-59bybqryfg] {
    display: inline-flex;
    align-items: center;
    min-height: 1.72rem;
    padding: 0 0.62rem;
    border-radius: 999px;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
}

.workspace-primary-chip[b-59bybqryfg] {
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 42%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: var(--text-primary);
}

.workspace-compact-hint[b-59bybqryfg] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 25%);
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    color: var(--text-secondary);
}

.workspace-promote-btn[b-59bybqryfg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.4rem;
    border-radius: 0.82rem;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 44%);
    background: color-mix(in srgb, var(--brand-accent), transparent 86%);
    color: var(--text-primary);
    cursor: pointer;
    padding: 0 0.72rem;
    transition: background 180ms ease, border-color 180ms ease;
}

.workspace-promote-btn:hover[b-59bybqryfg],
.workspace-promote-btn:focus-visible[b-59bybqryfg] {
    background: color-mix(in srgb, var(--brand-accent), transparent 78%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 20%);
}

.workspace-promote-btn span[b-59bybqryfg] {
    white-space: nowrap;
    font-size: 0.76rem;
}

@media (prefers-reduced-motion: reduce) {
    .workspace-promote-btn[b-59bybqryfg] {
        transition: none;
    }
}

@media (max-width: 479px) {
    .workspace-promote-btn span[b-59bybqryfg] {
        display: none;
    }
}
/* /Components/Dashboard/Charts/IndustrialTimeSeriesChart.razor.rz.scp.css */
.industrial-series[b-iuf4954oef] {
    min-width: 0;
    display: grid;
    gap: 0.55rem;
}

.industrial-series-toolbar[b-iuf4954oef] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.industrial-series-toolbar-copy[b-iuf4954oef] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.series-connection-chip[b-iuf4954oef] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 24%);
    background: color-mix(in srgb, var(--glass-surface), transparent 6%);
    padding: 0 0.75rem;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.series-connection-dot[b-iuf4954oef] {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: #67b4ff;
    box-shadow: 0 0 0 5px color-mix(in srgb, #67b4ff, transparent 78%);
}

.series-connection-chip.is-connected .series-connection-dot[b-iuf4954oef] {
    background: #28b286;
    box-shadow: 0 0 0 5px color-mix(in srgb, #28b286, transparent 78%);
}

.series-connection-chip.is-reconnecting .series-connection-dot[b-iuf4954oef] {
    background: #d9a444;
    box-shadow: 0 0 0 5px color-mix(in srgb, #d9a444, transparent 78%);
}

.series-connection-chip.is-disconnected .series-connection-dot[b-iuf4954oef] {
    background: #d86b6b;
    box-shadow: 0 0 0 5px color-mix(in srgb, #d86b6b, transparent 78%);
}

.series-connection-chip.is-historical .series-connection-dot[b-iuf4954oef] {
    background: #6f8194;
    box-shadow: 0 0 0 5px color-mix(in srgb, #6f8194, transparent 78%);
}

.series-now[b-iuf4954oef] {
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.industrial-series-toolbar-actions[b-iuf4954oef] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.series-select-wrap[b-iuf4954oef] {
    display: grid;
    gap: 0.2rem;
    font-size: 0.72rem;
    color: var(--text-secondary);
}

.series-select[b-iuf4954oef] {
    min-height: 2.25rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 22%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
    padding: 0 0.64rem;
}

.series-tool-btn[b-iuf4954oef] {
    min-height: 2.25rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 22%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.65rem;
    cursor: pointer;
    transition: background 180ms ease, border-color 180ms ease;
}

.series-tool-btn:hover[b-iuf4954oef],
.series-tool-btn:focus-visible[b-iuf4954oef] {
    background: color-mix(in srgb, var(--brand-accent), transparent 82%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 34%);
}

.series-historical-chip[b-iuf4954oef] {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #6f8194, transparent 42%);
    background: color-mix(in srgb, #6f8194, transparent 84%);
    color: var(--text-secondary);
    padding: 0 0.72rem;
    font-size: 0.75rem;
}

.industrial-series :deep(.apexcharts-tooltip)[b-iuf4954oef] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 18%) !important;
    background: color-mix(in srgb, var(--glass-surface), transparent 6%) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 12px 32px -26px color-mix(in srgb, var(--brand-accent), transparent 36%);
}

.industrial-series.is-live-optimized :deep(.apexcharts-line-series .apexcharts-series path)[b-iuf4954oef] {
    stroke-linecap: round !important;
}

.industrial-series :deep(.apexcharts-xaxistooltip)[b-iuf4954oef],
.industrial-series :deep(.apexcharts-yaxistooltip)[b-iuf4954oef] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 18%) !important;
    background: color-mix(in srgb, var(--glass-surface), transparent 8%) !important;
    color: var(--text-primary) !important;
}

.industrial-series-legend[b-iuf4954oef] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.legend-chip[b-iuf4954oef] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 22%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-secondary);
    font-size: 0.72rem;
    padding: 0 0.6rem;
}

.industrial-series.is-compact[b-iuf4954oef] {
    gap: 0.25rem;
}

.industrial-series.is-compact :deep(.apexcharts-toolbar)[b-iuf4954oef],
.industrial-series.is-compact .industrial-series-toolbar[b-iuf4954oef],
.industrial-series.is-compact .industrial-series-legend[b-iuf4954oef] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .series-tool-btn[b-iuf4954oef] {
        transition: none;
    }
}

@media (max-width: 900px) {
    .industrial-series-toolbar-actions[b-iuf4954oef] {
        width: 100%;
    }

    .series-select-wrap[b-iuf4954oef],
    .series-select[b-iuf4954oef],
    .series-tool-btn[b-iuf4954oef] {
        width: 100%;
    }
}
/* /Components/Dashboard/DailySummary/DailySummaryCard.razor.rz.scp.css */
.daily-summary-card[b-22dui2wbvn] {
    height: 100%;
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.daily-summary-card :deep(.dashboard-panel)[b-22dui2wbvn] {
    height: 100%;
}

.daily-summary-header-meta[b-22dui2wbvn] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.daily-summary-header-meta time[b-22dui2wbvn],
.daily-summary-status[b-22dui2wbvn],
.daily-summary-link[b-22dui2wbvn] {
    min-height: 2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    background: color-mix(in srgb, var(--glass-surface), transparent 7%);
}

.daily-summary-header-meta time[b-22dui2wbvn] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.72rem;
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.daily-summary-status[b-22dui2wbvn] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.62rem;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.daily-summary-status.is-optimal[b-22dui2wbvn] { color: color-mix(in srgb, seagreen, var(--brand-accent) 28%); }
.daily-summary-status.is-normal[b-22dui2wbvn] { color: color-mix(in srgb, var(--brand-accent), var(--text-primary) 24%); }
.daily-summary-status.is-attention[b-22dui2wbvn] { color: color-mix(in srgb, var(--warn-text), goldenrod 22%); }
.daily-summary-status.is-critical[b-22dui2wbvn] { color: color-mix(in srgb, crimson, var(--warn-text) 24%); }
.daily-summary-status.is-incomplete[b-22dui2wbvn] { color: var(--text-secondary); }

.daily-summary-link[b-22dui2wbvn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.76rem;
    color: var(--text-primary);
    transition: border-color 180ms ease, background 180ms ease;
}

.daily-summary-link:hover[b-22dui2wbvn],
.daily-summary-link:focus-visible[b-22dui2wbvn] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 48%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
}

.daily-summary-content[b-22dui2wbvn],
.daily-summary-loading[b-22dui2wbvn] {
    display: grid;
    gap: 0.74rem;
}

.daily-summary-metrics[b-22dui2wbvn] {
    display: grid;
    gap: 0.56rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.daily-summary-comparison[b-22dui2wbvn] {
    display: grid;
    gap: 0.25rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    border-radius: 0.95rem;
    padding: 0.62rem 0.75rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
}

.daily-summary-comparison span[b-22dui2wbvn] {
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.daily-summary-insights[b-22dui2wbvn] {
    display: grid;
    gap: 0.45rem;
}

.daily-summary-skeleton[b-22dui2wbvn] {
    border-radius: 999px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--glass-surface), transparent 24%), color-mix(in srgb, var(--glass-surface), transparent 8%), color-mix(in srgb, var(--glass-surface), transparent 24%));
    background-size: 200% 100%;
    animation: shimmer 1.5s linear infinite;
}

.daily-summary-skeleton.s-title[b-22dui2wbvn] { height: 2rem; width: 50%; }
.daily-summary-skeleton.s-status[b-22dui2wbvn] { height: 2rem; width: 32%; }
.daily-summary-skeleton.s-comparison[b-22dui2wbvn] { height: 3.2rem; width: 100%; border-radius: 0.95rem; }

.daily-summary-skeleton-grid[b-22dui2wbvn] {
    display: grid;
    gap: 0.56rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.daily-summary-skeleton.s-metric[b-22dui2wbvn] {
    height: 4.7rem;
    width: 100%;
    border-radius: 0.95rem;
}

.daily-summary-empty[b-22dui2wbvn] {
    min-height: 8rem;
    display: grid;
    align-content: center;
    gap: 0.3rem;
}

.daily-summary-empty span[b-22dui2wbvn] {
    color: var(--text-secondary);
    font-size: 0.86rem;
}

@media (max-width: 1099px) {
    .daily-summary-metrics[b-22dui2wbvn],
    .daily-summary-skeleton-grid[b-22dui2wbvn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .daily-summary-metrics[b-22dui2wbvn],
    .daily-summary-skeleton-grid[b-22dui2wbvn] {
        grid-template-columns: 1fr;
    }

    .daily-summary-link span[b-22dui2wbvn] {
        display: none;
    }

    .daily-summary-link[b-22dui2wbvn] {
        width: 2rem;
        padding: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .daily-summary-link[b-22dui2wbvn],
    .daily-summary-skeleton[b-22dui2wbvn] {
        transition: none;
        animation: none;
    }
}
/* /Components/Dashboard/DailySummary/DailySummaryInsight.razor.rz.scp.css */
.daily-summary-insight[b-k8blf6agu4] {
    --insight-color: color-mix(in srgb, var(--brand-accent), transparent 18%);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.56rem;
    padding: 0.58rem 0.68rem;
    border-radius: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--insight-color), transparent 72%);
    background: color-mix(in srgb, var(--insight-color), transparent 92%);
}

.daily-summary-insight-icon[b-k8blf6agu4] {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--insight-color);
    background: color-mix(in srgb, var(--insight-color), transparent 86%);
}

.daily-summary-insight-copy[b-k8blf6agu4] {
    min-width: 0;
    display: grid;
    gap: 0.18rem;
}

.daily-summary-insight-copy strong[b-k8blf6agu4] {
    line-height: 1.2;
}

.daily-summary-insight-copy p[b-k8blf6agu4] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.78rem;
    line-height: 1.25;
}

.daily-summary-insight.is-positive[b-k8blf6agu4] { --insight-color: color-mix(in srgb, seagreen, var(--brand-accent) 32%); }
.daily-summary-insight.is-info[b-k8blf6agu4] { --insight-color: color-mix(in srgb, var(--brand-accent-strong), dodgerblue 18%); }
.daily-summary-insight.is-warning[b-k8blf6agu4] { --insight-color: color-mix(in srgb, var(--warn-text), goldenrod 26%); }
.daily-summary-insight.is-critical[b-k8blf6agu4] { --insight-color: color-mix(in srgb, crimson, var(--warn-text) 22%); }
/* /Components/Dashboard/DailySummary/DailySummaryMetric.razor.rz.scp.css */
.daily-summary-metric[b-oork8arpmm] {
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    padding: 0.75rem 0.82rem;
    display: grid;
    gap: 0.34rem;
    text-align: left;
    color: var(--text-primary);
    transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.daily-summary-metric:hover[b-oork8arpmm],
.daily-summary-metric:focus-visible[b-oork8arpmm] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 50%);
    background: color-mix(in srgb, var(--glass-surface), transparent 4%);
    box-shadow: 0 12px 24px -20px color-mix(in srgb, var(--brand-accent), transparent 34%);
}

.daily-summary-metric:focus-visible[b-oork8arpmm] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.daily-summary-metric.is-primary[b-oork8arpmm] {
    background: linear-gradient(160deg, color-mix(in srgb, var(--brand-accent), transparent 88%), color-mix(in srgb, var(--glass-surface), transparent 8%));
}

.daily-summary-metric-head[b-oork8arpmm],
.daily-summary-metric-value-row[b-oork8arpmm] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.daily-summary-metric-icon[b-oork8arpmm] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: color-mix(in srgb, var(--brand-accent), var(--text-primary) 30%);
    background: color-mix(in srgb, var(--brand-accent), transparent 86%);
}

.daily-summary-metric-label[b-oork8arpmm],
.daily-summary-metric small[b-oork8arpmm],
.daily-summary-metric-value-row span[b-oork8arpmm] {
    color: var(--text-secondary);
}

.daily-summary-metric-label[b-oork8arpmm] {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.daily-summary-metric-value-row strong[b-oork8arpmm] {
    font-size: 1.1rem;
    line-height: 1.1;
}

.daily-summary-metric-value-row span[b-oork8arpmm] {
    font-size: 0.82rem;
}

.daily-summary-metric small[b-oork8arpmm] {
    font-size: 0.74rem;
}

@media (prefers-reduced-motion: reduce) {
    .daily-summary-metric[b-oork8arpmm] {
        transition: none;
    }
}
/* /Components/Dashboard/DashboardPanel.razor.rz.scp.css */
.dashboard-panel[b-4v82e8x70y] {
    min-height: var(--dashboard-panel-min-height, auto);
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.9rem;
    min-width: 0;
}

.dashboard-panel-header[b-4v82e8x70y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.dashboard-panel-header-main[b-4v82e8x70y] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
}

.dashboard-panel-icon[b-4v82e8x70y] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--brand-accent), transparent 78%);
    color: var(--text-primary);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 8%);
    flex: 0 0 auto;
}

.dashboard-panel-titles[b-4v82e8x70y] {
    min-width: 0;
}

.dashboard-panel-titles h2[b-4v82e8x70y] {
    margin: 0;
    font-size: clamp(1rem, 1vw + 0.85rem, 1.2rem);
    line-height: 1.2;
}

.dashboard-panel-titles p[b-4v82e8x70y] {
    margin: 0.3rem 0 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
}

.dashboard-panel-actions[b-4v82e8x70y] {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.dashboard-panel-body[b-4v82e8x70y] {
    min-width: 0;
    min-height: 0;
}

.dashboard-panel-loading[b-4v82e8x70y] {
    display: grid;
    gap: 0.75rem;
}

.dashboard-loading-line[b-4v82e8x70y],
.dashboard-loading-block[b-4v82e8x70y] {
    border-radius: 14px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--glass-surface), transparent 22%), color-mix(in srgb, var(--glass-surface), transparent 5%), color-mix(in srgb, var(--glass-surface), transparent 22%));
    background-size: 200% 100%;
    animation: shimmer 1.6s linear infinite;
}

.dashboard-loading-line[b-4v82e8x70y] {
    height: 1rem;
}

.dashboard-loading-line.short[b-4v82e8x70y] {
    width: 42%;
}

.dashboard-loading-block[b-4v82e8x70y] {
    min-height: clamp(180px, 24vw, 280px);
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-loading-line[b-4v82e8x70y],
    .dashboard-loading-block[b-4v82e8x70y] {
        animation: none;
    }
}

@media (max-width: 767px) {
    .dashboard-panel-header[b-4v82e8x70y] {
        flex-direction: column;
    }

    .dashboard-panel-actions[b-4v82e8x70y] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Dashboard/DashboardSkeletonPanel.razor.rz.scp.css */
.dashboard-skeleton[b-u4ocwogwvl] {
    --skeleton-accent: color-mix(in srgb, var(--brand-accent), transparent 58%);
    --skeleton-accent-soft: color-mix(in srgb, var(--brand-accent), transparent 82%);
    min-width: 0;
    display: grid;
    gap: 0.9rem;
}

.dashboard-skeleton.tone-current[b-u4ocwogwvl] {
    --skeleton-accent: color-mix(in srgb, var(--brand-accent), #8ec5ff 28%);
}

.dashboard-skeleton.tone-power[b-u4ocwogwvl] {
    --skeleton-accent: color-mix(in srgb, var(--brand-accent), #7ce0d6 26%);
}

.dashboard-skeleton.tone-vibration[b-u4ocwogwvl] {
    --skeleton-accent: color-mix(in srgb, var(--brand-accent), #ffd67e 30%);
}

.dashboard-skeleton.tone-temperature[b-u4ocwogwvl] {
    --skeleton-accent: color-mix(in srgb, var(--brand-accent), #ff9a7a 28%);
}

.dashboard-skeleton.tone-neutral[b-u4ocwogwvl] {
    --skeleton-accent: color-mix(in srgb, var(--glass-border), var(--brand-accent) 18%);
}

.dashboard-skeleton-top[b-u4ocwogwvl],
.dashboard-skeleton-legend[b-u4ocwogwvl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dashboard-skeleton-badge[b-u4ocwogwvl],
.dashboard-skeleton-hint[b-u4ocwogwvl],
.legend-pill[b-u4ocwogwvl],
.list-dot[b-u4ocwogwvl],
.copy-line[b-u4ocwogwvl],
.table-cell[b-u4ocwogwvl],
.chart-axis[b-u4ocwogwvl],
.chart-grid-line[b-u4ocwogwvl],
.chart-wave[b-u4ocwogwvl],
.chart-pulse[b-u4ocwogwvl] {
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
}

.dashboard-skeleton-badge[b-u4ocwogwvl] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    color: var(--text-primary);
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    background: linear-gradient(135deg, var(--skeleton-accent-soft), color-mix(in srgb, var(--glass-surface), transparent 12%));
}

.dashboard-skeleton-hint[b-u4ocwogwvl],
.dashboard-skeleton-footer[b-u4ocwogwvl] {
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.dashboard-skeleton-hint[b-u4ocwogwvl] {
    margin-left: auto;
}

.dashboard-skeleton-legend[b-u4ocwogwvl] {
    justify-content: flex-start;
}

.legend-pill[b-u4ocwogwvl] {
    width: clamp(3.4rem, 9vw, 5rem);
    height: 0.72rem;
    border-radius: 999px;
}

.legend-pill.pill-1[b-u4ocwogwvl] {
    background: color-mix(in srgb, var(--skeleton-accent), transparent 46%);
}

.legend-pill.pill-2[b-u4ocwogwvl] {
    background: color-mix(in srgb, var(--skeleton-accent), transparent 62%);
}

.legend-pill.pill-3[b-u4ocwogwvl] {
    background: color-mix(in srgb, var(--skeleton-accent), transparent 76%);
}

.dashboard-skeleton-chart[b-u4ocwogwvl] {
    position: relative;
    min-height: clamp(220px, 26vw, 320px);
    border-radius: calc(var(--radius-xl) - 0.35rem);
    overflow: hidden;
    padding: 1rem;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--skeleton-accent), transparent 76%), transparent 38%),
        linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 10%), color-mix(in srgb, var(--glass-surface), transparent 18%));
}

.dashboard-skeleton.is-focus .dashboard-skeleton-chart[b-u4ocwogwvl] {
    min-height: clamp(320px, 44vw, 620px);
}

.chart-axis[b-u4ocwogwvl] {
    position: absolute;
    opacity: 0.68;
}

.axis-y[b-u4ocwogwvl] {
    inset: 1.2rem auto 1.35rem 1rem;
    width: 1px;
}

.axis-x[b-u4ocwogwvl] {
    inset: auto 1.1rem 1rem 1rem;
    height: 1px;
}

.chart-grid-line[b-u4ocwogwvl] {
    position: absolute;
    left: 1rem;
    right: 1.1rem;
    height: 1px;
    opacity: 0.48;
}

.line-1[b-u4ocwogwvl] {
    top: 26%;
}

.line-2[b-u4ocwogwvl] {
    top: 48%;
}

.line-3[b-u4ocwogwvl] {
    top: 70%;
}

.chart-wave[b-u4ocwogwvl],
.chart-pulse[b-u4ocwogwvl] {
    position: absolute;
    border-radius: 999px;
    border-color: color-mix(in srgb, var(--skeleton-accent), transparent 16%);
}

.chart-wave[b-u4ocwogwvl] {
    left: 2rem;
    right: 1.4rem;
    height: 0.5rem;
    transform-origin: left center;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--skeleton-accent), transparent 84%);
}

.wave-a[b-u4ocwogwvl] {
    top: 34%;
    transform: rotate(-4deg);
    background: linear-gradient(90deg, color-mix(in srgb, var(--skeleton-accent), transparent 65%), color-mix(in srgb, var(--skeleton-accent), transparent 28%), color-mix(in srgb, var(--skeleton-accent), transparent 60%));
}

.wave-b[b-u4ocwogwvl] {
    top: 58%;
    transform: rotate(3deg);
    background: linear-gradient(90deg, color-mix(in srgb, var(--skeleton-accent), transparent 82%), color-mix(in srgb, var(--skeleton-accent), transparent 42%), color-mix(in srgb, var(--skeleton-accent), transparent 78%));
}

.chart-pulse[b-u4ocwogwvl] {
    width: 0.85rem;
    height: 0.85rem;
    background: color-mix(in srgb, var(--skeleton-accent), transparent 18%);
    box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--skeleton-accent), transparent 84%);
}

.pulse-1[b-u4ocwogwvl] {
    top: 33%;
    left: 28%;
}

.pulse-2[b-u4ocwogwvl] {
    top: 57%;
    left: 69%;
}

.dashboard-skeleton-list[b-u4ocwogwvl],
.dashboard-skeleton-table[b-u4ocwogwvl] {
    display: grid;
    gap: 0.7rem;
}

.list-row[b-u4ocwogwvl],
.table-row[b-u4ocwogwvl] {
    min-width: 0;
    display: grid;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem 0.9rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 14%);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
}

.list-row[b-u4ocwogwvl] {
    grid-template-columns: auto 1fr;
}

.list-dot[b-u4ocwogwvl] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--skeleton-accent), transparent 22%);
}

.list-copy[b-u4ocwogwvl] {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.copy-line[b-u4ocwogwvl] {
    display: block;
    height: 0.72rem;
    border-radius: 999px;
}

.copy-line.wide[b-u4ocwogwvl] {
    width: 72%;
}

.copy-line:not(.wide)[b-u4ocwogwvl] {
    width: 44%;
}

.table-row[b-u4ocwogwvl] {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.9fr) minmax(0, 0.65fr);
}

.table-cell[b-u4ocwogwvl] {
    display: block;
    height: 0.72rem;
    border-radius: 999px;
}

.table-cell.wide[b-u4ocwogwvl] {
    width: 88%;
}

.table-cell.short[b-u4ocwogwvl] {
    width: 56%;
}

.dashboard-skeleton-footer[b-u4ocwogwvl] {
    margin: 0;
}

@media (max-width: 767px) {
    .dashboard-skeleton-chart[b-u4ocwogwvl] {
        min-height: clamp(200px, 56vw, 300px);
    }

    .dashboard-skeleton.is-focus .dashboard-skeleton-chart[b-u4ocwogwvl] {
        min-height: clamp(260px, 72vw, 440px);
    }
}
/* /Components/Dashboard/ExpandableChartPanel.razor.rz.scp.css */
.expandable-chart-panel[b-rgwwjjfy9y] {
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.expandable-chart-panel.is-focused[b-rgwwjjfy9y] {
    box-shadow: 0 20px 48px -28px color-mix(in srgb, var(--brand-accent), transparent 55%);
}

.expandable-chart-panel.is-compact :deep(.dashboard-panel-header)[b-rgwwjjfy9y] {
    gap: 0.55rem;
}

.expandable-chart-panel.is-compact .chart-panel-context[b-rgwwjjfy9y],
.expandable-chart-panel.is-compact .chart-panel-footer[b-rgwwjjfy9y] {
    font-size: 0.8rem;
}

.expandable-chart-panel.is-compact :deep(.dashboard-panel-titles h2)[b-rgwwjjfy9y] {
    font-size: clamp(1rem, 0.6vw + 0.9rem, 1.2rem);
}

.chart-panel-header-content[b-rgwwjjfy9y],
.chart-panel-body-shell[b-rgwwjjfy9y] {
    min-width: 0;
    display: grid;
    gap: 0.8rem;
}

.chart-panel-context[b-rgwwjjfy9y],
.chart-panel-legend[b-rgwwjjfy9y],
.chart-panel-footer[b-rgwwjjfy9y] {
    min-width: 0;
}

.chart-panel-context[b-rgwwjjfy9y],
.chart-panel-footer[b-rgwwjjfy9y] {
    color: var(--text-secondary);
    font-size: 0.88rem;
}

.chart-panel-legend[b-rgwwjjfy9y] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.chart-panel-actions-shell[b-rgwwjjfy9y] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.chart-action-btn[b-rgwwjjfy9y] {
    min-width: 2.5rem;
    min-height: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 6%);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 180ms ease, transform 180ms ease, border-color 180ms ease;
}

.chart-action-btn:hover[b-rgwwjjfy9y],
.chart-action-btn:focus-visible[b-rgwwjjfy9y] {
    background: color-mix(in srgb, var(--brand-accent), transparent 82%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 42%);
}

.chart-action-btn:active[b-rgwwjjfy9y] {
    transform: translateY(1px);
}

.chart-panel-content[b-rgwwjjfy9y] {
    min-width: 0;
    min-height: 0;
}

.chart-panel-footer[b-rgwwjjfy9y] {
    padding-top: 0.15rem;
}

:deep(.chart-legend-chip)[b-rgwwjjfy9y] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 1.8rem;
    padding: 0 0.7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 16%);
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    font-size: 0.78rem;
    color: var(--text-secondary);
}

:deep(.chart-legend-chip::before)[b-rgwwjjfy9y] {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand-accent), transparent 18%);
}

@media (prefers-reduced-motion: reduce) {
    .expandable-chart-panel[b-rgwwjjfy9y],
    .chart-action-btn[b-rgwwjjfy9y] {
        transition: none;
    }
}

@media (max-width: 767px) {
    .chart-panel-actions-shell[b-rgwwjjfy9y] {
        width: 100%;
        justify-content: flex-start;
    }

    .chart-panel-resize[b-rgwwjjfy9y] {
        display: none;
    }
}
/* /Components/Dashboard/KpiCard.razor.rz.scp.css */
.kpi-card[b-yosm4zujlp] {
    --kpi-accent: var(--brand-accent);
    --kpi-accent-soft: var(--brand-accent-strong);
    --kpi-icon-bg: color-mix(in srgb, var(--kpi-accent), transparent 84%);
    --kpi-chart-line: color-mix(in srgb, var(--kpi-accent), #fff 6%);
    --kpi-status-color: var(--kpi-accent);
    width: 100%;
    min-width: 0;
    min-height: clamp(144px, 12vw, 160px);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    border-radius: calc(var(--radius-xl) - 0.15rem);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 2%), color-mix(in srgb, var(--glass-surface), transparent 14%)),
        radial-gradient(circle at top right, color-mix(in srgb, var(--kpi-accent), transparent 92%), transparent 40%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 80%), 0 18px 40px -32px color-mix(in srgb, #000, transparent 28%);
    padding: 0.9rem 0.95rem;
    display: grid;
    grid-template-rows: auto auto auto 1fr auto;
    gap: 0.45rem;
    text-align: left;
    color: var(--text-primary);
    appearance: none;
}

.kpi-card.is-interactive[b-yosm4zujlp] {
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.kpi-card.is-interactive:hover[b-yosm4zujlp],
.kpi-card.is-interactive:focus-visible[b-yosm4zujlp] {
    border-color: color-mix(in srgb, var(--kpi-accent), transparent 48%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 76%), 0 20px 44px -34px color-mix(in srgb, var(--kpi-accent), transparent 42%);
}

.kpi-card.is-interactive:focus-visible[b-yosm4zujlp] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 3px;
}

.kpi-card.is-interactive:active[b-yosm4zujlp],
.kpi-card.is-selected[b-yosm4zujlp] {
    transform: translateY(1px);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 0%), color-mix(in srgb, var(--glass-surface), transparent 12%)),
        radial-gradient(circle at top right, color-mix(in srgb, var(--kpi-accent), transparent 88%), transparent 44%);
}

.kpi-card__header[b-yosm4zujlp],
.kpi-card__value-row[b-yosm4zujlp],
.kpi-card__footer[b-yosm4zujlp] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.kpi-card__title[b-yosm4zujlp] {
    min-width: 0;
    color: color-mix(in srgb, var(--text-secondary), var(--text-primary) 22%);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.085em;
    font-weight: 760;
    line-height: 1.18;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kpi-card__value-row[b-yosm4zujlp] {
    align-items: baseline;
}

.kpi-card__value[b-yosm4zujlp] {
    font-size: clamp(1.55rem, 1.2vw + 1.15rem, 2.15rem);
    line-height: 1;
    font-weight: 760;
    color: color-mix(in srgb, var(--text-primary), var(--kpi-accent) 16%);
    text-shadow: 0 1px 0 color-mix(in srgb, #fff, transparent 58%);
}

.kpi-card__unit[b-yosm4zujlp] {
    color: color-mix(in srgb, var(--text-secondary), var(--text-primary) 18%);
    font-size: clamp(0.82rem, 0.25vw + 0.74rem, 0.98rem);
    font-weight: 620;
    white-space: nowrap;
}

.kpi-card__subtitle[b-yosm4zujlp],
.kpi-card__footer-label[b-yosm4zujlp],
.kpi-card__footer-value[b-yosm4zujlp],
.kpi-card__state-copy[b-yosm4zujlp] {
    color: var(--text-secondary);
}

.kpi-card__subtitle[b-yosm4zujlp] {
    margin: 0;
    font-size: 0.8rem;
    min-height: 1.2rem;
    color: color-mix(in srgb, var(--text-secondary), var(--text-primary) 12%);
}

.kpi-card__visual[b-yosm4zujlp] {
    min-height: 1.35rem;
    display: grid;
    align-items: end;
}

.kpi-card__footer[b-yosm4zujlp] {
    justify-content: space-between;
    font-size: 0.75rem;
    border-top: 1px solid color-mix(in srgb, var(--glass-border), transparent 34%);
    padding-top: 0.38rem;
}

.kpi-card__footer-value[b-yosm4zujlp],
.kpi-card__state-title[b-yosm4zujlp] {
    color: color-mix(in srgb, var(--text-primary), var(--kpi-accent) 10%);
    font-weight: 700;
}

.kpi-card__footer-label[b-yosm4zujlp] {
    color: color-mix(in srgb, var(--text-secondary), var(--text-primary) 10%);
}

.kpi-card__loading[b-yosm4zujlp] {
    display: grid;
    gap: 0.5rem;
}

.kpi-skeleton[b-yosm4zujlp] {
    border-radius: 999px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--glass-surface), transparent 22%), color-mix(in srgb, var(--glass-surface), transparent 6%), color-mix(in srgb, var(--glass-surface), transparent 22%));
    background-size: 200% 100%;
    animation: shimmer 1.6s linear infinite;
}

.kpi-skeleton--value[b-yosm4zujlp] { height: 1.9rem; width: 58%; }
.kpi-skeleton--subtitle[b-yosm4zujlp] { height: 0.82rem; width: 72%; }
.kpi-skeleton--visual[b-yosm4zujlp] { height: 2.7rem; width: 100%; border-radius: 0.9rem; }
.kpi-skeleton--footer[b-yosm4zujlp] { height: 0.76rem; width: 46%; }

.kpi-card__state[b-yosm4zujlp] {
    display: grid;
    align-content: center;
    gap: 0.35rem;
    min-height: 100%;
}

.kpi-card__state-copy[b-yosm4zujlp] {
    margin: 0;
    font-size: 0.82rem;
}

.kpi-card__state-indicator[b-yosm4zujlp],
.kpi-bars__bar[b-yosm4zujlp] {
    border-radius: 999px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--kpi-accent), transparent 14%), color-mix(in srgb, var(--kpi-accent-soft), transparent 32%));
}

.kpi-card__state-indicator[b-yosm4zujlp] {
    width: 3rem;
    height: 0.42rem;
    margin-top: 0.25rem;
}

.kpi-bars[b-yosm4zujlp] {
    display: grid;
    grid-template-columns: repeat(var(--kpi-bars-count, 12), minmax(0, 1fr));
    align-items: end;
    gap: 0.2rem;
    min-height: 1.25rem;
}

.kpi-bars__bar[b-yosm4zujlp] {
    min-height: 0.22rem;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--kpi-accent), transparent 84%);
    animation: kpi-bars-rise-b-yosm4zujlp 320ms ease-out both;
    transform-origin: bottom center;
}

.kpi-card--current[b-yosm4zujlp] {
    --kpi-accent: color-mix(in srgb, var(--brand-accent), limegreen 28%);
    --kpi-accent-soft: color-mix(in srgb, var(--brand-accent-strong), limegreen 18%);
}

.kpi-card--power[b-yosm4zujlp] {
    --kpi-accent: color-mix(in srgb, var(--warn-text), var(--brand-accent) 28%);
    --kpi-accent-soft: color-mix(in srgb, var(--warn-surface), gold 22%);
}

.kpi-card--energy[b-yosm4zujlp] {
    --kpi-accent: color-mix(in srgb, var(--brand-accent-strong), dodgerblue 28%);
    --kpi-accent-soft: color-mix(in srgb, var(--brand-accent-strong), skyblue 22%);
}

.kpi-card--runtime[b-yosm4zujlp] {
    --kpi-accent: color-mix(in srgb, var(--brand-accent), seagreen 24%);
    --kpi-accent-soft: color-mix(in srgb, var(--brand-accent-strong), mediumseagreen 20%);
}

.kpi-card--starts[b-yosm4zujlp] {
    --kpi-accent: color-mix(in srgb, var(--brand-accent-strong), mediumpurple 38%);
    --kpi-accent-soft: color-mix(in srgb, var(--brand-accent), orchid 26%);
}

.kpi-card--temperature[b-yosm4zujlp] {
    --kpi-accent: color-mix(in srgb, var(--warn-text), coral 34%);
    --kpi-accent-soft: color-mix(in srgb, var(--warn-surface), orange 28%);
}

.kpi-status--warning[b-yosm4zujlp] {
    --kpi-status-color: var(--warn-text);
}

.kpi-status--critical[b-yosm4zujlp] {
    --kpi-status-color: color-mix(in srgb, crimson, var(--warn-text) 36%);
}

.kpi-status--informational[b-yosm4zujlp] {
    --kpi-status-color: color-mix(in srgb, var(--brand-accent-strong), transparent 18%);
}

@keyframes kpi-bars-rise-b-yosm4zujlp {
    from {
        transform: scaleY(0.3);
        opacity: 0.4;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kpi-card.is-interactive[b-yosm4zujlp],
    .kpi-skeleton[b-yosm4zujlp],
    .kpi-bars__bar[b-yosm4zujlp] {
        transition: none;
        animation: none;
    }
}

@media (max-width: 767px) {
    .kpi-card[b-yosm4zujlp] {
        min-height: 140px;
    }

    .kpi-card__visual[b-yosm4zujlp] {
        min-height: 1.1rem;
    }
}
/* /Components/Dashboard/KpiIconBadge.razor.rz.scp.css */
.kpi-icon-badge[b-xziy8dptzo] {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--kpi-icon-bg, color-mix(in srgb, var(--brand-accent), transparent 84%));
    color: var(--kpi-accent, var(--brand-accent));
    border: 1px solid color-mix(in srgb, var(--kpi-accent, var(--brand-accent)), transparent 72%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 78%);
}

.kpi-icon-badge.is-warning[b-xziy8dptzo],
.kpi-icon-badge.is-critical[b-xziy8dptzo] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 72%), 0 0 0 1px color-mix(in srgb, var(--kpi-status-color, var(--kpi-accent, var(--brand-accent))), transparent 86%);
}
/* /Components/Dashboard/KpiProgressBar.razor.rz.scp.css */
.kpi-progress-shell[b-zf61l8sskc] {
    display: grid;
    gap: 0.28rem;
}

.kpi-progress-track[b-zf61l8sskc] {
    position: relative;
    min-height: 0.36rem;
    border-radius: 999px;
    overflow: hidden;
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 18%);
}

.kpi-progress-fill[b-zf61l8sskc] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, var(--kpi-accent, var(--brand-accent)), transparent 22%), color-mix(in srgb, var(--kpi-accent-soft, var(--brand-accent)), transparent 8%));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--kpi-accent, var(--brand-accent)), transparent 80%);
}

.kpi-progress-fill.is-animated[b-zf61l8sskc] {
    animation: kpi-progress-grow-b-zf61l8sskc 360ms ease-out;
}

.kpi-progress-labels[b-zf61l8sskc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--text-secondary);
    font-size: 0.66rem;
}

@keyframes kpi-progress-grow-b-zf61l8sskc {
    from {
        width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kpi-progress-fill.is-animated[b-zf61l8sskc] {
        animation: none;
    }
}
/* /Components/Dashboard/KpiSparkline.razor.rz.scp.css */
.kpi-sparkline[b-1uky1lxogf] {
    width: 100%;
    height: 100%;
    color: var(--kpi-chart-line, var(--kpi-accent, var(--brand-accent)));
    overflow: visible;
}

.kpi-sparkline-area[b-1uky1lxogf] {
    fill: color-mix(in srgb, currentColor, transparent 82%);
}

.kpi-sparkline-line[b-1uky1lxogf] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.kpi-sparkline.is-animated .kpi-sparkline-line[b-1uky1lxogf] {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: kpi-sparkline-draw-b-1uky1lxogf 380ms ease-out forwards;
}

.kpi-sparkline-point[b-1uky1lxogf] {
    fill: currentColor;
    stroke: color-mix(in srgb, currentColor, #fff 14%);
    stroke-width: 0.8;
}

@keyframes kpi-sparkline-draw-b-1uky1lxogf {
    to {
        stroke-dashoffset: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kpi-sparkline.is-animated .kpi-sparkline-line[b-1uky1lxogf] {
        animation: none;
        stroke-dasharray: none;
        stroke-dashoffset: 0;
    }
}
/* /Components/Dashboard/Maintenance/MaintenanceAgendaItem.razor.rz.scp.css */
.maintenance-agenda-item[b-3jwl955lgw] {
    --maintenance-accent: color-mix(in srgb, var(--brand-accent), transparent 18%);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    padding: 0.62rem 0.72rem;
    display: grid;
    gap: 0.26rem;
    text-align: left;
    color: var(--text-primary);
    transition: border-color 180ms ease, background 180ms ease;
}

.maintenance-agenda-item:hover[b-3jwl955lgw],
.maintenance-agenda-item:focus-visible[b-3jwl955lgw] {
    border-color: color-mix(in srgb, var(--maintenance-accent), transparent 48%);
    background: color-mix(in srgb, var(--glass-surface), transparent 5%);
}

.maintenance-agenda-item:focus-visible[b-3jwl955lgw] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.maintenance-agenda-date-row[b-3jwl955lgw],
.maintenance-agenda-meta[b-3jwl955lgw],
.maintenance-agenda-footer[b-3jwl955lgw] {
    display: flex;
    align-items: center;
    gap: 0.36rem;
    flex-wrap: wrap;
}

.maintenance-agenda-date-row[b-3jwl955lgw],
.maintenance-agenda-meta[b-3jwl955lgw],
.maintenance-agenda-footer[b-3jwl955lgw],
.maintenance-agenda-date-row span[b-3jwl955lgw] {
    color: var(--text-secondary);
    font-size: 0.74rem;
}

.maintenance-agenda-item strong[b-3jwl955lgw] {
    line-height: 1.24;
}

.maintenance-agenda-item.is-overdue[b-3jwl955lgw] { --maintenance-accent: color-mix(in srgb, crimson, var(--warn-text) 28%); }
.maintenance-agenda-item.is-due-soon[b-3jwl955lgw] { --maintenance-accent: color-mix(in srgb, var(--warn-text), goldenrod 26%); }
.maintenance-agenda-item.is-in-progress[b-3jwl955lgw] { --maintenance-accent: color-mix(in srgb, var(--brand-accent), dodgerblue 22%); }

@media (prefers-reduced-motion: reduce) {
    .maintenance-agenda-item[b-3jwl955lgw] {
        transition: none;
    }
}
/* /Components/Dashboard/Maintenance/MaintenanceCalendarStrip.razor.rz.scp.css */
.maintenance-calendar-strip[b-cdt5beqzqu] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.34rem;
}

.maintenance-calendar-cell[b-cdt5beqzqu] {
    min-height: 3.7rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
    border-radius: 0.82rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    color: var(--text-primary);
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.1rem;
    transition: border-color 180ms ease, background 180ms ease;
}

.maintenance-calendar-cell:hover[b-cdt5beqzqu],
.maintenance-calendar-cell:focus-visible[b-cdt5beqzqu] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 48%);
    background: color-mix(in srgb, var(--glass-surface), transparent 4%);
}

.maintenance-calendar-cell:focus-visible[b-cdt5beqzqu] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.calendar-day[b-cdt5beqzqu] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.62rem;
    color: var(--text-secondary);
}

.maintenance-calendar-cell strong[b-cdt5beqzqu] {
    line-height: 1;
    font-size: 0.96rem;
}

.calendar-marker[b-cdt5beqzqu] {
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 999px;
    background: transparent;
}

.maintenance-calendar-cell.has-events .calendar-marker[b-cdt5beqzqu] {
    background: color-mix(in srgb, var(--brand-accent), dodgerblue 16%);
}

.maintenance-calendar-cell.has-critical .calendar-marker[b-cdt5beqzqu] {
    background: color-mix(in srgb, crimson, var(--warn-text) 20%);
}

.maintenance-calendar-cell.is-reference[b-cdt5beqzqu] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 40%);
}

.maintenance-calendar-cell.is-selected[b-cdt5beqzqu] {
    background: linear-gradient(160deg, color-mix(in srgb, var(--brand-accent), transparent 86%), color-mix(in srgb, var(--glass-surface), transparent 6%));
}

@media (max-width: 1099px) {
    .maintenance-calendar-cell.is-compact-optional[b-cdt5beqzqu] {
        display: none;
    }

    .maintenance-calendar-strip[b-cdt5beqzqu] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .maintenance-calendar-cell[b-cdt5beqzqu] {
        transition: none;
    }
}
/* /Components/Dashboard/Maintenance/UpcomingMaintenanceCard.razor.rz.scp.css */
.upcoming-maintenance-card[b-dfaohv0w9z] {
    height: 100%;
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.upcoming-maintenance-card :deep(.dashboard-panel)[b-dfaohv0w9z] {
    height: 100%;
}

.maintenance-header-badges[b-dfaohv0w9z],
.maintenance-actions[b-dfaohv0w9z] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.maintenance-badge[b-dfaohv0w9z],
.maintenance-link[b-dfaohv0w9z] {
    min-height: 2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
}

.maintenance-badge[b-dfaohv0w9z] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.68rem;
    color: var(--text-secondary);
    font-size: 0.76rem;
}

.maintenance-badge.is-overdue[b-dfaohv0w9z] {
    color: color-mix(in srgb, crimson, var(--warn-text) 20%);
}

.maintenance-link[b-dfaohv0w9z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0 0.72rem;
    color: var(--text-primary);
    transition: border-color 180ms ease, background 180ms ease;
}

.maintenance-link:hover[b-dfaohv0w9z],
.maintenance-link:focus-visible[b-dfaohv0w9z] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 48%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
}

.maintenance-content[b-dfaohv0w9z],
.maintenance-loading[b-dfaohv0w9z] {
    display: grid;
    gap: 0.65rem;
}

.maintenance-agenda-list[b-dfaohv0w9z] {
    display: grid;
    gap: 0.46rem;
}

.maintenance-empty[b-dfaohv0w9z] {
    min-height: 7rem;
    display: grid;
    align-content: center;
    gap: 0.25rem;
}

.maintenance-empty span[b-dfaohv0w9z] {
    color: var(--text-secondary);
    font-size: 0.84rem;
}

.maintenance-skeleton[b-dfaohv0w9z] {
    border-radius: 0.9rem;
    background: linear-gradient(90deg, color-mix(in srgb, var(--glass-surface), transparent 24%), color-mix(in srgb, var(--glass-surface), transparent 8%), color-mix(in srgb, var(--glass-surface), transparent 24%));
    background-size: 200% 100%;
    animation: shimmer 1.5s linear infinite;
}

.maintenance-skeleton.s-badge[b-dfaohv0w9z] {
    width: 44%;
    height: 2rem;
    border-radius: 999px;
}

.maintenance-skeleton.s-calendar[b-dfaohv0w9z] {
    width: 100%;
    height: 3.8rem;
}

.maintenance-skeleton.s-item[b-dfaohv0w9z] {
    width: 100%;
    height: 4.1rem;
}

@media (max-width: 420px) {
    .maintenance-link span[b-dfaohv0w9z] {
        display: none;
    }

    .maintenance-link[b-dfaohv0w9z] {
        width: 2rem;
        padding: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .maintenance-link[b-dfaohv0w9z],
    .maintenance-skeleton[b-dfaohv0w9z] {
        transition: none;
        animation: none;
    }
}
/* /Components/Dashboard/OperatingStatus/OperatingStatusCard.razor.rz.scp.css */
.operating-status-card[b-n7y94vyk6p] {
    --operating-loaded: #16a34a;
    --operating-unloaded: #2563eb;
    --operating-starting: #9333ea;
    --operating-stopped: #64748b;
    --operating-alarm: #dc2626;
    --operating-no-communication: #d97706;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    border-radius: calc(var(--radius-xl) - 0.15rem);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 2%), color-mix(in srgb, var(--glass-surface), transparent 14%)),
        radial-gradient(circle at top right, color-mix(in srgb, var(--brand-accent), transparent 92%), transparent 42%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 80%), 0 18px 40px -32px color-mix(in srgb, #000, transparent 28%);
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.operating-status-card.is-extruder-mode[b-n7y94vyk6p] {
    --operating-extruder-stable: #16a34a;
    --operating-extruder-high-load: #ea580c;
    --operating-extruder-no-load: #0ea5e9;
    --operating-extruder-vibration: #8b5cf6;
    --operating-extruder-critical: #dc2626;
    --operating-extruder-stopped: #64748b;
    --operating-extruder-no-communication: #d97706;
}

.operating-status-card:hover[b-n7y94vyk6p],
.operating-status-card:focus-within[b-n7y94vyk6p] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 48%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 76%), 0 20px 44px -34px color-mix(in srgb, var(--brand-accent), transparent 42%);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 0%), color-mix(in srgb, var(--glass-surface), transparent 12%)),
        radial-gradient(circle at top right, color-mix(in srgb, var(--brand-accent), transparent 88%), transparent 44%);
}

.operating-status-card :deep(.dashboard-panel-icon)[b-n7y94vyk6p] {
    background: color-mix(in srgb, var(--brand-accent), transparent 76%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 44%);
}

.operating-status-card :deep(.dashboard-panel-titles h2)[b-n7y94vyk6p] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: var(--text-secondary);
}

.operating-status-card :deep(.dashboard-panel-titles p)[b-n7y94vyk6p] {
    color: color-mix(in srgb, var(--text-secondary), #fff 6%);
    font-size: 0.84rem;
}

.operating-status-layout[b-n7y94vyk6p] {
    display: grid;
    gap: 0.95rem;
}

.operating-status-section-frame[b-n7y94vyk6p] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 6%);
    border-radius: calc(var(--radius-xl) - 0.25rem);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 88%);
    padding: 0.85rem;
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.operating-status-card:hover .operating-status-section-frame[b-n7y94vyk6p],
.operating-status-card:focus-within .operating-status-section-frame[b-n7y94vyk6p] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 62%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 82%), 0 10px 28px -24px color-mix(in srgb, var(--brand-accent), transparent 34%);
    background: color-mix(in srgb, var(--glass-surface), transparent 4%);
}

.operating-status-loading[b-n7y94vyk6p] {
    display: grid;
    gap: 0.8rem;
}

.operating-status-loading-grid[b-n7y94vyk6p] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operating-skeleton[b-n7y94vyk6p] {
    border-radius: 999px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--glass-surface), transparent 22%), color-mix(in srgb, var(--glass-surface), transparent 6%), color-mix(in srgb, var(--glass-surface), transparent 22%));
    background-size: 200% 100%;
    animation: shimmer 1.6s linear infinite;
}

.operating-skeleton--badge[b-n7y94vyk6p] {
    height: 2.2rem;
    width: 18rem;
    max-width: 100%;
}

.operating-skeleton--timeline[b-n7y94vyk6p] {
    height: 1.7rem;
    width: 100%;
}

.operating-skeleton--legend[b-n7y94vyk6p] {
    height: 2rem;
    width: 72%;
}

.operating-skeleton--metric[b-n7y94vyk6p] {
    height: 4rem;
    width: 100%;
    border-radius: 1rem;
}

.operating-status-header-meta[b-n7y94vyk6p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.operating-status-current[b-n7y94vyk6p],
.status-chip[b-n7y94vyk6p],
.status-link[b-n7y94vyk6p],
.operating-status-connection-warning[b-n7y94vyk6p] {
    min-height: 2.2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    background: color-mix(in srgb, var(--glass-surface), transparent 2%);
}

.operating-status-current[b-n7y94vyk6p] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.42rem 0.8rem;
}

.state-dot[b-n7y94vyk6p] {
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 0.22rem color-mix(in srgb, currentColor, transparent 72%);
}

.state-copy[b-n7y94vyk6p] {
    display: grid;
    gap: 0.08rem;
}

.state-copy strong[b-n7y94vyk6p] {
    line-height: 1.1;
}

.state-copy span[b-n7y94vyk6p],
.operating-status-empty span[b-n7y94vyk6p] {
    color: var(--text-secondary);
    font-size: 0.82rem;
}

.operating-status-current.is-loaded[b-n7y94vyk6p] { color: var(--operating-loaded); }
.operating-status-current.is-unloaded[b-n7y94vyk6p] { color: var(--operating-unloaded); }
.operating-status-current.is-starting[b-n7y94vyk6p] { color: var(--operating-starting); }
.operating-status-current.is-stopped[b-n7y94vyk6p] { color: var(--operating-stopped); }
.operating-status-current.is-alarm[b-n7y94vyk6p] { color: var(--operating-alarm); }
.operating-status-current.is-nocommunication[b-n7y94vyk6p] { color: var(--operating-no-communication); }
.operating-status-card.is-extruder-mode .operating-status-current.is-stableproduction[b-n7y94vyk6p] { color: var(--operating-extruder-stable); }
.operating-status-card.is-extruder-mode .operating-status-current.is-highload[b-n7y94vyk6p] { color: var(--operating-extruder-high-load); }
.operating-status-card.is-extruder-mode .operating-status-current.is-noload[b-n7y94vyk6p] { color: var(--operating-extruder-no-load); }
.operating-status-card.is-extruder-mode .operating-status-current.is-vibrationanomaly[b-n7y94vyk6p] { color: var(--operating-extruder-vibration); }
.operating-status-card.is-extruder-mode .operating-status-current.is-criticaloverload[b-n7y94vyk6p] { color: var(--operating-extruder-critical); }
.operating-status-card.is-extruder-mode .operating-status-current.is-stopped[b-n7y94vyk6p] { color: var(--operating-extruder-stopped); }
.operating-status-card.is-extruder-mode .operating-status-current.is-nocommunication[b-n7y94vyk6p] { color: var(--operating-extruder-no-communication); }

.operating-status-connection-warning[b-n7y94vyk6p],
.status-chip[b-n7y94vyk6p] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.75rem;
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.operating-status-actions[b-n7y94vyk6p] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.status-link[b-n7y94vyk6p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 0.85rem;
    cursor: pointer;
    color: var(--text-primary);
}

.status-link:hover[b-n7y94vyk6p],
.status-link:focus-visible[b-n7y94vyk6p] {
    background: color-mix(in srgb, var(--brand-accent), transparent 76%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 32%);
}

.operating-status-empty[b-n7y94vyk6p] {
    display: grid;
    gap: 0.35rem;
    min-height: 7rem;
    align-content: center;
}

.operating-status-layout.is-extruder-mode[b-n7y94vyk6p] {
    display: grid;
    gap: 0.95rem;
}

.operating-status-layout.is-extruder-mode .operating-status-timeline-shell[b-n7y94vyk6p] {
    display: grid;
    gap: 0.6rem;
}

.operating-status-layout.is-extruder-mode .operating-status-timeline[b-n7y94vyk6p] {
    position: relative;
    display: flex;
    min-height: 1.5rem;
    height: clamp(1.5rem, 2.1vw, 1.8rem);
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    background: color-mix(in srgb, var(--glass-surface), transparent 4%);
}

.operating-status-layout.is-extruder-mode .operating-status-segment[b-n7y94vyk6p] {
    position: relative;
    flex-basis: 0;
    flex-shrink: 1;
    min-inline-size: 0.18rem;
    border: 0;
    padding: 0;
    margin: 0;
    background-clip: padding-box;
}

.operating-status-layout.is-extruder-mode .operating-status-segment.is-stableproduction[b-n7y94vyk6p] {
    background: green;
    background-image: none !important;
}

.operating-status-layout.is-extruder-mode .operating-status-segment.is-highload[b-n7y94vyk6p] {
    background: #ea580c;
    background-image: none !important;
}

.operating-status-layout.is-extruder-mode .operating-status-segment.is-noload[b-n7y94vyk6p] {
    background: #696a6a;
    background-image: none !important;
}

.operating-status-layout.is-extruder-mode .operating-status-segment.is-vibrationanomaly[b-n7y94vyk6p] {
    background: rgb(204, 185, 10);
    background-image: none !important;
}

.operating-status-layout.is-extruder-mode .operating-status-segment.is-criticaloverload[b-n7y94vyk6p] {
    background: rgb(205, 15, 15);
    background-image: none !important;
}

.operating-status-layout.is-extruder-mode .operating-status-segment.is-stopped[b-n7y94vyk6p] {
    background: gray;
    background-image: none !important;
}

.operating-status-layout.is-extruder-mode .operating-status-segment.is-nocommunication[b-n7y94vyk6p] {
    background: black;
    background-image: none !important;
}

.operating-status-layout.is-extruder-mode .operating-status-segment + .operating-status-segment[b-n7y94vyk6p] {
    box-shadow: inset 1px 0 0 color-mix(in srgb, #fff, transparent 78%);
}

.operating-status-layout.is-extruder-mode .operating-status-segment-marker[b-n7y94vyk6p] {
    position: absolute;
    inset: 0 auto 0 50%;
    transform: translateX(-50%);
    width: 0.2rem;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 0 0 1px color-mix(in srgb, #000, transparent 72%);
}

.operating-status-layout.is-extruder-mode .operating-status-tooltip[b-n7y94vyk6p] {
    --tooltip-state-color: var(--operating-extruder-stable);
    margin-top: 0.28rem;
    display: inline-grid;
    gap: 0.3rem;
    padding: 0.95rem 1.08rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--tooltip-state-color), transparent 44%);
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--tooltip-state-color), transparent 88%), color-mix(in srgb, var(--glass-surface), transparent 6%));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #fff, transparent 78%),
        0 18px 34px -26px color-mix(in srgb, var(--tooltip-state-color), transparent 24%);
    color: var(--text-primary);
    min-width: min(100%, 19rem);
    max-width: 24rem;
}

.operating-status-layout.is-extruder-mode .operating-status-tooltip strong[b-n7y94vyk6p] {
    color: var(--tooltip-state-color);
    font-size: 0.95rem;
    line-height: 1.15;
}

.operating-status-layout.is-extruder-mode .operating-status-tooltip span[b-n7y94vyk6p] {
    color: color-mix(in srgb, var(--text-secondary), var(--tooltip-state-color) 16%);
    font-size: 0.84rem;
    line-height: 1.2;
}

.operating-status-layout.is-extruder-mode .operating-status-tooltip small[b-n7y94vyk6p] {
    color: color-mix(in srgb, var(--text-secondary), #fff 8%);
    font-size: 0.78rem;
    line-height: 1.25;
}

.operating-status-layout.is-extruder-mode .operating-status-tooltip.is-stableproduction[b-n7y94vyk6p] { --tooltip-state-color: green; }
.operating-status-layout.is-extruder-mode .operating-status-tooltip.is-highload[b-n7y94vyk6p] { --tooltip-state-color:  #ea580c; }
.operating-status-layout.is-extruder-mode .operating-status-tooltip.is-noload[b-n7y94vyk6p] { --tooltip-state-color: #696a6a; }
.operating-status-layout.is-extruder-mode .operating-status-tooltip.is-vibrationanomaly[b-n7y94vyk6p] { --tooltip-state-color: rgb(215, 194, 6); }
.operating-status-layout.is-extruder-mode .operating-status-tooltip.is-criticaloverload[b-n7y94vyk6p] { --tooltip-state-color: rgb(205, 15, 15); }
.operating-status-layout.is-extruder-mode .operating-status-tooltip.is-stopped[b-n7y94vyk6p] { --tooltip-state-color: gray; }
.operating-status-layout.is-extruder-mode .operating-status-tooltip.is-nocommunication[b-n7y94vyk6p] { --tooltip-state-color: black; }

.operating-status-layout.is-extruder-mode .operating-status-timeline-scale[b-n7y94vyk6p] {
    position: relative;
    min-height: 1rem;
}

.operating-status-layout.is-extruder-mode .timeline-scale-item[b-n7y94vyk6p] {
    position: absolute;
    transform: translateX(-50%);
    color: var(--text-secondary);
    font-size: 0.72rem;
}

.operating-status-layout.is-extruder-mode .timeline-scale-item:first-child[b-n7y94vyk6p] {
    transform: none;
    left: 0 !important;
}

.operating-status-layout.is-extruder-mode .timeline-scale-item:last-child[b-n7y94vyk6p] {
    transform: translateX(-100%);
}

.operating-status-layout.is-extruder-mode .operating-status-legend[b-n7y94vyk6p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.operating-status-layout.is-extruder-mode .operating-status-legend-item[b-n7y94vyk6p] {
    --legend-state-color: var(--operating-extruder-stable);
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-height: 2.15rem;
    padding: 0.34rem 0.74rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--legend-state-color), transparent 36%);
    background: color-mix(in srgb, var(--legend-state-color), transparent 88%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 74%);
    font-size: 0.78rem;
}

.operating-status-layout.is-extruder-mode .legend-copy[b-n7y94vyk6p] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.operating-status-layout.is-extruder-mode .legend-dot[b-n7y94vyk6p] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: var(--legend-state-color);
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--legend-state-color), transparent 72%);
}

.operating-status-layout.is-extruder-mode .legend-label[b-n7y94vyk6p] {
    color: var(--legend-state-color);
    font-weight: 600;
}

.operating-status-layout.is-extruder-mode .legend-meta[b-n7y94vyk6p] {
    color: color-mix(in srgb, var(--legend-state-color), var(--text-secondary) 44%);
    font-size: 0.7rem;
    line-height: 1.15;
    white-space: nowrap;
}

.operating-status-layout.is-extruder-mode .operating-status-legend-item.is-stableproduction[b-n7y94vyk6p] { --legend-state-color: green; }
.operating-status-layout.is-extruder-mode .operating-status-legend-item.is-highload[b-n7y94vyk6p] { --legend-state-color: #ea580c; }
.operating-status-layout.is-extruder-mode .operating-status-legend-item.is-noload[b-n7y94vyk6p] { --legend-state-color: #696a6a; }
.operating-status-layout.is-extruder-mode .operating-status-legend-item.is-vibrationanomaly[b-n7y94vyk6p] { --legend-state-color: rgb(215, 194, 6); }
.operating-status-layout.is-extruder-mode .operating-status-legend-item.is-criticaloverload[b-n7y94vyk6p] { --legend-state-color: rgb(205, 15, 15); }
.operating-status-layout.is-extruder-mode .operating-status-legend-item.is-stopped[b-n7y94vyk6p] { --legend-state-color: gray; }
.operating-status-layout.is-extruder-mode .operating-status-legend-item.is-nocommunication[b-n7y94vyk6p] { --legend-state-color: black; }

.operating-status-layout.is-extruder-mode .operating-status-legend-item:hover[b-n7y94vyk6p],
.operating-status-layout.is-extruder-mode .operating-status-legend-item:focus-visible[b-n7y94vyk6p],
.operating-status-layout.is-extruder-mode .operating-status-segment:hover[b-n7y94vyk6p],
.operating-status-layout.is-extruder-mode .operating-status-segment:focus-visible[b-n7y94vyk6p] {
    filter: brightness(1.06) saturate(1.08);
}

.operating-status-layout.is-extruder-mode .operating-status-summary--extruder[b-n7y94vyk6p] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.7rem;
}

.operating-status-layout.is-extruder-mode .operating-status-summary-item[b-n7y94vyk6p] {
    min-width: 0;
    display: grid;
    gap: 0.22rem;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
}

.operating-status-layout.is-extruder-mode .operating-status-summary-item span[b-n7y94vyk6p] {
    color: var(--text-secondary);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.operating-status-layout.is-extruder-mode .operating-status-summary-item strong[b-n7y94vyk6p] {
    font-size: 1rem;
}

.operating-status-layout.is-extruder-mode .operating-status-summary-item.is-primary[b-n7y94vyk6p] {
    background: linear-gradient(160deg, color-mix(in srgb, var(--brand-accent), transparent 88%), color-mix(in srgb, var(--glass-surface), transparent 8%));
}

@media (max-width: 1099px) {
    .operating-status-layout.is-extruder-mode .operating-status-summary--extruder[b-n7y94vyk6p] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .operating-status-layout.is-extruder-mode .operating-status-summary--extruder[b-n7y94vyk6p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 374px) {
    .operating-status-layout.is-extruder-mode .operating-status-summary--extruder[b-n7y94vyk6p] {
        grid-template-columns: 1fr 1fr;
    }

    .operating-status-layout.is-extruder-mode .operating-status-summary-item:nth-child(n+5)[b-n7y94vyk6p] {
        display: none;
    }
}

.operating-status-layout.is-extruder-mode .operating-status-segment:focus-visible[b-n7y94vyk6p] {
    outline: 2px solid var(--focus-ring);
    outline-offset: -2px;
    z-index: 2;
}

@media (max-width: 1099px) {
    .operating-status-actions[b-n7y94vyk6p] {
        justify-content: flex-start;
    }

    .operating-status-loading-grid[b-n7y94vyk6p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .operating-status-current[b-n7y94vyk6p],
    .operating-status-connection-warning[b-n7y94vyk6p],
    .status-chip[b-n7y94vyk6p],
    .status-link[b-n7y94vyk6p] {
        width: 100%;
        justify-content: flex-start;
    }

    .operating-status-loading-grid[b-n7y94vyk6p] {
        grid-template-columns: 1fr;
    }

    .operating-status-layout.is-extruder-mode .timeline-scale-item.is-compact-optional[b-n7y94vyk6p] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .operating-status-card[b-n7y94vyk6p],
    .operating-status-section-frame[b-n7y94vyk6p],
    .operating-skeleton[b-n7y94vyk6p] {
        transition: none;
        animation: none;
    }
}
/* /Components/Dashboard/OperatingStatus/OperatingStatusLegend.razor.rz.scp.css */
.operating-status-legend[b-6zctppj1tr] {
    --operating-loaded: #16a34a;
    --operating-unloaded: #2563eb;
    --operating-starting: #9333ea;
    --operating-stopped: #64748b;
    --operating-alarm: #dc2626;
    --operating-no-communication: #d97706;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.operating-status-legend-item[b-6zctppj1tr] {
    --legend-state-color: var(--operating-loaded);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2rem;
    padding: 0.2rem 0.72rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--legend-state-color), transparent 42%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--legend-state-color), transparent 78%), color-mix(in srgb, var(--glass-surface), transparent 2%));
    font-size: 0.78rem;
}

.legend-swatch[b-6zctppj1tr] {
    width: 1.25rem;
    height: 0.46rem;
    border-radius: 999px;
    background: var(--legend-state-color);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--legend-state-color), transparent 42%);
}

.legend-dot[b-6zctppj1tr] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: var(--legend-state-color);
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--legend-state-color), transparent 60%);
}

.legend-label[b-6zctppj1tr] {
    color: var(--legend-state-color);
    font-weight: 600;
}

.operating-status-legend-item.is-loaded .legend-label[b-6zctppj1tr],
.operating-status-legend-item.is-unloaded .legend-label[b-6zctppj1tr],
.operating-status-legend-item.is-starting .legend-label[b-6zctppj1tr],
.operating-status-legend-item.is-stopped .legend-label[b-6zctppj1tr],
.operating-status-legend-item.is-alarm .legend-label[b-6zctppj1tr],
.operating-status-legend-item.is-nocommunication .legend-label[b-6zctppj1tr] {
    color: var(--legend-state-color);
}

.legend-metric[b-6zctppj1tr] {
    color: var(--text-secondary);
}

.operating-status-legend-item.is-loaded[b-6zctppj1tr] { --legend-state-color: var(--operating-loaded); }
.operating-status-legend-item.is-unloaded[b-6zctppj1tr] { --legend-state-color: var(--operating-unloaded); }
.operating-status-legend-item.is-starting[b-6zctppj1tr] { --legend-state-color: var(--operating-starting); }
.operating-status-legend-item.is-stopped[b-6zctppj1tr] { --legend-state-color: var(--operating-stopped); }
.operating-status-legend-item.is-alarm[b-6zctppj1tr] { --legend-state-color: var(--operating-alarm); }
.operating-status-legend-item.is-nocommunication[b-6zctppj1tr] { --legend-state-color: var(--operating-no-communication); }

@media (max-width: 767px) {
    .operating-status-legend-item[b-6zctppj1tr] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Dashboard/OperatingStatus/OperatingStatusSummary.razor.rz.scp.css */
.operating-status-summary[b-zv7jvw5886] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.7rem;
}

.operating-status-summary-item[b-zv7jvw5886] {
    min-width: 0;
    display: grid;
    gap: 0.22rem;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
}

.operating-status-summary-item span[b-zv7jvw5886] {
    color: var(--text-secondary);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.operating-status-summary-item strong[b-zv7jvw5886] {
    font-size: 1rem;
}

.operating-status-summary-item.is-primary[b-zv7jvw5886] {
    background: linear-gradient(160deg, color-mix(in srgb, var(--brand-accent), transparent 88%), color-mix(in srgb, var(--glass-surface), transparent 8%));
}

@media (max-width: 1099px) {
    .operating-status-summary[b-zv7jvw5886] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .operating-status-summary[b-zv7jvw5886] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 374px) {
    .operating-status-summary[b-zv7jvw5886] {
        grid-template-columns: 1fr 1fr;
    }

    .operating-status-summary-item:nth-child(n+5)[b-zv7jvw5886] {
        display: none;
    }
}
/* /Components/Dashboard/OperatingStatus/OperatingStatusTimeline.razor.rz.scp.css */
.operating-status-timeline-shell[b-gq4wipf3fn] {
    display: grid;
    gap: 0.65rem;
}

.operating-status-timeline[b-gq4wipf3fn] {
    --operating-loaded: #16a34a;
    --operating-unloaded: #2563eb;
    --operating-starting: #9333ea;
    --operating-stopped: #64748b;
    --operating-alarm: #dc2626;
    --operating-no-communication: #d97706;
    position: relative;
    display: flex;
    min-height: 1.45rem;
    height: clamp(1.45rem, 2vw, 1.7rem);
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    background: color-mix(in srgb, var(--glass-surface), transparent 12%);
}

.operating-status-segment[b-gq4wipf3fn] {
    position: relative;
    flex-basis: 0;
    flex-shrink: 1;
    border: 0;
    padding: 0;
    margin: 0;
    min-inline-size: 0;
    cursor: pointer;
    transition: filter 180ms ease, transform 180ms ease;
}

.operating-status-segment.is-loaded[b-gq4wipf3fn] { background-color: var(--operating-loaded) !important; background-image: none !important; }
.operating-status-segment.is-unloaded[b-gq4wipf3fn] { background-color: var(--operating-unloaded) !important; background-image: none !important; }
.operating-status-segment.is-starting[b-gq4wipf3fn] { background-color: var(--operating-starting) !important; background-image: none !important; }
.operating-status-segment.is-stopped[b-gq4wipf3fn] { background-color: var(--operating-stopped) !important; background-image: none !important; }
.operating-status-segment.is-alarm[b-gq4wipf3fn] { background-color: var(--operating-alarm) !important; background-image: none !important; }
.operating-status-segment.is-nocommunication[b-gq4wipf3fn] { background-color: var(--operating-no-communication) !important; background-image: none !important; }

.operating-status-segment + .operating-status-segment[b-gq4wipf3fn] {
    box-shadow: inset 1px 0 0 color-mix(in srgb, #fff, transparent 72%);
}

.operating-status-segment.has-marker[b-gq4wipf3fn] {
    min-inline-size: 0.22rem;
}

.operating-status-segment-marker[b-gq4wipf3fn] {
    position: absolute;
    inset: 0 auto 0 50%;
    transform: translateX(-50%);
    width: 0.2rem;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 0 0 1px color-mix(in srgb, #000, transparent 70%);
}

.operating-status-segment:hover[b-gq4wipf3fn],
.operating-status-segment:focus-visible[b-gq4wipf3fn],
.operating-status-segment.is-active[b-gq4wipf3fn] {
    filter: brightness(1.05);
}

.operating-status-segment:focus-visible[b-gq4wipf3fn] {
    outline: 2px solid var(--focus-ring);
    outline-offset: -2px;
    z-index: 2;
}

.operating-status-now-marker[b-gq4wipf3fn] {
    position: absolute;
    inset: -0.42rem 0 auto auto;
    display: grid;
    justify-items: center;
    gap: 0.14rem;
    pointer-events: none;
}

.operating-status-now-marker span[b-gq4wipf3fn] {
    width: 1px;
    height: calc(100% + 0.84rem);
    background: color-mix(in srgb, var(--text-primary), transparent 42%);
}

.operating-status-now-marker small[b-gq4wipf3fn] {
    color: var(--text-secondary);
    font-size: 0.68rem;
    background: var(--glass-surface);
    padding: 0.08rem 0.35rem;
    border-radius: 999px;
}

.operating-status-timeline-scale[b-gq4wipf3fn] {
    position: relative;
    min-height: 1rem;
}

.timeline-scale-item[b-gq4wipf3fn] {
    position: absolute;
    transform: translateX(-50%);
    color: var(--text-secondary);
    font-size: 0.72rem;
}

.timeline-scale-item:first-child[b-gq4wipf3fn] {
    transform: none;
    left: 0 !important;
}

.timeline-scale-item:last-child[b-gq4wipf3fn] {
    transform: translateX(-100%);
}

@media (prefers-reduced-motion: reduce) {
    .operating-status-segment[b-gq4wipf3fn] {
        transition: none;
    }
}

@media (max-width: 767px) {
    .timeline-scale-item.is-compact-optional[b-gq4wipf3fn] {
        display: none;
    }
}
/* /Components/Dashboard/OperatingStatus/OperatingStatusTooltip.razor.rz.scp.css */
.operating-status-tooltip[b-d1goi6bhm0] {
    display: inline-grid;
    gap: 0.2rem;
    padding: 0.75rem 0.85rem;
    border-radius: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: color-mix(in srgb, var(--glass-surface), transparent 3%);
    box-shadow: 0 14px 34px -28px color-mix(in srgb, #000, transparent 24%);
    color: var(--text-primary);
}

.operating-status-tooltip span[b-d1goi6bhm0],
.operating-status-tooltip small[b-d1goi6bhm0] {
    color: var(--text-secondary);
}
/* /Components/Layout/AppHeader.razor.rz.scp.css */
.app-header[b-d3qkhpgr0c] {
    position: sticky;
    top: 0;
    z-index: 25;
    min-height: 72px;
    margin: 0.55rem 0.7rem 0;
    border-radius: calc(var(--radius-xl) - 6px);
    padding: 0.68rem clamp(0.9rem, 1.4vw, 1.4rem);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 8%);
    background: color-mix(in srgb, var(--glass-surface), transparent 6%);
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(22px) saturate(1.12);
    -webkit-backdrop-filter: blur(22px) saturate(1.12);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.header-start[b-d3qkhpgr0c] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.header-brand[b-d3qkhpgr0c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: var(--text-primary);
    padding-right: 0.35rem;
    border-right: 1px solid color-mix(in srgb, var(--glass-border), transparent 24%);
}

.header-brand-logo[b-d3qkhpgr0c] {
    width: 2.9rem;
    height: 2.9rem;
    object-fit: contain;
    border-radius: 0.45rem;
}

.header-brand strong[b-d3qkhpgr0c] {
    font-size: 0.98rem;
    letter-spacing: 0.01em;
}

.header-start h1[b-d3qkhpgr0c] {
    margin: 0.2rem 0 0;
    font-size: clamp(1.05rem, 1.8vw, 1.35rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-end[b-d3qkhpgr0c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-user-anchor .user-menu[b-d3qkhpgr0c],
.header-user-anchor .user-menu-trigger[b-d3qkhpgr0c] {
    width: auto;
}

html[data-theme="dark"] .app-header[b-d3qkhpgr0c] {
    background: linear-gradient(110deg, rgba(31, 31, 33, .97), rgba(50, 50, 52, .94));
    border-color: #f89434;
}

html[data-theme="light"] .app-header[b-d3qkhpgr0c] {
    background: rgba(255, 255, 255, .94);
    border-color: #f89434;
    box-shadow: 0 15px 35px rgba(88, 88, 90, .12);
}

.app-header .icon-btn[b-d3qkhpgr0c] {
    border-color: #f89434;
}

.app-header .icon-btn:hover[b-d3qkhpgr0c],
.app-header .icon-btn:focus-visible[b-d3qkhpgr0c] {
    border-color: #f89434;
    box-shadow: 0 0 0 2px rgba(248, 148, 52, .18);
}

.header-brand[b-d3qkhpgr0c],
.header-company-logo-wrap[b-d3qkhpgr0c] {
    border-color: color-mix(in srgb, #f89434, var(--glass-border) 60%);
}

.header-company-logo-wrap[b-d3qkhpgr0c] {
    height: 3.5rem;
    min-width: 5.2rem;
    max-width: 8.5rem;
    padding-left: .85rem;
    border-left: 1px solid color-mix(in srgb, var(--glass-border), transparent 18%);
    display: grid;
    place-items: center;
}

.header-company-logo[b-d3qkhpgr0c] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 3.4rem;
    object-fit: contain;
    filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .3));
}

.icon-btn[b-d3qkhpgr0c] {
    position: relative;
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 999px;
    border: 1px solid var(--control-border);
    background: var(--control-bg);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-btn:hover[b-d3qkhpgr0c],
.icon-btn:focus-visible[b-d3qkhpgr0c] {
    background: var(--control-bg-hover);
}

.icon-btn:active[b-d3qkhpgr0c] {
    background: var(--control-bg-active);
}

.icon-btn:focus-visible[b-d3qkhpgr0c] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.search-trigger[b-d3qkhpgr0c] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 30%);
    background: color-mix(in srgb, var(--brand-accent), var(--control-bg) 78%);
}

.search-trigger .app-icon[b-d3qkhpgr0c] {
    transform: scale(1.08);
}

.search-modal-overlay[b-d3qkhpgr0c] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: var(--scrim-bg);
    backdrop-filter: blur(10px) saturate(1.08);
    -webkit-backdrop-filter: blur(10px) saturate(1.08);
    display: grid;
    place-items: center;
    padding: 1rem;
}

.search-modal[b-d3qkhpgr0c] {
    width: min(920px, 96vw);
    border-radius: 18px;
    border: 1px solid var(--glass-border);
    background: var(--floating-surface);
    backdrop-filter: blur(24px) saturate(1.16);
    -webkit-backdrop-filter: blur(24px) saturate(1.16);
    box-shadow: var(--shadow-lg);
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
}

.search-modal header[b-d3qkhpgr0c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.search-modal h2[b-d3qkhpgr0c] {
    margin: 0;
    font-size: clamp(1.05rem, 2.1vw, 1.35rem);
}

.search-modal-close[b-d3qkhpgr0c] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
    border: 1px solid var(--control-border);
    background: var(--control-bg);
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.search-modal-close:hover[b-d3qkhpgr0c],
.search-modal-close:focus-visible[b-d3qkhpgr0c] {
    background: var(--control-bg-hover);
    color: var(--text-primary);
}

.search-modal-close:focus-visible[b-d3qkhpgr0c] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.search-input-shell[b-d3qkhpgr0c] {
    min-height: 3.4rem;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 35%);
    background: color-mix(in srgb, var(--floating-surface), transparent 8%);
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.65rem;
    padding: 0 0.85rem;
}

.search-input-shell input[b-d3qkhpgr0c] {
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font-size: 1rem;
    min-height: 3rem;
}

.search-hint[b-d3qkhpgr0c] {
    margin: 0;
    color: var(--text-tertiary);
    font-size: 0.8rem;
}

.search-results[b-d3qkhpgr0c] {
    display: grid;
    gap: 0.5rem;
}

.search-result[b-d3qkhpgr0c] {
    width: 100%;
    border: 1px solid var(--control-border);
    border-radius: 18px;
    background: var(--control-bg);
    color: var(--text-primary);
    padding: 0.8rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
}

.search-result:hover[b-d3qkhpgr0c],
.search-result:focus-visible[b-d3qkhpgr0c] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 25%);
    background: var(--control-bg-hover);
}

.search-result:focus-visible[b-d3qkhpgr0c] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.search-result-icon[b-d3qkhpgr0c] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--brand-accent), transparent 82%);
    color: var(--brand-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.search-result-copy[b-d3qkhpgr0c] {
    min-width: 0;
    display: grid;
    gap: 0.2rem;
}

.search-result-copy strong[b-d3qkhpgr0c],
.search-result-copy small[b-d3qkhpgr0c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-result-copy small[b-d3qkhpgr0c],
.search-result-action[b-d3qkhpgr0c] {
    color: var(--text-secondary);
    font-size: 0.78rem;
}

.search-empty[b-d3qkhpgr0c] {
    margin: 0;
    border: 1px dashed var(--control-border);
    border-radius: 12px;
    padding: 0.9rem;
    color: var(--text-secondary);
    text-align: center;
}

.notifications .badge[b-d3qkhpgr0c] {
    position: absolute;
    top: -0.25rem;
    right: -0.2rem;
    min-width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.63rem;
    font-weight: 700;
    background: #f89434;
    color: var(--on-accent);
}

.mobile-only[b-d3qkhpgr0c] {
    display: none;
}

@media (max-width: 1199px) {
    .mobile-only[b-d3qkhpgr0c] {
        display: inline-flex;
    }
}

@media (max-width: 1024px) {
    .app-header[b-d3qkhpgr0c] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .header-start[b-d3qkhpgr0c],
    .header-end[b-d3qkhpgr0c] {
        width: 100%;
    }

    .header-end[b-d3qkhpgr0c] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .app-header[b-d3qkhpgr0c] {
        min-height: 68px;
        align-items: flex-start;
        flex-direction: column;
        gap: 0.6rem;
    }

    .header-end[b-d3qkhpgr0c] {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .header-brand[b-d3qkhpgr0c] {
        border-right: 0;
        padding-right: 0;
    }

    .header-brand strong[b-d3qkhpgr0c] {
        display: none;
    }

    .header-brand-logo[b-d3qkhpgr0c] {
        width: 2.35rem;
        height: 2.35rem;
    }

    .search-modal[b-d3qkhpgr0c] {
        width: min(96vw, 96vw);
        padding: 0.85rem;
    }

    .search-result[b-d3qkhpgr0c] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .search-result-action[b-d3qkhpgr0c] {
        display: none;
    }

}
/* /Components/Layout/AppSidebar.razor.rz.scp.css */
.app-sidebar[b-vtchyw11v2] {
    --sidebar-pad-x: 0.62rem;
    --sidebar-text: var(--text-primary);
    --sidebar-text-muted: var(--text-secondary);
    --sidebar-text-subtle: var(--text-tertiary);
    --sidebar-hover-bg: var(--control-bg-hover);
    --sidebar-hover-border: var(--control-border);
    --sidebar-active-bg: var(--control-bg-active);
    --sidebar-active-bg-strong: color-mix(in srgb, var(--control-bg-active), var(--text-primary) 10%);
    --sidebar-submenu-chip-bg: color-mix(in srgb, var(--glass-surface), var(--text-primary) 9%);
    --sidebar-submenu-chip-border: color-mix(in srgb, var(--glass-border), var(--text-primary) 10%);
    --sidebar-submenu-chip-hover: color-mix(in srgb, var(--glass-surface), var(--text-primary) 14%);
    position: sticky;
    top: var(--header-sticky-offset, calc(var(--header-height, 72px) + 0.7rem));
    z-index: 36;
    height: calc(100dvh - var(--header-sticky-offset, 83.2px) - 0.7rem);
    max-height: calc(100dvh - var(--header-sticky-offset, 83.2px) - 0.7rem);
    min-height: calc(100dvh - var(--header-sticky-offset, 83.2px) - 0.7rem);
    display: grid;
    grid-template-rows: 1fr auto;
    border: 1px solid #f89434;
    border-radius: calc(var(--radius-xl) - 4px);
    background: var(--sidebar-bg);
    box-shadow: none;
    padding: 0.72rem var(--sidebar-pad-x);
    overflow: hidden;
    transition: width 220ms ease, transform 220ms ease;
}

.app-sidebar.is-collapsed[b-vtchyw11v2] {
    --sidebar-pad-x: 0.45rem;
    padding-inline: var(--sidebar-pad-x);
}

.sidebar-nav[b-vtchyw11v2] {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.1rem;
}

.nav-group[b-vtchyw11v2] {
    margin-bottom: 1.05rem;
    --active-accent: var(--brand-accent);
}

.nav-group.section-general[b-vtchyw11v2] {
    --active-accent: var(--module-general);
    --module-accent: var(--module-general);
}

.nav-group.section-operacion[b-vtchyw11v2] {
    --active-accent: var(--module-operation);
    --module-accent: var(--module-operation);
}

.nav-group.section-mantenimiento[b-vtchyw11v2] {
    --active-accent: var(--module-maintenance);
    --module-accent: var(--module-maintenance);
}

.nav-group.section-analisis[b-vtchyw11v2] {
    --active-accent: var(--module-analysis);
    --module-accent: var(--module-analysis);
}

.nav-group.section-administracion[b-vtchyw11v2] {
    --active-accent: var(--module-administration);
    --module-accent: var(--module-administration);
}

.nav-group.section-hardware[b-vtchyw11v2] {
    --active-accent: var(--module-hardware);
    --module-accent: var(--module-hardware);
}

.nav-group.section-smart-andon[b-vtchyw11v2] {
    --active-accent: var(--module-smart-andon);
    --module-accent: var(--module-smart-andon);
}

/* Presentación visual uniforme por módulo. */
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)[b-vtchyw11v2]{
    margin:.15rem 0 .75rem;
    padding-bottom:.7rem;
    border-bottom:1px solid color-mix(in srgb,var(--glass-border),transparent 28%);
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .section-toggle[b-vtchyw11v2]{
    min-height:4.15rem;
    grid-template-columns:3rem minmax(0,1fr) auto;
    gap:.85rem;
    padding:.42rem .75rem;
    border-radius:0 12px 12px 0;
    font-size:1rem;
    transition:background .18s,color .18s,box-shadow .18s;
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .nav-icon-badge[b-vtchyw11v2]{
    width:2.7rem;
    height:2.7rem;
    border-radius:14px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent),#fff 12%),color-mix(in srgb,var(--module-accent),#000 18%));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 24px color-mix(in srgb,var(--module-accent),transparent 68%);
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .nav-icon-glyph[b-vtchyw11v2]{width:1.45rem!important;height:1.45rem!important}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion).is-expanded .section-toggle[b-vtchyw11v2]{
    color:color-mix(in srgb,var(--module-accent),#fff 16%);
    background:linear-gradient(90deg,color-mix(in srgb,var(--module-accent),transparent 84%),color-mix(in srgb,var(--module-accent),transparent 93%));
    box-shadow:inset 4px 0 0 var(--module-accent);
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion).is-expanded .section-caret[b-vtchyw11v2]{color:var(--module-accent)}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)>.submenu-list[b-vtchyw11v2]{
    position:relative;
    margin:.25rem 0 0 2.5rem;
    padding:.2rem 0 .15rem 1rem;
    gap:.18rem;
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)>.submenu-list[b-vtchyw11v2]::before{
    content:"";position:absolute;left:.12rem;top:.25rem;bottom:.35rem;width:1px;background:color-mix(in srgb,var(--module-accent),transparent 72%);
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)>.submenu-list>li[b-vtchyw11v2]{position:relative}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)>.submenu-list>li[b-vtchyw11v2]::before{
    content:"";position:absolute;z-index:2;left:-1.05rem;top:1.18rem;width:.48rem;height:.48rem;border-radius:50%;background:color-mix(in srgb,var(--sidebar-bg),var(--text-tertiary) 35%);box-shadow:0 0 0 2px var(--sidebar-bg);
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)>.submenu-list>li:has(a.active)[b-vtchyw11v2]::before{
    background:var(--module-accent);box-shadow:0 0 0 2px var(--sidebar-bg),0 0 12px color-mix(in srgb,var(--module-accent),transparent 30%);
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)>.submenu-list[b-vtchyw11v2]  a{
    min-height:2.65rem;
    border-radius:10px 3px 3px 10px;
    font-size:.84rem;
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)>.submenu-list[b-vtchyw11v2]  a.active{
    color:color-mix(in srgb,var(--module-accent),#fff 16%);
    box-shadow:inset 3px 0 0 var(--module-accent),inset 0 0 0 999px color-mix(in srgb,var(--module-accent),transparent 88%);
}
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)>.submenu-list[b-vtchyw11v2]  a.active .submenu-icon{color:var(--module-accent)}

.nav-group h4[b-vtchyw11v2] {
    display: none;
}

.section-toggle[b-vtchyw11v2] {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 3.25rem;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: var(--sidebar-text);
    padding: 0 0.68rem;
    text-align: left;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.section-toggle:hover[b-vtchyw11v2],
.section-toggle:focus-visible[b-vtchyw11v2] {
    background: var(--sidebar-hover-bg);
}

.section-toggle:focus-visible[b-vtchyw11v2] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.section-caret[b-vtchyw11v2] {
    color: var(--sidebar-text-subtle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.submenu-list[b-vtchyw11v2] {
    margin-top: 0.2rem;
    margin-left: 0.2rem;
}

.submenu-list li[b-vtchyw11v2] {
    display: block;
}

.submenu-list[b-vtchyw11v2]  a {
    display: grid;
    grid-template-columns: 1.05rem minmax(0, 1fr);
    align-items: center;
    gap: 0.42rem;
    min-height: 2.25rem;
    width: 100%;
    color: var(--sidebar-text-muted);
    border-radius: 3px;
    padding: 0 0.52rem;
    text-decoration: none !important;
    position: relative;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.submenu-icon[b-vtchyw11v2] {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    color: var(--sidebar-text-muted);
}

.submenu-glyph[b-vtchyw11v2] {
    color: currentColor;
}

.nested-toggle[b-vtchyw11v2] {
    display: grid;
    grid-template-columns: 1.05rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .42rem;
    width: 100%;
    min-height: 2.25rem;
    padding: 0 .52rem;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: var(--sidebar-text-muted);
    font: inherit;
    font-size: .8rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}
.nested-toggle:hover[b-vtchyw11v2],.nested-toggle:focus-visible[b-vtchyw11v2]{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}
.nested-toggle.active[b-vtchyw11v2]{color:color-mix(in srgb,var(--active-accent),#fff 18%);font-weight:700}
.nested-caret[b-vtchyw11v2]{color:var(--sidebar-text-subtle)}
.nav-group .nested-submenu-list[b-vtchyw11v2]{gap:.18rem;margin:.2rem 0 .25rem 1.45rem;padding-left:.55rem;border-left:1px solid var(--line)}
.nav-group .nested-submenu-list[b-vtchyw11v2]  a{grid-template-columns:.55rem minmax(0,1fr);min-height:1.9rem;padding:0 .45rem;font-size:.75rem}
.nested-dot[b-vtchyw11v2]{width:.3rem;height:.3rem;border-radius:50%;background:var(--sidebar-text-subtle)}
.nested-submenu-list[b-vtchyw11v2]  a.active .nested-dot{background:var(--active-accent);box-shadow:0 0 8px var(--active-accent)}

.submenu-list[b-vtchyw11v2]  a:hover,
.submenu-list[b-vtchyw11v2]  a:focus-visible {
    box-shadow: inset 0 0 0 999px var(--sidebar-hover-bg), inset 0 0 0 1px var(--sidebar-hover-border);
}

.submenu-list[b-vtchyw11v2]  a.active {
    box-shadow: inset 0 0 0 999px var(--sidebar-active-bg);
    font-weight: 700;
}

.submenu-list[b-vtchyw11v2]  a.active .submenu-icon {
    color: color-mix(in srgb, var(--brand-accent-strong), var(--text-primary) 12%);
    background: color-mix(in srgb, var(--brand-accent), var(--glass-surface) 86%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-accent), var(--glass-border) 62%);
}

.submenu-list[b-vtchyw11v2]  a.active::before {
    content: "";
    position: absolute;
    left: calc(-1 * var(--sidebar-pad-x));
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 1.1rem;
    border-radius: 999px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--active-accent), #ffffff 18%), var(--active-accent));
}

.nav-group ul[b-vtchyw11v2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.46rem;
}

.nav-group li[b-vtchyw11v2] {
    display: block;
}

.nav-group[b-vtchyw11v2]  a {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: var(--sidebar-text);
    border-radius: 3px;
    min-height: 3.25rem;
    padding: 0 0.68rem;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
    border: 0;
    position: relative;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    width: 100%;
    text-decoration: none !important;
}

.nav-icon-badge[b-vtchyw11v2] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--icon-start), var(--icon-end));
    box-shadow: 0 0 0 1px color-mix(in srgb, #fff, transparent 82%), 0 8px 16px -10px var(--icon-glow);
    color: #fff;
    flex-shrink: 0;
    justify-self: center;
}

.nav-icon-glyph[b-vtchyw11v2] {
    color: #fff;
}

.nav-group[b-vtchyw11v2]  a:hover,
.nav-group[b-vtchyw11v2]  a:focus-visible {
    background-color: transparent !important;
    color: var(--sidebar-text);
    box-shadow: inset 0 0 0 999px var(--sidebar-hover-bg), inset 0 0 0 1px var(--sidebar-hover-border);
    text-decoration: none !important;
}

.nav-group[b-vtchyw11v2]  a.active {
    background-color: transparent !important;
    color: var(--sidebar-text);
    border-color: transparent;
    font-weight: 700;
    box-shadow: inset 0 0 0 999px var(--sidebar-active-bg);
}

.nav-group[b-vtchyw11v2]  a.active:hover,
.nav-group[b-vtchyw11v2]  a.active:focus-visible {
    background-color: transparent !important;
    box-shadow: inset 0 0 0 999px var(--sidebar-active-bg-strong), inset 0 0 0 1px var(--sidebar-hover-border);
    text-decoration: none !important;
}

.nav-group[b-vtchyw11v2]  a.active::before {
    content: "";
    position: absolute;
    left: calc(-1 * var(--sidebar-pad-x));
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    height: 1.45rem;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--active-accent), #ffffff 18%), var(--active-accent));
    box-shadow: 0 0 0 1px color-mix(in srgb, #fff, transparent 86%), 0 0 14px color-mix(in srgb, var(--active-accent), transparent 50%);
}

.nav-group[b-vtchyw11v2]  a.active .item-title,
.nav-group[b-vtchyw11v2]  a.active .nav-icon-badge {
    transform: none;
}

.nav-group[b-vtchyw11v2]  a.active .item-title {
    color: color-mix(in srgb, var(--active-accent), #ffffff 18%);
}

.nav-group[b-vtchyw11v2]  a.active .nav-icon-badge {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--active-accent), #ffffff 34%), 0 10px 16px -10px color-mix(in srgb, var(--active-accent), transparent 18%), 0 0 14px color-mix(in srgb, var(--active-accent), transparent 52%);
}

.nav-group[b-vtchyw11v2]  a.active .nav-icon-glyph {
    filter: drop-shadow(0 0 4px color-mix(in srgb, var(--active-accent), transparent 45%));
}

.app-sidebar.is-collapsed .nav-group[b-vtchyw11v2]  a {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: 0;
    width: 100%;
}

.app-sidebar.is-collapsed .section-toggle[b-vtchyw11v2] {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: 0;
}

.app-sidebar.is-collapsed .section-caret[b-vtchyw11v2] {
    display: none;
}

.app-sidebar.is-collapsed .submenu-list[b-vtchyw11v2] {
    margin: 0.08rem 0 0.14rem;
}

.app-sidebar.is-collapsed .submenu-list[b-vtchyw11v2]  a {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 2.56rem;
    padding: 0;
}

.app-sidebar.is-collapsed .submenu-list .item-title[b-vtchyw11v2] {
    display: none;
}

.app-sidebar.is-collapsed .submenu-icon[b-vtchyw11v2] {
    width: 1.42rem;
    height: 1.42rem;
    border-radius: 7px;
    background: var(--sidebar-submenu-chip-bg);
    color: var(--sidebar-text);
    box-shadow: inset 0 0 0 1px var(--sidebar-submenu-chip-border);
}

.app-sidebar.is-collapsed .submenu-list[b-vtchyw11v2]  a:hover .submenu-icon,
.app-sidebar.is-collapsed .submenu-list[b-vtchyw11v2]  a:focus-visible .submenu-icon {
    background: var(--sidebar-submenu-chip-hover);
}

.app-sidebar.is-collapsed .submenu-list[b-vtchyw11v2]  a.active .submenu-icon {
    color: color-mix(in srgb, var(--brand-accent-strong), var(--text-primary) 12%);
    background: color-mix(in srgb, var(--brand-accent), var(--glass-surface) 83%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-accent), var(--glass-border) 58%);
}

.app-sidebar.is-collapsed .nav-group[b-vtchyw11v2]  a {
    min-height: 2.9rem;
}

.app-sidebar.is-collapsed .nav-group ul[b-vtchyw11v2] {
    gap: 0.22rem;
}

.app-sidebar.is-collapsed .nav-group ul[b-vtchyw11v2] {
    justify-items: stretch;
}

.app-sidebar.is-collapsed .nav-group .nav-icon-badge[b-vtchyw11v2] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 10px;
}

.app-sidebar.is-collapsed .nav-group .nav-icon-glyph[b-vtchyw11v2] {
    width: 1.2rem !important;
    height: 1.2rem !important;
}

.app-sidebar.is-collapsed .item-title[b-vtchyw11v2],
.app-sidebar.is-collapsed .sidebar-footer p[b-vtchyw11v2],
.app-sidebar.is-collapsed .sidebar-footer small[b-vtchyw11v2],
.app-sidebar.is-collapsed .collapse-btn span[b-vtchyw11v2] {
    display: none;
}

.app-sidebar.is-collapsed .nav-group[b-vtchyw11v2]  a.active .item-title,
.app-sidebar.is-collapsed .nav-group[b-vtchyw11v2]  a.active .nav-icon-badge {
    transform: none;
}

.app-sidebar.is-collapsed .nav-group[b-vtchyw11v2]  a.active::before {
    left: calc(-1 * var(--sidebar-pad-x));
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    height: 1.9rem;
    width: 4px;
}

.app-sidebar.is-collapsed .nav-group[b-vtchyw11v2]  a {
    position: relative;
}

.app-sidebar.is-collapsed .nav-group[b-vtchyw11v2]  a::after {
    content: attr(title);
    position: absolute;
    left: calc(100% + 0.5rem);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    background: var(--glass-surface);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    padding: 0.35rem 0.55rem;
    font-size: 0.78rem;
    color: var(--text-primary);
    box-shadow: var(--shadow-md);
}

.app-sidebar.is-collapsed .nav-group[b-vtchyw11v2]  a:hover::after {
    opacity: 1;
}

.sidebar-footer[b-vtchyw11v2] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 0.7rem 0.2rem 0.2rem;
    border-top: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    background: var(--sidebar-bg);
    display: grid;
    gap: 0.5rem;
}

.sidebar-footer-row[b-vtchyw11v2] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.35rem;
}

.sidebar-settings-link[b-vtchyw11v2] {
    min-height: 2.6rem;
    border-radius: 4px;
    text-decoration: none !important;
    color: var(--sidebar-text);
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0 0.55rem;
}

.sidebar-footer[b-vtchyw11v2]  a.sidebar-settings-link,
.sidebar-footer[b-vtchyw11v2]  a.sidebar-settings-link:visited,
.sidebar-footer[b-vtchyw11v2]  a.sidebar-settings-link:hover,
.sidebar-footer[b-vtchyw11v2]  a.sidebar-settings-link:focus-visible,
.sidebar-footer[b-vtchyw11v2]  a.sidebar-settings-link:active {
    text-decoration: none !important;
    color: var(--sidebar-text);
}

.sidebar-settings-link:hover[b-vtchyw11v2],
.sidebar-settings-link:focus-visible[b-vtchyw11v2] {
    background: var(--sidebar-hover-bg);
}

.sidebar-logout-link[b-vtchyw11v2] {
    border: 0;
    background: transparent;
    color: var(--sidebar-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.sidebar-logout-link:hover[b-vtchyw11v2],
.sidebar-logout-link:focus-visible[b-vtchyw11v2] {
    color: var(--danger, #ef5f72);
}

.sidebar-settings-link:focus-visible[b-vtchyw11v2] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.sidebar-collapse-btn[b-vtchyw11v2] {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent-strong), transparent 58%);
    background: color-mix(in srgb, var(--brand-accent-strong), transparent 90%);
    color: color-mix(in srgb, var(--brand-accent-strong), var(--text-primary) 24%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sidebar-collapse-btn:hover[b-vtchyw11v2],
.sidebar-collapse-btn:focus-visible[b-vtchyw11v2] {
    background: color-mix(in srgb, var(--brand-accent-strong), transparent 78%);
    transform: translateX(-2px);
}

.app-sidebar.is-collapsed .sidebar-collapse-btn:hover[b-vtchyw11v2],
.app-sidebar.is-collapsed .sidebar-collapse-btn:focus-visible[b-vtchyw11v2] {
    transform: translateX(2px);
}

.sidebar-collapse-btn:focus-visible[b-vtchyw11v2] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.app-sidebar.is-collapsed .sidebar-footer-row[b-vtchyw11v2] {
    grid-template-columns: 1fr;
    justify-items: center;
}

.app-sidebar.is-collapsed .sidebar-settings-link[b-vtchyw11v2] {
    width: 2.6rem;
    justify-content: center;
    padding: 0;
}

.app-sidebar.is-collapsed .sidebar-settings-link span[b-vtchyw11v2] {
    display: none;
}

@media (max-width: 1199px) {
    .app-sidebar[b-vtchyw11v2] {
        position: fixed;
        top: var(--header-sticky-offset, 83.2px);
        height: calc(100dvh - var(--header-sticky-offset, 83.2px));
        width: min(84vw, 320px);
        transform: translateX(calc(-100% - 2rem));
        pointer-events: none;
        border-radius: 0 1.1rem 1.1rem 0;
        border: 1px solid var(--glass-border);
    }

    .app-sidebar.is-mobile-open[b-vtchyw11v2] {
        transform: translateX(0);
        pointer-events: auto;
    }

    .sidebar-footer-row[b-vtchyw11v2] {
        grid-template-columns: 1fr auto;
    }
}

/* Ajuste final: se coloca después de las reglas base para evitar que hereden filas de 3.25rem. */
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .section-toggle[b-vtchyw11v2] {
    min-height: 3.55rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .section-toggle:focus[b-vtchyw11v2],
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .section-toggle:focus-visible[b-vtchyw11v2] {
    outline: 0;
    box-shadow: none;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion).is-expanded .section-toggle:focus[b-vtchyw11v2],
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion).is-expanded .section-toggle:focus-visible[b-vtchyw11v2] {
    background: linear-gradient(90deg,color-mix(in srgb,var(--module-accent),transparent 84%),color-mix(in srgb,var(--module-accent),transparent 93%));
    box-shadow: inset 4px 0 0 var(--module-accent);
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list[b-vtchyw11v2] {
    margin-left: 1.8rem;
    padding-left: .9rem;
    gap: .08rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list > li[b-vtchyw11v2]::before {
    left: -.95rem;
    top: 1.03rem;
    width: .4rem;
    height: .4rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list[b-vtchyw11v2]  a {
    grid-template-columns: 1.5rem minmax(0,1fr);
    min-height: 2.25rem !important;
    padding: 0 .6rem;
    gap: .55rem;
    font-size: .78rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list .submenu-icon[b-vtchyw11v2] {
    width: 1.35rem;
    height: 1.35rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list .submenu-glyph[b-vtchyw11v2] {
    width: 1.05rem !important;
    height: 1.05rem !important;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list[b-vtchyw11v2]  a.active::before {
    display: none;
}

/* Balance visual entre encabezado de módulo y sus opciones. */
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .section-toggle[b-vtchyw11v2] {
    min-height: 3.05rem;
    grid-template-columns: 2.45rem minmax(0,1fr) auto;
    gap: .72rem;
    padding-block: .3rem;
    font-size: .92rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .nav-icon-badge[b-vtchyw11v2] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 11px;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .nav-icon-glyph[b-vtchyw11v2] {
    width: 1.18rem !important;
    height: 1.18rem !important;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list[b-vtchyw11v2] {
    margin-left: 1.55rem;
    padding-left: 1rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list[b-vtchyw11v2]  a {
    grid-template-columns: 1.55rem minmax(0,1fr);
    min-height: 2.45rem !important;
    padding: 0 .68rem;
    gap: .6rem;
    font-size: .86rem;
    font-weight: 560;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list .submenu-icon[b-vtchyw11v2] {
    width: 1.45rem;
    height: 1.45rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list .submenu-glyph[b-vtchyw11v2] {
    width: 1.12rem !important;
    height: 1.12rem !important;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list > li[b-vtchyw11v2]::before {
    left: -1.02rem;
    top: 1.12rem;
    width: .42rem;
    height: .42rem;
}

/* Apple-like global overrides: neutral navigation, less heavy module ornamentation. */
.app-sidebar[b-vtchyw11v2] {
    border-right: 0;
    border-radius: calc(var(--radius-xl) - 6px);
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(18px) saturate(1.06);
    -webkit-backdrop-filter: blur(18px) saturate(1.06);
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion)[b-vtchyw11v2] {
    margin: 0.1rem 0 0.45rem;
    padding-bottom: 0.38rem;
    border-bottom: 0;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .section-toggle[b-vtchyw11v2] {
    min-height: 3.15rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--control-bg), transparent 24%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--glass-border), transparent 38%);
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion).is-expanded .section-toggle[b-vtchyw11v2] {
    background: color-mix(in srgb, var(--active-accent), transparent 86%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--active-accent), transparent 62%);
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .nav-icon-badge[b-vtchyw11v2] {
    border-radius: 12px;
    background: linear-gradient(140deg, color-mix(in srgb, var(--module-accent), #ffffff 26%), color-mix(in srgb, var(--module-accent), #0e1830 22%));
    box-shadow: 0 12px 22px -16px color-mix(in srgb, var(--module-accent), transparent 38%);
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list[b-vtchyw11v2] {
    margin-left: 0.95rem;
    padding-left: 0.35rem;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list[b-vtchyw11v2]::before,
.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list > li[b-vtchyw11v2]::before {
    display: none;
}

.app-sidebar:not(.is-collapsed) :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) > .submenu-list[b-vtchyw11v2]  a {
    min-height: 2.35rem !important;
    border-radius: 12px;
}

.app-sidebar:not(.is-collapsed) .nav-group[b-vtchyw11v2]  a.active::before {
    display: none;
}

.app-sidebar.is-collapsed :is(.section-general,.section-operacion,.section-mantenimiento,.section-analisis,.section-smart-andon,.section-hardware,.section-administracion) .nav-icon-badge[b-vtchyw11v2] {
    background: linear-gradient(145deg, color-mix(in srgb, var(--module-accent), #fff 12%), color-mix(in srgb, var(--module-accent), #000 18%));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 8px 18px color-mix(in srgb, var(--module-accent), transparent 68%);
}

/* Identidad Rassini aplicada únicamente a navegación y estados seleccionados. */
.app-sidebar[b-vtchyw11v2] {
    --navigation-blue: #58585a;
    --navigation-blue-hover: #454547;
    --navigation-orange: #f89434;
    --navigation-orange-soft: color-mix(in srgb, #f89434, transparent 85%);
}

.app-sidebar:not(.is-collapsed) .nav-group.is-expanded > .section-toggle[b-vtchyw11v2] {
    color: var(--navigation-orange);
    border: 1px solid color-mix(in srgb, var(--navigation-blue), var(--glass-border) 38%);
    background: color-mix(in srgb, var(--navigation-blue), transparent 88%);
    box-shadow: none;
}

.app-sidebar:not(.is-collapsed) .nav-group.is-expanded > .section-toggle .section-caret[b-vtchyw11v2] {
    color: var(--navigation-orange);
}

.app-sidebar:not(.is-collapsed) .nav-group > .submenu-list[b-vtchyw11v2]  a.active,
.app-sidebar:not(.is-collapsed) .nav-group > .submenu-list .nested-toggle.active[b-vtchyw11v2] {
    color: var(--navigation-orange);
    background: color-mix(in srgb, var(--navigation-blue), transparent 82%);
    box-shadow: inset 5px 0 0 var(--navigation-orange);
}

.app-sidebar:not(.is-collapsed) .nav-group > .submenu-list[b-vtchyw11v2]  a.active .submenu-icon,
.app-sidebar:not(.is-collapsed) .nav-group > .submenu-list .nested-toggle.active .submenu-icon[b-vtchyw11v2] {
    color: var(--navigation-orange) !important;
    background: transparent;
    box-shadow: none;
}

.app-sidebar:not(.is-collapsed) .nav-group > .submenu-list[b-vtchyw11v2]  a.active .item-title,
.app-sidebar:not(.is-collapsed) .nav-group > .submenu-list .nested-toggle.active .item-title[b-vtchyw11v2],
.app-sidebar:not(.is-collapsed) .nav-group > .submenu-list[b-vtchyw11v2]  a.active .submenu-glyph {
    color: var(--navigation-orange) !important;
}

.sidebar-logout-link:hover[b-vtchyw11v2],
.sidebar-logout-link:focus-visible[b-vtchyw11v2],
.sidebar-collapse-btn[b-vtchyw11v2] {
    color: var(--navigation-orange);
}

.sidebar-logout-link[b-vtchyw11v2],
.sidebar-logout-link:hover[b-vtchyw11v2],
.sidebar-logout-link:focus-visible[b-vtchyw11v2] {
    color: var(--sidebar-text);
}

.sidebar-logout-link[b-vtchyw11v2]  .app-icon {
    color: var(--navigation-orange);
}

.sidebar-collapse-btn[b-vtchyw11v2] {
    border-color: var(--navigation-orange);
    background: color-mix(in srgb, var(--navigation-orange), transparent 92%);
}

.sidebar-collapse-btn:hover[b-vtchyw11v2],
.sidebar-collapse-btn:focus-visible[b-vtchyw11v2] {
    background: color-mix(in srgb, var(--navigation-orange), transparent 82%);
}

html[data-theme="dark"] .app-sidebar[b-vtchyw11v2] {
    --sidebar-text: #f7f9ff;
    --sidebar-text-muted: rgba(247, 249, 255, .8);
    --sidebar-text-subtle: #a9bad5;
}

html[data-theme="dark"] .app-sidebar:not(.is-collapsed) .nav-group.is-expanded > .section-toggle[b-vtchyw11v2] {
    background: linear-gradient(90deg, var(--navigation-orange-soft), color-mix(in srgb, var(--navigation-blue), transparent 88%));
    border-color: color-mix(in srgb, var(--navigation-blue), #9bbcff 20%);
}

html[data-theme="dark"] .app-sidebar:not(.is-collapsed) .nav-group > .submenu-list[b-vtchyw11v2]  a.active,
html[data-theme="dark"] .app-sidebar:not(.is-collapsed) .nav-group > .submenu-list .nested-toggle.active[b-vtchyw11v2] {
    background: linear-gradient(90deg, rgba(88, 88, 90, .48), rgba(88, 88, 90, .24));
}

html[data-theme="light"] .app-sidebar[b-vtchyw11v2] {
    --sidebar-text: #29292b;
    --sidebar-text-muted: #58585a;
    --sidebar-text-subtle: #77777a;
}

html[data-theme="light"] .app-sidebar:not(.is-collapsed) .nav-group.is-expanded > .section-toggle[b-vtchyw11v2] {
    background: color-mix(in srgb, #f4f3f2, var(--navigation-orange) 7%);
    border-color: var(--navigation-blue);
}

html[data-theme="light"] .app-sidebar:not(.is-collapsed) .nav-group > .submenu-list[b-vtchyw11v2]  a.active,
html[data-theme="light"] .app-sidebar:not(.is-collapsed) .nav-group > .submenu-list .nested-toggle.active[b-vtchyw11v2] {
    background: linear-gradient(90deg, #f5f4f3, #eceae8);
}

html[data-theme="dark"] .app-sidebar[b-vtchyw11v2] {
    background: linear-gradient(180deg, rgba(31, 31, 33, .98), rgba(23, 23, 25, .97));
    border: 1px solid var(--navigation-orange);
}

html[data-theme="light"] .app-sidebar[b-vtchyw11v2] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid var(--navigation-orange);
    box-shadow: 0 16px 38px rgba(88, 88, 90, .12);
}
/* /Components/Layout/Breadcrumbs.razor.rz.scp.css */
.breadcrumbs ol[b-m558jo6vc9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.breadcrumbs li[b-m558jo6vc9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.breadcrumbs li + li[b-m558jo6vc9]::before {
    content: "/";
    color: color-mix(in srgb, var(--text-tertiary), transparent 20%);
}

.breadcrumbs a[b-m558jo6vc9] {
    color: inherit;
    text-decoration: none;
}

.breadcrumbs a:hover[b-m558jo6vc9] {
    color: var(--text-primary);
}

.breadcrumbs span[aria-current="page"][b-m558jo6vc9] {
    color: var(--text-secondary);
}

.breadcrumbs li:first-child :is(a, span)[b-m558jo6vc9] {
    color: #f89434;
    font-weight: 700;
}

.breadcrumbs li + li[b-m558jo6vc9]::before {
    color: color-mix(in srgb, #58585a, var(--text-tertiary) 38%);
    font-weight: 700;
}

html[data-theme="dark"] .breadcrumbs span[aria-current="page"][b-m558jo6vc9] {
    color: #d8e2f4;
}

html[data-theme="light"] .breadcrumbs span[aria-current="page"][b-m558jo6vc9] {
    color: #14224a;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-shell[b-nci9ynif6j] {
    --header-height: 72px;
    --header-sticky-offset: calc(var(--header-height) + 0.7rem);
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr;
    background: var(--app-bg);
    color: var(--text-primary);
}

.main-shell .app-header[b-nci9ynif6j] {
    min-width: 0;
    width: 100%;
}

.main-shell-body[b-nci9ynif6j] {
    min-height: 0;
    display: grid;
    grid-template-columns: 286px 1fr;
    gap: 0.7rem;
    padding: 0.7rem;
}

.main-shell.is-collapsed .main-shell-body[b-nci9ynif6j] {
    grid-template-columns: 86px 1fr;
}

.main-shell-content[b-nci9ynif6j] {
    min-width: 0;
    display: grid;
    grid-template-rows: 1fr;
    border-radius: calc(var(--radius-xl) - 4px);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 16%);
    background: color-mix(in srgb, var(--glass-surface), transparent 54%);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

.page-content[b-nci9ynif6j] {
    min-width: 0;
    width: 100%;
}

.page-content[b-nci9ynif6j] {
    padding: clamp(1rem, 1.2vw, 1.45rem);
    overflow: auto;
    min-width: 0;
}

.page-loading[b-nci9ynif6j] {
    padding: 1.5rem;
    display: grid;
    gap: 0.85rem;
}

.skeleton-block[b-nci9ynif6j],
.skeleton-row[b-nci9ynif6j] {
    border-radius: 14px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--glass-surface), transparent 22%), color-mix(in srgb, var(--glass-surface), transparent 5%), color-mix(in srgb, var(--glass-surface), transparent 22%));
    background-size: 200% 100%;
    animation: shimmer 1.6s linear infinite;
}

.skeleton-block[b-nci9ynif6j] {
    height: 160px;
}

.skeleton-row[b-nci9ynif6j] {
    height: 46px;
}

.skeleton-row.short[b-nci9ynif6j] {
    width: 58%;
}

.mobile-overlay[b-nci9ynif6j] {
    display: none;
}

@media (max-width: 1199px) {
    .main-shell-body[b-nci9ynif6j],
    .main-shell.is-collapsed .main-shell-body[b-nci9ynif6j] {
        grid-template-columns: 1fr;
    }

    .mobile-overlay[b-nci9ynif6j] {
        display: block;
        position: fixed;
        inset: var(--header-sticky-offset) 0 0 0;
        z-index: 30;
        border: 0;
        background: var(--scrim-bg);
    }

    .page-content[b-nci9ynif6j] {
        padding: clamp(0.9rem, 3vw, 1.25rem);
        padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
    }
}
/* /Components/Layout/MobileBottomNav.razor.rz.scp.css */
.mobile-bottom-nav[b-aldw1gvdo5] {
    display: none;
}

@media (max-width: 767px) {
    .mobile-bottom-nav[b-aldw1gvdo5] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        position: fixed;
        left: 0.65rem;
        right: 0.65rem;
        bottom: calc(0.6rem + env(safe-area-inset-bottom));
        z-index: 35;
        border: 1px solid var(--glass-border);
        background: color-mix(in srgb, var(--glass-surface), transparent 6%);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border-radius: 16px;
        box-shadow: var(--shadow-lg);
        padding: 0.35rem;
    }

    .mobile-bottom-nav a[b-aldw1gvdo5] {
        min-height: 3rem;
        text-decoration: none;
        color: var(--text-secondary);
        display: grid;
        place-items: center;
        gap: 0.2rem;
        border-radius: 12px;
        font-size: 0.68rem;
    }

    .mobile-bottom-nav a.active[b-aldw1gvdo5] {
        background: color-mix(in srgb, var(--brand-accent), transparent 72%);
        color: var(--text-primary);
    }
}
/* /Components/Layout/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-58k665bdtm] {
    width: 2.95rem;
    min-width: 2.95rem;
    height: 1.85rem;
    border-radius: 999px;
    border: 1px solid #f89434;
    background: var(--control-bg);
    padding: 0.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    cursor: pointer;
}

.theme-toggle:hover[b-58k665bdtm],
.theme-toggle:focus-visible[b-58k665bdtm] {
    background: var(--control-bg-hover);
}

.theme-toggle:focus-visible[b-58k665bdtm] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.theme-toggle .thumb[b-58k665bdtm] {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--brand-accent), white 22%);
    color: var(--on-accent);
    transform: translateX(0);
    transition: transform 150ms ease;
}

.theme-toggle:hover[b-58k665bdtm],
.theme-toggle:focus-visible[b-58k665bdtm] {
    border-color: #f89434;
}

.theme-toggle[aria-checked="false"] .thumb[b-58k665bdtm] {
    transform: translateX(calc(2.95rem - 1.45rem - 0.3rem - 2px));
}

.theme-icon[b-58k665bdtm] {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.theme-toggle[aria-checked="true"] .theme-icon-light[b-58k665bdtm],
.theme-toggle[aria-checked="false"] .theme-icon-dark[b-58k665bdtm] {
    display: inline-flex;
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.user-menu[b-2hz98aksf5] {
    position: relative;
    width: 100%;
}

.user-menu-trigger[b-2hz98aksf5] {
    border: 1px solid var(--control-border);
    background: var(--control-bg);
    color: inherit;
    border-radius: 12px;
    min-height: 2.7rem;
    width: 100%;
    padding: 0.26rem 0.45rem 0.26rem 0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
}

.user-menu-trigger:hover[b-2hz98aksf5],
.user-menu-trigger:focus-visible[b-2hz98aksf5] {
    background: var(--control-bg-hover);
    border-color: var(--control-border);
}

.user-menu-trigger:focus-visible[b-2hz98aksf5] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.avatar[b-2hz98aksf5] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand-accent), #fff 18%);
    color: var(--on-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
}

.avatar img[b-2hz98aksf5] {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    object-fit: cover;
}

.user-copy[b-2hz98aksf5] {
    display: grid;
    text-align: left;
    line-height: 1.2;
    flex: 1;
}

.user-copy strong[b-2hz98aksf5] {
    font-size: 0.82rem;
}

.user-copy small[b-2hz98aksf5] {
    font-size: 0.7rem;
    color: #2f72ff;
    font-weight: 600;
}

.user-menu-trigger[b-2hz98aksf5] {
    border-color: color-mix(in srgb, #f89434, var(--control-border) 72%);
}

.user-menu-trigger:hover[b-2hz98aksf5],
.user-menu-trigger:focus-visible[b-2hz98aksf5] {
    border-color: #f89434;
}

.user-menu-panel[b-2hz98aksf5] {
    position: absolute;
    right: 0;
    margin-top: 0.45rem;
    min-width: 220px;
    border-radius: 14px;
    border: 1px solid var(--glass-border);
    background: var(--floating-surface);
    backdrop-filter: blur(24px) saturate(1.16);
    -webkit-backdrop-filter: blur(24px) saturate(1.16);
    box-shadow: var(--shadow-lg);
    padding: 0.45rem;
    display: grid;
    gap: 0.2rem;
    z-index: 40;
    animation: fade-in-down 220ms ease;
}

.user-menu-panel a[b-2hz98aksf5],
.user-menu-panel button[b-2hz98aksf5] {
    border: 0;
    background: transparent;
    text-align: left;
    color: var(--text-secondary);
    text-decoration: none;
    min-height: 2.25rem;
    border-radius: 10px;
    padding: 0 0.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.user-menu-panel a:hover[b-2hz98aksf5],
.user-menu-panel button:hover[b-2hz98aksf5],
.user-menu-panel a:focus-visible[b-2hz98aksf5],
.user-menu-panel button:focus-visible[b-2hz98aksf5] {
    background: var(--control-bg-hover);
    color: var(--text-primary);
}

.user-menu-panel a:focus-visible[b-2hz98aksf5],
.user-menu-panel button:focus-visible[b-2hz98aksf5] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

@media (max-width: 767px) {
    .user-copy[b-2hz98aksf5] {
        display: none;
    }

    .user-menu[b-2hz98aksf5] {
        width: auto;
    }

    .user-menu-trigger[b-2hz98aksf5] {
        width: auto;
        min-width: 2.6rem;
        border-radius: 999px;
        padding-right: 0.3rem;
    }
}

@media (max-width: 1024px) {
    .user-copy[b-2hz98aksf5] {
        display: none;
    }

    .user-menu-trigger[b-2hz98aksf5] {
        min-width: 2.6rem;
        padding-right: 0.3rem;
    }
}
/* /Components/Pages/AssetStatus.razor.rz.scp.css */
.maintenance-summary[b-2xyql760nx] {
    display: grid;
    gap: 12px;
    width: 100%;
    padding: 12px;
    color: var(--text-primary);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    background: var(--glass-surface);
    box-shadow: var(--shadow-md);
}

.summary-heading[b-2xyql760nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.summary-heading h1[b-2xyql760nx] {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.08;
}

.summary-heading p[b-2xyql760nx] {
    margin: 3px 0 0;
    color: var(--text-secondary);
    font-size: .68rem;
}

.summary-action[b-2xyql760nx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 34px;
    padding: 0 13px;
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    background: var(--button-primary-bg, var(--brand-accent-strong));
    color: var(--button-primary-text, #fff);
    font: inherit;
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
}

.kpi-strip[b-2xyql760nx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.kpi-card[b-2xyql760nx],
.dashboard-card[b-2xyql760nx],
.summary-state[b-2xyql760nx] {
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    background: var(--floating-surface);
    box-shadow: var(--shadow-sm);
}

.kpi-card[b-2xyql760nx] {
    display: grid;
    grid-template-rows: auto auto auto 1fr;
    min-height: 112px;
    padding: 12px;
    overflow: hidden;
}

.kpi-head[b-2xyql760nx] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.kpi-head i[b-2xyql760nx] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    flex: 0 0 auto;
    color: currentColor;
    background: color-mix(in srgb, currentColor, transparent 84%);
    font-size: 1rem;
}

.kpi-head span[b-2xyql760nx] {
    min-width: 0;
    color: var(--text-primary);
    font-size: .63rem;
    font-weight: 800;
    line-height: 1.12;
}

.kpi-card strong[b-2xyql760nx] {
    margin-top: 8px;
    font-size: 1.7rem;
    line-height: 1;
}

.kpi-card small[b-2xyql760nx] {
    color: var(--text-secondary);
    font-size: .6rem;
}

.blue[b-2xyql760nx] { color: #2583e9; }
.green[b-2xyql760nx] { color: var(--state-online); }
.orange[b-2xyql760nx] { color: #f97316; }
.purple[b-2xyql760nx] { color: #7c3aed; }
.amber[b-2xyql760nx] { color: #f59e0b; }
.cyan[b-2xyql760nx] { color: #06b6d4; }

.maintenance-summary[b-2xyql760nx]  .apexcharts-toolbar,
.maintenance-summary[b-2xyql760nx]  .apexcharts-legend {
    display: none !important;
}

.maintenance-summary[b-2xyql760nx]  .apexcharts-menu-icon,
.maintenance-summary[b-2xyql760nx]  .apexcharts-reset-icon,
.maintenance-summary[b-2xyql760nx]  .apexcharts-pan-icon,
.maintenance-summary[b-2xyql760nx]  .apexcharts-selection-icon,
.maintenance-summary[b-2xyql760nx]  .apexcharts-zoom-icon,
.maintenance-summary[b-2xyql760nx]  .apexcharts-zoomin-icon,
.maintenance-summary[b-2xyql760nx]  .apexcharts-zoomout-icon {
    display: none !important;
}

.kpi-progress[b-2xyql760nx] {
    align-self: end;
    height: 7px;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor, transparent 86%);
    overflow: hidden;
}

.kpi-progress span[b-2xyql760nx] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: currentColor;
}

.chart-grid[b-2xyql760nx] {
    display: grid;
    gap: 10px;
}

.primary-grid[b-2xyql760nx] {
    grid-template-columns: 1.2fr 1fr 1fr;
}

.secondary-grid[b-2xyql760nx],
.table-grid[b-2xyql760nx] {
    grid-template-columns: 1fr 1fr 1.25fr;
}

.secondary-grid[b-2xyql760nx] {
    grid-template-columns: 1fr 1.25fr;
}

.table-grid[b-2xyql760nx] {
    display: none;
}

.dashboard-card[b-2xyql760nx] {
    min-width: 0;
    min-height: 230px;
    padding: 12px;
    overflow: hidden;
}

.dashboard-card h2[b-2xyql760nx] {
    margin: 0 0 8px;
    color: var(--text-primary);
    font-size: .78rem;
    line-height: 1.15;
}

.dashboard-card h2 span[b-2xyql760nx] {
    color: var(--text-secondary);
    font-weight: 600;
}

.card-title-row[b-2xyql760nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.card-title-row button[b-2xyql760nx],
.card-title-row span[b-2xyql760nx] {
    border: 0;
    background: transparent;
    color: var(--brand-accent-strong);
    font: inherit;
    font-size: .62rem;
    font-weight: 800;
    cursor: pointer;
}

.card-title-row span[b-2xyql760nx] {
    padding: 5px 8px;
    border: 1px solid var(--glass-border);
    border-radius: 7px;
    color: var(--text-secondary);
    cursor: default;
}

.donut-card[b-2xyql760nx] {
    display: grid;
    grid-template-columns: minmax(160px, .9fr) minmax(150px, 1fr);
    align-items: center;
    gap: 12px;
}

.chart-legend[b-2xyql760nx] {
    display: grid;
    gap: 9px;
    font-size: .66rem;
}

.chart-legend div[b-2xyql760nx] {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
}

.chart-legend span[b-2xyql760nx] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2583e9;
}

.chart-legend div:nth-child(2) span[b-2xyql760nx] { background: #f97316; }
.chart-legend div:nth-child(3) span[b-2xyql760nx] { background: var(--state-online); }
.chart-legend div:nth-child(4) span[b-2xyql760nx] { background: #ef4444; }
.chart-legend div:nth-child(5) span[b-2xyql760nx] { background: #7c3aed; }

.chart-legend b[b-2xyql760nx],
.chart-legend em[b-2xyql760nx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chart-legend b[b-2xyql760nx] {
    color: var(--text-primary);
}

.chart-legend em[b-2xyql760nx] {
    color: var(--text-secondary);
    font-style: normal;
}

.list-card[b-2xyql760nx] {
    min-height: 230px;
}

.order-row[b-2xyql760nx],
.activity-row[b-2xyql760nx] {
    display: grid;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    border-bottom: 1px solid var(--glass-border);
    color: var(--text-secondary);
    font-size: .62rem;
}

.order-row[b-2xyql760nx] {
    grid-template-columns: 42px minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, .7fr) auto;
}

.order-row time[b-2xyql760nx] {
    color: var(--brand-accent-strong);
    font-weight: 800;
}

.order-row span[b-2xyql760nx],
.order-row em[b-2xyql760nx],
.order-row small[b-2xyql760nx],
.activity-row span[b-2xyql760nx],
.activity-row em[b-2xyql760nx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-row span[b-2xyql760nx] {
    color: var(--text-primary);
    font-weight: 750;
}

.order-row em[b-2xyql760nx] {
    font-style: normal;
}

.order-row b[b-2xyql760nx] {
    padding: 3px 7px;
    border-radius: 999px;
    background: color-mix(in srgb, #2583e9, transparent 86%);
    color: #2583e9;
    font-size: .55rem;
}

.order-row.danger b[b-2xyql760nx] {
    background: color-mix(in srgb, var(--state-critical), transparent 86%);
    color: var(--state-critical);
}

.list-card h3[b-2xyql760nx] {
    margin: 10px 0 5px;
    font-size: .72rem;
}

.activity-row[b-2xyql760nx] {
    grid-template-columns: 40px 14px minmax(0, 1fr) minmax(0, .55fr);
}

.activity-row i.done[b-2xyql760nx] { color: var(--state-online); }
.activity-row i.active[b-2xyql760nx],
.activity-row i.scheduled[b-2xyql760nx] { color: #2583e9; }
.activity-row i.overdue[b-2xyql760nx],
.activity-row i.cancelled[b-2xyql760nx] { color: var(--state-critical); }

.indicators-card[b-2xyql760nx] {
    display: grid;
    align-content: start;
    gap: 10px;
}

.indicator-row[b-2xyql760nx] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--glass-border);
}

.indicator-row i[b-2xyql760nx] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor, transparent 86%);
    font-size: 1rem;
}

.indicator-row span[b-2xyql760nx] {
    display: block;
    color: var(--text-primary);
    font-size: .68rem;
    font-weight: 800;
}

.indicator-row small[b-2xyql760nx] {
    color: var(--text-secondary);
    font-size: .58rem;
}

.indicator-row strong[b-2xyql760nx] {
    font-size: 1.05rem;
}

.empty-data[b-2xyql760nx],
.summary-state[b-2xyql760nx] {
    display: grid;
    place-items: center;
    min-height: 145px;
    margin: 0;
    color: var(--text-tertiary);
    font-size: .68rem;
    text-align: center;
}

.empty-data.compact[b-2xyql760nx] {
    min-height: 100px;
}

@media (max-width: 1500px) {
    .kpi-strip[b-2xyql760nx] {
        grid-template-columns: repeat(3, 1fr);
    }

    .primary-grid[b-2xyql760nx],
    .secondary-grid[b-2xyql760nx] {
        grid-template-columns: 1fr 1fr;
    }

    .primary-grid > :first-child[b-2xyql760nx] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .maintenance-summary[b-2xyql760nx] {
        padding: 8px;
    }

    .summary-heading[b-2xyql760nx] {
        align-items: stretch;
        flex-direction: column;
    }

    .kpi-strip[b-2xyql760nx],
    .primary-grid[b-2xyql760nx],
    .secondary-grid[b-2xyql760nx],
    .table-grid[b-2xyql760nx],
    .donut-card[b-2xyql760nx] {
        grid-template-columns: 1fr;
    }

    .primary-grid > :first-child[b-2xyql760nx],
    .table-grid > :last-child[b-2xyql760nx] {
        grid-column: auto;
    }

    .order-row[b-2xyql760nx] {
        grid-template-columns: 42px minmax(0, 1fr) auto;
    }

    .order-row em[b-2xyql760nx],
    .order-row small[b-2xyql760nx] {
        display: none;
    }
}
/* /Components/Pages/Compressors/CompressorDashboard.razor.rz.scp.css */
.compressor-dashboard-shell[b-cmlc25y92o] {
    min-width: 0;
    overflow-x: clip;
}

.compressor-dashboard-grid[b-cmlc25y92o] {
    --dashboard-gap: 12px;
    --dashboard-shared-frame-border: color-mix(in srgb, var(--glass-border), transparent 6%);
    --dashboard-shared-frame-border-active: color-mix(in srgb, var(--brand-accent), transparent 62%);
    --dashboard-shared-frame-bg: color-mix(in srgb, var(--glass-surface), transparent 8%);
    --dashboard-shared-frame-bg-active: color-mix(in srgb, var(--glass-surface), transparent 4%);
    --dashboard-shared-frame-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 88%);
    --dashboard-shared-frame-shadow-active: inset 0 1px 0 color-mix(in srgb, #fff, transparent 82%), 0 10px 28px -24px color-mix(in srgb, var(--brand-accent), transparent 34%);
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--dashboard-gap);
    align-items: stretch;
    min-width: 0;
    max-width: 100%;
}

.compressor-dashboard-grid > .dashboard-grid-item[b-cmlc25y92o],
.compressor-dashboard-grid > :deep(.dashboard-grid-item)[b-cmlc25y92o] {
    min-width: 0;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.compressor-dashboard-grid :deep(.dashboard-shared-frame)[b-cmlc25y92o] {
    border: 1px solid var(--dashboard-shared-frame-border);
    border-radius: calc(var(--radius-xl) - 0.25rem);
    background: var(--dashboard-shared-frame-bg);
    box-shadow: var(--dashboard-shared-frame-shadow);
    padding: 0.82rem;
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.compressor-dashboard-grid :deep(.daily-summary-card:hover .dashboard-shared-frame)[b-cmlc25y92o],
.compressor-dashboard-grid :deep(.daily-summary-card:focus-within .dashboard-shared-frame)[b-cmlc25y92o],
.compressor-dashboard-grid :deep(.upcoming-maintenance-card:hover .dashboard-shared-frame)[b-cmlc25y92o],
.compressor-dashboard-grid :deep(.upcoming-maintenance-card:focus-within .dashboard-shared-frame)[b-cmlc25y92o] {
    border-color: var(--dashboard-shared-frame-border-active);
    box-shadow: var(--dashboard-shared-frame-shadow-active);
    background: var(--dashboard-shared-frame-bg-active);
}

.dashboard-span-1[b-cmlc25y92o] { grid-column: span 1; }
.dashboard-span-2[b-cmlc25y92o] { grid-column: span 2; }
.dashboard-span-3[b-cmlc25y92o] { grid-column: span 3; }
.dashboard-span-4[b-cmlc25y92o] { grid-column: span 4; }
.dashboard-span-5[b-cmlc25y92o] { grid-column: span 5; }
.dashboard-span-6[b-cmlc25y92o] { grid-column: span 6; }
.dashboard-span-7[b-cmlc25y92o] { grid-column: span 7; }
.dashboard-span-8[b-cmlc25y92o] { grid-column: span 8; }
.dashboard-span-9[b-cmlc25y92o] { grid-column: span 9; }
.dashboard-span-10[b-cmlc25y92o] { grid-column: span 10; }
.dashboard-span-11[b-cmlc25y92o] { grid-column: span 11; }
.dashboard-span-12[b-cmlc25y92o] { grid-column: span 12; }

.compressor-dashboard-grid > .dashboard-span-12[b-cmlc25y92o],
.compressor-dashboard-grid > :deep(.dashboard-span-12)[b-cmlc25y92o] {
    grid-column: 1 / -1;
}

:deep(.compressor-asset-header .dashboard-panel-body)[b-cmlc25y92o] {
    display: grid;
    align-content: space-between;
    gap: 1rem;
}

.dashboard-toolbar[b-cmlc25y92o],
.toolbar-metric-chip[b-cmlc25y92o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.toolbar-chip[b-cmlc25y92o],
.toolbar-metric-chip[b-cmlc25y92o],
.toolbar-range[b-cmlc25y92o],
.toolbar-btn[b-cmlc25y92o],
.toolbar-icon-btn[b-cmlc25y92o] {
    min-height: 2.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
}

.toolbar-chip[b-cmlc25y92o] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.9rem;
    font-size: 0.84rem;
}

.dashboard-toolbar[b-cmlc25y92o] {
    justify-content: flex-end;
}

.compressor-summary-panel[b-cmlc25y92o] {
    min-height: auto;
    gap: 0;
}

.compressor-summary-toolbar[b-cmlc25y92o] {
    justify-content: flex-start;
    align-items: stretch;
    gap: 0.7rem;
}

.toolbar-range[b-cmlc25y92o],
.toolbar-btn[b-cmlc25y92o],
.toolbar-icon-btn[b-cmlc25y92o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0 0.95rem;
    cursor: pointer;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.toolbar-ghost[b-cmlc25y92o] {
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
}

.toolbar-icon-btn[b-cmlc25y92o] {
    width: 2.5rem;
    padding: 0;
}

.toolbar-range:hover[b-cmlc25y92o],
.toolbar-range:focus-visible[b-cmlc25y92o],
.toolbar-btn:hover[b-cmlc25y92o],
.toolbar-btn:focus-visible[b-cmlc25y92o],
.toolbar-icon-btn:hover[b-cmlc25y92o],
.toolbar-icon-btn:focus-visible[b-cmlc25y92o] {
    background: color-mix(in srgb, var(--brand-accent), transparent 80%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 44%);
}

.toolbar-metric-chip[b-cmlc25y92o] {
    flex-wrap: nowrap;
    gap: 0.6rem;
    padding: 0.45rem 0.8rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 6%);
    min-width: 0;
}

.toolbar-metric-icon[b-cmlc25y92o] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: color-mix(in srgb, var(--brand-accent), var(--text-primary) 18%);
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 76%);
    flex: 0 0 auto;
}

.toolbar-metric-copy[b-cmlc25y92o] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.toolbar-metric-copy span[b-cmlc25y92o] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.toolbar-metric-copy strong[b-cmlc25y92o] {
    font-size: 0.92rem;
    line-height: 1.15;
    white-space: nowrap;
}

.kpi-grid[b-cmlc25y92o] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.compressor-dashboard-grid > .current-status-panel[b-cmlc25y92o],
.compressor-dashboard-grid > :deep(.current-status-panel)[b-cmlc25y92o],
.compressor-dashboard-grid > .operating-status-row[b-cmlc25y92o],
.compressor-dashboard-grid > :deep(.operating-status-row)[b-cmlc25y92o],
.compressor-dashboard-grid > .daily-summary-row[b-cmlc25y92o],
.compressor-dashboard-grid > :deep(.daily-summary-row)[b-cmlc25y92o],
.compressor-dashboard-grid > .upcoming-maintenance-row[b-cmlc25y92o],
.compressor-dashboard-grid > :deep(.upcoming-maintenance-row)[b-cmlc25y92o] {
    align-self: stretch;
}

@media (prefers-reduced-motion: reduce) {
    .compressor-dashboard-grid :deep(.dashboard-shared-frame)[b-cmlc25y92o],
    .dashboard-grid-item[b-cmlc25y92o],
    .toolbar-range[b-cmlc25y92o],
    .toolbar-btn[b-cmlc25y92o],
    .toolbar-icon-btn[b-cmlc25y92o] {
        transition: none;
    }
}

@media (max-width: 1439px) {
    .compressor-dashboard-grid[b-cmlc25y92o] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .dashboard-laptop-span-1[b-cmlc25y92o] { grid-column: span 1; }
    .dashboard-laptop-span-2[b-cmlc25y92o] { grid-column: span 2; }
    .dashboard-laptop-span-3[b-cmlc25y92o] { grid-column: span 3; }
    .dashboard-laptop-span-4[b-cmlc25y92o] { grid-column: span 4; }
    .dashboard-laptop-span-5[b-cmlc25y92o] { grid-column: span 5; }
    .dashboard-laptop-span-6[b-cmlc25y92o] { grid-column: span 6; }
    .dashboard-laptop-span-7[b-cmlc25y92o] { grid-column: span 7; }
    .dashboard-laptop-span-8[b-cmlc25y92o] { grid-column: span 8; }

    .kpi-grid[b-cmlc25y92o] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .compressor-summary-toolbar[b-cmlc25y92o] {
        justify-content: flex-start;
    }
}

@media (max-width: 1099px) {
    .compressor-dashboard-grid[b-cmlc25y92o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-tablet-span-1[b-cmlc25y92o] { grid-column: span 1; }
    .dashboard-tablet-span-2[b-cmlc25y92o] { grid-column: span 2; }

    .kpi-grid[b-cmlc25y92o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-toolbar[b-cmlc25y92o],
    .compressor-summary-toolbar[b-cmlc25y92o] {
        justify-content: flex-start;
    }

    .toolbar-metric-chip[b-cmlc25y92o] {
        flex: 1 1 calc(50% - 0.7rem);
    }

    .toolbar-metric-copy strong[b-cmlc25y92o] {
        white-space: normal;
    }
}

@media (max-width: 767px) {
    .toolbar-metric-chip[b-cmlc25y92o] {
        width: 100%;
        flex: 1 1 100%;
    }

    .toolbar-metric-copy strong[b-cmlc25y92o] {
        white-space: normal;
    }
}

@media (max-width: 767px) {
    .compressor-dashboard-grid[b-cmlc25y92o] {
        grid-template-columns: 1fr;
    }

    .compressor-dashboard-grid > .dashboard-grid-item[b-cmlc25y92o],
    .compressor-dashboard-grid > :deep(.dashboard-grid-item)[b-cmlc25y92o],
    .compressor-dashboard-grid > .dashboard-span-12[b-cmlc25y92o],
    .compressor-dashboard-grid > :deep(.dashboard-span-12)[b-cmlc25y92o] {
        grid-column: 1 / -1;
    }

    .dashboard-mobile-span-1[b-cmlc25y92o] { grid-column: 1 / -1; }

    .kpi-grid[b-cmlc25y92o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-toolbar[b-cmlc25y92o] {
        width: 100%;
    }

    .toolbar-btn span[b-cmlc25y92o] {
        white-space: nowrap;
    }
}

@media (max-width: 479px) {
    .kpi-grid[b-cmlc25y92o] {
        grid-template-columns: 1fr;
    }

    .toolbar-btn[b-cmlc25y92o],
    .toolbar-range[b-cmlc25y92o],
    .toolbar-chip[b-cmlc25y92o] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Compressors/CompressorHistorical.razor.rz.scp.css */
.onlive-page[b-719rh8gcq2] {
    min-width: 0;
}

.onlive-page :deep(.glass-panel-content)[b-719rh8gcq2] {
    display: grid;
    gap: 1rem;
}

.onlive-header[b-719rh8gcq2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.onlive-header-copy h2[b-719rh8gcq2] {
    margin: 0;
    font-size: clamp(1.1rem, 1vw + 0.95rem, 1.55rem);
}

.onlive-header-copy p[b-719rh8gcq2] {
    margin: 0.45rem 0 0;
    color: var(--text-secondary);
    max-width: 72ch;
}

.onlive-header-actions[b-719rh8gcq2] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.onlive-link[b-719rh8gcq2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 24%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: var(--text-primary);
    text-decoration: none;
    padding: 0 0.95rem;
}

.onlive-workspace-shell[b-719rh8gcq2] {
    min-width: 0;
}

.historical-range-bar[b-719rh8gcq2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.historical-range-bar label[b-719rh8gcq2] {
    display: grid;
    gap: 0.24rem;
}

.historical-range-bar label span[b-719rh8gcq2] {
    color: var(--text-secondary);
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.historical-range-bar input[b-719rh8gcq2] {
    min-height: 2.5rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 18%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
    padding: 0 0.6rem;
}

.historical-range-actions[b-719rh8gcq2] {
    grid-column: 1 / -1;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.range-btn[b-719rh8gcq2] {
    min-height: 2.35rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 16%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
}

.range-btn-primary[b-719rh8gcq2] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 24%);
    background: color-mix(in srgb, var(--brand-accent), transparent 78%);
}

@media (max-width: 767px) {
    .onlive-header[b-719rh8gcq2] {
        flex-direction: column;
    }

    .historical-range-bar[b-719rh8gcq2] {
        grid-template-columns: 1fr;
    }

    .onlive-header-actions[b-719rh8gcq2],
    .onlive-link[b-719rh8gcq2],
    .historical-range-actions[b-719rh8gcq2],
    .range-btn[b-719rh8gcq2] {
        width: 100%;
    }
}
/* /Components/Pages/Compressors/CompressorOnlive.razor.rz.scp.css */
.onlive-page[b-euf9qgo0tz] {
    min-width: 0;
}

.onlive-page :deep(.glass-panel-content)[b-euf9qgo0tz] {
    display: grid;
    gap: 1rem;
}

.onlive-header[b-euf9qgo0tz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.onlive-header-copy h2[b-euf9qgo0tz] {
    margin: 0;
    font-size: clamp(1.1rem, 1vw + 0.95rem, 1.55rem);
}

.onlive-header-copy p[b-euf9qgo0tz] {
    margin: 0.45rem 0 0;
    color: var(--text-secondary);
    max-width: 72ch;
}

.onlive-link[b-euf9qgo0tz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 24%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: var(--text-primary);
    text-decoration: none;
    padding: 0 0.95rem;
    transition: background 180ms ease, border-color 180ms ease;
}

.onlive-link:hover[b-euf9qgo0tz],
.onlive-link:focus-visible[b-euf9qgo0tz] {
    background: color-mix(in srgb, var(--brand-accent), transparent 76%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 12%);
}

.onlive-workspace-shell[b-euf9qgo0tz] {
    min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
    .onlive-link[b-euf9qgo0tz] {
        transition: none;
    }
}

@media (max-width: 1099px) {
    .onlive-header-copy p[b-euf9qgo0tz] {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .onlive-header[b-euf9qgo0tz] {
        flex-direction: column;
    }

    .onlive-link[b-euf9qgo0tz] {
        width: 100%;
    }
}
/* /Components/Pages/Extruders/ExtruderDashboard.razor.rz.scp.css */
.extruder-dashboard-shell[b-pm3hre4t7f] {
    min-width: 0;
    overflow-x: clip;
}

.extruder-dashboard-grid[b-pm3hre4t7f] {
    --dashboard-gap: 12px;
    --dashboard-shared-frame-border: color-mix(in srgb, var(--glass-border), transparent 6%);
    --dashboard-shared-frame-border-active: color-mix(in srgb, var(--brand-accent), transparent 62%);
    --dashboard-shared-frame-bg: color-mix(in srgb, var(--glass-surface), transparent 8%);
    --dashboard-shared-frame-bg-active: color-mix(in srgb, var(--glass-surface), transparent 4%);
    --dashboard-shared-frame-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 88%);
    --dashboard-shared-frame-shadow-active: inset 0 1px 0 color-mix(in srgb, #fff, transparent 82%), 0 10px 28px -24px color-mix(in srgb, var(--brand-accent), transparent 34%);
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--dashboard-gap);
    align-items: stretch;
    min-width: 0;
    max-width: 100%;
}

.extruder-dashboard-grid > .dashboard-grid-item[b-pm3hre4t7f],
.extruder-dashboard-grid > :deep(.dashboard-grid-item)[b-pm3hre4t7f] {
    min-width: 0;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.extruder-dashboard-grid :deep(.dashboard-shared-frame)[b-pm3hre4t7f] {
    border: 1px solid var(--dashboard-shared-frame-border);
    border-radius: calc(var(--radius-xl) - 0.25rem);
    background: var(--dashboard-shared-frame-bg);
    box-shadow: var(--dashboard-shared-frame-shadow);
    padding: 0.82rem;
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.extruder-dashboard-grid :deep(.daily-summary-card:hover .dashboard-shared-frame)[b-pm3hre4t7f],
.extruder-dashboard-grid :deep(.daily-summary-card:focus-within .dashboard-shared-frame)[b-pm3hre4t7f],
.extruder-dashboard-grid :deep(.upcoming-maintenance-card:hover .dashboard-shared-frame)[b-pm3hre4t7f],
.extruder-dashboard-grid :deep(.upcoming-maintenance-card:focus-within .dashboard-shared-frame)[b-pm3hre4t7f] {
    border-color: var(--dashboard-shared-frame-border-active);
    box-shadow: var(--dashboard-shared-frame-shadow-active);
    background: var(--dashboard-shared-frame-bg-active);
}

.dashboard-grid-item[b-pm3hre4t7f] {
    min-width: 0;
}

.dashboard-span-12[b-pm3hre4t7f] {
    grid-column: 1 / -1;
}

.dashboard-span-8[b-pm3hre4t7f] { grid-column: span 8; }
.dashboard-span-7[b-pm3hre4t7f] { grid-column: span 7; }
.dashboard-span-5[b-pm3hre4t7f] { grid-column: span 5; }
.dashboard-span-4[b-pm3hre4t7f] { grid-column: span 4; }

.extruder-summary-panel[b-pm3hre4t7f] {
    min-height: auto;
}

:deep(.extruder-asset-header .dashboard-panel-body)[b-pm3hre4t7f] {
    display: grid;
    align-content: space-between;
    gap: 1rem;
}

.dashboard-toolbar[b-pm3hre4t7f],
.toolbar-metric-chip[b-pm3hre4t7f],
.toolbar-state-chip[b-pm3hre4t7f],
.toolbar-period-switch[b-pm3hre4t7f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.extruder-summary-toolbar[b-pm3hre4t7f] {
    justify-content: flex-start;
}

.toolbar-chip[b-pm3hre4t7f],
.toolbar-btn[b-pm3hre4t7f],
.toolbar-metric-chip[b-pm3hre4t7f],
.toolbar-state-chip[b-pm3hre4t7f],
.toolbar-live-link[b-pm3hre4t7f],
.toolbar-range[b-pm3hre4t7f],
.toolbar-icon-btn[b-pm3hre4t7f] {
    min-height: 2.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
}

.heading-chip[b-pm3hre4t7f] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.45rem 0.8rem;
}

.heading-chip strong[b-pm3hre4t7f] {
    font-size: 0.92rem;
}

.heading-chip span[b-pm3hre4t7f],
.toolbar-state-chip span[b-pm3hre4t7f] {
    color: var(--text-secondary);
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.toolbar-chip[b-pm3hre4t7f] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.9rem;
    font-size: 0.84rem;
}

.date-chip[b-pm3hre4t7f] {
    gap: 0.45rem;
    padding: 0.35rem 0.75rem;
}

.date-chip input[b-pm3hre4t7f] {
    border: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
}

.toolbar-metric-chip[b-pm3hre4t7f] {
    flex-wrap: nowrap;
    gap: 0.6rem;
    padding: 0.45rem 0.8rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 6%);
    min-width: 0;
}

.toolbar-metric-icon[b-pm3hre4t7f] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: color-mix(in srgb, var(--brand-accent), var(--text-primary) 18%);
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 74%);
    flex: 0 0 auto;
}

.toolbar-metric-copy[b-pm3hre4t7f] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.toolbar-metric-copy span[b-pm3hre4t7f] {
    color: var(--text-secondary);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.toolbar-metric-copy strong[b-pm3hre4t7f] {
    font-size: 0.92rem;
    line-height: 1.15;
    white-space: nowrap;
}

.toolbar-period-switch[b-pm3hre4t7f] {
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    padding: 0.26rem;
}

.toolbar-btn[b-pm3hre4t7f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 0.9rem;
    cursor: pointer;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.toolbar-btn:hover[b-pm3hre4t7f],
.toolbar-btn:focus-visible[b-pm3hre4t7f],
.toolbar-live-link:hover[b-pm3hre4t7f],
.toolbar-live-link:focus-visible[b-pm3hre4t7f] {
    background: color-mix(in srgb, var(--brand-accent), transparent 80%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 44%);
}

.toolbar-period[b-pm3hre4t7f] {
    min-height: 2.05rem;
    border: 0;
    background: transparent;
}

.toolbar-period.is-active[b-pm3hre4t7f] {
    background: color-mix(in srgb, var(--brand-accent), transparent 78%);
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 36%);
}

.toolbar-live-link[b-pm3hre4t7f] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    gap: 0.4rem;
    padding: 0 0.85rem;
}

.toolbar-state-chip[b-pm3hre4t7f] {
    padding: 0.3rem 0.75rem;
    align-items: center;
}

.toolbar-state-chip strong[b-pm3hre4t7f] {
    line-height: 1.1;
    font-size: 0.9rem;
}

.toolbar-state-chip.is-normal[b-pm3hre4t7f] { color: #2f9d65; }
.toolbar-state-chip.is-attention[b-pm3hre4t7f] { color: #c28b22; }
.toolbar-state-chip.is-critical[b-pm3hre4t7f] { color: #d15454; }
.toolbar-state-chip.is-stopped[b-pm3hre4t7f] { color: var(--text-secondary); }
.toolbar-state-chip.is-nocommunication[b-pm3hre4t7f] { color: #6f7382; }

.is-connected[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, #2f9d65, transparent 68%);
}

.is-disconnected[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, #d15454, transparent 64%);
}

.kpi-grid[b-pm3hre4t7f] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.kpi-grid :deep(.kpi-card--apple-glass)[b-pm3hre4t7f] {
    --kpi-icon-bg: color-mix(in srgb, #ffffff, transparent 74%);
    --kpi-chart-line: color-mix(in srgb, var(--kpi-accent), #ffffff 10%);
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, #ffffff, transparent 68%);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, color-mix(in srgb, #ffffff, transparent 74%), color-mix(in srgb, #ffffff, transparent 88%)),
        linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 2%), color-mix(in srgb, var(--glass-surface), transparent 18%));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff, transparent 36%),
        inset 0 -1px 0 color-mix(in srgb, #ffffff, transparent 90%),
        0 18px 40px -30px color-mix(in srgb, #0f172a, transparent 40%);
    backdrop-filter: blur(16px) saturate(128%);
    -webkit-backdrop-filter: blur(16px) saturate(128%);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.kpi-grid :deep(.kpi-card--apple-glass.kpi-card--operational-state)[b-pm3hre4t7f] {
    --kpi-accent: #4f7cff;
    --kpi-accent-soft: #8ea8ff;
}

.kpi-grid :deep(.kpi-card--apple-glass.kpi-card--current)[b-pm3hre4t7f] {
    --kpi-accent: #2ea66d;
    --kpi-accent-soft: #72d4a1;
}

.kpi-grid :deep(.kpi-card--apple-glass.kpi-card--x-rms)[b-pm3hre4t7f] {
    --kpi-accent: #1da7c9;
    --kpi-accent-soft: #76d6ea;
}

.kpi-grid :deep(.kpi-card--apple-glass.kpi-card--z-rms)[b-pm3hre4t7f] {
    --kpi-accent: #5b83f5;
    --kpi-accent-soft: #9fb7ff;
}

.kpi-grid :deep(.kpi-card--apple-glass.kpi-card--temperature)[b-pm3hre4t7f] {
    --kpi-accent: #d97828;
    --kpi-accent-soft: #f1ae69;
}

.kpi-grid :deep(.kpi-card--apple-glass.kpi-card--effort-index)[b-pm3hre4t7f] {
    --kpi-accent: #8a63e8;
    --kpi-accent-soft: #baa0ff;
}

.kpi-grid :deep(.kpi-card--apple-glass::after)[b-pm3hre4t7f] {
    content: "";
    position: absolute;
    inset: -24% -70% -24% auto;
    width: 58%;
    pointer-events: none;
    transform: translateX(130%) rotate(20deg);
    background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, #ffffff, transparent 72%) 48%, transparent 100%);
    opacity: 0;
}

.kpi-grid :deep(.kpi-card--apple-glass:hover)[b-pm3hre4t7f],
.kpi-grid :deep(.kpi-card--apple-glass:focus-within)[b-pm3hre4t7f] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, #ffffff, transparent 54%);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff, transparent 22%),
        inset 0 -1px 0 color-mix(in srgb, #ffffff, transparent 84%),
        0 24px 48px -34px color-mix(in srgb, #0f172a, transparent 34%);
}

.kpi-grid :deep(.kpi-card--apple-glass:hover::after)[b-pm3hre4t7f],
.kpi-grid :deep(.kpi-card--apple-glass:focus-within::after)[b-pm3hre4t7f] {
    opacity: 1;
    animation: kpi-apple-sheen-b-pm3hre4t7f 1300ms ease-out;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__title)[b-pm3hre4t7f] {
    color: color-mix(in srgb, var(--text-secondary), #475569 30%);
    letter-spacing: 0.095em;
    font-size: 0.7rem;
    font-weight: 760;
    line-height: 1.15;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__value)[b-pm3hre4t7f] {
    letter-spacing: -0.02em;
    font-weight: 760;
    font-size: clamp(1.62rem, 1.15vw + 1.18rem, 2.15rem);
    text-shadow: 0 1px 0 color-mix(in srgb, #ffffff, transparent 48%);
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__header)[b-pm3hre4t7f] {
    margin-bottom: 0.18rem;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__value-row)[b-pm3hre4t7f] {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    gap: 0.38rem;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__unit)[b-pm3hre4t7f] {
    font-weight: 620;
    color: color-mix(in srgb, var(--text-secondary), #94a3b8 18%);
    font-size: 0.82rem;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__subtitle)[b-pm3hre4t7f] {
    margin: 0;
    min-height: auto;
    font-size: 0.77rem;
    color: color-mix(in srgb, var(--text-secondary), #64748b 24%);
    line-height: 1.3;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__visual)[b-pm3hre4t7f] {
    display: grid;
    align-items: end;
    min-height: 1.32rem;
    margin-top: 0.2rem;
    opacity: 0.94;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-icon-badge)[b-pm3hre4t7f] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.82rem;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-sparkline)[b-pm3hre4t7f] {
    height: 1.08rem;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-sparkline-line)[b-pm3hre4t7f] {
    stroke-width: 1.65;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-progress-shell)[b-pm3hre4t7f] {
    gap: 0.2rem;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-progress-track)[b-pm3hre4t7f] {
    min-height: 0.4rem;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-progress-labels)[b-pm3hre4t7f] {
    font-size: 0.64rem;
    gap: 0.3rem;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-bars)[b-pm3hre4t7f] {
    gap: 0.28rem;
    min-height: 1.2rem;
    align-items: end;
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-bars__bar)[b-pm3hre4t7f] {
    min-height: 0.44rem;
    border-radius: 0.58rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, #ffffff, var(--kpi-accent) 54%), color-mix(in srgb, var(--kpi-accent-soft), transparent 16%));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff, transparent 42%),
        0 0 0 1px color-mix(in srgb, var(--kpi-accent), transparent 78%);
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__footer)[b-pm3hre4t7f] {
    margin-top: 0.35rem;
    padding-top: 0.5rem;
    border-top: 1px solid color-mix(in srgb, #ffffff, transparent 70%);
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__footer-label)[b-pm3hre4t7f] {
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    color: color-mix(in srgb, var(--text-secondary), #64748b 30%);
}

.kpi-grid :deep(.kpi-card--apple-glass .kpi-card__footer-value)[b-pm3hre4t7f] {
    font-size: 0.82rem;
    font-weight: 700;
}

@keyframes kpi-apple-sheen-b-pm3hre4t7f {
    0% {
        transform: translateX(130%) rotate(20deg);
    }
    100% {
        transform: translateX(-190%) rotate(20deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .kpi-grid :deep(.kpi-card--apple-glass:hover::after)[b-pm3hre4t7f],
    .kpi-grid :deep(.kpi-card--apple-glass:focus-within::after)[b-pm3hre4t7f] {
        animation: none;
    }
}

.extruder-state-box[b-pm3hre4t7f] {
    min-height: 210px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 8%);
    border-radius: calc(var(--radius-xl) - 0.2rem);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    padding: 1rem;
    display: grid;
    align-content: center;
    gap: 0.45rem;
}

.extruder-state-box h3[b-pm3hre4t7f] {
    margin: 0;
    font-size: 1rem;
}

.extruder-state-box p[b-pm3hre4t7f] {
    margin: 0;
    color: var(--text-secondary);
}

.extruder-empty-date-tools[b-pm3hre4t7f] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    margin-top: 0.35rem;
}

.extruder-empty-date-tools label[b-pm3hre4t7f] {
    color: var(--text-secondary);
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.extruder-empty-date-tools input[b-pm3hre4t7f] {
    min-height: 2.15rem;
    border-radius: 0.65rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
    padding: 0 0.55rem;
}

.extruder-baselines-grid[b-pm3hre4t7f] {
    margin-top: 0.65rem;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.baseline-chip[b-pm3hre4t7f] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    border-radius: 0.72rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 9%);
    padding: 0.45rem 0.6rem;
    display: grid;
    gap: 0.1rem;
}

.baseline-chip span[b-pm3hre4t7f] {
    color: var(--text-secondary);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.baseline-chip strong[b-pm3hre4t7f] {
    font-size: 0.88rem;
}

.extruder-dashboard-grid > .operating-status-row[b-pm3hre4t7f],
.extruder-dashboard-grid > :deep(.operating-status-row)[b-pm3hre4t7f],
.extruder-dashboard-grid > .daily-summary-row[b-pm3hre4t7f],
.extruder-dashboard-grid > :deep(.daily-summary-row)[b-pm3hre4t7f],
.extruder-dashboard-grid > .upcoming-maintenance-row[b-pm3hre4t7f],
.extruder-dashboard-grid > :deep(.upcoming-maintenance-row)[b-pm3hre4t7f] {
    align-self: stretch;
}

.extruder-operational-card :deep(.dashboard-panel-body)[b-pm3hre4t7f] {
    display: grid;
    gap: 0.85rem;
}

.extruder-operational-card[b-pm3hre4t7f] {
    --operating-stable: #33ba6f;
    --operating-highload: #d8a338;
    --operating-noload: #4d96e9;
    --operating-vibrationanomaly: #e98b3b;
    --operating-criticaloverload: #df5a5a;
    --operating-stopped: #7f8794;
    --operating-nocommunication: #636a78;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    border-radius: calc(var(--radius-xl) - 0.15rem);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 2%), color-mix(in srgb, var(--glass-surface), transparent 14%)),
        radial-gradient(circle at top right, color-mix(in srgb, var(--brand-accent), transparent 92%), transparent 42%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 80%), 0 18px 40px -32px color-mix(in srgb, #000, transparent 28%);
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.extruder-operational-card:hover[b-pm3hre4t7f],
.extruder-operational-card:focus-within[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 48%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 76%), 0 20px 44px -34px color-mix(in srgb, var(--brand-accent), transparent 42%);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 0%), color-mix(in srgb, var(--glass-surface), transparent 12%)),
        radial-gradient(circle at top right, color-mix(in srgb, var(--brand-accent), transparent 88%), transparent 44%);
}

.operational-section-frame[b-pm3hre4t7f] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 6%);
    border-radius: calc(var(--radius-xl) - 0.25rem);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 88%);
    padding: 0.85rem;
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.extruder-operational-card:hover .operational-section-frame[b-pm3hre4t7f],
.extruder-operational-card:focus-within .operational-section-frame[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 62%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 82%), 0 10px 28px -24px color-mix(in srgb, var(--brand-accent), transparent 34%);
    background: color-mix(in srgb, var(--glass-surface), transparent 4%);
}

.operational-layout[b-pm3hre4t7f] {
    display: grid;
    gap: 0.95rem;
}

.operational-track[b-pm3hre4t7f] {
    display: flex;
    align-items: stretch;
    min-height: 1.45rem;
    height: clamp(1.45rem, 2vw, 1.7rem);
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    background: color-mix(in srgb, var(--glass-surface), transparent 12%);
}

.operational-segment[b-pm3hre4t7f] {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0.22rem;
    cursor: pointer;
    border-top: 1px solid color-mix(in srgb, #fff, transparent 86%);
    border-bottom: 1px solid color-mix(in srgb, #000, transparent 92%);
    transition: filter 180ms ease, transform 180ms ease;
}

.operational-segment + .operational-segment[b-pm3hre4t7f] {
    box-shadow: inset 1px 0 0 color-mix(in srgb, #fff, transparent 88%);
}

.operational-segment:hover[b-pm3hre4t7f],
.operational-segment:focus-visible[b-pm3hre4t7f],
.operational-segment.is-active[b-pm3hre4t7f] {
    filter: brightness(1.05);
}

.operational-segment:focus-visible[b-pm3hre4t7f] {
    outline: 2px solid var(--focus-ring);
    outline-offset: -2px;
    z-index: 2;
}

.no-com-pattern[b-pm3hre4t7f] {
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(135deg, transparent 0, transparent 4px, rgba(255, 255, 255, 0.28) 4px, rgba(255, 255, 255, 0.28) 6px);
}

.operational-segment.state-stableproduction[b-pm3hre4t7f] { --segment-color: var(--operating-stable); }
.operational-segment.state-highload[b-pm3hre4t7f] { --segment-color: var(--operating-highload); }
.operational-segment.state-noload[b-pm3hre4t7f] { --segment-color: var(--operating-noload); }
.operational-segment.state-vibrationanomaly[b-pm3hre4t7f] { --segment-color: var(--operating-vibrationanomaly); }
.operational-segment.state-criticaloverload[b-pm3hre4t7f] { --segment-color: var(--operating-criticaloverload); }
.operational-segment.state-stopped[b-pm3hre4t7f] { --segment-color: var(--operating-stopped); }
.operational-segment.state-nocommunication[b-pm3hre4t7f] { --segment-color: var(--operating-nocommunication); }

.operational-segment.state-stableproduction[b-pm3hre4t7f],
.operational-segment.state-highload[b-pm3hre4t7f],
.operational-segment.state-noload[b-pm3hre4t7f],
.operational-segment.state-vibrationanomaly[b-pm3hre4t7f],
.operational-segment.state-criticaloverload[b-pm3hre4t7f],
.operational-segment.state-stopped[b-pm3hre4t7f],
.operational-segment.state-nocommunication[b-pm3hre4t7f] {
    background-color: color-mix(in srgb, var(--glass-surface), transparent 12%);
    background-image: none;
}

.operational-legend .legend-item.state-stableproduction[b-pm3hre4t7f],
.operational-legend .legend-item.state-highload[b-pm3hre4t7f],
.operational-legend .legend-item.state-noload[b-pm3hre4t7f],
.operational-legend .legend-item.state-vibrationanomaly[b-pm3hre4t7f],
.operational-legend .legend-item.state-criticaloverload[b-pm3hre4t7f],
.operational-legend .legend-item.state-stopped[b-pm3hre4t7f],
.operational-legend .legend-item.state-nocommunication[b-pm3hre4t7f] {
    color: var(--text-primary);
    border-color: color-mix(in srgb, var(--glass-border), transparent 14%);
}

.legend-item.state-stableproduction[b-pm3hre4t7f],
.legend-item.state-highload[b-pm3hre4t7f],
.legend-item.state-noload[b-pm3hre4t7f],
.legend-item.state-vibrationanomaly[b-pm3hre4t7f],
.legend-item.state-criticaloverload[b-pm3hre4t7f],
.legend-item.state-stopped[b-pm3hre4t7f],
.legend-item.state-nocommunication[b-pm3hre4t7f] {
    --segment-color: var(--text-secondary);
}

.operational-scale[b-pm3hre4t7f] {
    display: flex;
    justify-content: space-between;
    color: var(--text-secondary);
    font-size: 0.78rem;
}

.segment-detail[b-pm3hre4t7f] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 8%);
    border-radius: calc(var(--radius-xl) - 0.25rem);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    padding: 0.75rem;
    display: grid;
    gap: 0.45rem;
}

.segment-detail header[b-pm3hre4t7f] {
    display: grid;
    gap: 0.16rem;
}

.segment-detail header span[b-pm3hre4t7f] {
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.segment-detail-grid[b-pm3hre4t7f] {
    display: grid;
    gap: 0.3rem;
    font-size: 0.84rem;
}

.operational-legend[b-pm3hre4t7f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.legend-item[b-pm3hre4t7f] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    font-size: 0.76rem;
}

.event-card[b-pm3hre4t7f],
.daily-summary-metric-item[b-pm3hre4t7f],
.condition-item[b-pm3hre4t7f],
.effort-range-item[b-pm3hre4t7f],
.factor-row[b-pm3hre4t7f],
.segment-detail[b-pm3hre4t7f],
.legend-item[b-pm3hre4t7f],
.maintenance-order-button[b-pm3hre4t7f],
.table-action[b-pm3hre4t7f],
.events-filters select[b-pm3hre4t7f] {
    background: var(--segment-color, currentColor);
    color: var(--segment-color, currentColor);
}

.event-card:hover[b-pm3hre4t7f],
.event-card:focus-within[b-pm3hre4t7f],
.condition-item:hover[b-pm3hre4t7f],
.condition-item:focus-within[b-pm3hre4t7f],
.effort-range-item:hover[b-pm3hre4t7f],
.factor-row:hover[b-pm3hre4t7f],
.daily-summary-metric-item:hover[b-pm3hre4t7f],
.legend-item:hover[b-pm3hre4t7f],
.events-filters select:hover[b-pm3hre4t7f],
.events-filters select:focus-visible[b-pm3hre4t7f],
.table-action:hover[b-pm3hre4t7f],
.table-action:focus-visible[b-pm3hre4t7f],
.maintenance-order-button:hover[b-pm3hre4t7f],
.maintenance-order-button:focus-visible[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 50%);
    box-shadow: 0 10px 24px -22px color-mix(in srgb, var(--brand-accent), transparent 30%);
}

.table-action:hover[b-pm3hre4t7f],
.table-action:focus-visible[b-pm3hre4t7f],
.maintenance-order-button:hover[b-pm3hre4t7f],
.maintenance-order-button:focus-visible[b-pm3hre4t7f] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--brand-accent), transparent 78%);
}

.events-table tbody tr[b-pm3hre4t7f] {
    transition: background 160ms ease;
}

.events-table tbody tr:hover[b-pm3hre4t7f] {
    background: color-mix(in srgb, var(--brand-accent), transparent 92%);
}

.event-card:hover .severity-badge[b-pm3hre4t7f],
.event-card:focus-within .severity-badge[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, currentColor, transparent 48%);
}

.legend-chip[b-pm3hre4t7f] {
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: currentColor;
}

.effort-analysis-grid[b-pm3hre4t7f] {
    display: grid;
    gap: 0.7rem;
}

.effort-gauge[b-pm3hre4t7f] {
    width: min(250px, 100%);
    min-height: 250px;
    margin: 0 auto;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.35rem;
}

.effort-gauge-apex[b-pm3hre4t7f] {
    --effort-tone: #2fbf73;
    padding-top: 0.25rem;
}

.effort-gauge-apex.is-warning[b-pm3hre4t7f] {
    --effort-tone: #d49b2b;
}

.effort-gauge-apex.is-critical[b-pm3hre4t7f] {
    --effort-tone: #de5f5f;
}

.effort-gauge-apex :deep(.apexcharts-canvas)[b-pm3hre4t7f],
.effort-gauge-apex :deep(svg)[b-pm3hre4t7f] {
    max-width: 250px;
}

.effort-gauge-apex :deep(.apexcharts-radialbar-track.apexcharts-tracks path)[b-pm3hre4t7f] {
    opacity: 0.24;
    stroke: color-mix(in srgb, var(--effort-tone), transparent 72%) !important;
}

.effort-gauge-apex :deep(.apexcharts-radialbar-area path)[b-pm3hre4t7f] {
    stroke: var(--effort-tone) !important;
}

.effort-gauge-apex :deep(.apexcharts-datalabel-value)[b-pm3hre4t7f] {
    font-size: 2.05rem !important;
    font-weight: 700 !important;
    fill: var(--effort-tone) !important;
}

.effort-gauge-apex :deep(.apexcharts-datalabel-label)[b-pm3hre4t7f] {
    font-size: 0.78rem !important;
    letter-spacing: 0.03em;
    fill: var(--text-secondary) !important;
}

.effort-gauge-caption[b-pm3hre4t7f] {
    margin-top: -0.1rem;
    display: grid;
    text-align: center;
    gap: 0.1rem;
}

.effort-gauge-caption strong[b-pm3hre4t7f] {
    font-size: 1.05rem;
    line-height: 1.1;
    color: var(--effort-tone);
}

.effort-gauge-caption small[b-pm3hre4t7f] {
    color: var(--text-secondary);
}

.effort-metrics[b-pm3hre4t7f],
.effort-ranges[b-pm3hre4t7f],
.effort-factors[b-pm3hre4t7f] {
    display: grid;
    gap: 0.35rem;
}

.effort-ranges[b-pm3hre4t7f] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.effort-range-item[b-pm3hre4t7f] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    border-radius: 0.7rem;
    padding: 0.45rem 0.55rem;
    display: grid;
    gap: 0.15rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
}

.factor-row[b-pm3hre4t7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    border-radius: 0.65rem;
    padding: 0.4rem 0.55rem;
}

.effort-factors .factor-row[b-pm3hre4t7f] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--floating-surface), var(--glass-surface) 12%);
}

.effort-factors .factor-row span[b-pm3hre4t7f] {
    color: var(--text-primary);
}

.effort-factors .factor-row strong[b-pm3hre4t7f] {
    font-weight: 700;
}

.effort-factors .factor-row.is-info[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, #3f89d5, transparent 58%);
    background: color-mix(in srgb, #3f89d5, transparent 90%);
}

.effort-factors .factor-row.is-info strong[b-pm3hre4t7f] {
    color: #2d70ba;
}

.effort-factors .factor-row.is-warning[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, #cf9428, transparent 54%);
    background: color-mix(in srgb, #cf9428, transparent 88%);
}

.effort-factors .factor-row.is-warning strong[b-pm3hre4t7f] {
    color: #9b6d15;
}

.effort-factors .factor-row.is-critical[b-pm3hre4t7f] {
    border-color: color-mix(in srgb, #d35b5b, transparent 50%);
    background: color-mix(in srgb, #d35b5b, transparent 86%);
}

.effort-factors .factor-row.is-critical strong[b-pm3hre4t7f] {
    color: #a73939;
}

.effort-explanation[b-pm3hre4t7f] {
    margin: 0;
    font-size: 0.84rem;
    color: var(--text-secondary);
}

.condition-list[b-pm3hre4t7f] {
    display: grid;
    gap: 0.55rem;
}

.condition-item[b-pm3hre4t7f] {
    display: grid;
    gap: 0.3rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), var(--text-primary) 8%);
    border-radius: 0.75rem;
    padding: 0.55rem;
    background: color-mix(in srgb, var(--floating-surface), var(--glass-surface) 14%);
}

.condition-item header[b-pm3hre4t7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
}

.condition-item div[b-pm3hre4t7f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.78rem;
}

.daily-summary-body[b-pm3hre4t7f] {
    display: grid;
    gap: 0.8rem;
}

.daily-summary-narrative-panel[b-pm3hre4t7f] {
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 50%);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brand-accent), transparent 80%), transparent 58%),
        color-mix(in srgb, var(--floating-surface), var(--glass-surface) 10%);
    padding: 0.78rem 0.82rem 0.76rem;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 84%);
}

.daily-summary-kicker[b-pm3hre4t7f] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
    color: color-mix(in srgb, var(--brand-accent), var(--text-primary) 26%);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.daily-summary-narrative[b-pm3hre4t7f] {
    margin: 0;
    color: color-mix(in srgb, var(--text-secondary), var(--text-primary) 16%);
    font-size: 0.96rem;
    line-height: 1.55;
    font-weight: 560;
    letter-spacing: -0.01em;
}

.daily-summary-metrics[b-pm3hre4t7f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.daily-summary-metric-item[b-pm3hre4t7f] {
    --daily-metric-tone: color-mix(in srgb, var(--brand-accent), #4ac9ff 18%);
    border: 1px solid color-mix(in srgb, var(--glass-border), var(--text-primary) 8%);
    border-radius: 0.7rem;
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--daily-metric-tone), transparent 80%), color-mix(in srgb, var(--floating-surface), var(--glass-surface) 8%) 52%),
        color-mix(in srgb, var(--floating-surface), var(--glass-surface) 10%);
    padding: 0.5rem 0.6rem 0.58rem;
    display: grid;
    gap: 0.12rem;
    position: relative;
    overflow: hidden;
}

.daily-summary-metric-item[b-pm3hre4t7f]::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 0.17rem;
    background: linear-gradient(90deg, color-mix(in srgb, var(--daily-metric-tone), #fff 10%), color-mix(in srgb, var(--daily-metric-tone), #000 10%));
    opacity: 0.9;
}

.daily-summary-metric-item small[b-pm3hre4t7f] {
    color: color-mix(in srgb, var(--daily-metric-tone), var(--text-secondary) 48%);
    font-size: 0.64rem;
    font-weight: 620;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.daily-summary-metric-item span[b-pm3hre4t7f] {
    color: color-mix(in srgb, var(--text-secondary), var(--text-primary) 8%);
    font-size: 0.76rem;
    line-height: 1.25;
}

.daily-summary-metric-item strong[b-pm3hre4t7f] {
    font-size: 1.08rem;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: color-mix(in srgb, var(--daily-metric-tone), var(--text-primary) 62%);
}

.daily-summary-metric-item.tone-1[b-pm3hre4t7f] {
    --daily-metric-tone: #2fbf73;
}

.daily-summary-metric-item.tone-2[b-pm3hre4t7f] {
    --daily-metric-tone: #3d9dee;
}

.daily-summary-metric-item.tone-3[b-pm3hre4t7f] {
    --daily-metric-tone: #df8d37;
}

.daily-summary-metric-item.tone-4[b-pm3hre4t7f] {
    --daily-metric-tone: #cc66b9;
}

.maintenance-order-button[b-pm3hre4t7f] {
    width: 100%;
    margin-top: 0.55rem;
    min-height: 2.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 36%);
    background: color-mix(in srgb, var(--brand-accent), transparent 82%);
    color: var(--text-primary);
}

.events-filters[b-pm3hre4t7f] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 0.8rem;
}

.events-filters label[b-pm3hre4t7f] {
    display: grid;
    gap: 0.25rem;
}

.events-filters label span[b-pm3hre4t7f] {
    font-size: 0.74rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.events-filters select[b-pm3hre4t7f] {
    min-height: 2.1rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
    padding: 0 0.55rem;
}

.events-table-wrap[b-pm3hre4t7f] {
    overflow-x: auto;
}

.events-table[b-pm3hre4t7f] {
    width: 100%;
    border-collapse: collapse;
    min-width: 910px;
}

.events-table th[b-pm3hre4t7f],
.events-table td[b-pm3hre4t7f] {
    text-align: left;
    padding: 0.48rem 0.45rem;
    border-bottom: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
    font-size: 0.82rem;
}

.events-table th[b-pm3hre4t7f] {
    font-size: 0.74rem;
    text-transform: uppercase;
    color: var(--text-secondary);
    letter-spacing: 0.05em;
}

.severity-badge[b-pm3hre4t7f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.65rem;
    min-width: 5.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    font-size: 0.76rem;
}

.is-info[b-pm3hre4t7f] {
    color: #3f89d5;
}

.is-warning[b-pm3hre4t7f] {
    color: #cf9428;
}

.is-critical[b-pm3hre4t7f] {
    color: #d35b5b;
}

.table-action[b-pm3hre4t7f] {
    min-height: 2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 44%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: var(--text-primary);
    padding: 0 0.7rem;
}

.events-cards[b-pm3hre4t7f] {
    display: none;
}

.event-card[b-pm3hre4t7f] {
    display: grid;
    gap: 0.38rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    border-radius: 0.8rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 10%);
    padding: 0.6rem;
}

.event-card header[b-pm3hre4t7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.event-card-meta[b-pm3hre4t7f] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.45rem;
}

.event-timestamp[b-pm3hre4t7f],
.event-review[b-pm3hre4t7f] {
    font-size: 0.78rem;
    color: var(--text-secondary);
}

.event-card-readings[b-pm3hre4t7f] {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-card-readings span[b-pm3hre4t7f] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 12%);
    border-radius: 0.6rem;
    padding: 0.35rem 0.42rem;
    background: color-mix(in srgb, var(--glass-surface), transparent 14%);
    display: grid;
    gap: 0.05rem;
}

.event-card-readings small[b-pm3hre4t7f] {
    color: var(--text-secondary);
    font-size: 0.67rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.event-card-readings strong[b-pm3hre4t7f] {
    font-size: 0.78rem;
    line-height: 1.15;
}

.event-cause[b-pm3hre4t7f] {
    margin: 0;
    font-size: 0.79rem;
    color: var(--text-secondary);
}

.interpretation-list[b-pm3hre4t7f] {
    margin: 0;
    padding: 0 0 0 1.1rem;
    display: grid;
    gap: 0.35rem;
    color: var(--text-secondary);
}

@media (max-width: 1439px) {
    .extruder-dashboard-grid[b-pm3hre4t7f] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .dashboard-laptop-span-5[b-pm3hre4t7f] { grid-column: span 5; }
    .dashboard-laptop-span-3[b-pm3hre4t7f] { grid-column: span 3; }

    .kpi-grid[b-pm3hre4t7f] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .extruder-summary-toolbar[b-pm3hre4t7f] {
        justify-content: flex-start;
    }
}

@media (max-width: 1099px) {
    .extruder-dashboard-grid[b-pm3hre4t7f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-tablet-span-2[b-pm3hre4t7f] { grid-column: span 2; }

    .kpi-grid[b-pm3hre4t7f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-toolbar[b-pm3hre4t7f],
    .extruder-summary-toolbar[b-pm3hre4t7f] {
        justify-content: flex-start;
    }

    .toolbar-metric-chip[b-pm3hre4t7f] {
        flex: 1 1 calc(50% - 0.7rem);
    }

    .toolbar-metric-copy strong[b-pm3hre4t7f] {
        white-space: normal;
    }

    .daily-summary-metrics[b-pm3hre4t7f],
    .events-filters[b-pm3hre4t7f],
    .operational-legend[b-pm3hre4t7f],
    .extruder-baselines-grid[b-pm3hre4t7f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .extruder-dashboard-grid[b-pm3hre4t7f] {
        --dashboard-gap: 10px;
        grid-template-columns: 1fr;
    }

    .extruder-dashboard-grid[b-pm3hre4t7f] {
        grid-template-columns: 1fr;
    }

    .dashboard-mobile-span-1[b-pm3hre4t7f],
    .dashboard-span-8[b-pm3hre4t7f],
    .dashboard-span-7[b-pm3hre4t7f],
    .dashboard-span-5[b-pm3hre4t7f],
    .dashboard-span-4[b-pm3hre4t7f] {
        grid-column: 1 / -1;
    }

    .kpi-grid[b-pm3hre4t7f],
    .effort-ranges[b-pm3hre4t7f],
    .daily-summary-metrics[b-pm3hre4t7f],
    .events-filters[b-pm3hre4t7f],
    .operational-legend[b-pm3hre4t7f],
    .extruder-baselines-grid[b-pm3hre4t7f] {
        grid-template-columns: 1fr;
    }

    .events-table-wrap[b-pm3hre4t7f] {
        display: none;
    }

    .events-cards[b-pm3hre4t7f] {
        display: grid;
        gap: 0.5rem;
    }

    .toolbar-metric-chip[b-pm3hre4t7f] {
        width: 100%;
        flex: 1 1 100%;
    }

    .toolbar-metric-copy strong[b-pm3hre4t7f] {
        white-space: normal;
    }

    .extruder-summary-toolbar[b-pm3hre4t7f] {
        gap: 0.5rem;
    }

    .heading-chip[b-pm3hre4t7f] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.1rem;
    }

    .toolbar-chip[b-pm3hre4t7f],
    .toolbar-metric-chip[b-pm3hre4t7f],
    .toolbar-state-chip[b-pm3hre4t7f],
    .toolbar-live-link[b-pm3hre4t7f],
    .toolbar-btn[b-pm3hre4t7f] {
        min-height: 2.3rem;
    }

    .toolbar-period-switch[b-pm3hre4t7f] {
        display: flex;
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: thin;
    }

    .toolbar-period[b-pm3hre4t7f] {
        flex: 1 0 auto;
        min-width: 5.4rem;
    }

    .events-filters[b-pm3hre4t7f] {
        display: flex;
        gap: 0.45rem;
        overflow-x: auto;
        padding-bottom: 0.2rem;
        scroll-snap-type: x proximity;
    }

    .events-filters label[b-pm3hre4t7f] {
        min-width: 10.5rem;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .event-card[b-pm3hre4t7f] {
        padding: 0.55rem;
        border-radius: 0.72rem;
    }

    .event-card header strong[b-pm3hre4t7f] {
        font-size: 0.9rem;
    }

    .severity-badge[b-pm3hre4t7f] {
        min-width: 4.8rem;
        min-height: 1.55rem;
    }

    .event-card-meta[b-pm3hre4t7f] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.08rem;
    }

    .event-card-readings[b-pm3hre4t7f] {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }

    .extruder-empty-date-tools[b-pm3hre4t7f] {
        grid-template-columns: 1fr;
    }

    .table-action[b-pm3hre4t7f] {
        width: 100%;
        min-height: 2.2rem;
    }

    .toolbar-period-switch[b-pm3hre4t7f],
    .toolbar-chip[b-pm3hre4t7f],
    .toolbar-metric-chip[b-pm3hre4t7f],
    .toolbar-state-chip[b-pm3hre4t7f],
    .toolbar-live-link[b-pm3hre4t7f] {
        width: 100%;
    }

    .dashboard-toolbar[b-pm3hre4t7f] {
        width: 100%;
    }

    .toolbar-btn span[b-pm3hre4t7f] {
        white-space: nowrap;
    }
}

@media (max-width: 389px) {
    .events-filters label[b-pm3hre4t7f] {
        min-width: 9.7rem;
    }

    .toolbar-chip[b-pm3hre4t7f],
    .toolbar-metric-copy strong[b-pm3hre4t7f],
    .toolbar-state-chip strong[b-pm3hre4t7f] {
        font-size: 0.82rem;
    }
}

@media (max-width: 360px) {
    .extruder-dashboard-grid[b-pm3hre4t7f] {
        --dashboard-gap: 8px;
    }

    .extruder-summary-toolbar[b-pm3hre4t7f] {
        gap: 0.42rem;
    }

    .heading-chip[b-pm3hre4t7f] {
        padding: 0.38rem 0.62rem;
    }

    .heading-chip strong[b-pm3hre4t7f] {
        font-size: 0.84rem;
    }

    .heading-chip span[b-pm3hre4t7f],
    .toolbar-state-chip span[b-pm3hre4t7f],
    .toolbar-metric-copy span[b-pm3hre4t7f] {
        font-size: 0.66rem;
        letter-spacing: 0.03em;
    }

    .toolbar-chip[b-pm3hre4t7f],
    .toolbar-btn[b-pm3hre4t7f],
    .toolbar-metric-chip[b-pm3hre4t7f],
    .toolbar-state-chip[b-pm3hre4t7f],
    .toolbar-live-link[b-pm3hre4t7f],
    .events-filters select[b-pm3hre4t7f] {
        min-height: 2.5rem;
        font-size: 0.8rem;
    }

    .toolbar-metric-chip[b-pm3hre4t7f] {
        gap: 0.4rem;
        padding: 0.34rem 0.58rem;
    }

    .toolbar-metric-icon[b-pm3hre4t7f] {
        width: 1.7rem;
        height: 1.7rem;
    }

    .toolbar-metric-copy strong[b-pm3hre4t7f],
    .toolbar-state-chip strong[b-pm3hre4t7f] {
        font-size: 0.8rem;
    }

    .toolbar-period-switch[b-pm3hre4t7f] {
        padding: 0.2rem;
        gap: 0.2rem;
    }

    .toolbar-period[b-pm3hre4t7f] {
        min-height: 2.25rem;
        min-width: 4.95rem;
        font-size: 0.79rem;
    }

    .date-chip[b-pm3hre4t7f] {
        padding: 0.3rem 0.58rem;
    }

    .events-filters[b-pm3hre4t7f] {
        gap: 0.38rem;
        margin-bottom: 0.55rem;
        padding-bottom: 0.1rem;
    }

    .events-filters label[b-pm3hre4t7f] {
        min-width: 9.3rem;
        gap: 0.18rem;
    }

    .events-filters label span[b-pm3hre4t7f] {
        font-size: 0.68rem;
    }

    .event-card[b-pm3hre4t7f] {
        padding: 0.5rem;
        gap: 0.32rem;
    }

    .event-card header[b-pm3hre4t7f] {
        align-items: flex-start;
    }

    .event-card header strong[b-pm3hre4t7f] {
        font-size: 0.86rem;
        line-height: 1.2;
    }

    .severity-badge[b-pm3hre4t7f] {
        min-width: 4.35rem;
        min-height: 1.5rem;
        font-size: 0.71rem;
    }

    .event-timestamp[b-pm3hre4t7f],
    .event-review[b-pm3hre4t7f],
    .event-cause[b-pm3hre4t7f] {
        font-size: 0.74rem;
        line-height: 1.25;
    }

    .event-card-readings span[b-pm3hre4t7f] {
        padding: 0.32rem 0.38rem;
    }

    .event-card-readings small[b-pm3hre4t7f] {
        font-size: 0.62rem;
    }

    .event-card-readings strong[b-pm3hre4t7f] {
        font-size: 0.74rem;
    }

    .table-action[b-pm3hre4t7f] {
        min-height: 2.45rem;
        font-size: 0.8rem;
    }

    .operational-scale[b-pm3hre4t7f] {
        font-size: 0.72rem;
    }

    .interpretation-list[b-pm3hre4t7f] {
        padding-left: 0.95rem;
        gap: 0.28rem;
        font-size: 0.79rem;
    }
}

@media (max-width: 479px) {
    .kpi-grid[b-pm3hre4t7f] {
        grid-template-columns: 1fr;
    }

    .toolbar-btn[b-pm3hre4t7f],
    .toolbar-chip[b-pm3hre4t7f] {
        width: 100%;
        justify-content: center;
    }
}

/* Refuerzo visual de componentes para dashboard de extrusora. */
.extruder-dashboard-shell[b-pm3hre4t7f] {
    position: relative;
    isolation: isolate;
}

.extruder-dashboard-shell[b-pm3hre4t7f]::before {
    content: "";
    position: absolute;
    inset: -1rem -1rem auto;
    height: 18rem;
    pointer-events: none;
    z-index: -1;
    background:
        radial-gradient(80% 64% at 6% 0%, color-mix(in srgb, var(--brand-accent), transparent 78%) 0%, transparent 58%),
        radial-gradient(72% 58% at 95% -6%, color-mix(in srgb, var(--brand-accent-strong), transparent 80%) 0%, transparent 62%),
        radial-gradient(56% 42% at 52% 12%, color-mix(in srgb, #ffffff, transparent 92%) 0%, transparent 70%);
}

.extruder-dashboard-grid[b-pm3hre4t7f] {
    --dashboard-gap: 14px;
}

.extruder-dashboard-grid > .dashboard-grid-item[b-pm3hre4t7f],
.extruder-dashboard-grid > :deep(.dashboard-grid-item)[b-pm3hre4t7f] {
    animation: dashboard-item-enter-b-pm3hre4t7f 320ms ease both;
}

.extruder-dashboard-grid > .dashboard-grid-item:nth-child(2)[b-pm3hre4t7f],
.extruder-dashboard-grid > :deep(.dashboard-grid-item:nth-child(2))[b-pm3hre4t7f] { animation-delay: 40ms; }
.extruder-dashboard-grid > .dashboard-grid-item:nth-child(3)[b-pm3hre4t7f],
.extruder-dashboard-grid > :deep(.dashboard-grid-item:nth-child(3))[b-pm3hre4t7f] { animation-delay: 80ms; }
.extruder-dashboard-grid > .dashboard-grid-item:nth-child(4)[b-pm3hre4t7f],
.extruder-dashboard-grid > :deep(.dashboard-grid-item:nth-child(4))[b-pm3hre4t7f] { animation-delay: 120ms; }

.extruder-dashboard-grid :deep(.dashboard-panel)[b-pm3hre4t7f] {
    border: 1px solid color-mix(in srgb, var(--glass-border), var(--text-primary) 12%);
    border-radius: var(--radius-xl);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--floating-surface), var(--glass-surface) 18%), color-mix(in srgb, var(--floating-surface), var(--glass-surface) 10%)),
        radial-gradient(circle at top right, color-mix(in srgb, var(--brand-accent), transparent 86%), transparent 44%);
    box-shadow: 0 24px 42px -34px color-mix(in srgb, #001020, transparent 22%);
}

.extruder-dashboard-grid :deep(.dashboard-panel-header)[b-pm3hre4t7f] {
    padding-bottom: 0.15rem;
    border-bottom: 1px solid color-mix(in srgb, var(--glass-border), var(--text-primary) 10%);
}

.extruder-dashboard-grid :deep(.dashboard-panel-titles h2)[b-pm3hre4t7f] {
    letter-spacing: -0.01em;
}

.extruder-dashboard-grid :deep(.dashboard-panel-titles p)[b-pm3hre4t7f] {
    color: color-mix(in srgb, var(--text-secondary), var(--text-primary) 14%);
}

.kpi-grid :deep(.kpi-card)[b-pm3hre4t7f] {
    border-radius: calc(var(--radius-xl) - 2px);
    border-color: color-mix(in srgb, var(--glass-border), var(--text-primary) 8%);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--floating-surface), var(--glass-surface) 16%), color-mix(in srgb, var(--floating-surface), var(--glass-surface) 8%)),
        radial-gradient(circle at 86% -10%, color-mix(in srgb, var(--brand-accent), transparent 90%), transparent 52%);
    box-shadow: 0 16px 32px -30px color-mix(in srgb, #001020, transparent 30%);
}

.kpi-grid :deep(.kpi-card:hover)[b-pm3hre4t7f],
.kpi-grid :deep(.kpi-card:focus-within)[b-pm3hre4t7f] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 44%);
}

.toolbar-period-switch[b-pm3hre4t7f] {
    padding: 0.3rem;
    background: color-mix(in srgb, var(--floating-surface), var(--glass-surface) 12%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 72%);
}

.toolbar-period[b-pm3hre4t7f] {
    font-weight: 620;
}

.toolbar-period.is-active[b-pm3hre4t7f] {
    box-shadow: 0 8px 16px -12px color-mix(in srgb, var(--brand-accent), transparent 22%);
}

.baseline-chip[b-pm3hre4t7f],
.factor-row[b-pm3hre4t7f],
.condition-item[b-pm3hre4t7f],
.daily-summary-metric-item[b-pm3hre4t7f],
.event-card[b-pm3hre4t7f],
.legend-item[b-pm3hre4t7f] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff, transparent 86%);
}

.events-filters[b-pm3hre4t7f] {
    gap: 0.6rem;
    margin-bottom: 0.95rem;
}

.events-filters label[b-pm3hre4t7f] {
    border: 1px solid color-mix(in srgb, var(--glass-border), var(--text-primary) 8%);
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--floating-surface), var(--glass-surface) 10%);
    padding: 0.45rem 0.5rem 0.5rem;
}

.events-filters select[b-pm3hre4t7f] {
    min-height: 2.25rem;
    border-radius: 0.72rem;
}

.events-table[b-pm3hre4t7f] {
    border-radius: 0.9rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--glass-border), var(--text-primary) 8%);
    background: color-mix(in srgb, var(--floating-surface), var(--glass-surface) 12%);
}

.events-table th[b-pm3hre4t7f] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--floating-surface), var(--glass-surface) 8%);
}

.events-table td[b-pm3hre4t7f] {
    background: color-mix(in srgb, var(--floating-surface), var(--glass-surface) 14%);
}

.maintenance-order-button[b-pm3hre4t7f] {
    font-weight: 620;
    background: linear-gradient(135deg, color-mix(in srgb, var(--brand-accent), #fff 62%), color-mix(in srgb, var(--brand-accent-strong), #fff 70%));
    border-color: color-mix(in srgb, var(--brand-accent), transparent 22%);
}

@keyframes dashboard-item-enter-b-pm3hre4t7f {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .extruder-dashboard-grid > .dashboard-grid-item[b-pm3hre4t7f],
    .extruder-dashboard-grid > :deep(.dashboard-grid-item)[b-pm3hre4t7f] {
        animation: none;
    }
}
/* /Components/Pages/Extruders/ExtruderHistorical.razor.rz.scp.css */
.extruder-historical-page[b-2uhig42bim] {
    min-width: 0;
}

.extruder-historical-page :deep(.glass-panel-content)[b-2uhig42bim] {
    display: grid;
    gap: 1rem;
}

.extruder-historical-header[b-2uhig42bim] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.extruder-historical-header-copy h2[b-2uhig42bim] {
    margin: 0;
    font-size: clamp(1.1rem, 1vw + 0.95rem, 1.55rem);
}

.extruder-historical-header-copy p[b-2uhig42bim] {
    margin: 0.45rem 0 0;
    color: var(--text-secondary);
    max-width: 72ch;
}

.extruder-historical-header-actions[b-2uhig42bim] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.extruder-historical-link[b-2uhig42bim] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 24%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: var(--text-primary);
    text-decoration: none;
    padding: 0 0.95rem;
}

.historical-range-bar[b-2uhig42bim] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.historical-range-bar label[b-2uhig42bim] {
    display: grid;
    gap: 0.24rem;
}

.historical-range-bar label span[b-2uhig42bim] {
    color: var(--text-secondary);
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.historical-range-bar input[b-2uhig42bim] {
    min-height: 2.5rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 18%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
    padding: 0 0.6rem;
}

.historical-range-actions[b-2uhig42bim] {
    grid-column: 1 / -1;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.range-btn[b-2uhig42bim] {
    min-height: 2.35rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 16%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
}

.range-btn-primary[b-2uhig42bim] {
    border-color: color-mix(in srgb, var(--brand-accent), transparent 24%);
    background: color-mix(in srgb, var(--brand-accent), transparent 78%);
}

@media (max-width: 767px) {
    .extruder-historical-header[b-2uhig42bim] {
        flex-direction: column;
    }

    .historical-range-bar[b-2uhig42bim] {
        grid-template-columns: 1fr;
    }

    .extruder-historical-header-actions[b-2uhig42bim],
    .extruder-historical-link[b-2uhig42bim],
    .historical-range-actions[b-2uhig42bim],
    .range-btn[b-2uhig42bim] {
        width: 100%;
    }
}
/* /Components/Pages/Extruders/ExtruderLive.razor.rz.scp.css */
.extruder-live-page[b-2qt7pofvpb] {
    min-width: 0;
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 1rem;
}

.extruder-live-page[b-2qt7pofvpb]::before {
    content: "";
    position: absolute;
    inset: -1.5rem -1.5rem auto;
    height: 16rem;
    pointer-events: none;
    z-index: -1;
    background:
        radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--brand-accent), transparent 88%) 0%, transparent 58%),
        radial-gradient(95% 72% at 90% 10%, color-mix(in srgb, #2aa876, transparent 91%) 0%, transparent 62%);
}

.extruder-live-header[b-2qt7pofvpb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 72%);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--brand-accent), transparent 93%) 0%,
            color-mix(in srgb, var(--glass-surface), transparent 6%) 54%,
            color-mix(in srgb, #1f9ec9, transparent 94%) 100%);
    padding: 0.9rem 1rem;
    box-shadow: 0 18px 36px -30px color-mix(in srgb, var(--brand-accent), black 22%);
}

.extruder-live-eyebrow[b-2qt7pofvpb] {
    margin: 0;
    font-size: 0.73rem;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--text-secondary), var(--brand-accent) 32%);
}

.extruder-live-header-copy h2[b-2qt7pofvpb] {
    margin: 0;
    font-size: clamp(1.1rem, 1vw + 0.95rem, 1.55rem);
}

.extruder-live-header-copy p[b-2qt7pofvpb] {
    margin: 0.45rem 0 0;
    color: var(--text-secondary);
    max-width: 72ch;
}

.extruder-live-link[b-2qt7pofvpb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 36%);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--brand-accent), white 72%) 0%,
            color-mix(in srgb, #3f7ad8, white 76%) 100%);
    color: var(--text-primary);
    text-decoration: none;
    padding: 0 0.95rem;
    box-shadow: 0 10px 28px -22px color-mix(in srgb, var(--brand-accent), black 12%);
    transition: transform 170ms ease, box-shadow 170ms ease, filter 170ms ease;
}

.extruder-live-link:hover[b-2qt7pofvpb],
.extruder-live-link:focus-visible[b-2qt7pofvpb] {
    transform: translateY(-1px);
    filter: saturate(1.08);
    box-shadow: 0 14px 34px -20px color-mix(in srgb, var(--brand-accent), black 18%);
}

.extruder-live-workspace-shell[b-2qt7pofvpb] {
    min-width: 0;
}

.extruder-live-charts-grid[b-2qt7pofvpb] {
    min-width: 0;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 1fr;
}

.extruder-live-card[b-2qt7pofvpb] {
    min-width: 0;
}

.extruder-live-panel[b-2qt7pofvpb] {
    border-radius: 1rem;
}

.extruder-live-panel.glass-panel[b-2qt7pofvpb] {
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 8%);
    background: linear-gradient(180deg, color-mix(in srgb, #ffffff, transparent 18%) 0%, color-mix(in srgb, var(--glass-surface), transparent 8%) 100%);
    box-shadow: 0 14px 30px -28px color-mix(in srgb, var(--brand-accent), black 10%);
}

.extruder-live-card .dashboard-panel-body[b-2qt7pofvpb] {
    border-top: 1px solid color-mix(in srgb, var(--glass-border), transparent 18%);
    padding-top: 0.45rem;
}

.extruder-live-page :deep(.industrial-series-toolbar)[b-2qt7pofvpb] {
    padding: 0.72rem 0.76rem;
    border-radius: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--glass-surface), white 10%) 0%,
            color-mix(in srgb, var(--glass-surface), transparent 6%) 100%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white, transparent 62%);
}

.extruder-live-page :deep(.series-now)[b-2qt7pofvpb],
.extruder-live-page :deep(.series-select-wrap)[b-2qt7pofvpb] {
    color: color-mix(in srgb, var(--text-secondary), var(--text-primary) 14%);
}

.extruder-live-page :deep(.series-select-wrap)[b-2qt7pofvpb] {
    position: relative;
    gap: 0.28rem;
}

.extruder-live-page :deep(.series-select-wrap span)[b-2qt7pofvpb] {
    letter-spacing: 0.03em;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 600;
}

.extruder-live-page :deep(.series-select)[b-2qt7pofvpb] {
    appearance: none;
    min-height: 2.35rem;
    border-radius: 0.78rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 6%);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--glass-surface), white 14%) 0%,
            color-mix(in srgb, var(--glass-surface), transparent 4%) 100%);
    padding: 0 2rem 0 0.75rem;
    box-shadow: inset 0 1px 0 color-mix(in srgb, white, transparent 66%);
}

.extruder-live-page :deep(.series-select-wrap::after)[b-2qt7pofvpb] {
    content: "";
    position: absolute;
    right: 0.74rem;
    bottom: 0.84rem;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid color-mix(in srgb, var(--text-secondary), var(--text-primary) 28%);
    border-bottom: 2px solid color-mix(in srgb, var(--text-secondary), var(--text-primary) 28%);
    transform: rotate(45deg);
    pointer-events: none;
}

.extruder-live-page :deep(.series-tool-btn)[b-2qt7pofvpb],
.extruder-live-link[b-2qt7pofvpb] {
    min-height: 2.35rem;
    border-radius: 0.78rem;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 8%);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--glass-surface), white 12%) 0%,
            color-mix(in srgb, var(--glass-surface), transparent 3%) 100%);
    box-shadow: 0 9px 22px -18px color-mix(in srgb, var(--brand-accent), black 32%);
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease, background 170ms ease;
}

.extruder-live-page :deep(.series-tool-btn:hover)[b-2qt7pofvpb],
.extruder-live-page :deep(.series-tool-btn:focus-visible)[b-2qt7pofvpb],
.extruder-live-link:hover[b-2qt7pofvpb],
.extruder-live-link:focus-visible[b-2qt7pofvpb] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 30%);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--brand-accent), white 82%) 0%,
            color-mix(in srgb, var(--brand-accent), transparent 84%) 100%);
    box-shadow: 0 14px 30px -20px color-mix(in srgb, var(--brand-accent), black 22%);
}

.extruder-live-page :deep(.legend-chip)[b-2qt7pofvpb],
.extruder-live-page :deep(.series-connection-chip)[b-2qt7pofvpb],
.extruder-live-page :deep(.series-historical-chip)[b-2qt7pofvpb] {
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
    background: color-mix(in srgb, var(--glass-surface), white 12%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white, transparent 65%);
}

.extruder-live-page :deep(.series-tool-btn span)[b-2qt7pofvpb] {
    font-size: 0.75rem;
}

@media (max-width: 767px) {
    .extruder-live-header[b-2qt7pofvpb] {
        flex-direction: column;
        align-items: stretch;
    }

    .extruder-live-link[b-2qt7pofvpb] {
        width: 100%;
    }

    .extruder-live-page :deep(.industrial-series-toolbar)[b-2qt7pofvpb] {
        padding: 0.65rem;
    }

    .extruder-live-charts-grid[b-2qt7pofvpb] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .extruder-live-link[b-2qt7pofvpb],
    .extruder-live-page :deep(.series-tool-btn)[b-2qt7pofvpb] {
        transition: none;
    }
}

@media (max-width: 1199px) {
    .extruder-live-charts-grid[b-2qt7pofvpb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Extruders/ExtruderLiveCompositeChart.razor.rz.scp.css */
.extruder-live-series[b-f39c5kqckr] {
    display: grid;
    gap: 0.78rem;
}

.extruder-live-toolbar[b-f39c5kqckr],
.extruder-live-toolbar-copy[b-f39c5kqckr],
.extruder-live-toolbar-actions[b-f39c5kqckr],
.live-summary[b-f39c5kqckr] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.extruder-live-toolbar[b-f39c5kqckr] {
    justify-content: space-between;
}

.live-chip[b-f39c5kqckr],
.tool-btn[b-f39c5kqckr],
.legend-toggle[b-f39c5kqckr],
.extruder-live-toolbar-actions select[b-f39c5kqckr],
.extruder-live-toolbar-actions label[b-f39c5kqckr] {
    min-height: 2.2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: color-mix(in srgb, var(--glass-surface), transparent 8%);
    color: var(--text-primary);
}

.live-chip[b-f39c5kqckr] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.75rem;
}

.dot[b-f39c5kqckr] {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: currentColor;
}

.live-chip.is-connected[b-f39c5kqckr] {
    color: #2f9d65;
}

.live-chip.is-reconnecting[b-f39c5kqckr] {
    color: #cb9330;
}

.live-chip.is-historical[b-f39c5kqckr] {
    color: #6f8194;
}

.live-updated[b-f39c5kqckr] {
    color: var(--text-secondary);
    font-size: 0.82rem;
}

.extruder-live-toolbar-actions label[b-f39c5kqckr] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.7rem;
}

.extruder-live-toolbar-actions label span[b-f39c5kqckr] {
    color: var(--text-secondary);
    font-size: 0.78rem;
}

.extruder-live-toolbar-actions select[b-f39c5kqckr] {
    border: 0;
    background: transparent;
    padding: 0;
}

.tool-btn[b-f39c5kqckr],
.apexcharts-legend[b-f39c5kqckr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem;
}

.historical-chip[b-f39c5kqckr] {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #6f8194, transparent 42%);
    background: color-mix(in srgb, #6f8194, transparent 84%);
    color: var(--text-secondary);
    padding: 0 0.72rem;
    font-size: 0.75rem;
}

.live-summary[b-f39c5kqckr] {
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.live-summary strong[b-f39c5kqckr] {
    color: var(--text-primary);
}

@media (max-width: 767px) {
    .extruder-live-toolbar[b-f39c5kqckr],
    .extruder-live-toolbar-copy[b-f39c5kqckr],
    .extruder-live-toolbar-actions[b-f39c5kqckr],
    .live-summary[b-f39c5kqckr] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tool-btn[b-f39c5kqckr],
    .extruder-live-toolbar-actions label[b-f39c5kqckr],
    .live-chip[b-f39c5kqckr] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/History.razor.rz.scp.css */
.maintenance-history-page[b-yhijvsqy1m]{display:grid;gap:14px;width:100%;min-width:0;padding:4px;overflow:hidden;color:var(--text-primary)}.history-shell[b-yhijvsqy1m],.history-detail[b-yhijvsqy1m]{min-width:0;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--glass-surface);box-shadow:var(--shadow-md);padding:14px}.history-heading[b-yhijvsqy1m]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-heading h1[b-yhijvsqy1m]{margin:0;font-size:clamp(1.45rem,2.2vw,2rem)}.history-heading p[b-yhijvsqy1m]{margin:3px 0 0;color:var(--text-secondary);font-size:.76rem}.history-heading>div:last-child[b-yhijvsqy1m]{display:flex;gap:7px}.history-filters[b-yhijvsqy1m]{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr auto;gap:9px;margin-top:13px}.history-filters input[b-yhijvsqy1m],.history-filters select[b-yhijvsqy1m]{height:38px;padding:0 10px;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.68rem}.history-table-shell[b-yhijvsqy1m]{width:100%;max-width:100%;max-height:calc(100vh - 310px);margin-top:12px;overflow:auto;border:1px solid var(--glass-border);border-radius:var(--radius-md);overscroll-behavior:contain}.history-table-shell table[b-yhijvsqy1m]{width:max-content;min-width:1450px;border-collapse:collapse;font-size:.62rem}.history-table-shell th[b-yhijvsqy1m]{position:sticky;top:0;z-index:1;padding:11px 10px;background:var(--control-bg);color:var(--text-secondary);font-size:.54rem;text-align:left;text-transform:uppercase}.history-table-shell td[b-yhijvsqy1m]{padding:11px 10px;border-bottom:1px solid var(--glass-border);white-space:nowrap}.history-table-shell tbody tr:hover[b-yhijvsqy1m]{background:var(--control-bg-hover)}.history-table-shell td strong[b-yhijvsqy1m],.history-table-shell td small[b-yhijvsqy1m]{display:block}.history-table-shell td small[b-yhijvsqy1m]{margin-top:3px;color:var(--text-secondary);font-size:.54rem}.folio[b-yhijvsqy1m]{color:var(--brand-accent-strong)}.group-chip[b-yhijvsqy1m],.status-chip[b-yhijvsqy1m]{display:inline-flex!important;padding:3px 7px;border-radius:5px;font-size:.54rem}.group-chip[b-yhijvsqy1m]{background:var(--control-bg);color:var(--text-secondary)}.status-chip.completed[b-yhijvsqy1m]{background:color-mix(in srgb,var(--state-online),transparent 86%);color:var(--state-online)}.status-chip.cancelled[b-yhijvsqy1m]{border:1px solid var(--text-tertiary);color:var(--text-secondary)}.view-button[b-yhijvsqy1m]{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);color:var(--text-primary)}.empty-row[b-yhijvsqy1m]{text-align:center;color:var(--text-secondary)}.history-footer[b-yhijvsqy1m]{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 0;color:var(--text-secondary);font-size:.58rem}.history-footer>div[b-yhijvsqy1m]{display:flex;gap:5px}.history-footer button[b-yhijvsqy1m]{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);color:var(--text-primary)}.history-footer button.current[b-yhijvsqy1m]{border-color:var(--brand-accent);background:var(--brand-accent);color:var(--on-accent)}.history-state[b-yhijvsqy1m]{padding:30px;text-align:center;color:var(--text-secondary)}.history-detail>header[b-yhijvsqy1m]{display:flex;justify-content:space-between;align-items:flex-start}.history-detail h2[b-yhijvsqy1m]{margin:0;font-size:1.15rem}.history-detail header p[b-yhijvsqy1m]{margin:3px 0 0;color:var(--text-secondary);font-size:.68rem}.history-detail header button[b-yhijvsqy1m]{border:0;background:transparent;color:var(--text-primary);font-size:1.2rem}.detail-grid[b-yhijvsqy1m]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.detail-grid>article[b-yhijvsqy1m]{padding:12px;border:1px solid var(--glass-border);border-radius:8px;background:color-mix(in srgb,var(--glass-surface),transparent 8%)}.detail-grid h3[b-yhijvsqy1m]{margin:0 0 10px;font-size:.76rem}.detail-grid p[b-yhijvsqy1m]{color:var(--text-secondary);font-size:.62rem}.timeline-item[b-yhijvsqy1m],.evidence-item[b-yhijvsqy1m]{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--glass-border);font-size:.6rem}.timeline-item>i[b-yhijvsqy1m]{flex:0 0 8px;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--brand-accent-strong)}.timeline-item span[b-yhijvsqy1m],.evidence-item span[b-yhijvsqy1m]{display:grid}.timeline-item small[b-yhijvsqy1m],.evidence-item small[b-yhijvsqy1m]{color:var(--text-secondary)}.evidence-item>i[b-yhijvsqy1m]{color:var(--brand-accent-strong)}.history-detail>footer[b-yhijvsqy1m]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media(max-width:900px){.history-filters[b-yhijvsqy1m]{grid-template-columns:1fr 1fr}.detail-grid[b-yhijvsqy1m]{grid-template-columns:1fr}}@media(max-width:600px){.history-heading[b-yhijvsqy1m]{flex-direction:column}.history-heading>div:last-child[b-yhijvsqy1m],.history-heading button[b-yhijvsqy1m]{width:100%}.history-filters[b-yhijvsqy1m]{grid-template-columns:1fr}.history-footer[b-yhijvsqy1m]{align-items:flex-start;gap:10px;flex-direction:column}}
.status-chip.scheduled[b-yhijvsqy1m]{background:color-mix(in srgb,var(--brand-accent),transparent 86%);color:var(--brand-accent-strong)}.status-chip.overdue[b-yhijvsqy1m]{background:color-mix(in srgb,var(--state-error),transparent 86%);color:var(--state-error)}.status-chip.inprogress[b-yhijvsqy1m]{background:color-mix(in srgb,var(--state-warning),transparent 86%);color:var(--state-warning)}
/* /Components/Pages/Home.razor.rz.scp.css */
.analytics-dashboard[b-8ly7sp5w3m]{--analytics-blue:#2f82ff;--analytics-teal:#18d2b4;--analytics-violet:#a855f7;--analytics-orange:#ff9500;--analytics-green:#32d058;display:grid;gap:.75rem;min-width:0;color:var(--text-primary);font-size:.78rem}.analytics-heading[b-8ly7sp5w3m]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.eyebrow[b-8ly7sp5w3m]{color:var(--analytics-orange);font-size:.65rem;font-weight:800;letter-spacing:.06em}.analytics-heading h1[b-8ly7sp5w3m]{margin:.18rem 0;font-size:clamp(1.45rem,2.5vw,2rem)}.analytics-heading p[b-8ly7sp5w3m]{margin:0;color:var(--text-secondary)}.heading-actions[b-8ly7sp5w3m]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.heading-actions button[b-8ly7sp5w3m],.range-tabs button[b-8ly7sp5w3m]{min-height:2.2rem;padding:.4rem .7rem;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);color:var(--text-primary)}.last-reading[b-8ly7sp5w3m]{color:var(--text-secondary);font-size:.68rem}.last-reading i[b-8ly7sp5w3m]{display:inline-block;width:.42rem;height:.42rem;margin-right:.35rem;border-radius:50%;background:var(--analytics-green);box-shadow:0 0 8px var(--analytics-green)}
.analytics-filters[b-8ly7sp5w3m]{display:grid;grid-template-columns:1fr 1fr 1fr 1.55fr 1.2fr auto;align-items:end;gap:.65rem;padding:.7rem;border:1px solid var(--glass-border);border-radius:10px;background:color-mix(in srgb,var(--glass-surface),transparent 8%)}.analytics-filters label[b-8ly7sp5w3m]{display:grid;gap:.25rem;min-width:0}.analytics-filters label>span[b-8ly7sp5w3m]{color:var(--text-secondary);font-size:.62rem}.analytics-filters :is(select,input,button)[b-8ly7sp5w3m]{width:100%;min-height:2.35rem;padding:.45rem .65rem;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);color:var(--text-primary);font:inherit;text-align:left;color-scheme:dark}.period-filter button[b-8ly7sp5w3m]{display:flex;align-items:center;justify-content:space-between}.filter-actions[b-8ly7sp5w3m]{display:flex;gap:.45rem}.analytics-filters .reset-action[b-8ly7sp5w3m],.analytics-filters .export-action[b-8ly7sp5w3m]{width:auto;padding-inline:.8rem;white-space:nowrap}.analytics-filters .reset-action[b-8ly7sp5w3m]{color:var(--text-secondary)}.analytics-filters .export-action[b-8ly7sp5w3m]{border-color:var(--analytics-orange);color:var(--analytics-orange);font-weight:750}.mock-notice[b-8ly7sp5w3m]{display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border:1px dashed color-mix(in srgb,var(--analytics-orange),transparent 42%);border-radius:8px;background:color-mix(in srgb,var(--analytics-orange),transparent 94%);color:var(--text-secondary);font-size:.68rem}.mock-notice i[b-8ly7sp5w3m]{color:var(--analytics-orange)}
.metric-grid[b-8ly7sp5w3m]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.metric-card[b-8ly7sp5w3m],.analytics-panel[b-8ly7sp5w3m],.quality-card[b-8ly7sp5w3m],.analytics-footer[b-8ly7sp5w3m]{border:1px solid var(--glass-border);border-radius:9px;background:color-mix(in srgb,var(--floating-surface),transparent 2%);box-shadow:0 7px 18px rgba(0,0,0,.12)}.metric-card[b-8ly7sp5w3m]{position:relative;min-width:0;min-height:126px;padding:.75rem;overflow:hidden}.metric-top[b-8ly7sp5w3m]{display:flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.61rem;white-space:nowrap}.metric-top>i[b-8ly7sp5w3m]{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:color-mix(in srgb,currentColor,transparent 86%);font-size:1.15rem}.metric-card>strong[b-8ly7sp5w3m]{display:block;margin:.25rem 0;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:550}.metric-card>strong small[b-8ly7sp5w3m]{font-size:.8rem}.metric-comparison[b-8ly7sp5w3m]{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;color:var(--text-tertiary);font-size:.56rem}.metric-comparison span[b-8ly7sp5w3m]{min-width:0}.metric-comparison b[b-8ly7sp5w3m]{display:block;margin-top:.15rem;color:var(--text-primary);font-size:.7rem}.metric-card>svg[b-8ly7sp5w3m]{position:absolute;right:.55rem;bottom:.4rem;width:calc(100% - 1.1rem);height:20px}.metric-card>svg path[b-8ly7sp5w3m]{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}.metric-detail[b-8ly7sp5w3m]{display:grid;gap:.18rem;color:var(--text-tertiary);font-size:.58rem}.metric-detail b[b-8ly7sp5w3m]{color:var(--text-primary)}.progress[b-8ly7sp5w3m]{position:absolute;left:.75rem;right:.75rem;bottom:.7rem;height:.35rem;border-radius:5px;background:var(--control-bg)}.progress i[b-8ly7sp5w3m]{display:block;height:100%;border-radius:inherit;background:currentColor}.blue[b-8ly7sp5w3m]{color:var(--analytics-blue)}.teal[b-8ly7sp5w3m]{color:var(--analytics-teal)}.violet[b-8ly7sp5w3m]{color:var(--analytics-violet)}.orange[b-8ly7sp5w3m]{color:var(--analytics-orange)}.green[b-8ly7sp5w3m]{color:var(--analytics-green)}.neutral[b-8ly7sp5w3m]{color:var(--text-secondary)}
.primary-analysis-grid[b-8ly7sp5w3m]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.95fr);gap:.55rem}.analytics-panel[b-8ly7sp5w3m]{min-width:0;padding:.7rem}.analytics-panel h2[b-8ly7sp5w3m]{margin:0;font-size:.68rem;letter-spacing:.025em}.panel-heading[b-8ly7sp5w3m]{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.chart-legend[b-8ly7sp5w3m]{display:flex;gap:1rem;margin-top:.5rem;font-size:.58rem}.chart-legend span[b-8ly7sp5w3m]::before{content:"";display:inline-block;width:.85rem;height:.15rem;margin-right:.3rem;background:currentColor;vertical-align:middle}.range-tabs[b-8ly7sp5w3m]{display:flex;gap:.25rem}.range-tabs button[b-8ly7sp5w3m]{min-width:2rem;min-height:1.8rem;padding:.25rem .5rem;font-size:.6rem}.range-tabs button.active[b-8ly7sp5w3m]{border-color:var(--analytics-blue);background:color-mix(in srgb,var(--analytics-blue),transparent 74%)}.evolution-chart[b-8ly7sp5w3m]{position:relative;height:245px;margin-top:.6rem;padding:0 1rem 1.2rem 2.2rem}.evolution-chart svg[b-8ly7sp5w3m]{width:100%;height:100%}.chart-grid line[b-8ly7sp5w3m]{stroke:color-mix(in srgb,var(--glass-border),transparent 30%);stroke-width:1}.series[b-8ly7sp5w3m]{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.series.t1[b-8ly7sp5w3m]{stroke:var(--analytics-blue)}.series.t2[b-8ly7sp5w3m]{stroke:var(--analytics-teal)}.series.humidity[b-8ly7sp5w3m]{stroke:var(--analytics-orange);stroke-dasharray:6 4}.y-axis[b-8ly7sp5w3m]{position:absolute;left:0;top:0;bottom:1.2rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--text-tertiary);font-size:.55rem}.x-axis[b-8ly7sp5w3m]{position:absolute;left:2.2rem;right:1rem;bottom:0;display:flex;justify-content:space-between;color:var(--text-tertiary);font-size:.54rem}
.stats-table[b-8ly7sp5w3m]{display:grid;margin-top:.55rem}.stats-table>div[b-8ly7sp5w3m]{display:grid;grid-template-columns:1.25fr repeat(4,.8fr);gap:.25rem;padding:.34rem;border-bottom:1px solid color-mix(in srgb,var(--glass-border),transparent 35%);font-size:.62rem}.stats-table .header[b-8ly7sp5w3m]{color:var(--text-tertiary);font-size:.54rem}.stats-table b[b-8ly7sp5w3m]{font-weight:600}.stats-table .danger[b-8ly7sp5w3m]{color:var(--state-critical)}
.secondary-analysis-grid[b-8ly7sp5w3m]{display:grid;grid-template-columns:1fr 1.18fr .95fr 1.4fr;gap:.55rem}.distribution-panel[b-8ly7sp5w3m]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr}.distribution-panel h2[b-8ly7sp5w3m]{grid-column:1/-1}.histogram[b-8ly7sp5w3m]{min-width:0}.bars[b-8ly7sp5w3m]{height:112px;display:flex;align-items:end;gap:2px;padding:.5rem 0 0;border-bottom:1px solid var(--glass-border)}.bars i[b-8ly7sp5w3m]{flex:1;min-width:2px;background:linear-gradient(180deg,#4c91ff,#164ea8);border-top:1px solid #8ab8ff}.histogram-axis[b-8ly7sp5w3m]{display:flex;justify-content:space-between;color:var(--text-tertiary);font-size:.5rem}.distribution-values[b-8ly7sp5w3m]{display:grid;align-content:center;gap:.35rem;padding-left:.6rem;font-size:.56rem;color:var(--text-tertiary)}.distribution-values b[b-8ly7sp5w3m]{display:block;color:var(--text-primary)}.heatmap[b-8ly7sp5w3m]{display:grid;grid-template-columns:1fr .45rem;gap:.4rem;margin-top:.45rem}.heat-cloud[b-8ly7sp5w3m]{position:relative;height:115px;overflow:hidden;border-left:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:radial-gradient(ellipse at 52% 54%,rgba(255,230,0,.65),rgba(0,196,255,.34) 17%,rgba(47,130,255,.12) 42%,transparent 63%)}.heat-cloud i[b-8ly7sp5w3m]{position:absolute;width:3px;height:3px;border-radius:50%;background:#2f82ff}.heat-scale[b-8ly7sp5w3m]{background:linear-gradient(180deg,#ff3b30,#ffd60a,#2f82ff);border-radius:2px}.heat-axis[b-8ly7sp5w3m]{text-align:center;color:var(--text-tertiary);font-size:.52rem}.correlation-panel[b-8ly7sp5w3m]{display:grid;gap:.48rem}.correlation-row[b-8ly7sp5w3m]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem}.correlation-row>i[b-8ly7sp5w3m]{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.correlation-row span[b-8ly7sp5w3m]{color:var(--text-primary);font-size:.62rem}.correlation-row small[b-8ly7sp5w3m]{display:block;color:var(--text-tertiary);font-size:.52rem}.correlation-row strong[b-8ly7sp5w3m]{font-size:1rem}.yellow[b-8ly7sp5w3m]{color:#ffcc00}.pending-rule[b-8ly7sp5w3m]{margin:auto 0 0;color:var(--text-tertiary);font-size:.53rem}.delta-chart[b-8ly7sp5w3m]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;margin-top:.6rem}.delta-chart svg[b-8ly7sp5w3m]{width:100%;height:120px;border-bottom:1px solid var(--glass-border)}.delta-chart path[b-8ly7sp5w3m]{fill:none;stroke:var(--analytics-violet);stroke-width:2.2;vector-effect:non-scaling-stroke}.delta-chart>div[b-8ly7sp5w3m]{display:grid;align-content:center;gap:.45rem}.delta-chart span[b-8ly7sp5w3m]{color:var(--text-tertiary);font-size:.53rem}.delta-chart b[b-8ly7sp5w3m]{display:block;color:var(--text-primary);font-size:.68rem}
.quality-grid[b-8ly7sp5w3m]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.quality-card[b-8ly7sp5w3m]{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.55rem;min-width:0;padding:.7rem}.quality-card>i[b-8ly7sp5w3m]{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:color-mix(in srgb,currentColor,transparent 86%);font-size:1.15rem}.quality-card span[b-8ly7sp5w3m]{display:block;color:var(--text-secondary);font-size:.54rem}.quality-card strong[b-8ly7sp5w3m]{display:block;margin:.2rem 0;color:var(--text-primary);font-size:1rem}.quality-card small[b-8ly7sp5w3m]{display:block;color:var(--text-tertiary);font-size:.52rem;line-height:1.35}.analytics-footer[b-8ly7sp5w3m]{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;padding:.55rem .7rem;color:var(--text-tertiary);font-size:.55rem}
html[data-theme="light"] .metric-card[b-8ly7sp5w3m],html[data-theme="light"] .analytics-panel[b-8ly7sp5w3m],html[data-theme="light"] .quality-card[b-8ly7sp5w3m],html[data-theme="light"] .analytics-footer[b-8ly7sp5w3m]{box-shadow:0 6px 16px rgba(31,72,126,.08)}
@media(max-width:1450px){.metric-grid[b-8ly7sp5w3m],.quality-grid[b-8ly7sp5w3m]{grid-template-columns:repeat(3,minmax(0,1fr))}.secondary-analysis-grid[b-8ly7sp5w3m]{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filters[b-8ly7sp5w3m]{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-actions[b-8ly7sp5w3m]{grid-column:span 3}.analytics-filters .reset-action[b-8ly7sp5w3m],.analytics-filters .export-action[b-8ly7sp5w3m]{width:100%}}
@media(max-width:1000px){.analytics-heading[b-8ly7sp5w3m]{flex-direction:column}.heading-actions[b-8ly7sp5w3m]{justify-content:flex-start}.primary-analysis-grid[b-8ly7sp5w3m]{grid-template-columns:1fr}.metric-grid[b-8ly7sp5w3m],.quality-grid[b-8ly7sp5w3m]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.analytics-filters[b-8ly7sp5w3m],.metric-grid[b-8ly7sp5w3m],.quality-grid[b-8ly7sp5w3m],.secondary-analysis-grid[b-8ly7sp5w3m]{grid-template-columns:1fr}.filter-actions[b-8ly7sp5w3m]{grid-column:auto;flex-direction:column}.panel-heading[b-8ly7sp5w3m]{flex-direction:column}.range-tabs[b-8ly7sp5w3m]{flex-wrap:wrap}.evolution-chart[b-8ly7sp5w3m]{height:210px}.x-axis span:nth-child(even)[b-8ly7sp5w3m]{display:none}.distribution-panel[b-8ly7sp5w3m]{grid-template-columns:1fr}.distribution-values[b-8ly7sp5w3m]{grid-template-columns:repeat(2,1fr);padding:.5rem 0 0}.delta-chart[b-8ly7sp5w3m]{grid-template-columns:1fr}.delta-chart>div[b-8ly7sp5w3m]{grid-template-columns:repeat(3,1fr)}}

@media(min-width:1451px){.analytics-filters[b-8ly7sp5w3m]{grid-template-columns:1fr 1fr 1fr 1.35fr 1.35fr 1.15fr auto}}
.metric-card>svg polyline[b-8ly7sp5w3m]{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}
.delta-chart polyline[b-8ly7sp5w3m]{fill:none;stroke:var(--analytics-violet);stroke-width:2.2;vector-effect:non-scaling-stroke}

.analytics-dashboard[b-8ly7sp5w3m]{gap:.65rem}.analytics-heading h1[b-8ly7sp5w3m]{margin:0 0 .2rem;font-size:1.55rem}.analytics-heading p[b-8ly7sp5w3m]{font-size:.76rem}.analytics-filters[b-8ly7sp5w3m]{background:linear-gradient(135deg,rgba(15,32,50,.92),rgba(8,23,37,.92));border-color:rgba(87,120,150,.38)}.metric-card[b-8ly7sp5w3m],.analytics-panel[b-8ly7sp5w3m],.quality-card[b-8ly7sp5w3m],.analytics-footer[b-8ly7sp5w3m]{background:linear-gradient(145deg,rgba(14,34,51,.98),rgba(7,23,36,.98));border-color:rgba(79,113,143,.42);box-shadow:none}.metric-card[b-8ly7sp5w3m]{min-height:138px}.metric-card>strong[b-8ly7sp5w3m]{font-weight:700}.period-summary[b-8ly7sp5w3m]{display:grid;grid-template-columns:1.25fr repeat(5,auto) minmax(250px,1.25fr);align-items:center;gap:1rem;padding:.65rem 1rem;border:1px solid rgba(79,113,143,.48);border-radius:9px;background:linear-gradient(135deg,rgba(11,31,47,.98),rgba(8,25,39,.98));font-size:.63rem}.period-summary>div[b-8ly7sp5w3m]{display:grid;gap:.2rem}.period-summary>div strong[b-8ly7sp5w3m]{font-size:.7rem}.period-summary>div span[b-8ly7sp5w3m],.period-summary>span[b-8ly7sp5w3m]{color:var(--text-secondary)}.period-summary>span[b-8ly7sp5w3m]{padding-left:.85rem;border-left:1px solid rgba(117,143,166,.35);white-space:nowrap}.period-summary b[b-8ly7sp5w3m]{color:var(--text-primary)}.period-summary aside[b-8ly7sp5w3m]{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .7rem;border:1px solid rgba(47,130,255,.35);border-radius:7px;background:rgba(47,130,255,.1);color:#62a6ff}.period-summary aside i[b-8ly7sp5w3m]{font-size:1rem}.period-summary aside span[b-8ly7sp5w3m]{display:grid;gap:.2rem}.period-summary aside small[b-8ly7sp5w3m]{color:#86b9f4}.quality-card[b-8ly7sp5w3m]{min-height:94px}.analytics-footer[b-8ly7sp5w3m]{background:rgba(8,26,40,.96)}
@media(max-width:1450px){.period-summary[b-8ly7sp5w3m]{grid-template-columns:repeat(3,1fr)}.period-summary aside[b-8ly7sp5w3m]{grid-column:span 2}}
@media(max-width:700px){.period-summary[b-8ly7sp5w3m]{grid-template-columns:1fr}.period-summary aside[b-8ly7sp5w3m]{grid-column:auto}.period-summary>span[b-8ly7sp5w3m]{padding-left:0;border-left:0}}

.analytics-panel h2[b-8ly7sp5w3m]{display:flex;align-items:center;color:var(--text-primary);font-size:.7rem;font-weight:750}.panel-subtitle[b-8ly7sp5w3m]{margin-top:.18rem;color:var(--text-tertiary);font-size:.56rem}.distribution-panel .panel-subtitle[b-8ly7sp5w3m]{grid-column:1/-1}.metric-top .info-tooltip[b-8ly7sp5w3m]{margin-left:auto}.quality-card span[b-8ly7sp5w3m]{display:flex;align-items:center}.quality-card .info-tooltip[b-8ly7sp5w3m]{margin-left:auto}.stats-panel h2>i[b-8ly7sp5w3m]{position:relative;margin-left:.3rem;color:#8ea7bf;cursor:help}.stats-panel h2>i[b-8ly7sp5w3m]::after{content:"Promedio: valor medio. Mediana (P50): 50 % queda por debajo. Desviación estándar: dispersión alrededor del promedio. P25 y P75: 25 % y 75 % de las lecturas quedan por debajo.";position:absolute;z-index:100;left:0;top:1.2rem;width:290px;padding:.65rem .75rem;border:1px solid rgba(91,129,163,.65);border-radius:7px;background:#071827;color:#dce9f6;font-family:inherit;font-size:.64rem;font-weight:400;line-height:1.45;opacity:0;visibility:hidden;box-shadow:0 10px 28px rgba(0,0,0,.42)}.stats-panel h2>i:hover[b-8ly7sp5w3m]::after{opacity:1;visibility:visible}.stats-table>div:not(.header)>span[b-8ly7sp5w3m]::after{content:" ⓘ";color:#7893aa;font-size:.55rem}.stats-table>div:nth-child(3)>span[b-8ly7sp5w3m]{cursor:help}.stats-table>div:nth-child(3)>span:hover[b-8ly7sp5w3m]::before{content:"50 % de las lecturas se encuentra por debajo de este valor."}.stats-table>div:nth-child(7)>span:hover[b-8ly7sp5w3m]::before{content:"Indica cuánto varían las lecturas alrededor del promedio."}.stats-table>div:nth-child(8)>span:hover[b-8ly7sp5w3m]::before{content:"25 % de las lecturas se encuentra por debajo de este valor."}.stats-table>div:nth-child(9)>span:hover[b-8ly7sp5w3m]::before{content:"75 % de las lecturas se encuentra por debajo de este valor."}.stats-table>div>span[b-8ly7sp5w3m]::before{position:absolute;z-index:100;width:230px;margin-top:1.2rem;padding:.5rem .6rem;border:1px solid rgba(91,129,163,.65);border-radius:6px;background:#071827;color:#dce9f6;font-size:.62rem;line-height:1.4;box-shadow:0 8px 22px rgba(0,0,0,.4)}.stats-table>div>span[b-8ly7sp5w3m]{position:relative}
/* /Components/Pages/Legal.razor.rz.scp.css */
.legal-shell[b-fadf4zfaqf] {
    min-height: 100dvh;
    padding: clamp(1rem, 4vw, 3rem);
    background:
        radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--brand-accent), transparent 82%), transparent 34%),
        var(--app-bg);
    color: var(--text-primary);
}

.legal-card[b-fadf4zfaqf] {
    width: min(900px, 100%);
    margin: 0 auto;
    padding: clamp(1.2rem, 3vw, 2.5rem);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-2xl);
    background: var(--glass-surface);
    box-shadow: var(--shadow-lg);
}

.legal-brand[b-fadf4zfaqf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--glass-border);
}

.legal-brand img[b-fadf4zfaqf] { width: 2rem; height: 2rem; object-fit: contain; }
.legal-brand strong[b-fadf4zfaqf], .legal-brand small[b-fadf4zfaqf] { display: block; }
.legal-brand small[b-fadf4zfaqf] { color: var(--text-tertiary); }

.legal-content h1[b-fadf4zfaqf] { margin: 1.5rem 0 1rem; font-size: clamp(1.7rem, 4vw, 2.4rem); }
.legal-content h2[b-fadf4zfaqf] { margin: 1.5rem 0 0.5rem; font-size: 1.05rem; }
.legal-content p[b-fadf4zfaqf], .legal-content li[b-fadf4zfaqf] { color: var(--text-secondary); line-height: 1.7; }
.legal-content ul[b-fadf4zfaqf] { padding-left: 1.25rem; }

.legal-actions[b-fadf4zfaqf] {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--glass-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--text-tertiary);
}

.legal-actions button[b-fadf4zfaqf] {
    min-height: 2.6rem;
    padding: 0 1rem;
    border: 1px solid var(--brand-accent);
    border-radius: 10px;
    background: transparent;
    color: var(--brand-accent);
    font-weight: 700;
}

@media (max-width: 600px) {
    .legal-actions[b-fadf4zfaqf] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-pmh05evmbh] {
    /* The login artwork is always dark, so its text must not inherit the
       persisted application theme. */
    --text-primary: #eef4fc;
    --text-secondary: #bfd0df;
    --text-tertiary: #8fa2b4;
    color: var(--text-primary);
    height: 100dvh;
    display: grid;
    grid-template-columns: minmax(0, 59.5fr) minmax(34rem, 40.5fr);
    grid-template-rows: minmax(0, 1fr) 4.15rem;
    background:
        radial-gradient(circle at 69% 50%, rgba(8, 28, 48, .15), transparent 32%),
        linear-gradient(90deg, rgba(2, 8, 18, .04) 0%, rgba(2, 8, 18, .18) 52%, rgba(2, 8, 18, .62) 100%),
        var(--tenant-login-wallpaper, url("/images/login/wallpaper_login.png")) center / cover no-repeat,
        var(--app-bg);
}

.login-shell.tenant-wallpaper[b-pmh05evmbh] {
    background:
        radial-gradient(circle at 69% 50%, rgba(8, 28, 48, .15), transparent 32%),
        linear-gradient(90deg, rgba(2, 8, 18, .04) 0%, rgba(2, 8, 18, .18) 52%, rgba(2, 8, 18, .62) 100%),
        url("/images/login/wallpaper_andonn.png") center / cover no-repeat,
        var(--app-bg);
}

.login-shell.custom-wallpaper[b-pmh05evmbh] {
    background:
        radial-gradient(circle at 69% 50%, rgba(8, 28, 48, .15), transparent 32%),
        linear-gradient(90deg, rgba(2, 8, 18, .04) 0%, rgba(2, 8, 18, .18) 52%, rgba(2, 8, 18, .62) 100%),
        var(--tenant-login-wallpaper) left center / auto 100% no-repeat,
        #010814;
}

.login-visual[b-pmh05evmbh] {
    position: relative;
    overflow: hidden;
    padding: clamp(2rem, 4vw, 4.6rem);
    display: grid;
    align-content: end;
    gap: 1rem;
    background:
        linear-gradient(0deg, rgba(1, 6, 14, .72) 0%, rgba(1, 6, 14, .12) 58%, transparent 100%);
}

.visual-grid[b-pmh05evmbh] {
    position: absolute;
    inset: 0;
    content: "";
}

.visual-grid[b-pmh05evmbh]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 48%, rgba(224, 15, 38, .1), transparent 34%);
}

.visual-copy[b-pmh05evmbh] {
    position: relative;
    z-index: 1;
    max-width: 64ch;
    margin-bottom: 0;
    width: fit-content;
    padding: 1.05rem 1.15rem 1.15rem;
    border: 1px solid rgba(205, 218, 235, .24);
    border-radius: 18px;
    background:
        linear-gradient(120deg, rgba(36, 13, 24, .32), rgba(3, 13, 25, .22) 66%, rgba(3, 13, 25, .12));
    box-shadow:
        inset 1px 1px 1px rgba(255, 255, 255, .08),
        0 18px 40px rgba(0, 0, 0, .18);
    backdrop-filter: blur(6px) saturate(1.12);
    -webkit-backdrop-filter: blur(6px) saturate(1.12);
}

.visual-copy h1[b-pmh05evmbh] {
    margin: 0;
    max-width: 28ch;
    font-size: clamp(2rem, 2.2vw, 2.55rem);
    line-height: 1.15;
    letter-spacing: 0;
}

.visual-copy h1 span[b-pmh05evmbh] {
    color: #ff2d55;
    text-shadow: 0 0 18px rgb(255 45 85 / 28%);
}


.visual-copy p[b-pmh05evmbh] {
    color: var(--text-secondary);
    max-width: 50ch;
    margin: .35rem 0 0;
    font-size: clamp(.92rem, 1.05vw, 1.12rem);
    line-height: 1.45;
}

.visual-copy ul[b-pmh05evmbh] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.visual-copy li[b-pmh05evmbh] {
    border: 1px solid rgba(205, 218, 235, .28);
    background:
        linear-gradient(120deg, rgba(35, 12, 22, .3), rgba(5, 16, 29, .2) 65%, rgba(5, 16, 29, .12));
    border-radius: 10px;
    width: clamp(132px, 10vw, 158px);
    min-height: 3.5rem;
    padding: 0.55rem 0.75rem;
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    line-height: 1.25;
    gap: 0.65rem;
    box-shadow:
        inset 1px 1px 1px rgba(255, 255, 255, .07),
        0 10px 24px rgba(0, 0, 0, .14);
    backdrop-filter: blur(5px) saturate(1.1);
    -webkit-backdrop-filter: blur(5px) saturate(1.1);
}

.visual-copy li[b-pmh05evmbh]  .app-icon {
    flex: 0 0 auto;
}

.visual-copy li:nth-child(1)[b-pmh05evmbh]  .app-icon {
    color: #ff3154;
}

.visual-copy li:nth-child(2)[b-pmh05evmbh]  .app-icon {
    color: #946cff;
}

.visual-copy li:nth-child(3)[b-pmh05evmbh]  .app-icon {
    color: #37c7bd;
}

.login-form-wrap[b-pmh05evmbh] {
    display: grid;
    place-items: center;
    padding: 1.45rem 1.5rem 1.95rem;
    background: linear-gradient(90deg, transparent 0%, rgba(1, 6, 14, .16) 44%, rgba(1, 6, 14, .34) 100%);
}

.login-card[b-pmh05evmbh] {
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    width: min(440px, 100%);
    min-height: min(480px, calc(100dvh - 7rem));
    height: auto;
    border: 1px solid rgba(205, 218, 235, .6);
    border-radius: 30px;
    background:
        linear-gradient(116deg, rgba(122, 127, 146, .22) 0%, rgba(15, 28, 45, .34) 29%, rgba(2, 15, 29, .5) 100%);
    box-shadow:
        -18px 16px 44px rgba(239, 30, 43, .22),
        inset 1px 1px 1px rgba(255, 255, 255, .22),
        inset -1px -1px 1px rgba(118, 147, 178, .12),
        0 22px 60px rgba(0, 0, 0, .32);
    backdrop-filter: blur(7px) saturate(1.2);
    -webkit-backdrop-filter: blur(7px) saturate(1.2);
    padding: clamp(1.15rem, 1.55vw, 1.55rem);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: .72rem;
    animation: fade-in-up 300ms ease;
    transform: translateX(clamp(-3.5rem, -3vw, -2rem));
}

.login-card[b-pmh05evmbh]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 1px;
    border-radius: 29px;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 0% 4%, rgba(255, 239, 246, .2), transparent 22%),
        radial-gradient(ellipse at 6% 64%, rgba(255, 38, 62, .16), transparent 25%),
        linear-gradient(112deg, rgba(255, 255, 255, .055), transparent 20%);
}

.login-card > *[b-pmh05evmbh] {
    position: relative;
    z-index: 1;
}

.login-card[b-pmh05evmbh]::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 22%;
    height: 72%;
    left: -1px;
    top: 15%;
    border-radius: 30px 0 0 30px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 36, 58, .24), transparent);
    filter: blur(16px);
    opacity: .85;
}

.tenant-card[b-pmh05evmbh] {
    width: min(390px, 100%);
    min-height: 0;
    grid-template-rows: auto auto auto auto;
    gap: .8rem;
}

.tenant-card footer[b-pmh05evmbh] {
    margin-top: 2.25rem;
}

.brand[b-pmh05evmbh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.brand-logo[b-pmh05evmbh] {
    width: 2.15rem;
    height: 2.15rem;
    object-fit: contain;
    border-radius: 0.5rem;
    filter: drop-shadow(0 0 10px rgba(255, 38, 38, .45));
}

.brand strong[b-pmh05evmbh] {
    display: block;
    line-height: 1;
    font-size: .95rem;
}

.brand small[b-pmh05evmbh] {
    color: var(--text-tertiary);
    font-size: 0.72rem;
}

.login-card header h2[b-pmh05evmbh] {
    margin: 0;
    font-size: clamp(1.25rem, 1.5vw, 1.55rem);
}

.login-card header p[b-pmh05evmbh] {
    margin: 0.25rem 0 0;
    color: var(--text-secondary);
}

.field-group[b-pmh05evmbh] {
    display: grid;
    gap: 0.35rem;
}

.field-group label[b-pmh05evmbh] {
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.field-shell[b-pmh05evmbh] {
    min-height: 2.7rem;
    border-radius: 12px;
    border: 1px solid rgba(169, 185, 205, .48);
    background: rgba(7, 18, 32, .2);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .035);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.65rem;
}

.field-shell[b-pmh05evmbh]  input {
    width: 100%;
    border: 0;
    outline: none;
    appearance: none;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    caret-color: var(--brand-accent);
    min-height: 2rem;
    box-shadow: none !important;
    -webkit-text-fill-color: var(--text-primary);
}

.field-shell[b-pmh05evmbh]  input::placeholder {
    color: var(--text-tertiary);
    opacity: 1;
}

.field-shell[b-pmh05evmbh]  input:-webkit-autofill,
.field-shell[b-pmh05evmbh]  input:-webkit-autofill:hover,
.field-shell[b-pmh05evmbh]  input:-webkit-autofill:focus {
    border: 0;
    -webkit-text-fill-color: var(--text-primary);
    -webkit-box-shadow: 0 0 0 1000px rgba(7, 18, 32, .16) inset !important;
    transition: background-color 9999s ease-out 0s;
}

.field-shell:focus-within[b-pmh05evmbh] {
    border-color: color-mix(in srgb, var(--brand-accent), white 25%);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-accent), transparent 72%);
}

.field-shell.invalid[b-pmh05evmbh] {
    border-color: color-mix(in srgb, var(--state-critical), transparent 20%);
}

.tenant-submit[b-pmh05evmbh] {
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 15%);
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    background: var(--brand-accent);
    color: var(--on-accent);
    box-shadow: 0 5px 14px color-mix(in srgb, var(--brand-accent), transparent 70%);
    transition: transform 160ms ease, filter 160ms ease;
}

.tenant-submit svg[b-pmh05evmbh] {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tenant-submit:hover:not(:disabled)[b-pmh05evmbh],
.tenant-submit:focus-visible[b-pmh05evmbh] {
    filter: brightness(1.08);
    transform: translateX(1px);
}

.tenant-submit:focus-visible[b-pmh05evmbh] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.tenant-submit:disabled[b-pmh05evmbh] {
    cursor: wait;
    opacity: 0.7;
}

.tenant-spinner[b-pmh05evmbh] {
    width: 0.9rem;
    height: 0.9rem;
    border: 2px solid color-mix(in srgb, var(--on-accent), transparent 55%);
    border-top-color: var(--on-accent);
    border-radius: 50%;
    animation: tenant-spin-b-pmh05evmbh 700ms linear infinite;
}

@keyframes tenant-spin-b-pmh05evmbh {
    to { transform: rotate(360deg); }
}

.toggle-pass[b-pmh05evmbh] {
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    font-size: 0.78rem;
    min-height: 2rem;
}

.error-msg[b-pmh05evmbh] {
    color: var(--state-critical);
    font-size: 0.75rem;
}

.form-meta[b-pmh05evmbh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.form-meta a[b-pmh05evmbh] {
    color: var(--brand-accent);
    text-decoration: none;
    font-size: 0.83rem;
}

.form-meta a:hover[b-pmh05evmbh],
.form-meta a:focus-visible[b-pmh05evmbh] {
    color: color-mix(in srgb, var(--brand-accent-strong), var(--text-primary) 24%);
}

.form-meta a:focus-visible[b-pmh05evmbh] {
    box-shadow: 0 0 0 2px var(--focus-ring);
    border-radius: 8px;
}

.remember[b-pmh05evmbh] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
    color: var(--text-secondary);
}

.primary-login[b-pmh05evmbh] {
    min-height: 2.9rem;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 25%);
    background: linear-gradient(135deg, var(--brand-accent), var(--brand-accent-strong));
    color: var(--on-accent);
    font-weight: 700;
}

.login-actions[b-pmh05evmbh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.credential-submit[b-pmh05evmbh] {
    margin-left: 0.1rem;
}

.tenant-name[b-pmh05evmbh] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--brand-accent);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tenant-logo-wrap[b-pmh05evmbh] {
    width: 100%;
    min-height: 4.5rem;
    margin: .15rem 0 .65rem;
    display: grid;
    place-items: center;
}

.tenant-logo[b-pmh05evmbh] {
    display: block;
    width: auto;
    height: auto;
    max-width: min(15rem, 78%);
    max-height: 5.75rem;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28));
}

.company-welcome[b-pmh05evmbh] {
    text-align: center;
}

.credentials-wallpaper[b-pmh05evmbh] {
    --login-orange: #f89434;
    --login-orange-soft: color-mix(in srgb, #f89434, white 24%);
    --login-blue: #58585a;
    --login-blue-soft: color-mix(in srgb, #58585a, white 22%);
}

.credentials-wallpaper .login-card[b-pmh05evmbh] {
    border-color: color-mix(in srgb, var(--login-orange) 46%, rgba(205, 218, 235, .55));
    box-shadow:
        -18px 16px 44px color-mix(in srgb, var(--login-orange) 18%, transparent),
        18px 12px 46px color-mix(in srgb, var(--login-blue) 12%, transparent),
        inset 1px 1px 1px rgba(255, 255, 255, .22),
        0 22px 60px rgba(0, 0, 0, .32);
}

.credentials-wallpaper .login-card[b-pmh05evmbh]::after {
    background: linear-gradient(90deg, color-mix(in srgb, var(--login-orange), transparent 72%), transparent);
}

.credentials-wallpaper .visual-copy[b-pmh05evmbh] {
    border-color: rgba(174, 198, 228, .32);
    background: linear-gradient(120deg, rgba(5, 18, 34, .78), rgba(3, 15, 29, .55));
}

.credentials-wallpaper .visual-copy h1 span[b-pmh05evmbh] {
    color: var(--login-orange);
    text-shadow: 0 0 18px color-mix(in srgb, var(--login-orange), transparent 68%);
}

.credentials-wallpaper .visual-copy p[b-pmh05evmbh]::after {
    content: "";
    display: block;
    width: 3rem;
    height: 2px;
    margin-top: .75rem;
    border-radius: 999px;
    background: var(--login-orange);
}

.credentials-wallpaper .visual-copy li:nth-child(1)[b-pmh05evmbh]  .app-icon {
    color: var(--login-orange);
}

.credentials-wallpaper .visual-copy li:nth-child(2)[b-pmh05evmbh]  .app-icon {
    color: var(--login-blue-soft);
}

.credentials-wallpaper .company-welcome strong[b-pmh05evmbh] {
    color: var(--login-orange);
    font: inherit;
    font-weight: 800;
}

.credentials-wallpaper .company-welcome + p[b-pmh05evmbh] {
    position: relative;
    width: fit-content;
    margin-inline: auto;
    padding-inline: 3rem;
}

.credentials-wallpaper .company-welcome + p[b-pmh05evmbh]::before,
.credentials-wallpaper .company-welcome + p[b-pmh05evmbh]::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 2.25rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--login-orange));
}

.credentials-wallpaper .company-welcome + p[b-pmh05evmbh]::before {
    left: .25rem;
}

.credentials-wallpaper .company-welcome + p[b-pmh05evmbh]::after {
    right: .25rem;
    transform: rotate(180deg);
}

.credentials-wallpaper .field-shell:focus-within[b-pmh05evmbh] {
    border-color: var(--login-orange-soft);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--login-orange), transparent 72%);
}

.credentials-wallpaper .field-shell[b-pmh05evmbh]  input:focus,
.credentials-wallpaper .field-shell[b-pmh05evmbh]  input:focus-visible {
    border: 0 !important;
    box-shadow: none !important;
}

.credentials-wallpaper .credential-submit[b-pmh05evmbh] {
    border-color: var(--login-orange-soft);
    background: linear-gradient(135deg, var(--login-orange-soft), var(--login-orange));
    box-shadow: 0 5px 18px color-mix(in srgb, var(--login-orange), transparent 58%);
}

.credentials-wallpaper :is(.form-meta a, .change-tenant, .toggle-pass)[b-pmh05evmbh] {
    color: var(--login-blue);
}

.credentials-wallpaper :is(.form-meta a, .change-tenant, .toggle-pass):hover[b-pmh05evmbh],
.credentials-wallpaper :is(.form-meta a, .change-tenant, .toggle-pass):focus-visible[b-pmh05evmbh] {
    color: var(--login-blue-soft);
}

.credentials-wallpaper .change-tenant[b-pmh05evmbh] {
    color: #ffffff;
}

.credentials-wallpaper .change-tenant:hover[b-pmh05evmbh],
.credentials-wallpaper .change-tenant:focus-visible[b-pmh05evmbh] {
    color: #f89434;
}

.credentials-wallpaper .remember[b-pmh05evmbh]  input {
    accent-color: var(--login-orange);
}

.credentials-wallpaper .login-card footer[b-pmh05evmbh] {
    padding-top: .7rem;
    border-top: 1px solid rgba(166, 190, 219, .25);
}

.credentials-wallpaper .login-card footer strong[b-pmh05evmbh] {
    color: var(--text-primary);
    font-weight: 600;
}

.credentials-wallpaper .login-card footer small[b-pmh05evmbh]::after {
    content: "";
    display: inline-block;
    width: .42rem;
    height: .42rem;
    margin-left: .45rem;
    border-radius: 50%;
    background: var(--login-orange);
    box-shadow: 0 0 8px color-mix(in srgb, var(--login-orange), transparent 35%);
}

.credentials-wallpaper .login-legal-footer[b-pmh05evmbh] {
    border-color: rgba(155, 180, 211, .28);
    background: linear-gradient(90deg, rgba(4, 19, 36, .88), rgba(2, 15, 29, .94));
}

.company-welcome + p[b-pmh05evmbh] {
    text-align: center;
}

.change-tenant[b-pmh05evmbh] {
    min-height: 2.4rem;
    border: 0;
    background: transparent;
    color: var(--brand-accent);
    font-weight: 650;
    padding: 0.35rem 0.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.change-tenant svg[b-pmh05evmbh] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.change-tenant:hover[b-pmh05evmbh],
.change-tenant:focus-visible[b-pmh05evmbh] {
    color: color-mix(in srgb, var(--brand-accent-strong), var(--text-primary) 24%);
}

.primary-login:hover[b-pmh05evmbh],
.primary-login:focus-visible[b-pmh05evmbh] {
    filter: saturate(1.07) brightness(1.04);
}

.primary-login:active[b-pmh05evmbh] {
    filter: saturate(1.12) brightness(0.98);
}

.primary-login:focus-visible[b-pmh05evmbh] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.login-card footer[b-pmh05evmbh] {
    display: flex;
    justify-content: space-between;
    color: var(--text-tertiary);
    font-size: 0.75rem;
    margin-top: auto;
}

.login-legal-footer[b-pmh05evmbh] {
    grid-column: 1 / -1;
    min-height: 4.15rem;
    padding: 0.65rem clamp(1rem, 3vw, 2.5rem);
    border: 1px solid rgba(166, 180, 199, .3);
    border-radius: 11px 11px 0 0;
    background: linear-gradient(90deg, rgba(45, 14, 24, .28), rgba(4, 15, 28, .42) 58%);
    backdrop-filter: blur(9px) saturate(1.15);
    -webkit-backdrop-filter: blur(9px) saturate(1.15);
    color: var(--text-tertiary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.82rem;
}

.login-legal-footer nav[b-pmh05evmbh] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}

.login-legal-footer a[b-pmh05evmbh] {
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 650;
}

.login-legal-footer a:hover[b-pmh05evmbh],
.login-legal-footer a:focus-visible[b-pmh05evmbh] {
    color: var(--brand-accent);
}

@media (max-width: 1199px) {
    .login-shell[b-pmh05evmbh] {
        height: auto;
        min-height: 100dvh;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        background-position: 38% center;
    }

    .login-shell.custom-wallpaper[b-pmh05evmbh] {
        background:
            radial-gradient(circle at 69% 50%, rgba(8, 28, 48, .15), transparent 32%),
            linear-gradient(90deg, rgba(2, 8, 18, .04) 0%, rgba(2, 8, 18, .18) 52%, rgba(2, 8, 18, .62) 100%),
            var(--tenant-login-wallpaper) left top / 100% auto no-repeat,
            #010814;
    }

    .login-visual[b-pmh05evmbh] {
        min-height: 34dvh;
        align-content: end;
    }

    .login-form-wrap[b-pmh05evmbh] {
        padding-top: 0;
    }

    .login-card[b-pmh05evmbh] {
        height: auto;
        min-height: 0;
        transform: none;
    }
}

@media (max-width: 767px) {
    .login-shell[b-pmh05evmbh] {
        background-position: 32% center;
    }

    .login-visual[b-pmh05evmbh] {
        min-height: 22dvh;
        padding: 1.2rem;
    }

    .visual-copy p[b-pmh05evmbh],
    .visual-copy ul[b-pmh05evmbh] {
        display: none;
    }

    .login-form-wrap[b-pmh05evmbh] {
        align-items: start;
        padding: 0.9rem;
        padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    }

    .field-shell[b-pmh05evmbh],
    .primary-login[b-pmh05evmbh],
    .toggle-pass[b-pmh05evmbh],
    .field-shell[b-pmh05evmbh]  input {
        min-height: 44px;
    }

    .login-actions[b-pmh05evmbh] {
        justify-content: center;
    }

    .login-legal-footer[b-pmh05evmbh] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Machines.razor.rz.scp.css */
.machines-page[b-uqjlxoklga] {
    min-width: 0;
}

.machines-page :deep(.glass-panel-content)[b-uqjlxoklga] {
    display: grid;
    gap: 1rem;
}

.machines-page-copy h2[b-uqjlxoklga] {
    margin: 0;
    font-size: clamp(1.1rem, 1vw + 0.95rem, 1.6rem);
}

.machines-page-copy p[b-uqjlxoklga] {
    margin: 0.55rem 0 0;
    color: var(--text-secondary);
    max-width: 64ch;
}

.machine-cards[b-uqjlxoklga] {
    display: grid;
    gap: 0.9rem;
}

.machine-card[b-uqjlxoklga] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: calc(var(--radius-xl) - 0.2rem);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 8%), color-mix(in srgb, var(--glass-surface), transparent 18%));
}

.machine-card-main[b-uqjlxoklga],
.machine-card-copy[b-uqjlxoklga] {
    min-width: 0;
}

.machine-card-main[b-uqjlxoklga] {
    display: grid;
    gap: 0.85rem;
}

.machine-badge[b-uqjlxoklga] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: fit-content;
    min-height: 2rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: var(--text-secondary);
    font-size: 0.82rem;
}

.machine-card-copy h3[b-uqjlxoklga] {
    margin: 0;
    font-size: 1rem;
}

.machine-card-copy p[b-uqjlxoklga] {
    margin: 0.4rem 0 0;
    color: var(--text-secondary);
}

.machine-card-actions[b-uqjlxoklga] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.machine-link[b-uqjlxoklga] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 28%);
    background: color-mix(in srgb, var(--brand-accent), transparent 82%);
    color: var(--text-primary);
    text-decoration: none;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.machine-link:hover[b-uqjlxoklga],
.machine-link:focus-visible[b-uqjlxoklga] {
    background: color-mix(in srgb, var(--brand-accent), transparent 74%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 12%);
}

.machine-link-live[b-uqjlxoklga] {
    border-color: color-mix(in srgb, var(--brand-accent-strong), transparent 20%);
    background: color-mix(in srgb, var(--brand-accent-strong), transparent 78%);
}

.machine-link-live:hover[b-uqjlxoklga],
.machine-link-live:focus-visible[b-uqjlxoklga] {
    background: color-mix(in srgb, var(--brand-accent-strong), transparent 70%);
    border-color: color-mix(in srgb, var(--brand-accent-strong), transparent 8%);
}

.machine-link-historical[b-uqjlxoklga] {
    border-color: color-mix(in srgb, #c48a2f, transparent 24%);
    background: color-mix(in srgb, #c48a2f, transparent 82%);
}

.machine-link-historical:hover[b-uqjlxoklga],
.machine-link-historical:focus-visible[b-uqjlxoklga] {
    background: color-mix(in srgb, #c48a2f, transparent 72%);
    border-color: color-mix(in srgb, #c48a2f, transparent 10%);
}

@media (prefers-reduced-motion: reduce) {
    .machine-link[b-uqjlxoklga] {
        transition: none;
    }
}

@media (max-width: 767px) {
    .machine-card[b-uqjlxoklga] {
        flex-direction: column;
        align-items: stretch;
    }

    .machine-link[b-uqjlxoklga] {
        width: 100%;
    }

    .machine-card-actions[b-uqjlxoklga] {
        width: 100%;
    }
}
/* /Components/Pages/Maintenance.razor.rz.scp.css */
.maintenance-calendar-page[b-g12o4s9p0o]{display:grid;gap:14px;width:100%;padding:4px;color:var(--text-primary)}.calendar-heading h1[b-g12o4s9p0o]{margin:0;font-size:clamp(1.45rem,2.2vw,2rem)}.calendar-heading p[b-g12o4s9p0o]{margin:3px 0 0;color:var(--text-secondary);font-size:.82rem}.calendar-toolbar[b-g12o4s9p0o]{display:grid;grid-template-columns:auto repeat(4,minmax(120px,1fr)) auto auto;align-items:end;gap:10px;padding:12px 0;border-top:1px solid var(--glass-border)}.view-switch[b-g12o4s9p0o]{display:flex;height:40px;border:1px solid var(--control-border);border-radius:8px;overflow:hidden}.view-switch button[b-g12o4s9p0o]{min-width:64px;border:0;border-right:1px solid var(--control-border);background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.72rem;font-weight:700}.view-switch button:last-child[b-g12o4s9p0o]{border-right:0}.view-switch button.active[b-g12o4s9p0o]{background:#1d3153;color:#fff}.calendar-toolbar label[b-g12o4s9p0o]{display:grid;gap:3px}.calendar-toolbar label span[b-g12o4s9p0o]{color:var(--text-secondary);font-size:.62rem}.calendar-toolbar select[b-g12o4s9p0o]{height:40px;padding:0 10px;border:1px solid var(--control-border);border-radius:8px;background:var(--control-bg);color:var(--text-primary);font:inherit}.new-order[b-g12o4s9p0o],.refresh[b-g12o4s9p0o]{height:40px;white-space:nowrap}.calendar-card[b-g12o4s9p0o],.calendar-summary[b-g12o4s9p0o]{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-surface);box-shadow:var(--shadow-sm)}.calendar-shell[b-g12o4s9p0o]{padding:0;overflow:hidden}.month-bar[b-g12o4s9p0o]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px}.month-navigation[b-g12o4s9p0o]{display:flex;align-items:center;gap:14px}.month-navigation button[b-g12o4s9p0o]{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--control-border);border-radius:8px;background:var(--control-bg);color:var(--text-primary)}.month-navigation strong[b-g12o4s9p0o]{min-width:145px;text-transform:capitalize}.status-key[b-g12o4s9p0o]{display:flex;flex-wrap:wrap;gap:18px;font-size:.66rem}.status-key span[b-g12o4s9p0o]{display:flex;align-items:center;gap:6px}.status-key i[b-g12o4s9p0o]{width:9px;height:9px;border-radius:50%}.scheduled[b-g12o4s9p0o]{--status:#3b82f6}.inprogress[b-g12o4s9p0o]{--status:#f59e0b}.overdue[b-g12o4s9p0o]{--status:#ef4055}.completed[b-g12o4s9p0o]{--status:#178a46}.cancelled[b-g12o4s9p0o]{--status:#94a3b8}.status-key i[b-g12o4s9p0o]{background:var(--status)}.calendar-weekdays[b-g12o4s9p0o],.calendar-month[b-g12o4s9p0o]{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr))}.calendar-weekdays[b-g12o4s9p0o]{border-top:1px solid var(--glass-border)}.calendar-weekdays span[b-g12o4s9p0o]{padding:9px;text-align:center;font-size:.68rem;font-weight:700}.calendar-day[b-g12o4s9p0o]{position:relative;min-height:130px;padding:8px;border-top:1px solid var(--glass-border);border-right:1px solid var(--glass-border);background:color-mix(in srgb,var(--glass-surface),transparent 12%)}.calendar-day:nth-child(7n)[b-g12o4s9p0o]{border-right:0}.calendar-day.outside[b-g12o4s9p0o]{color:var(--text-tertiary);background:color-mix(in srgb,var(--control-bg),transparent 35%)}.calendar-day.today[b-g12o4s9p0o]{background:color-mix(in srgb,#3b82f6,transparent 92%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#3b82f6,transparent 45%)}.day-number[b-g12o4s9p0o]{margin-bottom:5px;font-size:.68rem;font-weight:700}.today .day-number[b-g12o4s9p0o]{display:grid;place-items:center;width:22px;height:22px;margin-top:-3px;border-radius:50%;background:#3b82f6;color:#fff}.calendar-event[b-g12o4s9p0o]{display:grid;width:100%;gap:2px;margin:4px 0;padding:7px;border:0;border-left:3px solid var(--status);border-radius:6px;background:color-mix(in srgb,var(--status),transparent 90%);color:var(--text-primary);text-align:left;font:inherit;cursor:pointer}.calendar-event time[b-g12o4s9p0o]{color:var(--status);font-size:.62rem;font-weight:700}.calendar-event strong[b-g12o4s9p0o]{overflow:hidden;font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.calendar-event span[b-g12o4s9p0o]{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:.58rem}.calendar-event span i[b-g12o4s9p0o]{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--glass-border);border-radius:50%;background:var(--floating-surface);color:var(--text-primary);font-size:.5rem;font-style:normal}.quick-create[b-g12o4s9p0o]{position:absolute;inset:auto 8px 12px;width:calc(100% - 16px);border:0;background:transparent;color:#2563eb;font:inherit;font-size:.62rem;font-weight:700}.calendar-agenda[b-g12o4s9p0o]{display:grid;gap:8px;padding:14px}.agenda-order[b-g12o4s9p0o]{display:grid;grid-template-columns:120px 1fr 1fr 100px;gap:12px;padding:12px;border:1px solid var(--glass-border);border-left:4px solid var(--status);border-radius:8px;background:var(--control-bg);color:var(--text-primary);text-align:left}.agenda-order em[b-g12o4s9p0o]{color:var(--status);font-style:normal}.calendar-summary[b-g12o4s9p0o]{display:grid;grid-template-columns:repeat(5,1fr) 1.45fr;gap:8px;padding:12px}.calendar-summary article[b-g12o4s9p0o]{display:flex;align-items:center;gap:10px;min-height:76px;padding:10px;border:1px solid var(--glass-border);border-radius:8px;background:color-mix(in srgb,var(--glass-surface),transparent 7%)}.calendar-summary article>i[b-g12o4s9p0o]{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:color-mix(in srgb,var(--status),transparent 86%);color:var(--status);font-size:1.2rem}.calendar-summary article div[b-g12o4s9p0o]{display:grid}.calendar-summary strong[b-g12o4s9p0o]{color:var(--status);font-size:1.25rem;line-height:1}.calendar-summary b[b-g12o4s9p0o]{font-size:.68rem}.calendar-summary span[b-g12o4s9p0o]{color:var(--text-secondary);font-size:.55rem}.calendar-summary .today-summary[b-g12o4s9p0o]{justify-content:space-between;background:color-mix(in srgb,#3b82f6,transparent 91%)}.calendar-summary .today-summary strong[b-g12o4s9p0o]{color:#2563eb}.create-order-form[b-g12o4s9p0o],.order-detail[b-g12o4s9p0o]{padding:16px}.form-title[b-g12o4s9p0o]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.form-title h2[b-g12o4s9p0o]{margin:0;font-size:1.1rem}.form-title p[b-g12o4s9p0o]{margin:3px 0 12px;color:var(--text-secondary);font-size:.7rem}.icon-close[b-g12o4s9p0o]{border:0;background:transparent;color:var(--text-primary);font-size:1.25rem}.form-grid[b-g12o4s9p0o],.execution-grid[b-g12o4s9p0o]{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.form-grid label[b-g12o4s9p0o],.execution-grid label[b-g12o4s9p0o]{display:grid;gap:5px;font-size:.7rem}.form-grid input[b-g12o4s9p0o],.form-grid select[b-g12o4s9p0o],.form-grid textarea[b-g12o4s9p0o],.execution-grid input[b-g12o4s9p0o],.execution-grid select[b-g12o4s9p0o],.execution-grid textarea[b-g12o4s9p0o],.detail-actions input[b-g12o4s9p0o]{width:100%;padding:9px;border:1px solid var(--control-border);border-radius:8px;background:var(--control-bg);color:var(--text-primary);font:inherit}.form-grid textarea[b-g12o4s9p0o],.execution-grid textarea[b-g12o4s9p0o]{min-height:70px}.form-grid small[b-g12o4s9p0o]{color:var(--text-secondary)}.form-actions[b-g12o4s9p0o],.detail-actions[b-g12o4s9p0o]{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px}.detail-actions input[b-g12o4s9p0o]{max-width:320px}.maintenance-row[b-g12o4s9p0o]{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--glass-border)}.empty-calendar[b-g12o4s9p0o]{padding:30px;text-align:center;color:var(--text-secondary)}@media(max-width:1200px){.calendar-toolbar[b-g12o4s9p0o]{grid-template-columns:repeat(4,1fr)}.view-switch[b-g12o4s9p0o]{grid-column:1/-1}.calendar-summary[b-g12o4s9p0o]{grid-template-columns:repeat(3,1fr)}.calendar-month[b-g12o4s9p0o],.calendar-weekdays[b-g12o4s9p0o]{min-width:900px}.calendar-shell[b-g12o4s9p0o]{overflow:auto}}@media(max-width:700px){.calendar-toolbar[b-g12o4s9p0o],.calendar-summary[b-g12o4s9p0o],.form-grid[b-g12o4s9p0o],.execution-grid[b-g12o4s9p0o]{grid-template-columns:1fr}.month-bar[b-g12o4s9p0o]{align-items:flex-start;flex-direction:column}.status-key[b-g12o4s9p0o]{gap:10px}.new-order[b-g12o4s9p0o],.refresh[b-g12o4s9p0o]{width:100%}.calendar-summary .today-summary[b-g12o4s9p0o]{grid-column:auto}}
.calendar-day[b-g12o4s9p0o]{cursor:pointer}.calendar-day.selected-day[b-g12o4s9p0o]{background:color-mix(in srgb,var(--brand-accent),transparent 91%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand-accent),transparent 35%)}
.day-schedule[b-g12o4s9p0o]{border-top:1px solid var(--glass-border);background:color-mix(in srgb,var(--glass-surface),transparent 4%)}.day-schedule>header[b-g12o4s9p0o]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid var(--glass-border)}.day-schedule>header span[b-g12o4s9p0o]{color:var(--text-secondary);font-size:.6rem}.day-schedule>header h2[b-g12o4s9p0o]{margin:3px 0 0;font-size:1rem;text-transform:capitalize}.schedule-actions[b-g12o4s9p0o]{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.schedule-actions>span[b-g12o4s9p0o]{display:flex;align-items:center;gap:5px}.schedule-actions>span i[b-g12o4s9p0o]{width:8px;height:8px;border-radius:50%}.plan-origin[b-g12o4s9p0o]{background:#3b82f6}.manual-origin[b-g12o4s9p0o]{background:#20a873}
.schedule-grid[b-g12o4s9p0o]{display:grid}.schedule-hour[b-g12o4s9p0o]{display:grid;grid-template-columns:72px minmax(0,1fr);min-height:72px}.schedule-hour>time[b-g12o4s9p0o]{padding:9px 12px;border-right:1px solid var(--glass-border);color:var(--text-secondary);font-size:.62rem;font-weight:700}.hour-lane[b-g12o4s9p0o]{position:relative;border-bottom:1px solid var(--glass-border);background-image:linear-gradient(90deg,color-mix(in srgb,var(--glass-border),transparent 55%) 1px,transparent 1px);background-size:25% 100%}.schedule-event[b-g12o4s9p0o]{position:absolute;z-index:1;top:var(--event-top);left:calc(var(--event-left) + 4px);width:calc(var(--event-width) - 8px);min-height:var(--event-height);display:grid;align-content:start;gap:2px;padding:7px 9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--event-color),transparent 64%);border-left:3px solid var(--event-color);border-radius:7px;background:color-mix(in srgb,var(--event-color),var(--glass-surface) 88%);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-sm)}.schedule-event.plan[b-g12o4s9p0o]{--event-color:#3b82f6}.schedule-event.manual[b-g12o4s9p0o]{--event-color:#20a873}.schedule-event.overdue[b-g12o4s9p0o]{box-shadow:inset 0 0 0 1px var(--state-error)}.schedule-event time[b-g12o4s9p0o]{color:var(--event-color);font-size:.58rem;font-weight:800}.schedule-event strong[b-g12o4s9p0o]{overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.schedule-event span[b-g12o4s9p0o]{overflow:hidden;color:var(--text-secondary);font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.empty-day[b-g12o4s9p0o]{margin:0;padding:24px;text-align:center;color:var(--text-secondary);font-size:.68rem}
@media(max-width:700px){.day-schedule>header[b-g12o4s9p0o]{align-items:flex-start;flex-direction:column}.schedule-actions[b-g12o4s9p0o]{width:100%}.schedule-actions button[b-g12o4s9p0o]{width:100%}.schedule-hour[b-g12o4s9p0o]{grid-template-columns:52px minmax(500px,1fr)}.schedule-grid[b-g12o4s9p0o]{overflow-x:auto}.schedule-event[b-g12o4s9p0o]{min-width:120px}}
.calendar-shell.day-mode .month-bar[b-g12o4s9p0o],.calendar-shell.day-mode .calendar-weekdays[b-g12o4s9p0o],.calendar-shell.day-mode .calendar-month[b-g12o4s9p0o]{display:none}.back-calendar[b-g12o4s9p0o]{display:flex;align-items:center;gap:5px;margin:0 0 8px;padding:0;border:0;background:transparent;color:var(--brand-accent-strong);font:inherit;font-size:.62rem;font-weight:700}
.day-agenda-overlay[b-g12o4s9p0o]{position:fixed;z-index:1200;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,12,25,.58);backdrop-filter:blur(3px)}.day-agenda-modal[b-g12o4s9p0o]{display:flex;flex-direction:column;width:min(820px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:20px;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--floating-surface);color:var(--text-primary);box-shadow:0 24px 70px rgba(0,0,0,.32);animation:agenda-modal-in-b-g12o4s9p0o .18s ease-out}.agenda-modal-heading[b-g12o4s9p0o]{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--glass-border)}.agenda-modal-heading h2[b-g12o4s9p0o]{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem}.agenda-modal-heading button[b-g12o4s9p0o]{border:0;background:transparent;color:var(--text-primary);font-size:1.15rem}.agenda-date[b-g12o4s9p0o]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:16px 0}.agenda-date>i[b-g12o4s9p0o]{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--control-bg);color:var(--brand-accent-strong)}.agenda-date>div[b-g12o4s9p0o]{display:grid;gap:3px}.agenda-date strong[b-g12o4s9p0o]{font-size:.76rem;text-transform:capitalize}.agenda-date span[b-g12o4s9p0o]{color:var(--text-secondary);font-size:.6rem}.agenda-date button[b-g12o4s9p0o]{height:34px;font-size:.6rem}.agenda-kpis[b-g12o4s9p0o]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.agenda-kpis article[b-g12o4s9p0o]{display:grid;gap:8px;min-height:70px;padding:10px;border:1px solid var(--glass-border);border-radius:8px;background:var(--control-bg)}.agenda-kpis article>i[b-g12o4s9p0o]{color:var(--text-secondary)}.agenda-kpis article.plan>i[b-g12o4s9p0o]{color:#3b82f6}.agenda-kpis article.manual>i[b-g12o4s9p0o]{color:#20a873}.agenda-kpis article.overdue>i[b-g12o4s9p0o]{color:var(--state-error)}.agenda-kpis article span[b-g12o4s9p0o]{display:grid}.agenda-kpis strong[b-g12o4s9p0o]{font-size:.9rem}.agenda-kpis small[b-g12o4s9p0o]{color:var(--text-secondary);font-size:.54rem}.agenda-list-heading[b-g12o4s9p0o]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.agenda-list-heading h3[b-g12o4s9p0o]{margin:0;font-size:.76rem}.agenda-list-heading label[b-g12o4s9p0o]{display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:.56rem}.agenda-list-heading select[b-g12o4s9p0o]{height:32px;padding:0 25px 0 9px;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);color:var(--text-primary);font:inherit}.agenda-order-list[b-g12o4s9p0o]{display:grid;gap:9px;margin-top:10px;padding-right:5px;overflow-y:auto}.agenda-card[b-g12o4s9p0o]{--agenda-color:#20a873;display:grid;grid-template-columns:65px minmax(0,1fr) 145px auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--glass-border);border-left:3px solid var(--agenda-color);border-radius:8px;background:var(--control-bg);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-sm)}.agenda-card.plan[b-g12o4s9p0o]{--agenda-color:#3b82f6}.agenda-card.overdue[b-g12o4s9p0o]{--agenda-color:var(--state-error)}.agenda-card.inprogress[b-g12o4s9p0o]{--agenda-color:var(--state-warning)}.agenda-card.completed[b-g12o4s9p0o]{--agenda-color:var(--state-online)}.agenda-card>time[b-g12o4s9p0o]{display:grid;align-self:stretch;align-content:start;color:var(--agenda-color)}.agenda-card>time strong[b-g12o4s9p0o]{font-size:.78rem}.agenda-card>time span[b-g12o4s9p0o]{color:var(--text-secondary);font-size:.52rem}.agenda-card-main[b-g12o4s9p0o],.agenda-card-side[b-g12o4s9p0o]{display:grid;gap:3px}.agenda-card-main>b[b-g12o4s9p0o]{font-size:.6rem}.agenda-card-main>small[b-g12o4s9p0o],.agenda-card-main>span[b-g12o4s9p0o],.agenda-card-side>span[b-g12o4s9p0o]{color:var(--text-secondary);font-size:.53rem}.agenda-card-main>strong[b-g12o4s9p0o]{font-size:.64rem}.agenda-card-side em[b-g12o4s9p0o]{justify-self:start;padding:3px 6px;border-radius:5px;background:color-mix(in srgb,var(--agenda-color),transparent 85%);color:var(--agenda-color);font-size:.52rem;font-style:normal}.agenda-card>.arrow[b-g12o4s9p0o]{color:var(--text-secondary)}.agenda-empty[b-g12o4s9p0o]{padding:35px 10px;text-align:center;color:var(--text-secondary);font-size:.65rem}@keyframes agenda-modal-in-b-g12o4s9p0o{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){.day-agenda-overlay[b-g12o4s9p0o]{align-items:flex-end;padding:10px}.day-agenda-modal[b-g12o4s9p0o]{width:100%;max-height:calc(100vh - 20px);padding:14px;border-radius:var(--radius-xl) var(--radius-xl) 10px 10px}.agenda-date[b-g12o4s9p0o]{grid-template-columns:auto 1fr}.agenda-date button[b-g12o4s9p0o]{grid-column:1/-1}.agenda-kpis[b-g12o4s9p0o]{grid-template-columns:1fr 1fr}.agenda-card[b-g12o4s9p0o]{grid-template-columns:48px 1fr auto}.agenda-card-side[b-g12o4s9p0o]{grid-column:2}.agenda-card>.arrow[b-g12o4s9p0o]{grid-column:3;grid-row:1/3}}
.calendar-day[b-g12o4s9p0o]{cursor:pointer}.calendar-day-total[b-g12o4s9p0o]{display:grid;place-items:center;gap:2px;min-height:72px;margin-top:9px;border:1px solid color-mix(in srgb,var(--brand-accent-strong),transparent 70%);border-radius:10px;background:color-mix(in srgb,var(--brand-accent-strong),transparent 91%);color:var(--brand-accent-strong)}.calendar-day-total strong[b-g12o4s9p0o]{font-size:1.25rem}.calendar-day-total span[b-g12o4s9p0o]{font-size:.6rem}.agenda-card[b-g12o4s9p0o]{grid-template-columns:65px minmax(0,1fr) 145px minmax(110px,auto)}.agenda-card-actions[b-g12o4s9p0o]{display:grid;gap:6px}.agenda-card-actions button[b-g12o4s9p0o]{min-height:31px;padding:5px 8px;font-size:.56rem}

.calendar-toolbar[b-g12o4s9p0o]{grid-template-columns:auto 1fr auto auto;align-items:end}
.calendar-toolbar label[b-g12o4s9p0o]{display:none}
.calendar-toolbar .new-order[b-g12o4s9p0o]{justify-self:end}
/* /Components/Pages/MaintenanceDetail.razor.rz.scp.css */
.maintenance-detail-page[b-c5m0ysejh7]{width:100%;padding:4px;color:var(--text-primary)}
.maintenance-detail-shell[b-c5m0ysejh7],.detail-card[b-c5m0ysejh7],.detail-state[b-c5m0ysejh7]{border:1px solid var(--glass-border);background:var(--glass-surface);box-shadow:var(--shadow-sm)}
.maintenance-detail-shell[b-c5m0ysejh7]{display:grid;gap:12px;padding:14px;border-radius:var(--radius-lg)}
.breadcrumbs[b-c5m0ysejh7]{color:var(--text-secondary);font-size:.68rem}
.detail-heading[b-c5m0ysejh7]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.detail-heading h1[b-c5m0ysejh7]{margin:0;font-size:clamp(1.35rem,2.2vw,1.95rem)}
.detail-heading h1>span[b-c5m0ysejh7],.report-header>span[b-c5m0ysejh7]{display:inline-flex;margin-left:8px;padding:4px 9px;border-radius:6px;font-size:.58rem;vertical-align:middle}
.detail-heading p[b-c5m0ysejh7],.report-header p[b-c5m0ysejh7]{margin:4px 0 0;color:var(--text-secondary);font-size:.7rem}
.heading-actions[b-c5m0ysejh7],.report-actions[b-c5m0ysejh7]{display:flex;gap:8px}
.primary-action[b-c5m0ysejh7]{padding:8px 14px;border:1px solid var(--brand-accent-strong);border-radius:8px;background:var(--brand-accent-strong);color:var(--text-on-accent,#fff);font:inherit;font-weight:700;cursor:pointer}
.detail-facts[b-c5m0ysejh7]{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--control-bg)}
.detail-facts>div[b-c5m0ysejh7]{display:grid;gap:5px;padding:10px;border-right:1px solid var(--glass-border);font-size:.59rem}
.detail-facts>div:last-child[b-c5m0ysejh7]{border:0}.detail-facts span[b-c5m0ysejh7]{color:var(--text-secondary)}.detail-facts b[b-c5m0ysejh7]{overflow:hidden;text-overflow:ellipsis}
.completed[b-c5m0ysejh7]{color:var(--state-online)}.cancelled[b-c5m0ysejh7]{color:var(--state-critical)}.progress[b-c5m0ysejh7]{color:#3b82f6}.scheduled[b-c5m0ysejh7]{color:var(--brand-accent-strong)}
.detail-tabs[b-c5m0ysejh7]{display:flex;gap:24px;overflow:auto;border-bottom:1px solid var(--glass-border)}
.detail-tabs button[b-c5m0ysejh7]{padding:9px 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font:inherit;font-size:.68rem;white-space:nowrap;cursor:pointer}
.detail-tabs button.active[b-c5m0ysejh7]{border-color:var(--brand-accent-strong);color:var(--brand-accent-strong);font-weight:700}
.detail-card[b-c5m0ysejh7]{padding:12px;border-radius:var(--radius-md)}.detail-card h2[b-c5m0ysejh7]{margin:0;font-size:.72rem}.detail-card p[b-c5m0ysejh7]{font-size:.65rem}
.summary-grid[b-c5m0ysejh7]{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.general-info[b-c5m0ysejh7],.timeline[b-c5m0ysejh7]{grid-column:1/-1}
.metric-grid[b-c5m0ysejh7]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.metric-grid span[b-c5m0ysejh7]{display:grid;grid-template-columns:32px 1fr;align-items:center;padding:10px;border:1px solid var(--glass-border);border-radius:8px;background:var(--control-bg);font-size:.58rem}
.metric-grid i[b-c5m0ysejh7]{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--brand-accent-strong),transparent 86%);color:var(--brand-accent-strong);font-size:1rem}.metric-grid small[b-c5m0ysejh7]{color:var(--text-secondary)}.metric-grid b[b-c5m0ysejh7]{font-size:.82rem}
.maintenance-state dl[b-c5m0ysejh7]{display:grid;grid-template-columns:140px 1fr;margin:8px 0 0;font-size:.62rem}.maintenance-state dt[b-c5m0ysejh7],.maintenance-state dd[b-c5m0ysejh7]{margin:0;padding:7px;border-bottom:1px solid var(--glass-border)}.maintenance-state dt[b-c5m0ysejh7]{color:var(--text-secondary)}
.information-columns[b-c5m0ysejh7]{display:grid;grid-template-columns:1fr 1fr;margin-top:8px}.information-columns dl[b-c5m0ysejh7]{display:grid;grid-template-columns:130px 1fr;margin:0;font-size:.62rem}.information-columns dl:first-child[b-c5m0ysejh7]{padding-right:16px;border-right:1px solid var(--glass-border)}.information-columns dl:last-child[b-c5m0ysejh7]{padding-left:16px}.information-columns dt[b-c5m0ysejh7],.information-columns dd[b-c5m0ysejh7]{margin:0;padding:5px}.information-columns dt[b-c5m0ysejh7]{color:var(--text-secondary)}
.instructions[b-c5m0ysejh7]{margin-top:10px;padding:9px;border:1px solid var(--glass-border);border-radius:7px;background:var(--control-bg);font-size:.61rem}.instructions span[b-c5m0ysejh7]{color:var(--text-secondary)}.instructions p[b-c5m0ysejh7]{margin:4px 0 0}
.card-title[b-c5m0ysejh7],.report-header[b-c5m0ysejh7],.section-heading[b-c5m0ysejh7]{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title>span[b-c5m0ysejh7]{color:var(--text-secondary);font-size:.58rem}.report-summary p[b-c5m0ysejh7]{color:var(--text-secondary)}
.timeline-track[b-c5m0ysejh7]{display:flex;overflow:auto;margin-top:10px}.timeline-track>div[b-c5m0ysejh7]{position:relative;display:flex;gap:7px;min-width:165px;padding-right:16px;font-size:.56rem}.timeline-track>div:not(:last-child)[b-c5m0ysejh7]:after{content:"";position:absolute;top:9px;left:20px;right:0;height:1px;background:var(--glass-border)}.timeline-track i[b-c5m0ysejh7]{position:relative;z-index:1}.timeline-track span[b-c5m0ysejh7]{display:grid}.timeline-track small[b-c5m0ysejh7],.timeline-track time[b-c5m0ysejh7]{color:var(--text-secondary)}
.report-layout[b-c5m0ysejh7]{display:grid;gap:10px}.report-header[b-c5m0ysejh7]{padding:14px}.answers-grid[b-c5m0ysejh7]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-card[b-c5m0ysejh7]{min-height:130px}.answer[b-c5m0ysejh7]{padding:9px 0;border-bottom:1px solid var(--glass-border)}.answer p[b-c5m0ysejh7]{margin:0 0 4px}.answer small[b-c5m0ysejh7],.empty[b-c5m0ysejh7]{color:var(--text-secondary);font-size:.59rem}
.check-row[b-c5m0ysejh7]{display:grid;grid-template-columns:22px 1fr;padding:8px 2px;border-bottom:1px solid var(--glass-border);font-size:.61rem}.check-row span[b-c5m0ysejh7]{display:grid}.check-row small[b-c5m0ysejh7]{color:var(--text-secondary)}
.evidence-grid[b-c5m0ysejh7]{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.evidence-grid figure[b-c5m0ysejh7]{display:grid;grid-template-rows:120px auto;overflow:hidden;margin:0;border:1px solid var(--glass-border);border-radius:8px;background:var(--control-bg)}.evidence-grid img[b-c5m0ysejh7]{width:100%;height:120px;object-fit:cover}.evidence-grid figure>i[b-c5m0ysejh7]{display:grid;place-items:center;font-size:2rem}.evidence-grid figcaption[b-c5m0ysejh7]{display:grid;gap:3px;padding:8px;font-size:.57rem}.evidence-grid figcaption span[b-c5m0ysejh7],.evidence-grid figcaption small[b-c5m0ysejh7]{color:var(--text-secondary)}
.single-section[b-c5m0ysejh7]{max-width:950px}.section-heading[b-c5m0ysejh7]{justify-content:flex-start;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.section-heading>i[b-c5m0ysejh7]{font-size:1.5rem;color:var(--brand-accent-strong)}.section-heading p[b-c5m0ysejh7]{margin:3px 0;color:var(--text-secondary)}.section-heading>b[b-c5m0ysejh7]{margin-left:auto}
.participant-row[b-c5m0ysejh7]{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:11px 4px;border-bottom:1px solid var(--glass-border);font-size:.62rem}.participant-row>i[b-c5m0ysejh7]{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--brand-accent-strong),transparent 86%);color:var(--brand-accent-strong)}.participant-row span[b-c5m0ysejh7]{display:grid}.participant-row small[b-c5m0ysejh7],.participant-row time[b-c5m0ysejh7]{color:var(--text-secondary)}.participant-row time[b-c5m0ysejh7]{text-align:right}
.audit-grid[b-c5m0ysejh7]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audit-row[b-c5m0ysejh7]{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--glass-border)}.audit-row>i[b-c5m0ysejh7]{font-size:1rem}.audit-row>span[b-c5m0ysejh7]{display:grid;gap:3px;min-width:0;font-size:.62rem}.audit-row small[b-c5m0ysejh7],.audit-row time[b-c5m0ysejh7]{color:var(--text-secondary)}.audit-row code[b-c5m0ysejh7]{overflow:hidden;color:var(--text-secondary);font-size:.57rem;text-overflow:ellipsis}.audit-row em[b-c5m0ysejh7]{color:var(--state-critical);font-size:.59rem;font-style:normal}.audit-row p[b-c5m0ysejh7]{margin:2px 0}
.detail-state[b-c5m0ysejh7]{padding:35px;border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary)}
@media(max-width:1150px){.detail-facts[b-c5m0ysejh7]{grid-template-columns:repeat(4,1fr)}.detail-facts>div:nth-child(4n)[b-c5m0ysejh7]{border-right:0}.summary-grid[b-c5m0ysejh7],.audit-grid[b-c5m0ysejh7]{grid-template-columns:1fr}.general-info[b-c5m0ysejh7],.timeline[b-c5m0ysejh7]{grid-column:auto}.evidence-grid[b-c5m0ysejh7]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:750px){.maintenance-detail-shell[b-c5m0ysejh7]{padding:10px}.detail-heading[b-c5m0ysejh7]{flex-direction:column}.heading-actions[b-c5m0ysejh7]{display:grid;width:100%;grid-template-columns:1fr 1fr}.detail-facts[b-c5m0ysejh7]{grid-template-columns:1fr 1fr}.metric-grid[b-c5m0ysejh7],.answers-grid[b-c5m0ysejh7]{grid-template-columns:1fr}.information-columns[b-c5m0ysejh7]{grid-template-columns:1fr}.information-columns dl:first-child[b-c5m0ysejh7]{padding:0;border:0}.information-columns dl:last-child[b-c5m0ysejh7]{padding:0}.evidence-grid[b-c5m0ysejh7]{grid-template-columns:1fr 1fr}.participant-row[b-c5m0ysejh7]{grid-template-columns:34px 1fr}.participant-row time[b-c5m0ysejh7]{grid-column:2;text-align:left}}
/* /Components/Pages/MaintenanceExecution.razor.rz.scp.css */
.maintenance-execution-page[b-63l8v9iun6]{width:100%;padding:4px;color:var(--text-primary)}.execution-shell[b-63l8v9iun6]{display:grid;gap:16px;padding:20px;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--glass-surface);box-shadow:var(--shadow-md)}.execution-heading[b-63l8v9iun6]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.execution-heading>div>span[b-63l8v9iun6]{color:var(--brand-accent-strong);font-size:.62rem;font-weight:700;text-transform:uppercase}.execution-heading h1[b-63l8v9iun6]{margin:5px 0 0;font-size:clamp(1.35rem,2.2vw,1.9rem)}.execution-heading p[b-63l8v9iun6]{margin:5px 0 0;color:var(--text-secondary);font-size:.7rem}.back-button[b-63l8v9iun6]{display:flex;align-items:center;gap:5px;margin-bottom:12px;padding:0;border:0;background:transparent;color:var(--brand-accent-strong);font:inherit;font-size:.65rem;font-weight:700}.execution-status[b-63l8v9iun6]{padding:6px 10px;border-radius:20px;background:color-mix(in srgb,var(--state-warning),transparent 85%);color:var(--state-warning);font-size:.62rem;font-weight:700}.execution-layout[b-63l8v9iun6]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.execution-card[b-63l8v9iun6]{display:grid;align-content:start;gap:10px;padding:16px;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--control-bg)}.execution-card h2[b-63l8v9iun6]{margin:0 0 4px;font-size:.9rem}.execution-card label[b-63l8v9iun6]{display:grid;gap:5px;font-size:.68rem}.execution-card input[b-63l8v9iun6],.execution-card select[b-63l8v9iun6],.execution-card textarea[b-63l8v9iun6]{width:100%;padding:10px;border:1px solid var(--control-border);border-radius:8px;background:var(--glass-surface);color:var(--text-primary);font:inherit}.execution-card textarea[b-63l8v9iun6]{min-height:95px;resize:vertical}.check-item[b-63l8v9iun6]{grid-template-columns:auto 1fr auto!important;align-items:center;padding:8px;border-bottom:1px solid var(--glass-border)}.check-item input[b-63l8v9iun6]{width:auto}.check-item em[b-63l8v9iun6]{color:var(--brand-accent-strong);font-size:.55rem;font-style:normal}.activity-card article[b-63l8v9iun6]{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid var(--glass-border)}.activity-card article>i[b-63l8v9iun6]{color:var(--brand-accent-strong)}.activity-card article span[b-63l8v9iun6]{display:grid;gap:3px;font-size:.66rem}.activity-card article small[b-63l8v9iun6]{color:var(--text-secondary);font-size:.56rem}.execution-footer[b-63l8v9iun6]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--glass-border)}.execution-footer>span[b-63l8v9iun6]{color:var(--text-secondary);font-size:.62rem}.execution-message[b-63l8v9iun6]{margin:0;padding:9px 12px;border-radius:8px;background:color-mix(in srgb,var(--brand-accent),transparent 90%);color:var(--text-primary);font-size:.68rem}.execution-state[b-63l8v9iun6]{min-height:280px;place-items:center}.execution-state.error[b-63l8v9iun6]{color:var(--state-error)}@media(max-width:800px){.execution-layout[b-63l8v9iun6]{grid-template-columns:1fr}.execution-heading[b-63l8v9iun6],.execution-footer[b-63l8v9iun6]{align-items:stretch;flex-direction:column}.execution-footer button[b-63l8v9iun6]{width:100%}}
/* /Components/Pages/MyMaintenance.razor.rz.scp.css */
.my-maintenance-page[b-n8opskrwsg]{width:100%;padding:4px;color:var(--text-primary)}
.my-maintenance-shell[b-n8opskrwsg]{display:grid;gap:16px;padding:20px;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--glass-surface);box-shadow:var(--shadow-md)}
.my-maintenance-heading[b-n8opskrwsg]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.my-maintenance-heading .eyebrow[b-n8opskrwsg]{display:block;margin-bottom:4px;color:var(--brand-accent-strong);font-size:.68rem;font-weight:700;text-transform:uppercase}.my-maintenance-heading h1[b-n8opskrwsg]{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem)}.my-maintenance-heading p[b-n8opskrwsg]{margin:5px 0 0;color:var(--text-secondary);font-size:.78rem}
.today-banner[b-n8opskrwsg]{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-border)}.today-banner>div[b-n8opskrwsg]{display:flex;align-items:center;gap:10px;min-height:72px;padding:13px 16px;background:var(--control-bg)}.today-banner>div:first-child i[b-n8opskrwsg]{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--brand-accent),transparent 84%);color:var(--brand-accent-strong);font-size:1.15rem}.today-banner span[b-n8opskrwsg],.today-banner>div:not(:first-child)[b-n8opskrwsg]{display:grid}.today-banner small[b-n8opskrwsg]{color:var(--text-secondary);font-size:.6rem}.today-banner strong[b-n8opskrwsg]{font-size:1rem}
.my-orders-list[b-n8opskrwsg]{display:grid;gap:10px}.my-order-card[b-n8opskrwsg]{display:grid;grid-template-columns:85px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid var(--glass-border);border-left:4px solid var(--brand-accent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--glass-surface),var(--control-bg) 18%)}.my-order-card.overdue[b-n8opskrwsg]{border-left-color:var(--state-error)}.my-order-card.inprogress[b-n8opskrwsg]{border-left-color:var(--state-warning)}.my-order-card.completed[b-n8opskrwsg]{border-left-color:var(--state-online)}.my-order-card.cancelled[b-n8opskrwsg]{border-left-color:var(--text-tertiary)}
.my-order-card>time[b-n8opskrwsg]{display:grid;align-content:center;justify-items:center;align-self:stretch;border-right:1px solid var(--glass-border)}.my-order-card>time strong[b-n8opskrwsg]{font-size:1.35rem}.my-order-card>time span[b-n8opskrwsg]{color:var(--text-secondary);font-size:.6rem}.order-title[b-n8opskrwsg]{display:flex;align-items:center;gap:8px}.folio[b-n8opskrwsg]{color:var(--brand-accent-strong);font-size:.62rem;font-weight:700}.status-chip[b-n8opskrwsg]{padding:3px 7px;border-radius:20px;background:var(--control-bg);font-size:.55rem}.status-chip.overdue[b-n8opskrwsg]{color:var(--state-error)}.status-chip.inprogress[b-n8opskrwsg]{color:var(--state-warning)}.status-chip.completed[b-n8opskrwsg]{color:var(--state-online)}
.order-main h2[b-n8opskrwsg]{margin:5px 0 7px;font-size:.95rem}.order-meta[b-n8opskrwsg]{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--text-secondary);font-size:.64rem}.order-meta i[b-n8opskrwsg]{color:var(--brand-accent-strong)}.order-main p[b-n8opskrwsg]{margin:9px 0 0;color:var(--text-secondary);font-size:.65rem;line-height:1.45}.order-actions[b-n8opskrwsg]{display:flex;min-width:105px;justify-content:flex-end}
.my-maintenance-state[b-n8opskrwsg],.my-maintenance-empty[b-n8opskrwsg]{display:grid;place-items:center;gap:7px;min-height:230px;text-align:center;color:var(--text-secondary)}.my-maintenance-empty i[b-n8opskrwsg]{font-size:2.6rem;color:var(--brand-accent-strong)}.my-maintenance-empty h2[b-n8opskrwsg]{margin:4px 0 0;color:var(--text-primary);font-size:1rem}.my-maintenance-empty p[b-n8opskrwsg]{margin:0;font-size:.7rem}.my-maintenance-state.error[b-n8opskrwsg]{color:var(--state-error)}.spin[b-n8opskrwsg]{animation:spin-b-n8opskrwsg 1s linear infinite}@keyframes spin-b-n8opskrwsg{to{transform:rotate(360deg)}}
@media(max-width:850px){.today-banner[b-n8opskrwsg]{grid-template-columns:1fr 1fr}.my-order-card[b-n8opskrwsg]{grid-template-columns:68px 1fr}.order-actions[b-n8opskrwsg]{grid-column:2;justify-content:flex-start}}
@media(max-width:560px){.my-maintenance-shell[b-n8opskrwsg]{padding:14px}.my-maintenance-heading[b-n8opskrwsg]{flex-direction:column}.my-maintenance-heading button[b-n8opskrwsg]{width:100%}.today-banner[b-n8opskrwsg]{grid-template-columns:1fr}.my-order-card[b-n8opskrwsg]{grid-template-columns:1fr}.my-order-card>time[b-n8opskrwsg]{justify-items:start;border-right:0;border-bottom:1px solid var(--glass-border);padding-bottom:10px}.order-actions[b-n8opskrwsg]{grid-column:1}.order-actions button[b-n8opskrwsg]{width:100%}}
.status-chip.available[b-n8opskrwsg]{background:color-mix(in srgb,var(--brand-accent),transparent 86%);color:var(--brand-accent-strong)}
/* /Components/Pages/NewMaintenance.razor.rz.scp.css */
.schedule-maintenance-page[b-c8auyn953g]{display:grid;gap:12px;width:100%;padding:4px;color:var(--text-primary)}.schedule-maintenance-page>header[b-c8auyn953g]{display:flex;justify-content:space-between}.schedule-maintenance-page>header h1[b-c8auyn953g]{margin:0;font-size:clamp(1.4rem,2vw,1.9rem)}.schedule-maintenance-page>header p[b-c8auyn953g]{margin:3px 0 0;color:var(--text-secondary);font-size:.7rem}.schedule-maintenance-page>header button[b-c8auyn953g]{border:0;background:transparent;color:var(--text-secondary);font-size:1.2rem}.schedule-layout[b-c8auyn953g]{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(280px,1fr);gap:12px}.schedule-form[b-c8auyn953g],aside[b-c8auyn953g]{display:grid;align-content:start;gap:9px}.schedule-card[b-c8auyn953g]{padding:14px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-surface);box-shadow:var(--shadow-sm)}.schedule-card h2[b-c8auyn953g]{margin:0 0 11px;font-size:.7rem}.schedule-card h2>i[b-c8auyn953g]{margin-right:6px;color:var(--text-secondary)}.general-grid[b-c8auyn953g]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.general-grid>label[b-c8auyn953g],.programming-grid label[b-c8auyn953g],.description-grid label[b-c8auyn953g]{display:grid;position:relative;gap:4px;font-size:.58rem;font-weight:700}.general-grid em[b-c8auyn953g],.programming-grid em[b-c8auyn953g]{color:var(--state-critical);font-style:normal}.general-grid input[b-c8auyn953g],.general-grid select[b-c8auyn953g],.programming-grid input[b-c8auyn953g],.description-grid textarea[b-c8auyn953g]{width:100%;height:35px;padding:0 9px;border:1px solid var(--control-border);border-radius:6px;background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.62rem}.general-grid small[b-c8auyn953g]{color:var(--text-secondary);font-size:.48rem;font-weight:400}.general-grid>label:nth-child(4)[b-c8auyn953g]{grid-column:span 1}.priority[b-c8auyn953g]{display:grid;grid-template-columns:repeat(4,1fr);grid-column:span 2;margin:0;padding:0;border:0}.priority legend[b-c8auyn953g]{grid-column:1/-1;margin-bottom:4px;font-size:.58rem;font-weight:700}.priority button[b-c8auyn953g]{height:35px;border:1px solid var(--control-border);border-right:0;background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.55rem}.priority button:first-of-type[b-c8auyn953g]{border-radius:6px 0 0 6px}.priority button:last-child[b-c8auyn953g]{border-right:1px solid var(--control-border);border-radius:0 6px 6px 0}.priority button.selected[b-c8auyn953g]{position:relative;border:1px solid #2563eb;background:color-mix(in srgb,#2563eb,transparent 92%);color:#2563eb}.priority button i[b-c8auyn953g],.priority-dot[b-c8auyn953g]{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.programming-grid[b-c8auyn953g]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.programming-grid label>span[b-c8auyn953g]{display:flex}.programming-grid label>span input[b-c8auyn953g]{border-radius:6px 0 0 6px}.programming-grid label>span b[b-c8auyn953g]{display:grid;place-items:center;padding:0 10px;border:1px solid var(--control-border);border-left:0;border-radius:0 6px 6px 0;background:var(--control-bg);font-size:.52rem}.default-reminders[b-c8auyn953g]{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--glass-border)}.default-reminders>span[b-c8auyn953g]{display:grid;grid-template-columns:20px 1fr;font-size:.56rem}.default-reminders>span>i[b-c8auyn953g]{grid-row:1/3}.default-reminders small[b-c8auyn953g]{color:var(--text-secondary)}.switch input[b-c8auyn953g]{position:absolute;opacity:0}.switch i[b-c8auyn953g]{display:block;position:relative;width:36px;height:20px;border-radius:12px;background:var(--control-border)}.switch i[b-c8auyn953g]:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}.switch input:checked+i[b-c8auyn953g]{background:#2563eb}.switch input:checked+i[b-c8auyn953g]:after{left:19px}.description-grid[b-c8auyn953g]{display:grid;grid-template-columns:.65fr 1.35fr;gap:10px}.description-grid textarea[b-c8auyn953g]{height:76px;padding:8px;resize:vertical}.description-grid label>em[b-c8auyn953g]{position:absolute;right:5px;bottom:4px;color:var(--text-tertiary);font-size:.46rem;font-style:normal}.description-grid label>b[b-c8auyn953g]{color:var(--state-critical)}.checklist[b-c8auyn953g]{margin-top:13px;padding-top:10px;border-top:1px solid var(--glass-border)}.section-title[b-c8auyn953g]{display:flex;justify-content:space-between}.section-title h2 small[b-c8auyn953g]{font-weight:400}.section-title button[b-c8auyn953g]{border:0;background:transparent;color:#2563eb;font:inherit;font-size:.52rem}.check-row[b-c8auyn953g]{display:grid;grid-template-columns:16px 16px 1fr auto 24px;align-items:center;gap:4px;min-height:31px;padding:2px 4px;border:1px solid var(--glass-border);border-bottom:0}.check-row:last-child[b-c8auyn953g]{border-bottom:1px solid var(--glass-border)}.check-row>i[b-c8auyn953g]{color:var(--text-tertiary)}.check-row input[type=text][b-c8auyn953g]{border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.55rem}.check-row>span[b-c8auyn953g]{padding:3px 7px;border-radius:10px;background:color-mix(in srgb,#2563eb,transparent 88%);color:#2563eb;font-size:.48rem}.check-row>button[b-c8auyn953g]{border:0;background:transparent;color:var(--text-secondary)}.references p[b-c8auyn953g],.additional-info p[b-c8auyn953g],.reminder-summary p[b-c8auyn953g]{margin:0;color:var(--text-secondary);font-size:.55rem}.order-summary dl[b-c8auyn953g]{display:grid;grid-template-columns:1fr 1fr;margin:0;font-size:.56rem}.order-summary dt[b-c8auyn953g],.order-summary dd[b-c8auyn953g]{margin:0;padding:8px 0;border-bottom:1px solid var(--glass-border)}.order-summary dd[b-c8auyn953g]{text-align:right}.order-summary dd>span[b-c8auyn953g]{padding:4px 7px;border-radius:5px;background:color-mix(in srgb,#2563eb,transparent 87%);color:#2563eb}.reminder-summary>div[b-c8auyn953g]{display:flex;gap:8px;padding:8px 0;font-size:.54rem}.reminder-summary>div>i[b-c8auyn953g]{color:var(--brand-accent-strong)}.reminder-summary span[b-c8auyn953g]{display:grid}.reminder-summary small[b-c8auyn953g]{color:var(--text-secondary)}.schedule-message[b-c8auyn953g]{margin:0;padding:9px;border:1px solid color-mix(in srgb,var(--state-critical),transparent 60%);border-radius:7px;color:var(--state-critical)}.schedule-maintenance-page>footer[b-c8auyn953g]{display:flex;justify-content:flex-end;gap:8px}.schedule-maintenance-page>footer button[b-c8auyn953g]{min-width:110px}@media(max-width:1000px){.schedule-layout[b-c8auyn953g]{grid-template-columns:1fr}aside[b-c8auyn953g]{grid-template-columns:repeat(2,1fr)}.order-summary[b-c8auyn953g]{grid-row:span 2}}@media(max-width:700px){.general-grid[b-c8auyn953g],.programming-grid[b-c8auyn953g],.description-grid[b-c8auyn953g],aside[b-c8auyn953g]{grid-template-columns:1fr}.general-grid>label:nth-child(4)[b-c8auyn953g],.priority[b-c8auyn953g]{grid-column:auto}.schedule-maintenance-page>footer[b-c8auyn953g]{flex-direction:column-reverse}.schedule-maintenance-page>footer button[b-c8auyn953g]{width:100%}}
.schedule-maintenance-page select[b-c8auyn953g],.schedule-maintenance-page select option[b-c8auyn953g],.schedule-maintenance-page select optgroup[b-c8auyn953g]{background-color:var(--control-bg);color:var(--text-primary)}.schedule-maintenance-page select:focus[b-c8auyn953g]{border-color:var(--brand-accent);outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent),transparent 72%)}.schedule-maintenance-page select option:checked[b-c8auyn953g],.schedule-maintenance-page select option:hover[b-c8auyn953g]{background-color:var(--brand-accent);color:var(--on-accent)}.schedule-maintenance-page select:disabled[b-c8auyn953g],.schedule-maintenance-page select option:disabled[b-c8auyn953g]{opacity:.72;color:var(--text-tertiary)}
/* /Components/Pages/NewMaintenancePlan.razor.rz.scp.css */
.new-plan-page[b-92dd21vx7h]{display:grid;width:100%;margin:0;padding:4px;color:var(--text-primary)}
.new-plan-page>header[b-92dd21vx7h]{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px 12px;border:1px solid var(--glass-border);border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--glass-surface)}
.new-plan-page>header h1[b-92dd21vx7h]{margin:0;font-size:1.25rem}.new-plan-page>header p[b-92dd21vx7h]{margin:3px 0 0;color:var(--text-secondary);font-size:.68rem}.close-plan[b-92dd21vx7h]{border:0;background:transparent;color:var(--text-secondary);font-size:1.15rem}
.plan-layout[b-92dd21vx7h]{display:block}.plan-form[b-92dd21vx7h]{display:grid;border:1px solid var(--glass-border);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--glass-surface);box-shadow:var(--shadow-md);overflow:hidden}
.plan-card[b-92dd21vx7h]{padding:13px 16px;border:0;border-top:1px solid var(--glass-border);border-radius:0;background:transparent;box-shadow:none}.plan-card h2[b-92dd21vx7h]{margin:0 0 10px;font-size:.72rem}.plan-card h2>i[b-92dd21vx7h]{margin-right:6px;color:var(--text-secondary)}
.section-heading[b-92dd21vx7h]{display:flex;align-items:center;justify-content:space-between;gap:10px}.type-pill[b-92dd21vx7h]{display:none}.two-columns[b-92dd21vx7h]{display:grid;grid-template-columns:1fr 1fr;gap:9px}.two-columns label:nth-child(4)[b-92dd21vx7h]{grid-column:1/-1}
.two-columns label[b-92dd21vx7h],.execution-card label[b-92dd21vx7h],.validity-card label[b-92dd21vx7h],.recurrence-controls>label[b-92dd21vx7h]{display:grid;gap:4px;color:var(--text-primary);font-size:.59rem;font-weight:700}.two-columns em[b-92dd21vx7h],.execution-card em[b-92dd21vx7h],.recurrence-card em[b-92dd21vx7h]{color:var(--state-critical);font-style:normal}
.two-columns input[b-92dd21vx7h],.two-columns select[b-92dd21vx7h],.execution-card input[b-92dd21vx7h],.validity-card input[b-92dd21vx7h],.recurrence-controls input[b-92dd21vx7h]{width:100%;height:34px;padding:0 9px;border:1px solid var(--control-border);border-radius:6px;background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.62rem}.two-columns small[b-92dd21vx7h]{color:var(--text-secondary);font-size:.5rem;font-weight:400}
.recurrence-controls[b-92dd21vx7h]{display:grid;grid-template-columns:1fr 120px;align-items:end;gap:9px}.recurrence-options[b-92dd21vx7h]{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.recurrence-options button[b-92dd21vx7h],.week-days button[b-92dd21vx7h]{padding:7px 4px;border:0;border-radius:6px;background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.55rem}
.recurrence-options button>i[b-92dd21vx7h],.week-days button>i[b-92dd21vx7h]{display:inline-block;width:8px;height:8px;margin-right:4px;border:1px solid var(--text-tertiary);border-radius:50%}.recurrence-options button.selected[b-92dd21vx7h],.week-days button.selected[b-92dd21vx7h]{background:color-mix(in srgb,#2563eb,transparent 85%);color:#3b82f6}.recurrence-options button.selected>i[b-92dd21vx7h],.week-days button.selected>i[b-92dd21vx7h]{border:3px solid #2563eb}
.recurrence-controls>label span[b-92dd21vx7h]{display:flex}.recurrence-controls>label input[b-92dd21vx7h]{width:54px;border-radius:6px 0 0 6px}.recurrence-controls>label b[b-92dd21vx7h]{display:grid;place-items:center;padding:0 7px;border:1px solid var(--control-border);border-left:0;border-radius:0 6px 6px 0;background:var(--control-bg);font-size:.52rem;font-weight:400}
.week-days[b-92dd21vx7h]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:9px}.week-days>span[b-92dd21vx7h]{grid-column:1/-1;font-size:.55rem}.week-days em[b-92dd21vx7h]{color:var(--state-critical);font-style:normal}.week-days button[b-92dd21vx7h]{padding:7px 2px;font-size:.49rem}
.execution-card>div[b-92dd21vx7h]{display:grid;grid-template-columns:1fr 1fr;gap:9px}.validity-card>div[b-92dd21vx7h]{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:9px}.validity-card .no-end[b-92dd21vx7h]{grid-column:1/-1;display:flex;align-items:center}.validity-card .no-end input[b-92dd21vx7h]{width:auto;height:auto}
.reminders-card>div[b-92dd21vx7h]{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reminders-card label[b-92dd21vx7h]{display:grid;grid-template-columns:16px 1fr;align-items:start;gap:4px;font-size:.52rem}.reminders-card select[b-92dd21vx7h]{grid-column:2;height:28px;border:1px solid var(--control-border);border-radius:5px;background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.5rem}.reminders-card small[b-92dd21vx7h]{grid-column:2;color:var(--text-secondary);font-size:.46rem}
.plan-bottom-grid[b-92dd21vx7h]{display:grid;grid-template-columns:1fr 1.15fr}.checklist-card .section-heading button[b-92dd21vx7h]{border:1px solid var(--control-border);border-radius:5px;background:var(--control-bg);color:#3b82f6;font:inherit;font-size:.52rem}
.check-item[b-92dd21vx7h]{display:grid;grid-template-columns:16px 16px 1fr 24px;align-items:center;gap:4px;min-height:31px;padding:2px 4px;border:1px solid var(--glass-border);border-bottom:0}.check-item:last-child[b-92dd21vx7h]{border-bottom:1px solid var(--glass-border)}.check-item>i[b-92dd21vx7h]{color:var(--text-tertiary)}.check-item input[type=text][b-92dd21vx7h]{border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.55rem}.check-item button[b-92dd21vx7h]{border:0;background:transparent;color:var(--text-secondary)}
.instructions-card label[b-92dd21vx7h]{display:grid;position:relative;gap:5px;font-size:.58rem}.instructions-card textarea[b-92dd21vx7h]{min-height:72px;padding:8px;border:1px solid var(--control-border);border-radius:6px;background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.56rem;resize:vertical}.instructions-card label>small[b-92dd21vx7h]{position:absolute;right:7px;bottom:5px;color:var(--text-tertiary);font-size:.46rem}
.reference-files[b-92dd21vx7h]{margin-top:10px;font-size:.56rem}.reference-files p[b-92dd21vx7h]{display:grid;place-items:center;min-height:67px;margin:6px 0 0;border:1px dashed var(--control-border);border-radius:6px;color:var(--text-secondary)}.reference-files p>i[b-92dd21vx7h]{font-size:1.2rem}.reference-files p strong[b-92dd21vx7h]{font-size:.53rem}.reference-files p span[b-92dd21vx7h]{font-size:.46rem}
.plan-message[b-92dd21vx7h]{margin:8px 0;padding:9px;border:1px solid color-mix(in srgb,var(--state-critical),transparent 60%);border-radius:7px;color:var(--state-critical);font-size:.6rem}.new-plan-page>footer[b-92dd21vx7h]{display:flex;justify-content:flex-end;gap:8px;padding:11px 0}.new-plan-page>footer button[b-92dd21vx7h]{min-width:96px}
@media(max-width:900px){.plan-bottom-grid[b-92dd21vx7h]{grid-template-columns:1fr}}
@media(max-width:600px){.new-plan-page[b-92dd21vx7h]{width:100%}.two-columns[b-92dd21vx7h],.execution-card>div[b-92dd21vx7h],.validity-card>div[b-92dd21vx7h],.recurrence-controls[b-92dd21vx7h]{grid-template-columns:1fr}.two-columns label:nth-child(4)[b-92dd21vx7h],.validity-card .no-end[b-92dd21vx7h]{grid-column:auto}.reminders-card>div[b-92dd21vx7h]{grid-template-columns:1fr}.new-plan-page>footer[b-92dd21vx7h]{padding:9px 4px}.new-plan-page>footer button[b-92dd21vx7h]{flex:1}}
.new-plan-page select[b-92dd21vx7h],.new-plan-page select option[b-92dd21vx7h],.new-plan-page select optgroup[b-92dd21vx7h]{background-color:var(--control-bg);color:var(--text-primary)}.new-plan-page select:focus[b-92dd21vx7h]{border-color:var(--brand-accent);outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent),transparent 72%)}.new-plan-page select option:checked[b-92dd21vx7h],.new-plan-page select option:hover[b-92dd21vx7h]{background-color:var(--brand-accent);color:var(--on-accent)}.new-plan-page select:disabled[b-92dd21vx7h],.new-plan-page select option:disabled[b-92dd21vx7h]{opacity:.72;color:var(--text-tertiary)}
/* /Components/Pages/Stations.razor.rz.scp.css */
.stations-page[b-xbeg82see2] {
    min-width: 0;
}

.stations-page :deep(.glass-panel-content)[b-xbeg82see2] {
    display: grid;
    gap: 1rem;
}

.stations-page-copy h2[b-xbeg82see2] {
    margin: 0;
    font-size: clamp(1.1rem, 1vw + 0.95rem, 1.6rem);
}

.stations-page-copy p[b-xbeg82see2] {
    margin: 0.55rem 0 0;
    color: var(--text-secondary);
    max-width: 64ch;
}

.station-cards[b-xbeg82see2] {
    display: grid;
    gap: 0.9rem;
}

.station-card[b-xbeg82see2] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: calc(var(--radius-xl) - 0.2rem);
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 10%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--glass-surface), transparent 8%), color-mix(in srgb, var(--glass-surface), transparent 18%));
}

.station-card-main[b-xbeg82see2],
.station-card-copy[b-xbeg82see2] {
    min-width: 0;
}

.station-card-main[b-xbeg82see2] {
    display: grid;
    gap: 0.85rem;
}

.station-badge[b-xbeg82see2] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: fit-content;
    min-height: 2rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--glass-border), transparent 14%);
    background: color-mix(in srgb, var(--brand-accent), transparent 84%);
    color: var(--text-secondary);
    font-size: 0.82rem;
}

.station-card-copy h3[b-xbeg82see2] {
    margin: 0;
    font-size: 1rem;
}

.station-card-copy p[b-xbeg82see2] {
    margin: 0.4rem 0 0;
    color: var(--text-secondary);
}

.station-card-actions[b-xbeg82see2] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.station-link[b-xbeg82see2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand-accent), transparent 28%);
    background: color-mix(in srgb, var(--brand-accent), transparent 82%);
    color: var(--text-primary);
    text-decoration: none;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.station-link:hover[b-xbeg82see2],
.station-link:focus-visible[b-xbeg82see2] {
    background: color-mix(in srgb, var(--brand-accent), transparent 74%);
    border-color: color-mix(in srgb, var(--brand-accent), transparent 12%);
}

.station-link-live[b-xbeg82see2] {
    border-color: color-mix(in srgb, var(--brand-accent-strong), transparent 20%);
    background: color-mix(in srgb, var(--brand-accent-strong), transparent 78%);
}

.station-link-live:hover[b-xbeg82see2],
.station-link-live:focus-visible[b-xbeg82see2] {
    background: color-mix(in srgb, var(--brand-accent-strong), transparent 70%);
    border-color: color-mix(in srgb, var(--brand-accent-strong), transparent 8%);
}

@media (prefers-reduced-motion: reduce) {
    .station-link[b-xbeg82see2] {
        transition: none;
    }
}

@media (max-width: 767px) {
    .station-card[b-xbeg82see2] {
        flex-direction: column;
        align-items: stretch;
    }

    .station-link[b-xbeg82see2] {
        width: 100%;
    }

    .station-card-actions[b-xbeg82see2] {
        width: 100%;
    }
}
/* /Components/Pages/WorkOrders.razor.rz.scp.css */
.maintenance-plans-page[b-m9b7s6pf9d]{display:grid;gap:14px;width:100%;padding:4px;color:var(--text-primary)}.plans-heading[b-m9b7s6pf9d]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plans-heading h1[b-m9b7s6pf9d]{margin:0;font-size:clamp(1.45rem,2.2vw,2rem)}.plans-heading p[b-m9b7s6pf9d]{margin:3px 0 0;color:var(--text-secondary);font-size:.78rem}.plans-heading .action[b-m9b7s6pf9d]{white-space:nowrap}.plans-filters[b-m9b7s6pf9d],.plans-state[b-m9b7s6pf9d]{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-surface);box-shadow:var(--shadow-sm)}.plans-filters[b-m9b7s6pf9d]{display:grid;grid-template-columns:1.35fr repeat(4,1fr) auto;align-items:end;gap:10px;padding:13px}.plans-filters label[b-m9b7s6pf9d]{display:grid;gap:4px}.plans-filters label>span[b-m9b7s6pf9d]{color:var(--text-secondary);font-size:.62rem}.plans-filters input[b-m9b7s6pf9d],.plans-filters select[b-m9b7s6pf9d]{width:100%;height:38px;padding:0 10px;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);color:var(--text-primary);font:inherit;font-size:.7rem}.search-plan>div[b-m9b7s6pf9d]{position:relative}.search-plan i[b-m9b7s6pf9d]{position:absolute;right:10px;top:11px;color:var(--text-secondary)}.plans-filters button[b-m9b7s6pf9d]{height:38px}.plans-list[b-m9b7s6pf9d]{display:grid;gap:7px}.plans-columns[b-m9b7s6pf9d],.plan-row[b-m9b7s6pf9d]{display:grid;grid-template-columns:1.8fr 1.05fr 1fr 1.15fr .8fr .7fr .55fr;align-items:center;gap:12px}.plans-columns[b-m9b7s6pf9d]{padding:0 14px;color:var(--text-secondary);font-size:.58rem;font-weight:700}.plan-row[b-m9b7s6pf9d]{min-height:84px;padding:12px 14px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-surface);box-shadow:var(--shadow-sm);font-size:.68rem}.plan-row>div[b-m9b7s6pf9d]{display:grid;min-width:0}.plan-row strong[b-m9b7s6pf9d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-row small[b-m9b7s6pf9d]{margin-top:3px;color:var(--text-secondary);font-size:.57rem}.plan-name[b-m9b7s6pf9d],.plan-owner[b-m9b7s6pf9d]{display:flex!important;align-items:center;gap:10px}.plan-name>i[b-m9b7s6pf9d]{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;font-size:1rem}.plan-name>i.daily[b-m9b7s6pf9d]{color:#f59e0b;background:color-mix(in srgb,#f59e0b,transparent 82%)}.plan-name>i.weekly[b-m9b7s6pf9d]{color:#22a866;background:color-mix(in srgb,#22a866,transparent 82%)}.plan-name>i.monthly[b-m9b7s6pf9d]{color:#3b82f6;background:color-mix(in srgb,#3b82f6,transparent 82%)}.plan-name span[b-m9b7s6pf9d],.plan-owner span[b-m9b7s6pf9d]{display:grid;min-width:0}.plan-frequency b[b-m9b7s6pf9d]{justify-self:start;padding:3px 6px;border-radius:5px;font-size:.57rem}.plan-frequency b.daily[b-m9b7s6pf9d]{color:#e18a00;background:color-mix(in srgb,#f59e0b,transparent 86%)}.plan-frequency b.weekly[b-m9b7s6pf9d]{color:#16844d;background:color-mix(in srgb,#22a866,transparent 86%)}.plan-frequency b.monthly[b-m9b7s6pf9d]{color:#2563eb;background:color-mix(in srgb,#3b82f6,transparent 86%)}.plan-owner>i[b-m9b7s6pf9d]{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--glass-border);border-radius:50%;background:var(--control-bg);color:var(--text-secondary);font-size:1rem}.plan-status[b-m9b7s6pf9d]{justify-self:start;padding:4px 9px;border-radius:12px;font-size:.58rem;font-style:normal}.plan-status.active[b-m9b7s6pf9d]{color:var(--state-online);background:color-mix(in srgb,var(--state-online),transparent 86%)}.plan-status.inactive[b-m9b7s6pf9d]{color:var(--text-tertiary);background:var(--control-bg)}.plan-actions[b-m9b7s6pf9d]{display:flex!important;gap:6px}.plan-actions button[b-m9b7s6pf9d],.plans-footer button[b-m9b7s6pf9d]{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);color:var(--text-primary)}.plans-empty[b-m9b7s6pf9d],.plans-state[b-m9b7s6pf9d]{margin:0;padding:30px;text-align:center;color:var(--text-secondary)}.plans-footer[b-m9b7s6pf9d]{display:flex;justify-content:space-between;align-items:center;padding:7px;color:var(--text-secondary);font-size:.62rem}.plans-footer>div[b-m9b7s6pf9d]{display:flex;gap:5px}.plans-footer button.current[b-m9b7s6pf9d]{border-color:#2563eb;background:#2563eb;color:#fff}.plans-footer button:disabled[b-m9b7s6pf9d]{opacity:.5}@media(max-width:1100px){.plans-filters[b-m9b7s6pf9d]{grid-template-columns:repeat(3,1fr)}.plans-list[b-m9b7s6pf9d]{overflow:auto}.plans-columns[b-m9b7s6pf9d],.plan-row[b-m9b7s6pf9d]{min-width:1000px}}@media(max-width:650px){.plans-heading[b-m9b7s6pf9d]{align-items:stretch;flex-direction:column}.plans-filters[b-m9b7s6pf9d]{grid-template-columns:1fr}.plans-heading .action[b-m9b7s6pf9d],.plans-filters button[b-m9b7s6pf9d]{width:100%}}
/* /Components/Shared/AppIcon.razor.rz.scp.css */
.app-icon[b-0ek12s6mv2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
}

.app-icon svg[b-0ek12s6mv2] {
    width: 100%;
    height: 100%;
    fill: currentColor;
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-wrygzvv3xc] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 0.7rem;
    min-height: 15rem;
    align-content: center;
    border: 1px dashed var(--glass-border);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--glass-surface), transparent 18%);
    padding: 1.25rem;
}

.empty-state-icon[b-wrygzvv3xc] {
    color: var(--brand-accent);
    opacity: 0.9;
}

.empty-state h2[b-wrygzvv3xc] {
    margin: 0;
    font-size: 1.2rem;
}

.empty-state p[b-wrygzvv3xc] {
    margin: 0;
    max-width: 44ch;
    color: var(--text-secondary);
}

.empty-state-action[b-wrygzvv3xc] {
    margin-top: 0.5rem;
}
/* /Components/Shared/GlassPanel.razor.rz.scp.css */
.glass-panel[b-jryjh93hl7] {
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    padding: 1rem;
}

.glass-panel-header[b-jryjh93hl7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
}

.glass-panel-header h3[b-jryjh93hl7] {
    margin: 0;
    font-size: 1.05rem;
}

.glass-panel-header p[b-jryjh93hl7] {
    margin: 0.25rem 0 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.glass-panel-content[b-jryjh93hl7] {
    min-height: 2rem;
}
/* /Components/Shared/InfoTooltip.razor.rz.scp.css */
.info-tooltip[b-u8cn88yh5s]{position:relative;display:inline-grid;place-items:center;margin-left:.3rem;color:#8ea7bf;cursor:help;vertical-align:middle;outline:none}.info-tooltip>i[b-u8cn88yh5s]{font-size:.78rem}.info-tooltip__content[b-u8cn88yh5s]{position:absolute;z-index:100;left:50%;top:calc(100% + .55rem);width:min(280px,70vw);padding:.65rem .75rem;border:1px solid rgba(91,129,163,.65);border-radius:7px;background:#071827;color:#dce9f6;font-size:.66rem;font-weight:400;line-height:1.45;text-align:left;white-space:normal;box-shadow:0 10px 28px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:.15s ease;pointer-events:none}.info-tooltip__content[b-u8cn88yh5s]::before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-left:1px solid rgba(91,129,163,.65);border-top:1px solid rgba(91,129,163,.65);background:#071827;transform:translateX(-50%) rotate(45deg)}.info-tooltip:hover .info-tooltip__content[b-u8cn88yh5s],.info-tooltip:focus .info-tooltip__content[b-u8cn88yh5s],.info-tooltip:focus-within .info-tooltip__content[b-u8cn88yh5s]{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:700px){.info-tooltip__content[b-u8cn88yh5s]{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;width:auto;transform:none}.info-tooltip:hover .info-tooltip__content[b-u8cn88yh5s],.info-tooltip:focus .info-tooltip__content[b-u8cn88yh5s],.info-tooltip:focus-within .info-tooltip__content[b-u8cn88yh5s]{transform:none}.info-tooltip__content[b-u8cn88yh5s]::before{display:none}}
/* /Components/Shared/StatusIndicator.razor.rz.scp.css */
.status-indicator[b-spevqgem9l] {
    --state-color: var(--state-unknown);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-secondary);
    font-size: 0.82rem;
    font-weight: 600;
}

.status-indicator .dot[b-spevqgem9l] {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    background: var(--state-color);
    box-shadow: 0 0 0.7rem color-mix(in srgb, var(--state-color), transparent 35%);
}

.status-indicator.is-online[b-spevqgem9l] { --state-color: var(--state-online); }
.status-indicator.is-offline[b-spevqgem9l] { --state-color: var(--state-offline); }
.status-indicator.is-warning[b-spevqgem9l] { --state-color: var(--state-warning); }
.status-indicator.is-critical[b-spevqgem9l] { --state-color: var(--state-critical); }
.status-indicator.is-maintenance[b-spevqgem9l] { --state-color: var(--state-maintenance); }
.status-indicator.is-unknown[b-spevqgem9l] { --state-color: var(--state-unknown); }
/* /Features/SmartAndon/Components/AdministrationShell.razor.rz.scp.css */
.admin-module-page[b-iarq1i0ky3]{width:100%;min-height:calc(100dvh - 64px);padding:1.1rem;color:var(--text-main)}
.admin-module-shell[b-iarq1i0ky3]{width:min(1500px,100%);min-height:680px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 88%,var(--bg-2)));box-shadow:0 22px 55px rgba(0,0,0,.3)}
.admin-module-nav[b-iarq1i0ky3]{display:none;padding:1.35rem .7rem;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg-1) 82%,transparent)}
.admin-module-title[b-iarq1i0ky3]{padding:0 .8rem .8rem;color:var(--text-soft);font-size:.68rem;font-weight:700;letter-spacing:.12em}
.admin-module-nav[b-iarq1i0ky3]  a{width:100%;min-height:43px;display:flex;align-items:center;gap:.7rem;margin:.12rem 0;padding:.65rem .8rem;border-left:2px solid transparent;border-radius:0 7px 7px 0;color:var(--text-soft);text-decoration:none;font-size:.82rem;font-weight:500}
.admin-module-nav[b-iarq1i0ky3]  a:hover{color:var(--text-main);background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}
.admin-module-nav[b-iarq1i0ky3]  a.active{border-left-color:var(--accent-red);color:var(--text-main);background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}
.admin-module-nav[b-iarq1i0ky3]  a.active i{color:var(--accent-red)}
.admin-module-nav[b-iarq1i0ky3]  a:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}
.admin-module-nav[b-iarq1i0ky3]  i{font-size:1rem}.admin-module-content[b-iarq1i0ky3]{min-width:0;padding:1.4rem}
@media(max-width:900px){.admin-module-page[b-iarq1i0ky3]{padding:.65rem}.admin-module-shell[b-iarq1i0ky3]{grid-template-columns:1fr;min-height:0}.admin-module-nav[b-iarq1i0ky3]{display:none}.admin-module-title[b-iarq1i0ky3]{display:none}.admin-module-nav[b-iarq1i0ky3]  a{width:auto;flex:1 0 auto;justify-content:center;margin:0;border-left:0;border-bottom:2px solid transparent;border-radius:7px}.admin-module-nav[b-iarq1i0ky3]  a.active{border-left:0;border-bottom-color:var(--accent-red)}.admin-module-content[b-iarq1i0ky3]{padding:1rem}}
@media(max-width:620px){.admin-module-page[b-iarq1i0ky3]{padding:.4rem}.admin-module-content[b-iarq1i0ky3]{padding:.75rem}.admin-module-nav[b-iarq1i0ky3]  a{font-size:.78rem;padding:.55rem}.admin-module-nav[b-iarq1i0ky3]  i{display:none}}
/* /Features/SmartAndon/Components/CompanyModuleNav.razor.rz.scp.css */
.company-configuration[b-sl6dv086c3] { padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb,var(--surface) 86%,transparent); backdrop-filter: blur(16px); margin: 0 0 18px; overflow: hidden; }
.company-module-nav[b-sl6dv086c3] { display: grid; grid-template-columns: repeat(7,minmax(130px,1fr)); overflow-x: auto; }
.company-module-nav[b-sl6dv086c3]  a, .company-step[b-sl6dv086c3] { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; white-space: nowrap; padding: 8px 14px; border-bottom: 3px solid transparent; color: var(--text-soft); text-decoration: none; transition: color .2s,border-color .2s,background .2s; }
.company-module-nav[b-sl6dv086c3]  a:not(:last-child)::after, .company-step:not(:last-child)[b-sl6dv086c3]::after { content: ""; position: absolute; right: 0; top: 15px; width: 1px; height: 24px; background: var(--line); }
.company-module-nav[b-sl6dv086c3]  a.active, .company-step.current[b-sl6dv086c3] { border-bottom-color: var(--accent-red); color: var(--text-main); background: color-mix(in srgb,var(--accent-red) 7%,transparent); }
.company-module-nav[b-sl6dv086c3]  a:hover { color: var(--text-main); background: color-mix(in srgb,var(--text-main) 5%,transparent); }
.company-step.disabled[b-sl6dv086c3] { cursor: not-allowed; opacity: .55; }
.company-module-nav[b-sl6dv086c3]  .company-step-number, .company-step-number[b-sl6dv086c3] { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid var(--line-strong); border-radius: 50%; font-size: .68rem; color: var(--text-soft); }
.company-module-nav[b-sl6dv086c3]  a.active .company-step-number, .company-step.current .company-step-number[b-sl6dv086c3] { border-color: var(--accent-red); background: var(--accent-red); color: #fff; }

@media(max-width:760px) {
    .company-configuration[b-sl6dv086c3] { padding: 0; }
    .company-module-nav[b-sl6dv086c3] { display: flex; }
    .company-module-nav[b-sl6dv086c3]  a, .company-step[b-sl6dv086c3] { min-width: 145px; }
}
/* /Features/SmartAndon/Components/PermissionMatrix.razor.rz.scp.css */
.permission-matrix-groups[b-e7io8twpnv]{display:grid;gap:14px}.permission-matrix-module[b-e7io8twpnv]{--permission-accent:var(--accent-cyan);overflow:hidden;border:1px solid color-mix(in srgb,var(--permission-accent) 58%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--permission-accent) 3%,var(--surface-soft));box-shadow:inset 3px 0 0 var(--permission-accent)}
.permission-matrix-module>header[b-e7io8twpnv]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--permission-accent) 7%,transparent)}.permission-matrix-module>header>span:nth-child(2)[b-e7io8twpnv]{display:grid;gap:2px}.permission-matrix-module>header strong[b-e7io8twpnv]{color:var(--permission-accent);font-size:.9rem}.permission-matrix-module>header small[b-e7io8twpnv]{color:var(--text-soft);font-size:.64rem}.permission-matrix-module>header em[b-e7io8twpnv]{width:max-content;margin-top:6px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--permission-accent) 48%,var(--line));border-radius:999px;color:var(--permission-accent);font-size:.62rem;font-style:normal}.permission-matrix-module>header button[b-e7io8twpnv]{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--permission-accent) 48%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--permission-accent) 6%,transparent);color:var(--permission-accent);font:inherit;font-size:.68rem;cursor:pointer}.permission-matrix-module-icon[b-e7io8twpnv]{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--permission-accent) 45%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--permission-accent) 11%,transparent);color:var(--permission-accent);font-size:1.25rem}
.permission-matrix-table[b-e7io8twpnv]{overflow-x:auto}.permission-matrix-table-head[b-e7io8twpnv],.permission-matrix-table-row[b-e7io8twpnv]{display:grid;grid-template-columns:minmax(230px,1.8fr) repeat(4,minmax(66px,.7fr));align-items:center;min-width:580px}.permission-matrix-table-head[b-e7io8twpnv]{min-height:38px;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:.66rem}.permission-matrix-table-head span[b-e7io8twpnv]{padding:0 12px;text-align:center}.permission-matrix-table-head span:first-child[b-e7io8twpnv]{text-align:left}.permission-matrix-table-row[b-e7io8twpnv]{min-height:48px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.permission-matrix-table-row:last-child[b-e7io8twpnv]{border-bottom:0}.permission-matrix-name[b-e7io8twpnv]{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px}.permission-matrix-name>i[b-e7io8twpnv]{width:22px;color:var(--text-soft);font-size:1rem;text-align:center}.permission-matrix-name>span[b-e7io8twpnv]{display:grid;min-width:0}.permission-matrix-name strong[b-e7io8twpnv],.permission-matrix-name small[b-e7io8twpnv]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-matrix-name strong[b-e7io8twpnv]{color:var(--text-main);font-size:.72rem}.permission-matrix-name small[b-e7io8twpnv]{color:var(--text-soft);font-size:.58rem}.permission-matrix-toggle[b-e7io8twpnv],.permission-matrix-unavailable[b-e7io8twpnv]{display:grid;place-items:center;min-height:48px}.permission-matrix-toggle[b-e7io8twpnv]{cursor:pointer}.permission-matrix-toggle input[b-e7io8twpnv]{position:absolute;opacity:0;pointer-events:none}.permission-matrix-box[b-e7io8twpnv]{width:19px;height:19px;display:grid;place-items:center;border:2px solid var(--line-strong);border-radius:5px;color:transparent;font-size:.75rem}.permission-matrix-toggle.selected .permission-matrix-box[b-e7io8twpnv],.permission-matrix-box.selected[b-e7io8twpnv]{border-color:var(--permission-accent);background:var(--permission-accent);color:#fff}.permission-matrix-unavailable[b-e7io8twpnv]{color:var(--text-soft);font-size:.72rem}
@media(max-width:700px){.permission-matrix-module>header[b-e7io8twpnv]{grid-template-columns:auto 1fr}.permission-matrix-module>header button[b-e7io8twpnv]{grid-column:1/-1;justify-self:start}.permission-matrix-table-head[b-e7io8twpnv],.permission-matrix-table-row[b-e7io8twpnv]{grid-template-columns:minmax(180px,1.6fr) repeat(4,62px)}}
/* /Features/SmartAndon/Pages/Administracion.razor.rz.scp.css */
.company-groups-kicker[b-46ro1iq4px]{font-size:.72rem;letter-spacing:.12em;color:var(--accent-red)}.company-group-selector[b-46ro1iq4px]{max-width:420px;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.company-group-selector label[b-46ro1iq4px],.company-group-selector span[b-46ro1iq4px]{display:block}.company-group-selector span[b-46ro1iq4px]{margin-bottom:.45rem;color:var(--text-soft)}.company-groups-grid[b-46ro1iq4px]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:1rem}.company-group-card[b-46ro1iq4px]{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.company-group-icon[b-46ro1iq4px]{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(239,51,64,.12);color:var(--accent-red);font-size:1.2rem}.company-group-copy[b-46ro1iq4px]{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.company-group-copy strong[b-46ro1iq4px]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
/* /Features/SmartAndon/Pages/BitacoraDetalle.razor.rz.scp.css */
.detail-header-grid[b-3t93iawthw] {
    border-color: var(--glass-border);
}

.detail-header-grid > div[b-3t93iawthw] {
    background: var(--surface-soft);
    border-color: var(--glass-border);
    color: var(--text-primary);
}

.detail-header-grid span[b-3t93iawthw] {
    color: var(--text-secondary);
}

.detail-header-grid strong[b-3t93iawthw] {
    color: var(--text-primary);
}

.compact-step[b-3t93iawthw] {
    background: var(--surface-soft);
}

.compact-step span[b-3t93iawthw] {
    color: var(--text-primary);
}

html[data-theme="light"] .attention-reconstruction[b-3t93iawthw] {
    color: var(--text-primary);
}

html[data-theme="light"] .attention-heading p[b-3t93iawthw],
html[data-theme="light"] .attention-sla-summary span[b-3t93iawthw],
html[data-theme="light"] .timeline-rail time[b-3t93iawthw],
html[data-theme="light"] .alert-created-grid span[b-3t93iawthw],
html[data-theme="light"] .detail-label[b-3t93iawthw],
html[data-theme="light"] .stage-empty[b-3t93iawthw],
html[data-theme="light"] .stage-stat span[b-3t93iawthw],
html[data-theme="light"] .attention-flow-summary span[b-3t93iawthw],
html[data-theme="light"] .attention-flow-summary small[b-3t93iawthw] {
    color: var(--text-secondary);
}

html[data-theme="light"] .attention-sla-summary[b-3t93iawthw],
html[data-theme="light"] .alert-created-card[b-3t93iawthw],
html[data-theme="light"] .attention-stage-card[b-3t93iawthw],
html[data-theme="light"] .attention-flow-summary[b-3t93iawthw] {
    background: var(--surface);
    border-color: var(--glass-border);
}

html[data-theme="light"] .alert-created-card[b-3t93iawthw]::before,
html[data-theme="light"] .attention-stage-card[b-3t93iawthw]::before,
html[data-theme="light"] .transition-label span[b-3t93iawthw] {
    background: var(--surface);
}

html[data-theme="light"] .alert-created-grid > div[b-3t93iawthw],
html[data-theme="light"] .alert-created-grid strong[b-3t93iawthw],
html[data-theme="light"] .stage-details-grid[b-3t93iawthw],
html[data-theme="light"] .stage-details-grid h5[b-3t93iawthw],
html[data-theme="light"] .stage-details-grid p[b-3t93iawthw],
html[data-theme="light"] .stage-details-grid ul[b-3t93iawthw],
html[data-theme="light"] .stage-person strong[b-3t93iawthw],
html[data-theme="light"] .stage-stat strong[b-3t93iawthw],
html[data-theme="light"] .outcome-title strong[b-3t93iawthw],
html[data-theme="light"] .flow-summary-title strong[b-3t93iawthw] {
    color: var(--text-primary);
}

html[data-theme="light"] .alert-created-grid > div[b-3t93iawthw],
html[data-theme="light"] .attention-stage-card > header[b-3t93iawthw],
html[data-theme="light"] .stage-details-grid > section[b-3t93iawthw] {
    border-color: var(--glass-border);
}

html[data-theme="light"] .attention-stage-card.cancelled[b-3t93iawthw] {
    --stage-color: #586b80;
}

html[data-theme="light"] .stage-result-badge[b-3t93iawthw] {
    color: var(--stage-color);
    background: color-mix(in srgb, var(--stage-color), transparent 88%);
    border-color: color-mix(in srgb, var(--stage-color), transparent 48%);
    box-shadow: none;
}

html[data-theme="light"] .timeline-node.generated[b-3t93iawthw] {
    background: color-mix(in srgb, #ff434e, var(--surface) 88%);
}

html[data-theme="light"] .timeline-node.cancelled[b-3t93iawthw] {
    color: #586b80;
    background: color-mix(in srgb, #586b80, var(--surface) 88%);
}

html[data-theme="light"] .andon-modal.technician-report-mobile[b-3t93iawthw] {
    background: var(--surface-soft);
    border-color: var(--glass-border);
    color: var(--text-primary);
    box-shadow: 0 24px 70px rgba(30, 43, 68, 0.28);
}

html[data-theme="light"] .technician-report-mobile .technician-report-header[b-3t93iawthw],
html[data-theme="light"] .technician-report-mobile.resolution .technician-report-header[b-3t93iawthw],
html[data-theme="light"] .technician-report-mobile.escalation .technician-report-header[b-3t93iawthw] {
    background: var(--surface);
    border-bottom-color: var(--glass-border) !important;
}

html[data-theme="light"] .technician-report-heading h3[b-3t93iawthw],
html[data-theme="light"] .technician-report-section-title[b-3t93iawthw],
html[data-theme="light"] .mobile-report-section-title strong[b-3t93iawthw] {
    color: var(--text-primary);
}

html[data-theme="light"] .technician-report-heading p[b-3t93iawthw],
html[data-theme="light"] .mobile-report-section-title small[b-3t93iawthw],
html[data-theme="light"] .technician-report-counter[b-3t93iawthw],
html[data-theme="light"] .technician-report-hint[b-3t93iawthw] {
    color: var(--text-secondary);
}

html[data-theme="light"] .technician-report-mobile .andon-modal-body[b-3t93iawthw] {
    background: var(--surface-soft);
}

html[data-theme="light"] .technician-report-mobile .mobile-report-summary[b-3t93iawthw],
html[data-theme="light"] .technician-report-mobile .mobile-report-section[b-3t93iawthw] {
    background: var(--surface);
    border-color: var(--glass-border);
    box-shadow: 0 8px 20px rgba(30, 43, 68, 0.1);
}

html[data-theme="light"] .technician-report-textarea[b-3t93iawthw] {
    background: var(--migrated-control-bg);
    border-color: var(--control-border);
    color: var(--text-primary);
    box-shadow: inset 0 1px 0 rgba(30, 43, 68, 0.03);
}

html[data-theme="light"] .technician-report-textarea[b-3t93iawthw]::placeholder {
    color: var(--text-tertiary);
}

html[data-theme="light"] .technician-report-mobile footer[b-3t93iawthw] {
    background: var(--surface);
    border-top-color: var(--glass-border) !important;
}
/* /Features/SmartAndon/Pages/CostosWhatsApp.razor.rz.scp.css */
.cost-message-modal[b-h5w9wzc5uf] {
    background: var(--surface);
    border-color: var(--glass-border);
    color: var(--text-primary);
}

.cost-message-modal header[b-h5w9wzc5uf],
.cost-message-modal footer[b-h5w9wzc5uf] {
    border-color: var(--glass-border);
}

.cost-message-meta[b-h5w9wzc5uf] {
    border-color: var(--glass-border);
}

.cost-message-meta > div[b-h5w9wzc5uf] {
    background: var(--surface-soft);
    border-color: var(--glass-border);
}

.cost-message-meta span[b-h5w9wzc5uf] {
    color: var(--text-secondary);
}

.cost-message-meta strong[b-h5w9wzc5uf] {
    color: var(--text-primary);
}
/* /Features/SmartAndon/Pages/EmpresaDetalle.razor.rz.scp.css */
.company-detail-page[b-3cocrqjj6u]{padding:1.2rem;max-width:1400px;margin:0 auto}.company-detail-header[b-3cocrqjj6u]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.company-detail-brand[b-3cocrqjj6u]{display:flex;align-items:center;gap:1rem}.company-detail-brand>img[b-3cocrqjj6u],.company-detail-brand>span[b-3cocrqjj6u]{width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);object-fit:contain;font-size:2rem;color:var(--accent-red)}.company-detail-brand small[b-3cocrqjj6u]{color:var(--accent-red);font-weight:700;letter-spacing:.1em}.company-detail-brand h1[b-3cocrqjj6u]{margin:.2rem 0;font-size:2rem}.company-detail-brand p[b-3cocrqjj6u]{margin:0 0 .45rem;color:var(--text-soft)}.company-tabs[b-3cocrqjj6u]{display:flex;gap:.25rem;overflow-x:auto;margin-bottom:1rem;padding:.35rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.company-tabs button[b-3cocrqjj6u]{flex:0 0 auto;padding:.6rem .8rem;border:0;border-radius:7px;background:transparent;color:var(--text-soft);cursor:pointer}.company-tabs button.active[b-3cocrqjj6u]{background:var(--surface-soft);color:var(--accent-red)}.company-tabs button:disabled[b-3cocrqjj6u]{opacity:.45;cursor:not-allowed}.company-detail-grid[b-3cocrqjj6u]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 280px;gap:1rem;align-items:start}.company-detail-list[b-3cocrqjj6u]{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.75rem;margin:0}.company-detail-list dt[b-3cocrqjj6u]{color:var(--text-soft);font-size:.75rem}.company-detail-list dd[b-3cocrqjj6u]{margin:0;overflow-wrap:anywhere}.company-detail-logo>img[b-3cocrqjj6u],.company-detail-logo>div[b-3cocrqjj6u]{width:100%;min-height:180px;display:grid;place-items:center;align-content:center;gap:.5rem;object-fit:contain;color:var(--text-soft)}.company-detail-logo i[b-3cocrqjj6u]{font-size:2rem}@media(max-width:1100px){.company-detail-grid[b-3cocrqjj6u]{grid-template-columns:repeat(2,minmax(0,1fr))}.company-detail-logo[b-3cocrqjj6u]{grid-column:1/-1}}@media(max-width:700px){.company-detail-page[b-3cocrqjj6u]{padding:.7rem}.company-detail-header[b-3cocrqjj6u]{align-items:flex-start;flex-direction:column}.company-detail-header>.action[b-3cocrqjj6u]{width:100%}.company-detail-grid[b-3cocrqjj6u]{grid-template-columns:1fr}.company-detail-logo[b-3cocrqjj6u]{grid-column:auto}.company-detail-list[b-3cocrqjj6u]{grid-template-columns:1fr;gap:.25rem}.company-detail-list dd[b-3cocrqjj6u]{margin-bottom:.6rem}}
/* /Features/SmartAndon/Pages/EmpresaFormulario.razor.rz.scp.css */
.company-form-page[b-s6g4tfjqc2]{padding:1.2rem;max-width:1450px;margin:0 auto}.company-heading span[b-s6g4tfjqc2]{color:var(--text-soft);font-size:.75rem}.company-heading h1[b-s6g4tfjqc2]{margin:.65rem 0 .25rem;font-size:1.8rem}.company-heading p[b-s6g4tfjqc2]{margin:0 0 1.2rem;color:var(--text-soft)}.company-form-grid[b-s6g4tfjqc2]{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;align-items:start}.company-form-main[b-s6g4tfjqc2],.company-form-aside[b-s6g4tfjqc2]{display:grid;gap:1rem}.company-form-aside[b-s6g4tfjqc2]{position:sticky;top:86px}.company-card[b-s6g4tfjqc2]{min-width:0;padding:1.15rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 91%,transparent)}.company-card h3[b-s6g4tfjqc2]{margin:0 0 1rem;font-size:1rem}.company-card>p[b-s6g4tfjqc2]{color:var(--text-soft);font-size:.8rem}.company-fields[b-s6g4tfjqc2]{display:grid;gap:.8rem;margin-top:.8rem}.company-fields.two[b-s6g4tfjqc2]{grid-template-columns:repeat(2,minmax(0,1fr))}.company-fields.three[b-s6g4tfjqc2]{grid-template-columns:repeat(3,minmax(0,1fr))}.company-fields label[b-s6g4tfjqc2]{display:grid;gap:.35rem;min-width:0}.company-fields label>span[b-s6g4tfjqc2]{font-size:.75rem}.company-fields b[b-s6g4tfjqc2]{color:var(--accent-red)}.company-fields .text-input[b-s6g4tfjqc2]{width:100%;margin:0}.company-actions[b-s6g4tfjqc2]{display:flex;justify-content:flex-end;gap:.65rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 91%,transparent)}.company-dropzone[b-s6g4tfjqc2]{position:relative;min-height:190px;display:grid;place-items:center;align-content:center;gap:.6rem;padding:1rem;border:1px dashed var(--line-strong);border-radius:10px;text-align:center;color:var(--text-soft);overflow:hidden;cursor:pointer}.company-dropzone>i[b-s6g4tfjqc2]{font-size:2.6rem}.company-dropzone img[b-s6g4tfjqc2]{max-width:100%;max-height:160px;object-fit:contain}.company-dropzone input[b-s6g4tfjqc2]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.company-upload-button[b-s6g4tfjqc2]{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .85rem;border:1px solid color-mix(in srgb,var(--accent-cyan) 70%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent-cyan) 16%,var(--surface));color:var(--text-main);font-size:.8rem;font-weight:700}.company-dropzone:hover .company-upload-button[b-s6g4tfjqc2]{background:color-mix(in srgb,var(--accent-cyan) 28%,var(--surface));border-color:var(--accent-cyan)}.company-dropzone[b-s6g4tfjqc2]  .company-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.company-form-aside>section>small[b-s6g4tfjqc2]{display:block;margin-top:.65rem;text-align:center;color:var(--text-soft)}.company-remove-logo[b-s6g4tfjqc2]{width:100%;margin-top:.7rem;padding:.55rem;border:0;background:transparent;color:var(--accent-red);cursor:pointer}.company-status label[b-s6g4tfjqc2]{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.company-status small[b-s6g4tfjqc2]{color:var(--text-soft);line-height:1.4}.company-summary dl[b-s6g4tfjqc2]{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin:0}.company-summary dt[b-s6g4tfjqc2]{color:var(--text-soft);font-size:.72rem}.company-summary dd[b-s6g4tfjqc2]{max-width:170px;margin:0;text-align:right;overflow-wrap:anywhere;font-size:.75rem}.company-summary dd.active[b-s6g4tfjqc2]{color:var(--ok)}.company-summary dd.inactive[b-s6g4tfjqc2]{color:var(--text-soft)}
@media(max-width:1050px){.company-form-grid[b-s6g4tfjqc2]{grid-template-columns:1fr}.company-form-aside[b-s6g4tfjqc2]{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.company-form-page[b-s6g4tfjqc2]{padding:.7rem}.company-fields.two[b-s6g4tfjqc2],.company-fields.three[b-s6g4tfjqc2],.company-form-aside[b-s6g4tfjqc2]{grid-template-columns:1fr}.company-actions[b-s6g4tfjqc2]{flex-direction:column-reverse}.company-actions button[b-s6g4tfjqc2]{width:100%}}
/* /Features/SmartAndon/Pages/Empresas.razor.rz.scp.css */
.company-page[b-2s8swj7iy9]{padding:1rem}.company-empty[b-2s8swj7iy9]{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;color:var(--text-soft)}.company-empty>i[b-2s8swj7iy9]{font-size:2.4rem;color:var(--line-strong)}.companies-grid[b-2s8swj7iy9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;margin-top:1rem}.company-grid-card[b-2s8swj7iy9]{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface-soft),rgba(8,18,32,.7));transition:border-color .2s,transform .2s}.company-grid-card:hover[b-2s8swj7iy9]{border-color:var(--line-strong);transform:translateY(-2px)}.company-grid-card-head[b-2s8swj7iy9]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.company-identity[b-2s8swj7iy9]{display:flex;align-items:center;gap:.75rem;min-width:0}.company-identity img[b-2s8swj7iy9],.company-identity>span[b-2s8swj7iy9]{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);object-fit:contain}.company-identity>span[b-2s8swj7iy9]{color:var(--accent-red);font-size:1.3rem}.company-identity>div[b-2s8swj7iy9]{min-width:0}.company-identity strong[b-2s8swj7iy9],.company-identity small[b-2s8swj7iy9]{display:block}.company-identity strong[b-2s8swj7iy9]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-identity small[b-2s8swj7iy9]{margin-top:4px;color:var(--text-soft)}.company-grid-legal[b-2s8swj7iy9]{margin:16px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--text-soft);min-height:2.7em}.company-grid-details[b-2s8swj7iy9]{display:grid;gap:10px;margin:0}.company-grid-details div[b-2s8swj7iy9]{min-width:0}.company-grid-details dt[b-2s8swj7iy9]{font-size:.75rem;color:var(--text-soft)}.company-grid-details dd[b-2s8swj7iy9]{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-grid-details i[b-2s8swj7iy9]{margin-right:5px;color:var(--accent-red)}.company-grid-actions[b-2s8swj7iy9]{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.company-grid-actions .ghost-button:first-child[b-2s8swj7iy9]{margin-right:auto}@media(max-width:600px){.companies-grid[b-2s8swj7iy9]{grid-template-columns:1fr}.company-grid-card[b-2s8swj7iy9]{padding:15px}.company-grid-card-head[b-2s8swj7iy9]{align-items:center}}
/* /Features/SmartAndon/Pages/Hardware.razor.rz.scp.css */
.hardware-page[b-fpernob0yr] {
    min-width: 0;
}

.hardware-tabs[b-fpernob0yr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    overflow-x: auto;
    margin: 1.1rem 0 1.35rem;
    border: 1px solid var(--line-strong);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--surface-soft) 76%, transparent);
}

.hardware-tabs[b-fpernob0yr]  a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 3.45rem;
    padding: .55rem 1rem;
    border-bottom: 3px solid transparent;
    color: var(--text-soft);
    font-weight: 650;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.hardware-tabs[b-fpernob0yr]  a:not(:last-child)::after {
    content: "";
    position: absolute;
    top: .9rem;
    right: 0;
    width: 1px;
    height: 1.6rem;
    background: var(--line-strong);
}

.hardware-tabs[b-fpernob0yr]  a:hover {
    background: rgba(45, 212, 191, .08);
    color: var(--text-main);
}

.hardware-tabs[b-fpernob0yr]  a.active {
    border-bottom-color: var(--accent-cyan);
    background: color-mix(in srgb, var(--accent-cyan) 9%, transparent);
    color: var(--text-main);
}

.hardware-step-number[b-fpernob0yr] {
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    color: var(--text-soft);
    font-size: .72rem;
    font-weight: 500;
}

.hardware-tabs[b-fpernob0yr]  a.active .hardware-step-number {
    border-color: var(--accent-cyan);
    background: var(--accent-cyan);
    color: var(--surface-deep, #08202c);
}

.hardware-subtabs[b-fpernob0yr] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin: -.45rem 0 1.1rem;
    padding: .35rem;
    border: 1px solid var(--line);
    border-radius: .7rem;
    background: color-mix(in srgb, var(--surface-soft) 72%, transparent);
}

.hardware-subtabs[b-fpernob0yr]  a {
    min-height: 2.2rem;
    display: inline-flex;
    align-items: center;
    padding: .45rem .8rem;
    border-radius: .5rem;
    color: var(--text-soft);
    font-weight: 650;
    text-decoration: none;
}

.hardware-subtabs[b-fpernob0yr]  a.active {
    background: var(--surface);
    color: var(--accent-cyan);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.hardware-description[b-fpernob0yr] {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hardware-kind[b-fpernob0yr] {
    display: block;
    margin-top: .2rem;
    color: var(--accent-cyan);
}

.hardware-page .company-empty[b-fpernob0yr] {
    display: grid !important;
    grid-template-columns: 1fr;
    place-items: center;
    gap: .55rem;
    min-height: 11rem;
    padding: 2rem 1rem;
    text-align: center;
}

.hardware-page .company-empty > i[b-fpernob0yr] {
    font-size: 2rem;
    color: var(--accent-cyan);
}

.hardware-page .company-empty > strong[b-fpernob0yr] {
    display: block;
    font-size: 1.05rem;
}

.hardware-page .company-empty > span:not(.loading-spinner)[b-fpernob0yr] {
    display: block;
    color: var(--text-soft);
}

.hardware-page .andon-header[b-fpernob0yr] {
    gap: 1rem;
}

/* El estado de tipos y dispositivos se administra desde el formulario Editar. */
.hardware-page .ops-inline .ops-button + .ops-button[b-fpernob0yr] {
    display: none;
}

.hardware-page .andon-modal-backdrop[b-fpernob0yr] {
    display: none !important;
}

.hardware-screen-backdrop[b-fpernob0yr] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 1.5rem;
    overflow: auto;
    background: var(--scrim-bg);
    backdrop-filter: blur(10px) saturate(1.08);
    -webkit-backdrop-filter: blur(10px) saturate(1.08);
}

.hardware-screen-modal[b-fpernob0yr] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: min(40rem, calc(100vw - 3rem));
    min-width: 0;
    max-width: 100%;
    max-height: calc(100dvh - 3rem);
    margin: auto;
    overflow: hidden;
    border: 1px solid var(--glass-border);
    background: var(--floating-surface);
    color: var(--text-primary);
    box-shadow: var(--shadow-lg);
    backdrop-filter: blur(24px) saturate(1.16);
    -webkit-backdrop-filter: blur(24px) saturate(1.16);
}

.hardware-screen-modal.wide[b-fpernob0yr] {
    width: min(48rem, calc(100vw - 3rem));
}

.hardware-screen-modal > header[b-fpernob0yr],
.hardware-screen-modal > footer[b-fpernob0yr] {
    flex: 0 0 auto;
    border-color: var(--glass-border);
    color: var(--text-primary);
}

.hardware-screen-modal .andon-modal-body[b-fpernob0yr] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    color: var(--text-primary);
}

.hardware-screen-modal .andon-modal-body[b-fpernob0yr],
.hardware-screen-modal .andon-modal-body label[b-fpernob0yr],
.hardware-screen-modal .andon-modal-body .ops-select-row[b-fpernob0yr],
.hardware-screen-modal .andon-modal-body .text-input[b-fpernob0yr] {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.hardware-screen-modal .andon-modal-body label[b-fpernob0yr],
.hardware-screen-modal .andon-modal-body strong[b-fpernob0yr],
.hardware-screen-modal .status-toggle-label[b-fpernob0yr] {
    color: var(--text-secondary);
}

.hardware-screen-modal .text-input[b-fpernob0yr] {
    border-color: var(--control-border);
    background: var(--migrated-control-bg);
    color: var(--text-primary);
}

.hardware-screen-modal .text-input:hover:not(:disabled):not([readonly])[b-fpernob0yr] {
    background: var(--migrated-control-hover);
}

.hardware-screen-modal .text-input:focus[b-fpernob0yr] {
    border-color: var(--brand-accent-strong);
    outline: none;
    box-shadow: 0 0 0 2px var(--focus-ring);
}

.hardware-screen-modal .ghost-button[b-fpernob0yr] {
    border-color: var(--control-border);
    background: var(--migrated-control-bg);
    color: var(--text-primary);
}

.hardware-form[b-fpernob0yr] {
    display: grid;
    gap: .85rem;
}

.hardware-form > label[b-fpernob0yr],
.hardware-form fieldset[b-fpernob0yr] {
    display: grid;
    min-width: 0;
    gap: .3rem;
}

.hardware-form .text-input[b-fpernob0yr] {
    width: 100%;
    margin: 0;
}

.hardware-form fieldset[b-fpernob0yr] {
    margin: 0;
    padding: .8rem;
    border: 1px solid var(--glass-border);
    border-radius: .65rem;
}

.hardware-check-grid[b-fpernob0yr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    max-height: 14rem;
    overflow: auto;
}

.hardware-derived[b-fpernob0yr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.hardware-derived > span[b-fpernob0yr] {
    display: grid;
    gap: .2rem;
    padding: .7rem;
    border: 1px solid var(--glass-border);
    border-radius: .6rem;
    background: color-mix(in srgb, var(--floating-surface) 80%, transparent);
}

.hardware-derived small[b-fpernob0yr],
.hardware-help[b-fpernob0yr] {
    color: var(--text-secondary);
}

.hardware-prerequisite[b-fpernob0yr] {
    margin: 0;
    padding: .7rem;
    border: 1px solid color-mix(in srgb, var(--state-warning) 45%, var(--glass-border));
    border-radius: .6rem;
    background: var(--warn-surface);
    color: var(--warn-text);
}

@media (max-width: 640px) {
    .hardware-tabs[b-fpernob0yr] {
        gap: .35rem;
    }

    .hardware-tabs[b-fpernob0yr]  a {
        flex: 1 1 auto;
        justify-content: center;
        padding-inline: .65rem;
    }

    .hardware-page .andon-header[b-fpernob0yr] {
        align-items: stretch;
        flex-direction: column;
    }

    .hardware-page .andon-header .action[b-fpernob0yr] {
        width: 100%;
        justify-content: center;
    }

    .hardware-screen-backdrop[b-fpernob0yr] {
        align-items: end;
        padding: .75rem;
    }

    .hardware-screen-modal[b-fpernob0yr],
    .hardware-screen-modal.wide[b-fpernob0yr] {
        width: 100%;
        max-height: calc(100dvh - 1.5rem);
    }

    .hardware-check-grid[b-fpernob0yr],
    .hardware-derived[b-fpernob0yr] {
        grid-template-columns: 1fr;
    }
}
/* /Features/SmartAndon/Pages/MiPerfil.razor.rz.scp.css */
.profile-page[b-kppj6mm8v8] { --text-main:var(--text-primary); --text-soft:var(--text-secondary); --accent-red:var(--brand-accent-strong); --accent-cyan:var(--brand-accent-strong); --surface:var(--floating-surface); --surface-soft:var(--control-bg); --bg-1:var(--floating-surface); --bg-2:var(--control-bg); --line:var(--glass-border); --line-strong:var(--control-border); --ok:var(--state-online); --warn:var(--state-warning); --danger:var(--state-critical); width:100%; min-height:calc(100vh - 64px); padding:1.1rem; color:var(--text-main); }
.profile-shell[b-kppj6mm8v8] { width:min(1180px,100%); min-height:680px; margin:0 auto; display:grid; grid-template-columns:210px minmax(0,1fr); overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--glass-surface); box-shadow:var(--shadow-lg,0 22px 55px rgba(0,0,0,.3)); }
.profile-nav[b-kppj6mm8v8] { padding:1.35rem .7rem; border-right:1px solid var(--line); background:var(--sidebar-bg); }
.profile-nav>span[b-kppj6mm8v8] { display:block; padding:0 .8rem .8rem; color:var(--text-soft); font-size:.68rem; font-weight:700; letter-spacing:.12em; }
.profile-nav button[b-kppj6mm8v8] { width:100%; min-height:43px; display:flex; align-items:center; gap:.7rem; padding:.65rem .8rem; border:0; border-left:2px solid transparent; border-radius:0 7px 7px 0; background:transparent; color:var(--text-soft); font:inherit; text-align:left; cursor:pointer; }
.profile-nav button i[b-kppj6mm8v8] { font-size:1rem; }.profile-nav button:hover[b-kppj6mm8v8],.profile-nav button.active[b-kppj6mm8v8] { color:var(--text-main); background:color-mix(in srgb,var(--surface-soft) 72%,transparent); border-left-color:var(--accent-red); }.profile-nav button.active i[b-kppj6mm8v8] { color:var(--accent-red); }
.profile-content[b-kppj6mm8v8] { min-width:0; padding:1.4rem; }.profile-title[b-kppj6mm8v8] { display:flex; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.profile-title h1[b-kppj6mm8v8] { margin:.15rem 0; font-size:2rem; }.profile-title p[b-kppj6mm8v8] { margin:0; color:var(--text-soft); }.profile-kicker[b-kppj6mm8v8] { color:var(--accent-cyan); font-size:.68rem; font-weight:700; letter-spacing:.12em; }
.profile-main-grid[b-kppj6mm8v8] { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr); gap:1rem; align-items:start; }.profile-side-stack[b-kppj6mm8v8] { display:grid; gap:1rem; }
.profile-card[b-kppj6mm8v8] { min-width:0; padding:1rem; border:1px solid var(--line); border-radius:11px; background:color-mix(in srgb,var(--surface-soft) 75%,transparent); box-shadow:inset 0 1px rgba(255,255,255,.025); }.profile-card-heading[b-kppj6mm8v8] { padding-bottom:.8rem; margin-bottom:.85rem; border-bottom:1px solid var(--line); }.profile-card-heading>div[b-kppj6mm8v8] { display:flex; align-items:center; gap:.65rem; }.profile-card-heading i[b-kppj6mm8v8] { color:var(--accent-cyan); font-size:1.2rem; }.profile-card-heading span[b-kppj6mm8v8] { display:grid; }.profile-card-heading small[b-kppj6mm8v8] { color:var(--text-soft); font-size:.7rem; }
.profile-form-grid[b-kppj6mm8v8] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }.profile-form-grid label[b-kppj6mm8v8],.profile-password-fields label[b-kppj6mm8v8] { display:grid; gap:.3rem; min-width:0; }.profile-form-grid label>span[b-kppj6mm8v8],.profile-password-fields label>span[b-kppj6mm8v8] { color:var(--text-soft); font-size:.72rem; }.profile-input[b-kppj6mm8v8] { width:100%; min-width:0; height:40px; padding:.5rem .65rem; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--text-main); font:inherit; }.profile-input:focus[b-kppj6mm8v8] { border-color:var(--accent-cyan); outline:none; box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-cyan) 18%,transparent); }.profile-input.readonly[b-kppj6mm8v8] { color:var(--text-soft); background:color-mix(in srgb,var(--bg-1) 78%,transparent); cursor:not-allowed; }.profile-information-card footer[b-kppj6mm8v8] { display:flex; justify-content:flex-end; padding-top:1rem; }
.profile-primary[b-kppj6mm8v8],.profile-secondary[b-kppj6mm8v8],.profile-link-danger[b-kppj6mm8v8],.profile-theme-options button[b-kppj6mm8v8] { min-height:39px; display:inline-flex; align-items:center; justify-content:center; gap:.45rem; border-radius:7px; padding:.5rem .8rem; font:inherit; font-weight:600; cursor:pointer; }.profile-primary[b-kppj6mm8v8] { border:1px solid color-mix(in srgb,var(--accent-red) 80%,#fff); background:linear-gradient(135deg,var(--accent-red),#aa1830); color:#fff; box-shadow:0 8px 18px color-mix(in srgb,var(--accent-red) 22%,transparent); }.profile-secondary[b-kppj6mm8v8] { border:1px solid var(--line-strong); background:var(--surface); color:var(--text-main); }.profile-primary:disabled[b-kppj6mm8v8],.profile-secondary:disabled[b-kppj6mm8v8],.profile-link-danger:disabled[b-kppj6mm8v8] { opacity:.55; cursor:not-allowed; }
.profile-photo-card[b-kppj6mm8v8] { display:grid; justify-items:center; text-align:center; }.profile-photo-wrap[b-kppj6mm8v8] { position:relative; width:104px; height:104px; margin:.25rem 0 .7rem; }.profile-photo-wrap>span[b-kppj6mm8v8],.profile-photo-preview-trigger[b-kppj6mm8v8],.profile-photo-preview-trigger img[b-kppj6mm8v8] { width:100%; height:100%; }.profile-photo-wrap>span[b-kppj6mm8v8],.profile-photo-preview-trigger img[b-kppj6mm8v8] { display:grid; place-items:center; border:3px solid color-mix(in srgb,var(--accent-red) 65%,var(--line)); border-radius:50%; background:linear-gradient(145deg,#ff536b,#c51f3b 55%,#651022); color:#fff; object-fit:cover; font-size:1.5rem; font-weight:800; box-shadow:0 10px 24px rgba(0,0,0,.28); }.profile-photo-preview-trigger[b-kppj6mm8v8] { display:block; padding:0; border:0; border-radius:50%; background:transparent; cursor:zoom-in; }.profile-photo-preview-trigger:focus-visible[b-kppj6mm8v8] { outline:2px solid var(--accent-cyan); outline-offset:3px; }.profile-camera[b-kppj6mm8v8] { position:absolute; z-index:2; right:1px; bottom:2px; width:31px; height:31px; display:grid; place-items:center; border:2px solid var(--surface); border-radius:50%; background:var(--accent-red); color:#fff; cursor:pointer; }.profile-camera input[b-kppj6mm8v8] { display:none; }.profile-photo-card>small[b-kppj6mm8v8],.profile-photo-card>p[b-kppj6mm8v8] { color:var(--text-soft); }.profile-photo-card>p[b-kppj6mm8v8] { margin:.55rem 0; font-size:.7rem; }.profile-link-danger[b-kppj6mm8v8] { border:0; background:transparent; color:var(--danger); font-size:.75rem; }
.profile-photo-actions[b-kppj6mm8v8]{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.profile-avatar-modal[b-kppj6mm8v8]{width:min(650px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1rem;border:1px solid var(--line-strong);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--bg-1));color:var(--text-main);box-shadow:0 25px 65px rgba(0,0,0,.55)}.profile-avatar-modal>header[b-kppj6mm8v8]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.profile-avatar-modal h2[b-kppj6mm8v8]{margin:0}.profile-avatar-modal header p[b-kppj6mm8v8]{margin:.2rem 0 0;color:var(--text-soft)}.profile-avatar-modal header button[b-kppj6mm8v8]{width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:var(--text-soft);font-size:1.2rem;cursor:pointer}.profile-avatar-grid[b-kppj6mm8v8]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem 0}.profile-avatar-grid button[b-kppj6mm8v8]{position:relative;aspect-ratio:1;padding:.25rem;border:2px solid transparent;border-radius:50%;background:color-mix(in srgb,var(--surface-soft) 80%,transparent);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.profile-avatar-grid button:hover[b-kppj6mm8v8]{transform:translateY(-2px);border-color:var(--accent-cyan)}.profile-avatar-grid button.selected[b-kppj6mm8v8]{border-color:var(--accent-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-red) 16%,transparent)}.profile-avatar-grid img[b-kppj6mm8v8]{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.profile-avatar-grid button>i[b-kppj6mm8v8]{position:absolute;right:2px;bottom:4px;width:25px;height:25px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--ok);color:#fff}.profile-avatar-warning[b-kppj6mm8v8]{display:flex;gap:.4rem;margin:0;color:var(--text-soft);font-size:.75rem}.profile-avatar-warning i[b-kppj6mm8v8]{color:var(--accent-cyan)}
.profile-signature-card p[b-kppj6mm8v8]{margin:.65rem 0;color:var(--text-soft);font-size:.7rem;line-height:1.45}.profile-signature-preview[b-kppj6mm8v8]{width:100%;height:105px;display:grid;place-items:center;padding:.5rem;border:1px dashed var(--line-strong);border-radius:8px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.profile-signature-preview img[b-kppj6mm8v8]{width:100%;height:100%;object-fit:contain}.profile-signature-preview span[b-kppj6mm8v8]{display:flex;align-items:center;gap:.45rem;color:var(--text-soft);font-size:.78rem}.profile-signature-actions[b-kppj6mm8v8]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.profile-signature-actions label[b-kppj6mm8v8]{position:relative}.profile-signature-actions label input[b-kppj6mm8v8]{display:none}
.profile-summary-card p[b-kppj6mm8v8] { color:var(--text-soft); font-size:.8rem; }.profile-preference-row[b-kppj6mm8v8] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.75rem; }.profile-preference-row span[b-kppj6mm8v8] { display:flex; gap:.5rem; color:var(--text-soft); }
.profile-theme-toggle[b-kppj6mm8v8] { margin-left:auto; }
.profile-section-card[b-kppj6mm8v8] { min-height:250px; display:grid; justify-items:center; align-content:center; gap:1rem; text-align:center; }.profile-section-card h2[b-kppj6mm8v8] { margin:0; }.profile-section-card p[b-kppj6mm8v8] { margin:.3rem 0; color:var(--text-soft); }.profile-section-icon[b-kppj6mm8v8] { width:62px; height:62px; display:grid; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--accent-red) 15%,var(--surface)); color:var(--accent-red); font-size:1.7rem; }.profile-theme-options[b-kppj6mm8v8] { display:flex; gap:.7rem; }.profile-theme-options button[b-kppj6mm8v8] { min-width:120px; border:1px solid var(--line); background:var(--surface); color:var(--text-main); }.profile-theme-options button.selected[b-kppj6mm8v8] { border-color:var(--accent-red); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-red) 15%,transparent); }
.profile-message[b-kppj6mm8v8] { margin-bottom:1rem; padding:.7rem .85rem; border:1px solid; border-radius:8px; overflow-wrap:anywhere; }.profile-message.success[b-kppj6mm8v8] { border-color:color-mix(in srgb,var(--ok) 50%,var(--line)); background:color-mix(in srgb,var(--ok) 10%,var(--surface)); color:var(--ok); }.profile-message.error[b-kppj6mm8v8] { border-color:color-mix(in srgb,var(--danger) 55%,var(--line)); background:color-mix(in srgb,var(--danger) 10%,var(--surface)); color:var(--danger); }.profile-loading[b-kppj6mm8v8] { min-height:280px; display:flex; align-items:center; justify-content:center; gap:.7rem; color:var(--text-soft); }
.profile-modal-backdrop[b-kppj6mm8v8] { position:fixed; inset:0; z-index:2200; display:grid; place-items:center; padding:1rem; background:rgba(2,7,15,.74); backdrop-filter:blur(5px); }.profile-password-modal[b-kppj6mm8v8] { width:min(520px,100%); max-height:calc(100dvh - 2rem); overflow:auto; padding:1.1rem; border:1px solid var(--line-strong); border-radius:13px; background:linear-gradient(145deg,var(--surface),var(--bg-1)); color:var(--text-main); box-shadow:0 25px 65px rgba(0,0,0,.55); }.profile-password-modal>header[b-kppj6mm8v8] { display:flex; justify-content:space-between; gap:1rem; padding-bottom:.8rem; }.profile-password-modal h2[b-kppj6mm8v8] { margin:0; }.profile-password-modal header p[b-kppj6mm8v8] { margin:.25rem 0 0; color:var(--text-soft); }.profile-password-modal header>button[b-kppj6mm8v8] { width:36px; height:36px; border:0; border-radius:7px; background:transparent; color:var(--text-soft); font-size:1.2rem; cursor:pointer; }.profile-password-fields[b-kppj6mm8v8] { display:grid; gap:.8rem; }.profile-password-fields label>div[b-kppj6mm8v8] { display:grid; grid-template-columns:minmax(0,1fr) auto; border:1px solid var(--line); border-radius:7px; background:var(--surface-soft); }.profile-password-fields input[b-kppj6mm8v8] { min-width:0; height:42px; padding:.5rem .65rem; border:0; outline:0; background:transparent; color:var(--text-main); font:inherit; }.profile-password-fields label button[b-kppj6mm8v8] { width:42px; border:0; background:transparent; color:var(--text-soft); cursor:pointer; }.profile-password-fields>small[b-kppj6mm8v8] { color:var(--text-soft); }.profile-password-modal>footer[b-kppj6mm8v8] { display:flex; justify-content:flex-end; gap:.65rem; padding-top:1rem; margin-top:1rem; border-top:1px solid var(--line); }
.profile-photo-modal[b-kppj6mm8v8] { width:min(760px,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); display:grid; gap:1rem; padding:1rem; border:1px solid var(--line-strong); border-radius:13px; background:linear-gradient(145deg,var(--surface),var(--bg-1)); color:var(--text-main); box-shadow:0 25px 65px rgba(0,0,0,.55); }.profile-photo-modal>header[b-kppj6mm8v8] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.profile-photo-modal h2[b-kppj6mm8v8] { margin:0; }.profile-photo-modal header p[b-kppj6mm8v8] { margin:.2rem 0 0; color:var(--text-soft); }.profile-photo-modal header button[b-kppj6mm8v8] { width:36px; height:36px; border:0; border-radius:7px; background:transparent; color:var(--text-soft); font-size:1.2rem; cursor:pointer; }.profile-photo-modal>img[b-kppj6mm8v8] { width:100%; max-height:calc(100dvh - 9rem); border-radius:10px; background:var(--bg-1); object-fit:contain; }
@media(max-width:900px){.profile-page[b-kppj6mm8v8]{padding:.65rem}.profile-shell[b-kppj6mm8v8]{grid-template-columns:1fr;min-height:0}.profile-nav[b-kppj6mm8v8]{display:flex;gap:.25rem;overflow-x:auto;padding:.55rem;border-right:0;border-bottom:1px solid var(--line)}.profile-nav>span[b-kppj6mm8v8]{display:none}.profile-nav button[b-kppj6mm8v8]{width:auto;flex:1 0 auto;justify-content:center;border-left:0;border-bottom:2px solid transparent;border-radius:7px}.profile-nav button.active[b-kppj6mm8v8]{border-left:0;border-bottom-color:var(--accent-red)}.profile-content[b-kppj6mm8v8]{padding:1rem}.profile-main-grid[b-kppj6mm8v8]{grid-template-columns:1fr}.profile-side-stack[b-kppj6mm8v8]{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-photo-card[b-kppj6mm8v8]{grid-row:span 2}}
@media(max-width:620px){.profile-page[b-kppj6mm8v8]{padding:.4rem}.profile-content[b-kppj6mm8v8]{padding:.75rem}.profile-title h1[b-kppj6mm8v8]{font-size:1.55rem}.profile-title p[b-kppj6mm8v8]{font-size:.82rem}.profile-form-grid[b-kppj6mm8v8]{grid-template-columns:1fr}.profile-side-stack[b-kppj6mm8v8]{grid-template-columns:1fr}.profile-photo-card[b-kppj6mm8v8]{grid-row:auto}.profile-card[b-kppj6mm8v8]{padding:.8rem}.profile-nav button[b-kppj6mm8v8]{font-size:.78rem;padding:.55rem}.profile-nav button i[b-kppj6mm8v8]{display:none}.profile-password-modal>footer[b-kppj6mm8v8]{flex-direction:column-reverse}.profile-password-modal>footer button[b-kppj6mm8v8]{width:100%}.profile-theme-options[b-kppj6mm8v8]{width:100%;flex-direction:column}.profile-theme-options button[b-kppj6mm8v8]{width:100%}.profile-avatar-grid[b-kppj6mm8v8]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}}
.profile-page.view-only .profile-camera[b-kppj6mm8v8],.profile-page.view-only .profile-photo-actions[b-kppj6mm8v8],.profile-page.view-only .profile-signature-actions[b-kppj6mm8v8]{display:none}
/* /Features/SmartAndon/Pages/Roles.razor.rz.scp.css */
.roles-shell[b-f8bpk3o800]{padding:26px}.roles-header[b-f8bpk3o800]{margin-bottom:20px}.roles-header h2[b-f8bpk3o800]{margin:.25rem 0 .35rem;font-size:2.35rem}.roles-header p[b-f8bpk3o800]{margin:0;color:var(--text-soft)}
.roles-help[b-f8bpk3o800]{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:14px;padding:16px 18px;margin-bottom:24px;border:1px solid color-mix(in srgb,var(--accent-cyan) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent-cyan) 7%,var(--surface-soft))}.roles-help-icon[b-f8bpk3o800]{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent-cyan) 14%,transparent);color:var(--accent-cyan);font-size:1.35rem}.roles-help strong[b-f8bpk3o800]{color:var(--text-main)}.roles-help p[b-f8bpk3o800]{margin:.25rem 0 0;color:var(--text-soft);font-size:.8rem}.roles-help-flow[b-f8bpk3o800]{display:flex;align-items:center;gap:9px;color:var(--text-soft);font-size:.72rem}.roles-help-flow span[b-f8bpk3o800]{display:flex;align-items:center;gap:6px;white-space:nowrap}.roles-help-flow b[b-f8bpk3o800]{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--text-main)}
.roles-list-heading[b-f8bpk3o800]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.roles-list-heading h3[b-f8bpk3o800]{margin:0;font-size:1.15rem}.roles-list-heading p[b-f8bpk3o800]{margin:.2rem 0 0;color:var(--text-soft);font-size:.76rem}.roles-count[b-f8bpk3o800]{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--text-soft)}
.roles-grid[b-f8bpk3o800]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-card[b-f8bpk3o800]{display:grid;grid-template-rows:auto 1fr auto;min-height:190px;padding:17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-soft) 90%,transparent),color-mix(in srgb,var(--surface) 92%,transparent));transition:transform .16s ease,border-color .16s ease}.role-card:hover[b-f8bpk3o800]{transform:translateY(-2px);border-color:var(--line-strong)}.role-card.system-role[b-f8bpk3o800]{border-color:color-mix(in srgb,var(--accent-red) 35%,var(--line))}.role-card-top[b-f8bpk3o800],.role-card-footer[b-f8bpk3o800]{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-card-icon[b-f8bpk3o800]{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:10px;color:var(--accent-cyan);font-size:1.15rem}.system-role .role-card-icon[b-f8bpk3o800]{color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 8%,transparent)}.role-kind[b-f8bpk3o800]{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent-cyan) 11%,transparent);color:var(--accent-cyan);font-size:.64rem}.role-kind.system[b-f8bpk3o800]{background:color-mix(in srgb,var(--accent-red) 11%,transparent);color:#ff6874}.role-card-content[b-f8bpk3o800]{padding:16px 0}.role-card-content h3[b-f8bpk3o800]{margin:0 0 6px;font-size:1.08rem}.role-card-content p[b-f8bpk3o800]{margin:0;color:var(--text-soft);font-size:.74rem;line-height:1.55}.role-card-footer[b-f8bpk3o800]{padding-top:12px;border-top:1px solid var(--line);color:var(--text-soft);font-size:.7rem}.role-card-footer>span strong[b-f8bpk3o800]{color:var(--text-main);font-size:.85rem}.role-locked[b-f8bpk3o800]{display:flex;align-items:center;gap:5px}
.role-modal[b-f8bpk3o800]{width:min(960px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:hidden}.role-modal>header[b-f8bpk3o800]{flex:0 0 auto}.role-modal header p[b-f8bpk3o800]{margin:.2rem 0 0;color:var(--text-soft);font-size:.75rem}.role-modal-kicker[b-f8bpk3o800]{color:var(--accent-red);font-size:.62rem;letter-spacing:.14em}.role-modal-body[b-f8bpk3o800]{overflow:auto;padding:20px}.role-error[b-f8bpk3o800]{display:flex;align-items:center;gap:8px;padding:11px 13px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--danger) 9%,transparent);color:#ff7480;font-size:.78rem}
.role-step[b-f8bpk3o800]{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}.role-step+.role-step[b-f8bpk3o800]{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.role-step-number[b-f8bpk3o800]{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent-red);color:#fff;font-weight:700;font-size:.78rem}.role-step-content[b-f8bpk3o800]{min-width:0}.role-step-heading[b-f8bpk3o800]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.role-step-heading h4[b-f8bpk3o800]{margin:0;font-size:1rem}.role-step-heading p[b-f8bpk3o800]{margin:.25rem 0 0;color:var(--text-soft);font-size:.72rem}.role-step-heading>span[b-f8bpk3o800]{color:var(--text-soft);font-size:.58rem;letter-spacing:.09em}.role-name-field[b-f8bpk3o800]{display:grid;gap:6px}.role-name-field>span[b-f8bpk3o800]{font-size:.72rem}.role-name-field .text-input[b-f8bpk3o800]{margin:0}
.role-templates[b-f8bpk3o800]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.role-template[b-f8bpk3o800]{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;min-width:0;padding:13px 38px 13px 13px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--text-main);font:inherit;cursor:pointer}.role-template:hover[b-f8bpk3o800]{border-color:var(--line-strong)}.role-template.selected[b-f8bpk3o800]{border-color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 7%,var(--surface-soft));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-red) 10%,transparent)}.role-template>i:first-child[b-f8bpk3o800]{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);color:var(--accent-cyan);font-size:1.05rem}.role-template span[b-f8bpk3o800]{display:grid;gap:3px}.role-template small[b-f8bpk3o800]{color:var(--text-soft);font-size:.65rem;line-height:1.4}.role-template em[b-f8bpk3o800]{grid-column:2;color:var(--text-soft);font-size:.62rem;font-style:normal}.role-template-check[b-f8bpk3o800]{position:absolute;right:13px;top:13px;color:var(--accent-red)}
.permissions-heading[b-f8bpk3o800]{align-items:center}.permission-counter[b-f8bpk3o800]{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text-soft);font-size:.67rem;white-space:nowrap}.permission-counter strong[b-f8bpk3o800]{color:var(--accent-cyan);font-size:.9rem}.permission-actions[b-f8bpk3o800]{display:flex;gap:8px;margin-bottom:10px}.permission-actions button[b-f8bpk3o800],.group-toggle[b-f8bpk3o800]{border:0;background:transparent;color:var(--accent-cyan);font:inherit;font-size:.68rem;cursor:pointer}.permission-actions button[b-f8bpk3o800]{display:flex;align-items:center;gap:5px;padding:5px}.permission-groups[b-f8bpk3o800]{display:grid;gap:9px}.permission-group[b-f8bpk3o800]{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-soft) 70%,transparent)}.permission-group-head[b-f8bpk3o800]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line)}.permission-group-icon[b-f8bpk3o800]{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent-cyan) 9%,transparent);color:var(--accent-cyan)}.permission-group-head>div:nth-child(2)[b-f8bpk3o800]{display:grid;gap:2px}.permission-group-head small[b-f8bpk3o800]{color:var(--text-soft);font-size:.64rem}.permission-options[b-f8bpk3o800]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.permission-option[b-f8bpk3o800]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;background:var(--surface);cursor:pointer;transition:background .15s ease}.permission-option:hover[b-f8bpk3o800]{background:color-mix(in srgb,var(--accent-cyan) 5%,var(--surface))}.permission-option.selected[b-f8bpk3o800]{background:color-mix(in srgb,var(--accent-red) 5%,var(--surface))}.permission-option input[b-f8bpk3o800]{position:absolute;opacity:0;pointer-events:none}.permission-check[b-f8bpk3o800]{width:19px;height:19px;display:grid;place-items:center;border:2px solid var(--line-strong);border-radius:5px;color:transparent;font-size:.75rem}.permission-option.selected .permission-check[b-f8bpk3o800]{border-color:var(--accent-red);background:var(--accent-red);color:#fff}.permission-option>span:last-child[b-f8bpk3o800]{display:grid;gap:2px}.permission-option strong[b-f8bpk3o800]{font-size:.72rem}.permission-option small[b-f8bpk3o800]{color:var(--text-soft);font-size:.62rem;line-height:1.35}
.permission-submodules[b-f8bpk3o800]{display:grid;gap:1px;background:var(--line)}.permission-submodule[b-f8bpk3o800]{background:var(--surface)}.permission-submodule-head[b-f8bpk3o800]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:color-mix(in srgb,var(--surface-soft) 88%,transparent);border-bottom:1px solid var(--line)}.permission-submodule-head>span[b-f8bpk3o800]{display:grid;gap:2px}.permission-submodule-head strong[b-f8bpk3o800]{font-size:.72rem;color:var(--text-main)}.permission-submodule-head small[b-f8bpk3o800]{font-size:.61rem;color:var(--text-soft)}.permission-submodule .permission-options[b-f8bpk3o800]{grid-template-columns:repeat(3,minmax(0,1fr))}
.role-modal>footer[b-f8bpk3o800]{display:flex;align-items:center;justify-content:space-between;gap:14px}.role-modal>footer>div:last-child[b-f8bpk3o800]{display:flex;gap:8px}.role-save-summary[b-f8bpk3o800]{display:flex;align-items:center;gap:7px;color:var(--text-soft);font-size:.7rem}.role-save-summary i[b-f8bpk3o800]{color:var(--accent-cyan)}
@media(max-width:1050px){.roles-grid[b-f8bpk3o800]{grid-template-columns:repeat(2,minmax(0,1fr))}.roles-help[b-f8bpk3o800]{grid-template-columns:auto 1fr}.roles-help-flow[b-f8bpk3o800]{grid-column:1/-1;padding-left:58px}}
@media(max-width:700px){.roles-shell[b-f8bpk3o800]{padding:16px}.roles-header[b-f8bpk3o800]{align-items:stretch}.roles-header .andon-actions[b-f8bpk3o800]{display:grid;grid-template-columns:1fr auto}.roles-help[b-f8bpk3o800]{grid-template-columns:1fr}.roles-help-icon[b-f8bpk3o800]{display:none}.roles-help-flow[b-f8bpk3o800]{display:none}.roles-grid[b-f8bpk3o800]{grid-template-columns:1fr}.role-modal[b-f8bpk3o800]{width:100%;max-height:100dvh;border-radius:0}.role-modal-body[b-f8bpk3o800]{padding:16px}.role-step[b-f8bpk3o800]{grid-template-columns:1fr}.role-step-number[b-f8bpk3o800]{width:26px;height:26px}.role-templates[b-f8bpk3o800],.permission-options[b-f8bpk3o800],.permission-submodule .permission-options[b-f8bpk3o800]{grid-template-columns:1fr}.role-modal>footer[b-f8bpk3o800]{align-items:stretch;flex-direction:column}.role-modal>footer>div:last-child[b-f8bpk3o800]{display:grid;grid-template-columns:1fr 1fr}.role-save-summary[b-f8bpk3o800]{justify-content:center}.permission-group-head[b-f8bpk3o800]{grid-template-columns:auto 1fr}.permission-group-head>.group-toggle[b-f8bpk3o800]{grid-column:2;text-align:left;padding:0}.role-step-heading[b-f8bpk3o800]{flex-direction:column}.permission-counter[b-f8bpk3o800]{align-self:flex-start}}

/* Plantillas amplias y matriz de permisos con identidad por módulo. */
.role-modal[b-f8bpk3o800]{width:min(1400px,calc(100vw - 2rem));max-height:calc(100dvh - 1.5rem)}
.role-modal>header[b-f8bpk3o800]{padding:22px 30px}.role-modal-kicker[b-f8bpk3o800]{color:var(--accent-cyan)}.role-modal-body[b-f8bpk3o800]{padding:0}.role-error[b-f8bpk3o800]{margin:16px 26px}
.role-step[b-f8bpk3o800]{grid-template-columns:34px minmax(0,1fr);gap:14px;padding:18px 26px}.role-step+.role-step[b-f8bpk3o800]{margin:0;padding-top:18px;border-top:1px solid var(--line)}.role-step-number[b-f8bpk3o800]{border:1px solid var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 8%,transparent);color:var(--accent-cyan)}
.role-step:first-of-type .role-step-content[b-f8bpk3o800]{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:26px}.role-step:first-of-type .role-step-heading[b-f8bpk3o800]{margin:0}.role-step:first-of-type .role-step-heading p[b-f8bpk3o800],.role-step:first-of-type .role-step-heading>span[b-f8bpk3o800],.role-step:first-of-type .role-name-field>span[b-f8bpk3o800]{display:none}
.role-templates[b-f8bpk3o800]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.role-template[b-f8bpk3o800]{--template-accent:var(--accent-cyan);min-height:126px;padding:20px 42px 16px 18px;border-color:color-mix(in srgb,var(--template-accent) 65%,var(--line));background:color-mix(in srgb,var(--template-accent) 4%,var(--surface-soft))}.role-template:nth-child(2)[b-f8bpk3o800]{--template-accent:#1d9bf0}.role-template:nth-child(3)[b-f8bpk3o800]{--template-accent:#f59e0b}.role-template:nth-child(4)[b-f8bpk3o800]{--template-accent:#8b6bff}.role-template.selected[b-f8bpk3o800]{border-color:var(--template-accent);background:color-mix(in srgb,var(--template-accent) 9%,var(--surface-soft));box-shadow:0 0 0 2px color-mix(in srgb,var(--template-accent) 13%,transparent)}.role-template>i:first-child[b-f8bpk3o800]{width:48px;height:48px;background:color-mix(in srgb,var(--template-accent) 11%,transparent);color:var(--template-accent);font-size:1.55rem}.role-template-check[b-f8bpk3o800]{color:var(--template-accent)}
.permission-groups[b-f8bpk3o800]{gap:14px}.permission-group[b-f8bpk3o800]{--permission-accent:var(--accent-cyan);display:grid;grid-template-columns:300px minmax(0,1fr);border-color:color-mix(in srgb,var(--permission-accent) 58%,var(--line));background:color-mix(in srgb,var(--permission-accent) 3%,var(--surface-soft));box-shadow:inset 3px 0 0 var(--permission-accent)}.permission-module-operation[b-f8bpk3o800]{--permission-accent:#f59e0b}.permission-module-platform[b-f8bpk3o800]{--permission-accent:#8b6bff}.permission-module-andon[b-f8bpk3o800]{--permission-accent:#ef5f72}.permission-module-administration[b-f8bpk3o800]{--permission-accent:#24b8d8}.permission-module-system[b-f8bpk3o800]{--permission-accent:#3b82f6}
.permission-group-head[b-f8bpk3o800]{grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:start;gap:12px;padding:20px;border-right:1px solid var(--line);border-bottom:0}.permission-group-icon[b-f8bpk3o800]{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--permission-accent) 45%,var(--line));background:color-mix(in srgb,var(--permission-accent) 11%,transparent);color:var(--permission-accent);font-size:1.25rem}.permission-group-head>div:nth-child(2)>strong[b-f8bpk3o800]{color:var(--permission-accent);font-size:.9rem}.permission-group-head>.group-toggle[b-f8bpk3o800]{grid-column:1/-1;justify-self:start;margin-top:12px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--permission-accent) 48%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--permission-accent) 6%,transparent);color:var(--permission-accent)}.permission-submodules[b-f8bpk3o800]{min-width:0}.permission-group .group-toggle[b-f8bpk3o800]{color:var(--permission-accent)}.permission-group .permission-option:hover[b-f8bpk3o800]{background:color-mix(in srgb,var(--permission-accent) 6%,var(--surface))}.permission-group .permission-option.selected[b-f8bpk3o800]{background:color-mix(in srgb,var(--permission-accent) 8%,var(--surface))}.permission-group .permission-option.selected .permission-check[b-f8bpk3o800]{border-color:var(--permission-accent);background:var(--permission-accent)}
.role-modal>footer[b-f8bpk3o800]{padding:18px 30px}
@media(max-width:1050px){.role-templates[b-f8bpk3o800]{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-group[b-f8bpk3o800]{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:700px){.role-modal-body[b-f8bpk3o800]{padding:0}.role-step[b-f8bpk3o800]{grid-template-columns:30px minmax(0,1fr);padding:16px}.role-step:first-of-type .role-step-content[b-f8bpk3o800]{display:block}.role-templates[b-f8bpk3o800]{grid-template-columns:1fr}.permission-group[b-f8bpk3o800]{display:block}.permission-group-head[b-f8bpk3o800]{border-right:0;border-bottom:1px solid var(--line)}.role-modal>footer[b-f8bpk3o800]{padding:14px 16px}}

.permission-group-head em[b-f8bpk3o800]{display:inline-flex;width:max-content;margin-top:9px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--permission-accent) 48%,var(--line));border-radius:999px;color:var(--permission-accent);font-size:.62rem;font-style:normal}.module-select[b-f8bpk3o800]{display:flex;align-items:center;gap:8px}.module-select .permission-check[b-f8bpk3o800]{flex:0 0 auto}.permission-group:has(.matrix-check.selected) .module-select .permission-check[b-f8bpk3o800]{border-color:var(--permission-accent)}
.permission-matrix[b-f8bpk3o800]{min-width:0;overflow-x:auto}.permission-matrix-header[b-f8bpk3o800],.permission-matrix-row[b-f8bpk3o800]{display:grid;grid-template-columns:minmax(230px,1.8fr) repeat(4,minmax(66px,.7fr));align-items:center;min-width:580px}.permission-matrix-header[b-f8bpk3o800]{min-height:38px;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:.66rem}.permission-matrix-header span[b-f8bpk3o800]{padding:0 12px;text-align:center}.permission-matrix-header span:first-child[b-f8bpk3o800]{text-align:left}.permission-matrix-row[b-f8bpk3o800]{min-height:48px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.permission-matrix-row:last-child[b-f8bpk3o800]{border-bottom:0}.permission-screen[b-f8bpk3o800]{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px}.permission-screen>i[b-f8bpk3o800]{width:22px;color:var(--text-soft);font-size:1rem;text-align:center}.permission-screen>span[b-f8bpk3o800]{display:grid;min-width:0}.permission-screen strong[b-f8bpk3o800]{overflow:hidden;color:var(--text-main);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.permission-screen small[b-f8bpk3o800]{overflow:hidden;color:var(--text-soft);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.matrix-check[b-f8bpk3o800]{display:grid;place-items:center;min-height:48px;cursor:pointer}.matrix-check input[b-f8bpk3o800]{position:absolute;opacity:0;pointer-events:none}.matrix-check.selected .permission-check[b-f8bpk3o800]{border-color:var(--permission-accent);background:var(--permission-accent);color:#fff}.permission-unavailable[b-f8bpk3o800]{display:grid;place-items:center;color:var(--text-soft);font-size:.72rem}
@media(max-width:700px){.permission-matrix-header[b-f8bpk3o800],.permission-matrix-row[b-f8bpk3o800]{grid-template-columns:minmax(180px,1.6fr) repeat(4,62px)}}
/* /Features/SmartAndon/Pages/SlaEmpresa.razor.rz.scp.css */
.company-sla-page[b-js510bc8fh] { max-width: 1450px; margin: 0 auto; padding: 1.2rem; }
.company-sla-head[b-js510bc8fh] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.company-sla-head span[b-js510bc8fh] { color: var(--accent-red); font-size: .72rem; font-weight: 700; letter-spacing: .12em; }
.company-sla-head h1[b-js510bc8fh] { margin: .3rem 0; font-size: 2rem; }
.company-sla-head p[b-js510bc8fh] { margin: 0; color: var(--text-soft); }
.company-sla-card[b-js510bc8fh] { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb,var(--surface) 91%,transparent); }
.company-sla-table-wrap[b-js510bc8fh] { overflow-x: auto; }
.company-sla-table[b-js510bc8fh] { width: 100%; border-collapse: collapse; }
.company-sla-table th[b-js510bc8fh], .company-sla-table td[b-js510bc8fh] { padding: 1rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
.company-sla-table th[b-js510bc8fh] { color: var(--text-soft); font-size: .75rem; }
.company-sla-table tbody tr:last-child td[b-js510bc8fh] { border-bottom: 0; }
.company-sla-table td:first-child[b-js510bc8fh] { min-width: 190px; }
.company-sla-table td strong[b-js510bc8fh], .company-sla-table td small[b-js510bc8fh] { display: block; }
.company-sla-table td small[b-js510bc8fh] { margin-top: .2rem; color: var(--text-soft); }
.company-sla-input[b-js510bc8fh] { display: flex; align-items: center; gap: .5rem; min-width: 180px; }
.company-sla-input input[b-js510bc8fh] { width: 90px; padding: .6rem; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--bg-1); color: var(--text-main); }
.company-sla-input span[b-js510bc8fh] { color: var(--text-soft); font-size: .78rem; }
.company-sla-empty[b-js510bc8fh] { min-height: 190px; display: grid; place-content: center; justify-items: center; gap: .4rem; padding: 1rem; color: var(--text-soft); text-align: center; }
.company-sla-empty i[b-js510bc8fh] { color: var(--accent-red); font-size: 2rem; }
.company-sla-message[b-js510bc8fh] { margin-bottom: 1rem; padding: .7rem .85rem; border: 1px solid; border-radius: 8px; }
.company-sla-message.success[b-js510bc8fh] { border-color: color-mix(in srgb,var(--ok) 45%,transparent); background: color-mix(in srgb,var(--ok) 9%,transparent); color: var(--ok); }
.company-sla-message.error[b-js510bc8fh] { border-color: color-mix(in srgb,var(--accent-red) 45%,transparent); background: color-mix(in srgb,var(--accent-red) 9%,transparent); color: #ff7480; }

@media(max-width:700px) {
    .company-sla-page[b-js510bc8fh] { padding: .7rem; }
    .company-sla-head[b-js510bc8fh] { flex-direction: column; }
    .company-sla-head button[b-js510bc8fh] { width: 100%; }
    .company-sla-table th[b-js510bc8fh], .company-sla-table td[b-js510bc8fh] { padding: .75rem; }
}
/* /Features/SmartAndon/Pages/TurnosEmpresa.razor.rz.scp.css */
.ops-company-modal[b-hipk54l0dn] {
    background: var(--surface);
    border-color: var(--glass-border);
    color: var(--text-primary);
}

.ops-company-modal header[b-hipk54l0dn],
.ops-company-modal footer[b-hipk54l0dn] {
    border-color: var(--glass-border);
}

.ops-company-modal .ops-company-modal-body > label[b-hipk54l0dn],
.ops-company-modal .ops-select-row > label[b-hipk54l0dn],
.ops-company-modal .ops-days label[b-hipk54l0dn],
.ops-company-modal .status-toggle-label[b-hipk54l0dn] {
    color: var(--text-secondary);
}

.ops-company-modal .ops-days label[b-hipk54l0dn] {
    border-color: var(--control-border);
    background: var(--migrated-control-bg);
}
/* /Features/SmartAndon/Pages/UsuarioPerfil.razor.rz.scp.css */
.admin-profile-page[b-699n5w91rk]{padding:1rem}.admin-profile-shell[b-699n5w91rk]{max-width:1180px;margin:0 auto;padding:1.2rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.admin-profile-save-error:focus[b-699n5w91rk]{outline:none}
.admin-profile-header[b-699n5w91rk]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-profile-header h1[b-699n5w91rk]{margin:.2rem 0;font-size:2rem}.admin-profile-header p[b-699n5w91rk]{margin:0;color:var(--text-soft)}.admin-profile-kicker[b-699n5w91rk]{display:block;margin-top:.65rem;color:var(--accent-cyan);font-size:.68rem;font-weight:700;letter-spacing:.12em}.admin-profile-back[b-699n5w91rk]{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:0;background:transparent;color:var(--text-soft);font:inherit;cursor:pointer}.admin-profile-back:hover[b-699n5w91rk]{color:var(--accent-cyan)}
.admin-profile-grid[b-699n5w91rk]{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem;align-items:start}.admin-profile-sections[b-699n5w91rk]{display:grid;gap:1rem}.admin-profile-card[b-699n5w91rk]{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface-soft) 78%,transparent)}
.admin-profile-identity[b-699n5w91rk]{display:grid;justify-items:center;text-align:center;position:sticky;top:88px}.admin-profile-avatar[b-699n5w91rk]{width:118px;height:118px;margin:.3rem 0 .75rem;position:relative}.admin-profile-avatar img[b-699n5w91rk],.admin-profile-avatar span[b-699n5w91rk]{width:100%;height:100%;display:grid;place-items:center;border:3px solid color-mix(in srgb,var(--accent-red) 65%,var(--line));border-radius:50%;background:linear-gradient(145deg,#ff536b,#c51f3b 55%,#651022);color:#fff;object-fit:cover;font-size:1.65rem;font-weight:800}.admin-profile-photo-action[b-699n5w91rk]{position:absolute;right:-2px;bottom:2px;width:35px;height:35px;display:grid;place-items:center;border:2px solid var(--panel);border-radius:50%;background:var(--accent-red);color:#fff;cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-red) 35%,transparent)}.admin-profile-photo-action:hover[b-699n5w91rk]{filter:brightness(1.12)}.admin-profile-photo-action:focus-within[b-699n5w91rk]{outline:2px solid var(--accent-cyan);outline-offset:2px}.admin-profile-photo-action input[b-699n5w91rk]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.admin-profile-identity h2[b-699n5w91rk]{margin:.2rem 0;font-size:1.35rem}.admin-profile-identity>p[b-699n5w91rk]{margin:.15rem 0 .75rem;color:var(--text-soft)}.admin-profile-readonly-note[b-699n5w91rk]{margin-top:1rem;padding:.7rem;border-radius:8px;background:color-mix(in srgb,var(--accent-cyan) 7%,transparent);color:var(--text-soft);font-size:.72rem;line-height:1.45}.admin-profile-delete-photo[b-699n5w91rk]{margin-top:.75rem;border:0;background:transparent;color:var(--accent-red);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.admin-profile-delete-photo i[b-699n5w91rk]{margin-right:.35rem}.admin-profile-delete-photo:disabled[b-699n5w91rk]{opacity:.55;cursor:wait}
.admin-profile-avatar-button[b-699n5w91rk]{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.55rem .75rem;border:1px solid var(--line-strong);border-radius:8px;background:transparent;color:var(--text-main);font:inherit;font-size:.78rem;cursor:pointer}.admin-profile-avatar-button:hover[b-699n5w91rk]{border-color:var(--accent-cyan);color:var(--accent-cyan)}.admin-profile-avatar-button:disabled[b-699n5w91rk]{opacity:.55;cursor:wait}.admin-avatar-backdrop[b-699n5w91rk]{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(2,8,23,.76);backdrop-filter:blur(4px)}.admin-avatar-modal[b-699n5w91rk]{width:min(650px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1rem;border:1px solid var(--line-strong);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--bg-1));color:var(--text-main);box-shadow:0 25px 65px rgba(0,0,0,.55)}.admin-avatar-modal>header[b-699n5w91rk]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.admin-avatar-modal h2[b-699n5w91rk]{margin:0}.admin-avatar-modal header p[b-699n5w91rk]{margin:.2rem 0 0;color:var(--text-soft)}.admin-avatar-modal header button[b-699n5w91rk]{width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:var(--text-soft);font-size:1.2rem;cursor:pointer}.admin-avatar-grid[b-699n5w91rk]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem 0}.admin-avatar-grid button[b-699n5w91rk]{position:relative;aspect-ratio:1;padding:.25rem;border:2px solid transparent;border-radius:50%;background:color-mix(in srgb,var(--surface-soft) 80%,transparent);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.admin-avatar-grid button:hover[b-699n5w91rk]{transform:translateY(-2px);border-color:var(--accent-cyan)}.admin-avatar-grid button.selected[b-699n5w91rk]{border-color:var(--accent-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-red) 16%,transparent)}.admin-avatar-grid img[b-699n5w91rk]{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.admin-avatar-grid button>i[b-699n5w91rk]{position:absolute;right:2px;bottom:4px;width:25px;height:25px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--ok);color:#fff}.admin-avatar-warning[b-699n5w91rk]{display:flex;gap:.4rem;margin:0;color:var(--text-soft);font-size:.75rem}.admin-avatar-warning i[b-699n5w91rk]{color:var(--accent-cyan)}
.admin-profile-card-title[b-699n5w91rk]{display:flex;align-items:center;gap:.65rem;padding-bottom:.8rem;margin-bottom:.85rem;border-bottom:1px solid var(--line)}.admin-profile-card-title>i[b-699n5w91rk]{color:var(--accent-cyan);font-size:1.2rem}.admin-profile-card-title span[b-699n5w91rk]{display:grid}.admin-profile-card-title small[b-699n5w91rk]{color:var(--text-soft)}.admin-profile-fields[b-699n5w91rk]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.admin-profile-fields label[b-699n5w91rk],.admin-password-field[b-699n5w91rk]{display:grid;gap:.3rem;min-width:0}.admin-profile-fields label>span[b-699n5w91rk],.admin-password-field>span[b-699n5w91rk]{color:var(--text-soft);font-size:.72rem}.admin-profile-fields .text-input[b-699n5w91rk],.admin-password-field .text-input[b-699n5w91rk]{width:100%;min-width:0;margin:0}.admin-profile-fields .text-input:disabled[b-699n5w91rk],.admin-profile-fields .text-input[readonly][b-699n5w91rk],.readonly-field[b-699n5w91rk]{opacity:1;color:var(--text-soft);background:color-mix(in srgb,var(--bg-1) 78%,transparent);cursor:default}.admin-password-field small[b-699n5w91rk]{color:var(--text-soft)}
.admin-profile-footer[b-699n5w91rk]{display:flex;justify-content:flex-end;gap:.65rem}.admin-profile-loading[b-699n5w91rk]{min-height:320px;display:flex;align-items:center;justify-content:center;gap:.7rem;color:var(--text-soft)}
@media(max-width:820px){.admin-profile-page[b-699n5w91rk]{padding:.6rem}.admin-profile-shell[b-699n5w91rk]{padding:.8rem}.admin-profile-grid[b-699n5w91rk]{grid-template-columns:1fr}.admin-profile-identity[b-699n5w91rk]{position:static}.admin-profile-avatar[b-699n5w91rk]{width:96px;height:96px}.admin-profile-header h1[b-699n5w91rk]{font-size:1.6rem}}
@media(max-width:560px){.admin-profile-header[b-699n5w91rk]{flex-direction:column}.admin-profile-header>.action[b-699n5w91rk]{width:100%}.admin-profile-fields[b-699n5w91rk]{grid-template-columns:1fr}.admin-profile-footer[b-699n5w91rk]{flex-direction:column-reverse}.admin-profile-footer button[b-699n5w91rk]{width:100%}}
@media(max-width:560px){.admin-avatar-grid[b-699n5w91rk]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}}
.user-permissions-card[b-699n5w91rk]{gap:1rem}.user-permissions-card>.admin-profile-card-title>em[b-699n5w91rk]{margin-left:auto;padding:.45rem .65rem;border:1px solid var(--line);border-radius:8px;color:var(--text-soft);font-size:.7rem;font-style:normal}.user-permissions-card>.admin-profile-card-title>em[b-699n5w91rk]::first-letter{color:var(--accent-cyan)}.user-permission-modules[b-699n5w91rk]{display:grid;gap:1rem}.user-permission-module[b-699n5w91rk]{overflow:hidden;border:1px solid color-mix(in srgb,var(--permission-accent) 58%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--permission-accent) 3%,var(--surface-soft));box-shadow:inset 3px 0 0 var(--permission-accent)}
.user-permission-module>header[b-699n5w91rk]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--permission-accent) 7%,transparent)}.user-permission-module>header>span:nth-child(2)[b-699n5w91rk]{display:grid;gap:.1rem}.user-permission-module>header strong[b-699n5w91rk]{color:var(--permission-accent)}.user-permission-module>header small[b-699n5w91rk]{color:var(--text-soft);font-size:.68rem}.user-permission-module>header em[b-699n5w91rk]{width:max-content;margin-top:.3rem;padding:.2rem .45rem;border:1px solid color-mix(in srgb,var(--permission-accent) 48%,var(--line));border-radius:999px;color:var(--permission-accent);font-size:.6rem;font-style:normal}.user-permission-module>header button[b-699n5w91rk]{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border:1px solid color-mix(in srgb,var(--permission-accent) 45%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--permission-accent) 5%,transparent);color:var(--permission-accent);font:inherit;font-size:.67rem;cursor:pointer}.user-permission-module-icon[b-699n5w91rk]{width:40px;height:40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--permission-accent) 50%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--permission-accent) 13%,transparent);color:var(--permission-accent);font-size:1.1rem}.user-module-check[b-699n5w91rk]{width:18px;height:18px;display:grid;place-items:center;border:2px solid var(--line-strong);border-radius:5px;color:transparent}.user-module-check.selected[b-699n5w91rk]{border-color:var(--permission-accent);background:var(--permission-accent);color:#fff}
.user-permission-table[b-699n5w91rk]{overflow-x:auto}.user-permission-table-head[b-699n5w91rk],.user-permission-table-row[b-699n5w91rk]{display:grid;grid-template-columns:minmax(250px,1.8fr) repeat(4,minmax(74px,.7fr));min-width:610px;align-items:center}.user-permission-table-head[b-699n5w91rk]{min-height:38px;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:.66rem}.user-permission-table-head span[b-699n5w91rk]{padding:0 .75rem;text-align:center}.user-permission-table-head span:first-child[b-699n5w91rk]{text-align:left}.user-permission-table-row[b-699n5w91rk]{min-height:50px}.user-permission-table-row:not(:last-child)[b-699n5w91rk]{border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.user-permission-table-row:hover[b-699n5w91rk]{background:color-mix(in srgb,var(--permission-accent) 5%,transparent)}
.user-permission-name[b-699n5w91rk]{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.55rem .75rem}.user-permission-name>i[b-699n5w91rk]{width:22px;color:var(--text-soft);font-size:1rem;text-align:center}.user-permission-name>span[b-699n5w91rk]{display:grid;min-width:0;gap:.08rem}.user-permission-name strong[b-699n5w91rk],.user-permission-name small[b-699n5w91rk]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-permission-name strong[b-699n5w91rk]{font-size:.74rem}.user-permission-name small[b-699n5w91rk]{color:var(--text-soft);font-size:.61rem}
.user-matrix-check[b-699n5w91rk]{display:grid;place-items:center;min-height:50px;cursor:pointer}.user-matrix-check input[b-699n5w91rk]{position:absolute;opacity:0;pointer-events:none}.user-matrix-check>span[b-699n5w91rk]{width:20px;height:20px;display:grid;place-items:center;border:2px solid var(--line-strong);border-radius:5px;color:transparent}.user-matrix-check input:focus-visible+span[b-699n5w91rk]{outline:2px solid var(--permission-accent);outline-offset:2px}.user-matrix-check.selected>span[b-699n5w91rk]{border-color:var(--permission-accent);background:var(--permission-accent);color:#fff}.permission-unavailable[b-699n5w91rk]{display:grid;place-items:center;color:var(--text-soft);font-size:.72rem}
@media(max-width:760px){.user-permission-module>header[b-699n5w91rk]{grid-template-columns:auto 1fr}.user-permission-module>header button[b-699n5w91rk]{grid-column:1/-1;justify-self:start}.user-permission-table-head[b-699n5w91rk],.user-permission-table-row[b-699n5w91rk]{grid-template-columns:minmax(190px,1.6fr) repeat(4,64px);min-width:450px}.user-permissions-card>.admin-profile-card-title[b-699n5w91rk]{align-items:flex-start}.user-permissions-card>.admin-profile-card-title>em[b-699n5w91rk]{margin-left:0}}
/* /Features/SmartAndon/Pages/Usuarios.razor.rz.scp.css */
.admin-users-page[b-pkh4zfnzrh]{min-width:0}.admin-users-header[b-pkh4zfnzrh]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-users-header h1[b-pkh4zfnzrh]{margin:.15rem 0;font-size:2rem}.admin-users-header p[b-pkh4zfnzrh]{margin:0;color:var(--text-soft)}.admin-users-kicker[b-pkh4zfnzrh]{color:var(--accent-cyan);font-size:.68rem;font-weight:700;letter-spacing:.12em}.admin-users-actions[b-pkh4zfnzrh]{display:flex;gap:.55rem;flex-wrap:wrap}.admin-users-primary[b-pkh4zfnzrh],.admin-users-secondary[b-pkh4zfnzrh]{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .8rem;border-radius:7px;font:inherit;font-weight:600;cursor:pointer}.admin-users-primary[b-pkh4zfnzrh]{border:1px solid color-mix(in srgb,var(--accent-red) 80%,#fff);background:linear-gradient(135deg,var(--accent-red),#aa1830);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--accent-red) 22%,transparent)}.admin-users-secondary[b-pkh4zfnzrh]{border:1px solid var(--line-strong);background:var(--surface);color:var(--text-main)}.admin-users-card[b-pkh4zfnzrh]{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface-soft) 75%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.025)}.admin-users-card-heading[b-pkh4zfnzrh]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.8rem;margin-bottom:.45rem;border-bottom:1px solid var(--line)}.admin-users-card-heading>div[b-pkh4zfnzrh]{display:flex;align-items:center;gap:.65rem}.admin-users-card-heading i[b-pkh4zfnzrh]{color:var(--accent-cyan);font-size:1.2rem}.admin-users-card-heading span span[b-pkh4zfnzrh],.admin-users-card-heading>div>span[b-pkh4zfnzrh]{display:grid}.admin-users-card-heading small[b-pkh4zfnzrh]{color:var(--text-soft);font-size:.7rem}.admin-users-count[b-pkh4zfnzrh]{min-width:31px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:.72rem;font-weight:700}.admin-users-card .status-table[b-pkh4zfnzrh]{min-width:1050px}.admin-users-card .status-table th[b-pkh4zfnzrh]{color:var(--text-soft);font-size:.72rem}.admin-users-card .status-table td[b-pkh4zfnzrh]{vertical-align:middle}.admin-users-card .icon-action[b-pkh4zfnzrh]{border-radius:7px}.admin-users-card .icon-action:hover[b-pkh4zfnzrh]{border-color:var(--accent-red);color:var(--accent-red)}
.admin-users-card .status-table :is(th,td):nth-child(5)[b-pkh4zfnzrh]{display:none}
@media(max-width:700px){.admin-users-header[b-pkh4zfnzrh]{flex-direction:column}.admin-users-actions[b-pkh4zfnzrh]{width:100%}.admin-users-actions button[b-pkh4zfnzrh]{flex:1}.admin-users-header h1[b-pkh4zfnzrh]{font-size:1.55rem}.admin-users-card[b-pkh4zfnzrh]{padding:.8rem}}