/* Loaded after custom/bundled theme CSS — metrics + layout stability */

.dashboard-container {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 1.25rem;
}

@media (min-width: 1280px) {
    .bento-grid:not(.bento-grid--guest-compact) {
        gap: 1.25rem;
    }

    .telemetry-row {
        gap: 1.25rem;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

/* Glass tint from user sliders; themes control shape via --radius-xl */
.glass-panel {
    background: rgba(var(--theme-card-r, 15), var(--theme-card-g, 20), var(--theme-card-b, 25), var(--glass-opacity)) !important;
    backdrop-filter: blur(var(--glass-blur-intensity));
    -webkit-backdrop-filter: blur(var(--glass-blur-intensity));
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .glass-panel {
        background: rgba(var(--theme-card-r, 15), var(--theme-card-g, 20), var(--theme-card-b, 25), calc(var(--glass-opacity) + 0.15)) !important;
    }
}

.app-card.glass-panel {
    overflow: visible;
    height: auto;
    min-height: var(--bento-row-height);
}

@media (max-width: 768px) {
    .app-card.glass-panel {
        overflow: hidden;
        max-width: 100%;
        min-width: 0;
    }
}

.app-card.glass-panel.app-card--guest-compact {
    min-height: auto;
    align-self: start;
    grid-row: span 1;
    grid-column: span 1;
}

.bento-grid.bento-grid--guest-compact {
    grid-auto-rows: auto !important;
    align-items: start;
}

.app-card .app-card-metrics-slot {
    position: relative;
    flex-shrink: 0;
    min-height: 3.65rem;
    margin-top: auto;
    overflow: hidden;
}

.app-card .app-card-metrics-slot .nested-metrics-grid {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.app-card .app-card-metrics-slot--dual .app-card-metrics-layer--infra {
    display: none;
}

.app-card .app-card-metrics-layer--integration {
    position: static;
    display: flex;
    align-items: stretch;
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.app-card .app-card-metrics-layer--integration .nested-metrics-grid {
    width: 100%;
    align-self: stretch;
}

.app-card .app-card-metrics-slot--stacked {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: auto;
    overflow: visible;
}

.app-card .app-card-metrics-slot--stacked .app-card-metrics-layer--infra,
.app-card .app-card-metrics-slot--stacked .app-card-metrics-layer--integration {
    position: static;
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.app-card .app-card-metrics-slot--filled {
    flex: 1;
    margin-top: 0;
    min-height: 0;
    overflow: visible;
}

.app-card .integration-widget--filled {
    flex: 1;
    margin-top: 0;
}

.app-card .integration-metrics-grid {
    flex: 1;
    min-height: 8.5rem;
}

.app-card .metric-value {
    color: var(--text-primary);
}

.app-card .metric-label {
    color: var(--text-muted);
}

.settings-sidebar .nav-item svg,
.settings-sidebar .nav-item [data-lucide] {
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    stroke: currentColor;
    fill: none;
    opacity: 0.9;
}

.settings-sidebar .nav-item.active svg,
.settings-sidebar .nav-item.active [data-lucide] {
    opacity: 1;
    stroke: var(--accent-color);
}