.insights-drilldown-page {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    --drill-surface-border: rgba(118, 146, 212, 0.2);
    --drill-surface-start: rgba(15, 24, 42, 0.68);
    --drill-surface-end: rgba(14, 24, 41, 0.34);
    --drill-card-border: rgba(125, 160, 230, 0.2);
    --drill-card-overlay: rgba(100, 176, 255, 0.12);
    --drill-chip-border: rgba(141, 166, 219, 0.3);
    --drill-divider: rgba(117, 143, 199, 0.24);
    --drill-section-start: rgba(21, 33, 55, 0.8);
    --drill-section-end: rgba(14, 24, 41, 0.62);
    --drill-detail-context-border: rgba(95, 193, 255, 0.28);
    --drill-detail-context-start: rgba(10, 21, 41, 0.74);
    --drill-detail-context-end: rgba(12, 23, 42, 0.52);
    --drill-detail-section-border: rgba(123, 156, 223, 0.22);
    --drill-detail-section-start: rgba(17, 28, 48, 0.84);
    --drill-detail-section-end: rgba(15, 25, 44, 0.66);
    --drill-table-header-start: rgba(29, 46, 78, 0.88);
    --drill-table-header-end: rgba(23, 37, 64, 0.84);
    --drill-table-row-even: rgba(19, 31, 52, 0.34);
    --drill-table-row-hover: rgba(58, 108, 196, 0.16);
}

.insights-breadcrumb-shell {
    border-radius: 11px;
    border: 1px solid rgba(122, 154, 224, 0.24);
    background: linear-gradient(110deg, rgba(18, 29, 51, 0.82), rgba(14, 24, 43, 0.58));
}

.insights-breadcrumbs {
    margin: 0 !important;
}

.insights-breadcrumbs .mud-breadcrumb-item {
    font-size: 0.88rem;
    font-weight: 600;
}

.insights-breadcrumbs .mud-breadcrumb-separator {
    color: rgba(193, 210, 244, 0.56);
    margin: 0 0.18rem;
}

.insights-breadcrumbs .mud-breadcrumb-item .mud-link,
.insights-breadcrumbs .mud-breadcrumb-item .mud-typography {
    display: inline-block;
    max-width: min(24vw, 270px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.insights-breadcrumbs .mud-breadcrumb-item:last-child .mud-link,
.insights-breadcrumbs .mud-breadcrumb-item:last-child .mud-typography {
    max-width: min(35vw, 380px);
}

.run-overview-page {
    --drill-surface-start: rgba(18, 30, 52, 0.68);
    --drill-surface-end: rgba(12, 25, 47, 0.34);
    --drill-card-overlay: rgba(96, 179, 255, 0.13);
}

.section-detail-page {
    --drill-surface-start: rgba(19, 30, 56, 0.7);
    --drill-surface-end: rgba(15, 26, 50, 0.36);
    --drill-card-overlay: rgba(108, 162, 255, 0.13);
}

.group-detail-page {
    --drill-surface-start: rgba(21, 31, 58, 0.72);
    --drill-surface-end: rgba(17, 26, 52, 0.38);
    --drill-card-overlay: rgba(118, 149, 255, 0.13);
    --drill-detail-context-border: rgba(125, 164, 255, 0.3);
}

.insight-detail-page {
    --drill-surface-start: rgba(22, 30, 61, 0.74);
    --drill-surface-end: rgba(16, 23, 49, 0.42);
    --drill-card-overlay: rgba(129, 142, 255, 0.13);
    --drill-detail-context-border: rgba(138, 174, 255, 0.32);
    --drill-detail-section-border: rgba(135, 156, 228, 0.28);
    --drill-table-header-start: rgba(33, 47, 88, 0.9);
    --drill-table-header-end: rgba(24, 38, 72, 0.86);
    --drill-table-row-even: rgba(24, 35, 63, 0.35);
    --drill-table-row-hover: rgba(93, 98, 203, 0.16);
}

.insights-hero {
    border-radius: 16px !important;
    border: 1px solid rgba(126, 167, 255, 0.22) !important;
    background:
        radial-gradient(circle at 86% 12%, rgba(0, 184, 255, 0.14) 0%, transparent 46%),
        radial-gradient(circle at 12% 92%, rgba(96, 127, 255, 0.18) 0%, transparent 52%),
        linear-gradient(120deg, rgba(20, 30, 54, 0.94), rgba(17, 26, 45, 0.9));
    box-shadow: 0 12px 32px rgba(4, 8, 18, 0.32);
}

.insights-hero__inner {
    position: relative;
    z-index: 1;
}

.insights-hero__title {
    letter-spacing: 0.01em;
    font-weight: 700;
}

.insights-hero__subtitle {
    color: rgba(220, 234, 255, 0.82);
}

.insights-hero__meta {
    margin-top: 0.2rem;
}

.insights-hero__meta .mud-chip {
    background: rgba(7, 13, 27, 0.4);
    border-color: rgba(143, 178, 255, 0.26);
    color: #d9e8ff;
    font-weight: 600;
}

.insights-control-panel {
    border-radius: 14px !important;
    border: 1px solid var(--drill-surface-border) !important;
    background: linear-gradient(125deg, var(--drill-surface-start), var(--drill-surface-end));
}

.insights-control-panel .mud-input-control {
    margin-top: 0;
    margin-bottom: 0;
}

.insights-control-panel .mud-input-outlined {
    border-color: rgba(132, 156, 216, 0.28);
}

.insights-inline-count {
    font-size: 0.84rem;
    color: rgba(255, 86, 170, 0.95);
    font-weight: 700;
    letter-spacing: 0.01em;
}

.insights-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.insights-list-card {
    border-radius: 14px !important;
    border: 1px solid var(--drill-card-border) !important;
    background:
        linear-gradient(106deg, rgba(24, 35, 59, 0.88), rgba(18, 28, 48, 0.66)),
        radial-gradient(circle at 78% 26%, var(--drill-card-overlay), transparent 40%);
    box-shadow: 0 8px 22px rgba(4, 9, 20, 0.24);
    transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.insights-list-card--interactive {
    cursor: pointer;
}

.insights-list-card--interactive:hover {
    transform: translateY(-1px);
    border-color: rgba(124, 178, 255, 0.42) !important;
    box-shadow: 0 14px 30px rgba(4, 9, 22, 0.33);
}

.insights-list-card__title {
    line-height: 1.25;
}

.insights-card-subtitle {
    color: rgba(222, 233, 255, 0.82);
    line-height: 1.45;
}

.insights-list-card__chips {
    gap: 0.45rem;
}

.insights-list-card__chips .mud-chip {
    border-color: var(--drill-chip-border);
    color: #dbe8ff;
}

.insights-list-card__toolbar {
    margin-top: 0.85rem;
    padding-top: 0.8rem;
    border-top: 1px solid var(--drill-divider);
}

.insights-pagination {
    margin-top: 0.2rem;
    justify-content: center;
}

.insights-class-filter {
    gap: 0.45rem;
}

.insights-class-filter .mud-button-root {
    border-radius: 999px;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0.01em;
    min-height: 31px;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.insights-section-block {
    border-radius: 14px !important;
    border: 1px solid var(--drill-card-border) !important;
    background: linear-gradient(132deg, var(--drill-section-start), var(--drill-section-end));
}

.insights-section-title {
    font-weight: 700;
    letter-spacing: 0.01em;
}

.insights-section-subtitle {
    color: rgba(221, 231, 255, 0.8);
}

.insight-detail-page .insight-detail-context {
    border-radius: 13px !important;
    border: 1px solid var(--drill-detail-context-border) !important;
    background: linear-gradient(105deg, var(--drill-detail-context-start), var(--drill-detail-context-end));
}

.insight-detail-page .insight-detail-context .mud-chip {
    border-color: var(--drill-detail-context-border);
}

.insight-detail-page .insight-detail-section {
    border-radius: 14px !important;
    border: 1px solid var(--drill-detail-section-border) !important;
    background: linear-gradient(120deg, var(--drill-detail-section-start), var(--drill-detail-section-end));
}

.insight-detail-page .insight-detail-section__header {
    margin-bottom: 0.7rem;
}

.insight-detail-page .insight-detail-element {
    border-top: 1px solid var(--drill-divider);
    margin-top: 0.5rem;
    padding-top: 0.8rem;
}

.insight-detail-page .insight-detail-element:first-of-type {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.insight-detail-page .insight-detail-kv-grid .mud-typography-caption {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.insight-detail-page .summary-markdown p:last-child {
    margin-bottom: 0;
}

.insight-detail-page .insight-detail-view-toggle {
    min-width: 150px;
}

.insight-detail-page .insight-detail-view-toggle .mud-input-slot {
    font-weight: 600;
}

.insight-detail-page .insight-detail-element--table .mud-table-root {
    border: 1px solid rgba(125, 155, 219, 0.2);
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(120deg, rgba(12, 21, 38, 0.76), rgba(11, 20, 36, 0.56));
}

.insight-detail-page .insight-detail-element--table .mud-table-container {
    border-radius: 12px;
}

.insight-detail-page .insight-detail-element--table .mud-table-head .mud-table-cell {
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(120deg, var(--drill-table-header-start), var(--drill-table-header-end));
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.73rem;
    font-weight: 700;
    color: rgba(220, 233, 255, 0.93);
    border-bottom: 1px solid rgba(122, 155, 224, 0.34);
    padding-top: 0.52rem;
    padding-bottom: 0.52rem;
}

.insight-detail-page .insight-detail-element--table .mud-table-body .mud-table-cell {
    font-size: 0.84rem;
    color: rgba(226, 235, 252, 0.95);
    border-bottom: 1px solid rgba(105, 130, 185, 0.18);
    padding-top: 0.52rem;
    padding-bottom: 0.52rem;
}

.insight-detail-page .insight-detail-element--table .mud-table-body tr:nth-child(even) .mud-table-cell {
    background: var(--drill-table-row-even);
}

.insight-detail-page .insight-detail-element--table .mud-table-body tr:hover .mud-table-cell {
    background: var(--drill-table-row-hover);
}

.insight-detail-page .insight-detail-element--table .mud-table-pagination,
.insight-detail-page .insight-detail-element--table .mud-table-footer {
    background: rgba(13, 22, 40, 0.8);
    border-top: 1px solid rgba(106, 132, 190, 0.25);
}

.insight-detail-page .insight-detail-element--table .mud-table-pagination .mud-icon-button,
.insight-detail-page .insight-detail-element--table .mud-table-footer .mud-icon-button {
    color: rgba(201, 220, 255, 0.92);
}

.group-detail-page .group-insight-card__subtitle {
    color: rgba(220, 230, 250, 0.84);
}

.reports-list-page .reports-list-page__draft-toggle .mud-switch-label {
    font-weight: 700;
}

@media (max-width: 959px) {
    .insights-drilldown-page {
        gap: 0.75rem;
    }

    .insights-breadcrumbs .mud-breadcrumb-item .mud-link,
    .insights-breadcrumbs .mud-breadcrumb-item .mud-typography {
        max-width: min(31vw, 180px);
    }

    .insights-hero {
        border-radius: 14px !important;
    }

    .insights-list-card {
        border-radius: 12px !important;
    }

    .insights-list-card__toolbar {
        padding-top: 0.65rem;
    }
}
