/* _content/BuzZync.ReportingApp/Components/Dashboard/DashboardGrid.razor.rz.scp.css */
/* ──── Cross-filter bar ──── */

@keyframes dgSlideDown-b-76nb4425gf {
    from { opacity: 0; max-height: 0; transform: translateY(-6px); }
    to   { opacity: 1; max-height: 80px; transform: translateY(0); }
}

.crossfilter-bar[b-76nb4425gf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.45rem 0.7rem;
    margin-bottom: 0.5rem;
    background: #faf8ff;
    border: 1px solid #e8e0f4;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    animation: dgSlideDown-b-76nb4425gf 0.3s ease both;
    box-shadow: 0 0 12px rgba(122, 84, 162, 0.08);
    transition: box-shadow 0.3s ease;
}

.crossfilter-bar:hover[b-76nb4425gf] {
    box-shadow: 0 0 18px rgba(122, 84, 162, 0.14);
}

.crossfilter-bar__label[b-76nb4425gf] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7A54A2;
    margin-right: 0.25rem;
}

[b-76nb4425gf] .crossfilter-chip {
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 20px;
    transition: all 0.2s ease;
}

/* ──── Widget table row hover for cross-filter click ──── */

[b-76nb4425gf] .widget-table__row {
    cursor: pointer;
    transition: background 120ms ease;
}

[b-76nb4425gf] .widget-table__row:hover {
    background: #f4f0ff !important;
}

.dashboard-grid-toolbar[b-76nb4425gf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.dashboard-widgets-grid[b-76nb4425gf] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0.75rem;
    min-height: 400px;
}

.dashboard-widget__card[b-76nb4425gf] {
    height: 100%;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

.dashboard-widget__card:hover[b-76nb4425gf] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
    border-color: #cbd5e1;
    transform: translateY(-2px);
}

.dashboard-widget__toolbar[b-76nb4425gf] {
    display: flex;
    justify-content: flex-end;
    gap: 0.15rem;
    padding: 0.25rem 0.4rem 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 14px 0 8px;
}

.dashboard-widget__card[b-76nb4425gf] {
    position: relative;
}

/* ──── Widget config dialog ──── */

.widget-config-dialog[b-76nb4425gf] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
    width: 420px;
    max-width: 90vw;
    padding: 1.5rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 32px 100px rgba(31, 31, 79, 0.3);
    font-family: 'Poppins', sans-serif;
}

.widget-config-dialog__title[b-76nb4425gf] {
    margin: 0 0 1rem;
    font-size: 1.1rem;
    font-weight: 800;
    color: #1F1F4F;
}
/* _content/BuzZync.ReportingApp/Components/Dashboard/DashboardSettings.razor.rz.scp.css */
/* ===================================================================
   DashboardSettings.razor.css
   Scoped styles for the settings slide-out panel.
   Follows the same visual language as FilterDrawer and
   WidgetBindingPanel (dark gradient header, white body, Poppins).
   =================================================================== */

/* Backdrop */
.dsp-backdrop[b-tc023i6z26] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 299;
    backdrop-filter: blur(2px);
}

/* Drawer panel */
.dsp-panel[b-tc023i6z26] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
    width: 400px;
    max-width: 95vw;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 48px rgba(31, 31, 79, 0.18);
    border-left: 1px solid #e5e7eb;
    font-family: Poppins, sans-serif;
    overflow: hidden;
}

@keyframes dspSlideIn-b-tc023i6z26 {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}

.dsp-panel[b-tc023i6z26] {
    animation: dspSlideIn-b-tc023i6z26 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Header */
.dsp-panel__header[b-tc023i6z26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem 0.8rem;
    border-bottom: 1px solid #f0f0f5;
    background: linear-gradient(135deg, #1F1F4F 0%, #3b2d6e 100%);
    flex-shrink: 0;
}

.dsp-panel__header-left[b-tc023i6z26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dsp-panel__title[b-tc023i6z26] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
}

/* Body */
.dsp-panel__body[b-tc023i6z26] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}
/* Footer */
.dsp-panel__footer[b-tc023i6z26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.2rem;
    border-top: 1px solid #f0f0f5;
    background: #fafafa;
    flex-shrink: 0;
}

.dsp-footer-hint[b-tc023i6z26] {
    font-size: 0.7rem;
    color: #94a3b8;
    font-style: italic;
}

/* Sections */
.dsp-section[b-tc023i6z26] {
    padding: 1rem 1.2rem;
    border-bottom: 1px solid #f0f4f8;
}

.dsp-section__header[b-tc023i6z26] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.dsp-section__title[b-tc023i6z26] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dsp-section__hint[b-tc023i6z26] {
    font-size: 0.68rem;
    color: #94a3b8;
    margin-left: 0.2rem;
    font-style: italic;
}

/* Badge */
.dsp-badge[b-tc023i6z26] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #7A54A2;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 0 5px;
}

.dsp-badge--red[b-tc023i6z26] {
    background: #ef4444;
}

.dsp-empty[b-tc023i6z26] {
    font-size: 0.78rem;
    color: #94a3b8;
    font-style: italic;
    text-align: center;
    padding: 0.75rem 0;
}
/* Toggle row (Advanced Mode) */
.dsp-toggle-row[b-tc023i6z26] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.dsp-toggle-desc[b-tc023i6z26] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
}

.dsp-toggle-label[b-tc023i6z26] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #1e293b;
}

.dsp-toggle-hint[b-tc023i6z26] {
    font-size: 0.72rem;
    color: #64748b;
    line-height: 1.4;
}

.dsp-info-chip[b-tc023i6z26] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.5rem;
    padding: 0.35rem 0.6rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    font-size: 0.72rem;
    color: #1e40af;
}

/* Data source list */
.dsp-source-list[b-tc023i6z26] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dsp-source-item[b-tc023i6z26] {
    border: 1px solid #f0f4f8;
    border-radius: 8px;
    padding: 0.55rem 0.7rem;
    background: #fafafa;
    transition: background 0.15s;
}

.dsp-source-item:hover[b-tc023i6z26] {
    background: #f8f0ff;
}

.dsp-source-item__top[b-tc023i6z26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}

.dsp-source-item__title[b-tc023i6z26] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1e293b;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dsp-source-item__type[b-tc023i6z26] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #7A54A2;
    background: #f3eeff;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dsp-source-item__bottom[b-tc023i6z26] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.dsp-source-item__ds[b-tc023i6z26] {
    display: inline-block;
    font-size: 0.68rem;
    font-family: monospace;
    font-weight: 600;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    border: 1px solid;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dsp-source-item__fname[b-tc023i6z26] {
    display: block;
    font-size: 0.68rem;
    color: #64748b;
    margin-top: 0.2rem;
    font-style: italic;
}
.dsp-source-item__config[b-tc023i6z26] {
    margin-top: 0.35rem;
    padding: 0.3rem 0.5rem;
    background: #1e293b;
    border-radius: 5px;
    display: flex;
    gap: 0.4rem;
    align-items: flex-start;
}

.dsp-config-label[b-tc023i6z26] {
    font-size: 0.6rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    padding-top: 1px;
}

.dsp-config-value[b-tc023i6z26] {
    font-size: 0.68rem;
    color: #7dd3fc;
    font-family: monospace;
    word-break: break-all;
    line-height: 1.4;
}

/* Cross-filter active banner */
.dsp-crossfilter-active[b-tc023i6z26] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    color: #7A54A2;
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding: 0.3rem 0.5rem;
    background: #faf0ff;
    border-radius: 5px;
    border: 1px solid #e9d5ff;
}

.dsp-crossfilter-chips[b-tc023i6z26] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
}

/* Relationship graph */
.dsp-rel-graph[b-tc023i6z26] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.dsp-rel-group[b-tc023i6z26] {
    border: 1px solid #f0f4f8;
    border-radius: 8px;
    overflow: hidden;
}

.dsp-rel-group--active[b-tc023i6z26] {
    border-color: #c4b5fd;
    box-shadow: 0 0 0 2px rgba(122, 84, 162, 0.12);
}

.dsp-rel-dimension[b-tc023i6z26] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.7rem;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.dsp-rel-dimension__label[b-tc023i6z26] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: capitalize;
}

.dsp-rel-dimension__count[b-tc023i6z26] {
    font-size: 0.65rem;
    opacity: 0.7;
    margin-left: auto;
}

.dsp-rel-active-badge[b-tc023i6z26] {
    font-size: 0.62rem;
    font-weight: 700;
    background: #7A54A2;
    color: #fff;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dsp-rel-widgets[b-tc023i6z26] {
    background: #fafafa;
    padding: 0.35rem 0.7rem;
}

.dsp-rel-widget-node[b-tc023i6z26] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0;
}

.dsp-rel-connector[b-tc023i6z26] {
    width: 16px;
    height: 1px;
    background: #cbd5e1;
    flex-shrink: 0;
}

.dsp-rel-widget-label[b-tc023i6z26] {
    font-size: 0.75rem;
    color: #475569;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 280px;
}
/* Legend */
.dsp-legend[b-tc023i6z26] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.dsp-legend__item[b-tc023i6z26] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.68rem;
    color: #64748b;
}

.dsp-legend__dot[b-tc023i6z26] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Technical Metadata grid */
.dsp-meta-grid[b-tc023i6z26] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #f0f4f8;
    border-radius: 6px;
    overflow: hidden;
}

.dsp-meta-row[b-tc023i6z26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.7rem;
    border-bottom: 1px solid #f0f4f8;
}

.dsp-meta-row:last-child[b-tc023i6z26] {
    border-bottom: none;
}

.dsp-meta-key[b-tc023i6z26] {
    font-size: 0.7rem;
    color: #64748b;
    min-width: 100px;
    flex-shrink: 0;
}

.dsp-meta-value[b-tc023i6z26] {
    font-size: 0.7rem;
    font-family: monospace;
    color: #1e293b;
    word-break: break-all;
}

/* Responsive: on very narrow screens go full width */
@media (max-width: 440px) {
    .dsp-panel[b-tc023i6z26] {
        width: 100vw;
    }
}
/* _content/BuzZync.ReportingApp/Components/Dashboard/FilterBar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   FilterBar — compact horizontal filter strip
   ═══════════════════════════════════════════════════════════ */

.fb[b-9qzt9g8eh5] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 0.5rem;
    font-family: 'Poppins', sans-serif;
}

.fb-anchor[b-9qzt9g8eh5] {
    position: relative;
}

/* ── Main row ── */
.fb-row[b-9qzt9g8eh5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0.75rem;
    background: linear-gradient(135deg, #fafbfc 0%, #f5f3ff 100%);
    border: 1px solid #e8e0f4;
    border-radius: 10px;
    min-height: 42px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.fb-row:hover[b-9qzt9g8eh5] {
    box-shadow: 0 2px 12px rgba(122, 84, 162, 0.08);
    border-color: #d4c8e8;
}

/* ── Cross-filter highlight banner ── */
.fb-cross-banner[b-9qzt9g8eh5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    background: linear-gradient(135deg, #faf8ff 0%, #f0ecf8 100%);
    border: 1px solid #e2d8f0;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    animation: fbBannerSlide-b-9qzt9g8eh5 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes fbBannerSlide-b-9qzt9g8eh5 {
    from { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; }
    to   { opacity: 1; max-height: 60px; }
}

.fb-cross-banner + .fb-row[b-9qzt9g8eh5] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fb-cross-banner__label[b-9qzt9g8eh5] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7A54A2;
}

/* ── Cross-filter chip (inline) ── */
.fb-cross-chip[b-9qzt9g8eh5] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    background: rgba(122, 84, 162, 0.1);
    border: 1px solid rgba(122, 84, 162, 0.2);
    border-radius: 14px;
    padding: 0.12rem 0.3rem 0.12rem 0.5rem;
    font-size: 0.7rem;
    animation: fbChipIn-b-9qzt9g8eh5 0.2s ease both;
}

@keyframes fbChipIn-b-9qzt9g8eh5 {
    from { opacity: 0; transform: scale(0.85); }
    to   { opacity: 1; transform: scale(1); }
}

.fb-cross-chip__dim[b-9qzt9g8eh5] {
    font-weight: 600;
    color: #7A54A2;
}

.fb-cross-chip__eq[b-9qzt9g8eh5] {
    color: #94a3b8;
    font-size: 0.6rem;
}

.fb-cross-chip__val[b-9qzt9g8eh5] {
    color: #334155;
    font-weight: 500;
}

/* ── Date section ── */
.fb-date-section[b-9qzt9g8eh5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

[b-9qzt9g8eh5] .fb-daterange {
    max-width: 240px;
    min-width: 180px;
}

[b-9qzt9g8eh5] .fb-daterange .mud-input-outlined-border {
    border-color: #d1d5db;
    border-radius: 8px;
}

[b-9qzt9g8eh5] .fb-daterange .mud-input {
    font-size: 0.75rem;
    padding: 4px 8px;
}

/* ── Date presets ── */
.fb-presets[b-9qzt9g8eh5] {
    display: flex;
    align-items: center;
    gap: 2px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.fb-preset-btn[b-9qzt9g8eh5] {
    border: none;
    background: transparent;
    font-family: 'Poppins', sans-serif;
    font-size: 0.68rem;
    font-weight: 600;
    color: #64748b;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    height: 28px;
}

.fb-preset-btn:hover[b-9qzt9g8eh5] {
    background: #f8f5ff;
    color: #7A54A2;
}

.fb-preset-btn--active[b-9qzt9g8eh5] {
    background: #7A54A2;
    color: #fff;
}

.fb-preset-btn--active:hover[b-9qzt9g8eh5] {
    background: #6a4590;
    color: #fff;
}

/* ── Filter chips ── */
.fb-chips[b-9qzt9g8eh5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

[b-9qzt9g8eh5] .fb-chips .mud-chip {
    transition: all 0.15s ease;
}

[b-9qzt9g8eh5] .fb-chips .mud-chip:hover {
    transform: scale(1.03);
}

/* ── Actions ── */
.fb-actions[b-9qzt9g8eh5] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

[b-9qzt9g8eh5] .fb-drawer-btn {
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    font-size: 0.72rem !important;
    border-color: #d4c8e8 !important;
    color: #7A54A2 !important;
    height: 32px;
    transition: all 0.15s ease !important;
}

[b-9qzt9g8eh5] .fb-drawer-btn:hover {
    background: #f8f5ff !important;
    border-color: #7A54A2 !important;
    transform: scale(1.02);
}

[b-9qzt9g8eh5] .fb-badge .mud-badge {
    font-size: 0.6rem;
    min-width: 16px;
    height: 16px;
}

/* ── Cross-filter active state ── */
.fb--cross-active .fb-row[b-9qzt9g8eh5] {
    border-color: #c4b3d8;
    box-shadow: 0 0 18px rgba(122, 84, 162, 0.12);
}

.fb-floating-dock[b-9qzt9g8eh5] {
    position: fixed;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    z-index: 1400;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: min(860px, calc(100vw - 28px));
    padding: 0.7rem 0.9rem;
    border: 1px solid rgba(122, 84, 162, 0.18);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(18px);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.18);
    animation: fbDockIn-b-9qzt9g8eh5 0.24s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes fbDockIn-b-9qzt9g8eh5 {
    from { opacity: 0; transform: translateX(-50%) translateY(16px) scale(0.98); }
    to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
}

.fb-floating-dock__summary[b-9qzt9g8eh5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    flex-shrink: 0;
}

.fb-floating-dock__title[b-9qzt9g8eh5] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #1f2937;
    white-space: nowrap;
}

.fb-floating-dock__meta[b-9qzt9g8eh5] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
}

.fb-floating-dock__chips[b-9qzt9g8eh5] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    overflow: hidden;
    flex: 1;
}

.fb-cross-chip--floating[b-9qzt9g8eh5] {
    max-width: 180px;
    padding-right: 0.22rem;
    background: rgba(122, 84, 162, 0.08);
}

.fb-cross-chip--floating .fb-cross-chip__val[b-9qzt9g8eh5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fb-floating-dock__more[b-9qzt9g8eh5] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
}

.fb-floating-dock__actions[b-9qzt9g8eh5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

[b-9qzt9g8eh5] .fb-floating-dock__filters-btn {
    text-transform: none !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: linear-gradient(135deg, #7A54A2 0%, #5b3d7d 100%) !important;
}

[b-9qzt9g8eh5] .fb-floating-dock__filters-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(122, 84, 162, 0.24) !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .fb-row[b-9qzt9g8eh5] {
        flex-wrap: wrap;
    }

    .fb-presets[b-9qzt9g8eh5] {
        display: none;
    }

    .fb-chips[b-9qzt9g8eh5] {
        order: 3;
        width: 100%;
    }

    .fb-floating-dock[b-9qzt9g8eh5] {
        width: calc(100vw - 20px);
        left: 10px;
        right: 10px;
        bottom: 12px;
        transform: none;
        flex-wrap: wrap;
        gap: 0.55rem;
        padding: 0.75rem;
    }

    @keyframes fbDockIn-b-9qzt9g8eh5 {
        from { opacity: 0; transform: translateY(16px) scale(0.98); }
        to { opacity: 1; transform: translateY(0) scale(1); }
    }

    .fb-floating-dock__summary[b-9qzt9g8eh5],
    .fb-floating-dock__chips[b-9qzt9g8eh5],
    .fb-floating-dock__actions[b-9qzt9g8eh5] {
        width: 100%;
    }

    .fb-floating-dock__actions[b-9qzt9g8eh5] {
        justify-content: flex-end;
    }
}
/* _content/BuzZync.ReportingApp/Components/Dashboard/FilterDrawer.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   FilterDrawer — enhanced slide-out panel styles
   ═══════════════════════════════════════════════════════════ */

/* ── Backdrop ── */
.fd-backdrop[b-ei3ot7kjqg] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 299;
    backdrop-filter: blur(2px);
}

/* ── Drawer panel ── */
.fd-drawer[b-ei3ot7kjqg] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
    width: 380px;
    max-width: 95vw;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 48px rgba(31, 31, 79, 0.18);
    border-left: 1px solid #e5e7eb;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

/* slide-in from right */
@keyframes fdSlideIn-b-ei3ot7kjqg {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}

.fd-drawer[b-ei3ot7kjqg] {
    animation: fdSlideIn-b-ei3ot7kjqg 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* ── Header ── */
.fd-drawer__header[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem 0.8rem;
    border-bottom: 1px solid #f0f0f5;
    background: linear-gradient(135deg, #1F1F4F 0%, #3b2d6e 100%);
}

.fd-drawer__header-title[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.fd-drawer__title[b-ei3ot7kjqg] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
}

.fd-header-badge[b-ei3ot7kjqg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #7A54A2;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 0 5px;
}

/* ── Scrollable body ── */
.fd-drawer__body[b-ei3ot7kjqg] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}

/* ── Footer ── */
.fd-drawer__footer[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1.2rem;
    border-top: 1px solid #f0f0f5;
    background: #fafafa;
}

/* ═══════════════════════════════════════════════════════════
   Filter Groups — collapsible sections with icons
   ═══════════════════════════════════════════════════════════ */

.fd-group[b-ei3ot7kjqg] {
    border-bottom: 1px solid #f0f0f5;
}

.fd-group:last-child[b-ei3ot7kjqg] {
    border-bottom: none;
}

.fd-group__header[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.65rem 1.2rem;
    cursor: pointer;
    transition: background 0.15s ease;
    user-select: none;
}

.fd-group__header:hover[b-ei3ot7kjqg] {
    background: #f8fafc;
}

.fd-group__title[b-ei3ot7kjqg] {
    flex: 1;
    font-size: 0.78rem;
    font-weight: 700;
    color: #334155;
    letter-spacing: -0.01em;
}

.fd-group__count[b-ei3ot7kjqg] {
    font-size: 0.62rem;
    font-weight: 600;
    color: #7A54A2;
    background: #f5f0ff;
    padding: 0.1rem 0.4rem;
    border-radius: 8px;
}

.fd-group__content[b-ei3ot7kjqg] {
    padding: 0 1.2rem 0.8rem;
    animation: fdGroupOpen-b-ei3ot7kjqg 0.2s ease both;
}

@keyframes fdGroupOpen-b-ei3ot7kjqg {
    from { opacity: 0; max-height: 0; }
    to   { opacity: 1; max-height: 1000px; }
}

/* ── Section block ── */
.fd-section[b-ei3ot7kjqg] {
    margin-bottom: 0.9rem;
}

.fd-section--search[b-ei3ot7kjqg] {
    margin-bottom: 0.6rem;
}

.fd-label[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7A54A2;
    margin-bottom: 0.4rem;
}

.fd-label--subtle[b-ei3ot7kjqg] {
    color: #94a3b8;
    font-size: 0.65rem;
}

/* ── Date row ── */
.fd-date-row[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

[b-ei3ot7kjqg] .fd-date {
    flex: 1;
}

.fd-date-sep[b-ei3ot7kjqg] {
    color: #cbd5e1;
    font-size: 0.8rem;
    flex-shrink: 0;
}

/* ── Quick date buttons ── */
.fd-quick-dates[b-ei3ot7kjqg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.fd-quick-btn[b-ei3ot7kjqg] {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 0.68rem;
    font-weight: 600;
    color: #64748b;
    padding: 0.25rem 0.55rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.fd-quick-btn:hover[b-ei3ot7kjqg] {
    background: #f8f5ff;
    border-color: #c4b3d8;
    color: #7A54A2;
    transform: translateY(-1px);
}

/* ── Search field ── */
[b-ei3ot7kjqg] .fd-search .mud-input-outlined-border {
    border-color: #e5e7eb;
    border-radius: 8px;
}

[b-ei3ot7kjqg] .fd-search .mud-input {
    font-size: 0.75rem;
}

/* ── Cross-filter chips ── */
.fd-cross-chips[b-ei3ot7kjqg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

/* ═══════════════════════════════════════════════════════════
   Presets
   ═══════════════════════════════════════════════════════════ */

.fd-preset-save-row[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

[b-ei3ot7kjqg] .fd-preset-input {
    flex: 1;
}

[b-ei3ot7kjqg] .fd-preset-input .mud-input-outlined-border {
    border-color: #e5e7eb;
    border-radius: 8px;
}

[b-ei3ot7kjqg] .fd-preset-input .mud-input {
    font-size: 0.75rem;
}

.fd-preset-item[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.5rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    margin-bottom: 0.15rem;
}

.fd-preset-item:hover[b-ei3ot7kjqg] {
    background: #f8f5ff;
}

.fd-preset-item--recent[b-ei3ot7kjqg] {
    opacity: 0.8;
}

.fd-preset-item__info[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex: 1;
    min-width: 0;
}

.fd-preset-item__name[b-ei3ot7kjqg] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fd-preset-item__meta[b-ei3ot7kjqg] {
    font-size: 0.62rem;
    color: #94a3b8;
    white-space: nowrap;
}

.fd-preset-empty[b-ei3ot7kjqg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem;
    font-size: 0.72rem;
    color: #94a3b8;
    font-style: italic;
}
/* _content/BuzZync.ReportingApp/Components/Dashboard/GenericWidget.razor.rz.scp.css */
/* ── Root ── */
.gw-root[b-076kikk3bj] {
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: 'Poppins', sans-serif;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
}

/* ── Skeleton loader ── */
.gw-skeleton[b-076kikk3bj] {
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

/* ── Empty / error state ── */
.gw-empty[b-076kikk3bj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 600;
    gap: 0.3rem;
    padding: 1rem;
}

/* ── Header ── */
.gw-header[b-076kikk3bj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid #f0f0f5;
}

.gw-title[b-076kikk3bj] {
    font-size: 0.78rem;
    font-weight: 800;
    color: #1F1F4F;
    letter-spacing: -0.02em;
}

.gw-badge[b-076kikk3bj] {
    font-size: 0.58rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #7A54A2;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f4f0ff;
}

/* ── Body ── */
.gw-body[b-076kikk3bj] {
    flex: 1;
    padding: 0.4rem;
    overflow: auto;
}

/* ── KPI ── */
.gw-kpi[b-076kikk3bj] {
    height: 100%;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.5rem;
}

.gw-kpi__value[b-076kikk3bj] {
    font-size: 1.9rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #1F1F4F;
}

.gw-kpi__label[b-076kikk3bj] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #7A54A2;
}

/* ── Insight Banner ── */

.gw-banner[b-076kikk3bj] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.gw-banner--critical[b-076kikk3bj] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-left: 4px solid #ef4444;
    color: #991b1b;
}

.gw-banner--high[b-076kikk3bj] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border-left: 4px solid #f59e0b;
    color: #92400e;
}

.gw-banner--medium[b-076kikk3bj] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-left: 4px solid #3b82f6;
    color: #1e40af;
}

.gw-banner--low[b-076kikk3bj] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-left: 4px solid #22c55e;
    color: #166534;
}

.gw-banner--info[b-076kikk3bj] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-left: 4px solid #64748b;
    color: #334155;
}

.gw-banner__label[b-076kikk3bj] {
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* ── card-animate entrance (reused from pages.css) ── */
.card-animate[b-076kikk3bj] {
    animation: cardSlideUp-b-076kikk3bj 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes cardSlideUp-b-076kikk3bj {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* _content/BuzZync.ReportingApp/Components/Dashboard/ShareDashboardDialog.razor.rz.scp.css */
/* ─── ShareDashboardDialog — scoped styles ─────────────────── */

[b-gnzhuwdy5v] .share-dialog .mud-dialog-content {
    padding: 0 !important;
}

[b-gnzhuwdy5v] .share-dialog .mud-dialog-title {
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 0.75rem;
}

.share-dialog__body[b-gnzhuwdy5v] {
    padding: 0.25rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 460px;
}

.share-dialog__section[b-gnzhuwdy5v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.share-dialog__section--team[b-gnzhuwdy5v] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 0.85rem;
}

.share-dialog__label[b-gnzhuwdy5v] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #475569;
    margin: 0;
    display: flex;
    align-items: center;
}

.share-dialog__radio-group[b-gnzhuwdy5v] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.share-dialog__radio-option[b-gnzhuwdy5v] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.35rem 0.5rem;
    border-radius: 8px;
    transition: background 0.15s ease;
}

.share-dialog__radio-option:hover[b-gnzhuwdy5v] {
    background: #f8fafc;
}

.share-dialog__radio-option strong[b-gnzhuwdy5v] {
    font-size: 0.83rem;
    font-weight: 700;
    color: #1e293b;
    display: block;
    line-height: 1.2;
}

.share-dialog__radio-meta[b-gnzhuwdy5v] {
    font-size: 0.72rem;
    color: #64748b;
    display: block;
    line-height: 1.3;
}

.share-dialog__shares-list[b-gnzhuwdy5v] {
    display: flex;
    flex-direction: column;
}

.share-dialog__share-row[b-gnzhuwdy5v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
    transition: box-shadow 0.12s ease;
}

.share-dialog__share-row:hover[b-gnzhuwdy5v] {
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
/* _content/BuzZync.ReportingApp/Components/Dashboard/WidgetBindingPanel.razor.rz.scp.css */
/* ── Backdrop ── */
.wbp-backdrop[b-1luyhrdqk1] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 299;
    backdrop-filter: blur(2px);
}

/* ── Side panel ── */
.wbp-panel[b-1luyhrdqk1] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
    width: 380px;
    max-width: 95vw;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 48px rgba(31, 31, 79, 0.18);
    border-left: 1px solid #e5e7eb;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

/* slide-in from right */
@keyframes wbpSlideIn-b-1luyhrdqk1 {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}

.wbp-panel[b-1luyhrdqk1] {
    animation: wbpSlideIn-b-1luyhrdqk1 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* ── Header ── */
.wbp-panel__header[b-1luyhrdqk1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem 0.8rem;
    border-bottom: 1px solid #f0f0f5;
    background: linear-gradient(135deg, #1F1F4F 0%, #3b2d6e 100%);
}

.wbp-panel__title[b-1luyhrdqk1] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
}

/* ── Scrollable body ── */
.wbp-panel__body[b-1luyhrdqk1] {
    flex: 1;
    overflow-y: auto;
    padding: 0.9rem 1.2rem;
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}

/* ── Footer ── */
.wbp-panel__footer[b-1luyhrdqk1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1.2rem;
    border-top: 1px solid #f0f0f5;
    background: #fafafa;
}

/* ── Section block ── */
.wbp-section[b-1luyhrdqk1] {
    margin-bottom: 1.1rem;
}

.wbp-label[b-1luyhrdqk1] {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7A54A2;
    margin-bottom: 0.4rem;
}

/* ── Widget type grid ── */
.wbp-type-grid[b-1luyhrdqk1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.35rem;
}

.wbp-type-btn[b-1luyhrdqk1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 0.45rem 0.3rem;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: 'Poppins', sans-serif;
}

.wbp-type-btn:hover[b-1luyhrdqk1] {
    border-color: #c4b5e0;
    background: #faf8ff;
}

.wbp-type-btn--active[b-1luyhrdqk1] {
    border-color: #7A54A2;
    background: #f4f0ff;
    box-shadow: 0 0 0 2px rgba(122, 84, 162, 0.2);
}

.wbp-type-btn__icon[b-1luyhrdqk1] {
    font-family: 'Material Icons';
    font-size: 1.25rem;
    color: #7A54A2;
}

.wbp-type-btn--active .wbp-type-btn__icon[b-1luyhrdqk1] {
    color: #5c2fa8;
}

.wbp-type-btn__label[b-1luyhrdqk1] {
    font-size: 0.6rem;
    font-weight: 700;
    color: #334155;
    text-align: center;
    line-height: 1.2;
}

/* ── Data source list ── */
.wbp-source-category[b-1luyhrdqk1] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #94a3b8;
    margin: 0.6rem 0 0.25rem;
}

.wbp-source-list[b-1luyhrdqk1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 0.2rem;
}

.wbp-source-item[b-1luyhrdqk1] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1.5px solid #e5e7eb;
    background: #fff;
    color: #334155;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: 'Poppins', sans-serif;
}

.wbp-source-item:hover[b-1luyhrdqk1] {
    border-color: #a78bda;
    color: #5c2fa8;
    background: #faf8ff;
}

.wbp-source-item--active[b-1luyhrdqk1] {
    border-color: #7A54A2;
    background: #7A54A2;
    color: #fff;
}

/* ── Field mapping ── */
.wbp-field-grid[b-1luyhrdqk1] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-bottom: 0.5rem;
}

.wbp-field-row[b-1luyhrdqk1] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.wbp-field-role[b-1luyhrdqk1] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #64748b;
}

.wbp-field-chips[b-1luyhrdqk1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.4rem;
}

/* ── Grid size row ── */
.wbp-grid-size[b-1luyhrdqk1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
}

/* ── Preview box ── */
.wbp-preview[b-1luyhrdqk1] {
    border: 1.5px dashed #d1c4e9;
    border-radius: 12px;
    padding: 0.6rem;
    background: #faf8ff;
    min-height: 160px;
    max-height: 300px;
    overflow: hidden;
}
/* _content/BuzZync.ReportingApp/Components/Dashboard/WidgetRenderer.razor.rz.scp.css */
.widget[b-vc2ra982ht] {
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: 'Poppins', sans-serif;
}

.widget__header[b-vc2ra982ht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.8rem;
    border-bottom: 1px solid #f0f0f5;
}

.widget__title[b-vc2ra982ht] {
    font-size: 0.78rem;
    font-weight: 800;
    color: #1F1F4F;
    letter-spacing: -0.02em;
}

.widget__badge[b-vc2ra982ht] {
    font-size: 0.58rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #7A54A2;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f4f0ff;
}

.widget__body[b-vc2ra982ht] {
    flex: 1;
    padding: 0.5rem;
    overflow: auto;
}

.widget__empty[b-vc2ra982ht] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a0a4b8;
    font-size: 0.78rem;
    font-weight: 600;
}

/* KPI */
.widget-kpi[b-vc2ra982ht] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

.widget-kpi__value[b-vc2ra982ht] {
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #1F1F4F;
}

.widget-kpi__label[b-vc2ra982ht] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #7A54A2;
}

/* ──── Table row click for cross-filter ──── */

.widget-table__row[b-vc2ra982ht] {
    cursor: pointer;
    transition: background 120ms ease;
}

.widget-table__row:hover[b-vc2ra982ht] {
    background: #f4f0ff !important;
}

/* ──── Gauge ──── */

.widget-gauge[b-vc2ra982ht] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.widget-gauge__ring[b-vc2ra982ht] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: conic-gradient(#7A54A2 calc(var(--gauge-pct) * 1%), #e2e8f0 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-gauge__inner[b-vc2ra982ht] {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.widget-gauge__value[b-vc2ra982ht] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
}

.widget-gauge__label[b-vc2ra982ht] {
    font-size: 0.68rem;
    color: #64748b;
}

/* ──── Treemap ──── */

.widget-treemap[b-vc2ra982ht] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    padding: 0.25rem;
}

.widget-treemap__cell[b-vc2ra982ht] {
    flex-grow: 1;
    min-width: 80px;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.15s;
    position: relative;
}

.widget-treemap__cell:hover[b-vc2ra982ht] {
    transform: scale(1.02);
}

.widget-treemap__label[b-vc2ra982ht] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget-treemap__value[b-vc2ra982ht] {
    display: block;
    font-size: 0.9rem;
    font-weight: 800;
    font-family: monospace;
    color: #1e293b;
}

.widget-treemap__pct[b-vc2ra982ht] {
    display: block;
    font-size: 0.6rem;
    color: #64748b;
}

/* ──── Insight Banner ──── */

.widget-banner[b-vc2ra982ht] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.widget-banner--critical[b-vc2ra982ht] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-left: 4px solid #ef4444;
    color: #991b1b;
}

.widget-banner--high[b-vc2ra982ht] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border-left: 4px solid #f59e0b;
    color: #92400e;
}

.widget-banner--medium[b-vc2ra982ht] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-left: 4px solid #3b82f6;
    color: #1e40af;
}

.widget-banner--low[b-vc2ra982ht] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-left: 4px solid #22c55e;
    color: #166534;
}

.widget-banner--info[b-vc2ra982ht] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-left: 4px solid #64748b;
    color: #334155;
}

.widget-banner__label[b-vc2ra982ht] {
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
/* _content/BuzZync.ReportingApp/Components/Layout/MainLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   App Shell — Premium analytics navigation
   ═══════════════════════════════════════════════ */

.app-shell[b-8csxgiw7ux] {
    display: grid;
    grid-template-columns: 240px 1fr;
    min-height: 100vh;
    font-family: 'Poppins', -apple-system, sans-serif;
    transition: grid-template-columns 0.2s ease;
}

.app-shell--collapsed[b-8csxgiw7ux] {
    grid-template-columns: 60px 1fr;
}

/* ──── Sidebar ──── */

.app-nav[b-8csxgiw7ux] {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, var(--hubia-accent) 0%, var(--hubia-accent-dark) 100%);
    color: #e2e8f0;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    width: 240px;
    transition: width 0.2s ease;
}

/* ── Subtle scrollbar for nav ── */

.app-nav[b-8csxgiw7ux]::-webkit-scrollbar {
    width: 4px;
}

.app-nav[b-8csxgiw7ux]::-webkit-scrollbar-track {
    background: transparent;
}

.app-nav[b-8csxgiw7ux]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.app-nav[b-8csxgiw7ux]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* ──── Header ──── */

.app-nav__header[b-8csxgiw7ux] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1.25rem 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.app-nav__logo[b-8csxgiw7ux] {
    height: 28px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
    transition: height 0.2s ease;
}

.app-nav__brand-block[b-8csxgiw7ux] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.08rem;
}

.app-nav__brand[b-8csxgiw7ux] {
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.92);
    white-space: nowrap;
    overflow: hidden;
    transition: opacity 0.2s ease;
}

.app-nav__tenant-name[b-8csxgiw7ux] {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
    overflow: hidden;
}

.app-nav__tenant-badge[b-8csxgiw7ux] {
    display: inline-block;
    background: var(--hubia-primary-a20);
    color: #c4b5fd;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity 0.2s ease;
}

/* ──── Menu ──── */

.app-nav__menu[b-8csxgiw7ux] {
    flex: 1;
    padding: 0.75rem 0;
    overflow-y: auto;
}

.app-nav__menu[b-8csxgiw7ux]::-webkit-scrollbar {
    width: 3px;
}

.app-nav__menu[b-8csxgiw7ux]::-webkit-scrollbar-track {
    background: transparent;
}

.app-nav__menu[b-8csxgiw7ux]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
}

/* ──── Sections ──── */

.app-nav__section[b-8csxgiw7ux] {
    padding: 0.35rem 0;
}

.app-nav__section-label[b-8csxgiw7ux] {
    display: block;
    font-size: 0.6rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: rgba(255, 255, 255, 0.25);
    pointer-events: none;
}

/* ── Section divider between Operations and Reports ── */

.app-nav__divider[b-8csxgiw7ux] {
    height: 1px;
    background: rgba(255, 255, 255, 0.06);
    margin: 0.25rem 1.2rem;
}

/* ──── Section toggle button ──── */

.app-nav__section-toggle[b-8csxgiw7ux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1.2rem 0.3rem;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    transition: background 0.2s ease;
}

.app-nav__section-toggle:hover[b-8csxgiw7ux] {
    background: rgba(255, 255, 255, 0.03);
}

[b-8csxgiw7ux] .app-nav__chevron {
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.2);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

[b-8csxgiw7ux] .app-nav__chevron--collapsed {
    transform: rotate(-90deg);
}

/* ──── Section body (collapsible) ──── */

.app-nav__section-body[b-8csxgiw7ux] {
    max-height: 600px;
    overflow: hidden;
    transition: max-height 0.25s ease, opacity 0.2s ease;
    opacity: 1;
}

.app-nav__section-body--hidden[b-8csxgiw7ux] {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

/* ──── Nav links (expanded mode) ──── */

[b-8csxgiw7ux] .app-nav__link {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 1.2rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
    cursor: pointer;
}

[b-8csxgiw7ux] .app-nav__link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
    padding-left: 1.4rem;
}

[b-8csxgiw7ux] .app-nav__link.active {
    color: #fff;
    background: var(--hubia-primary-a20);
    border-left-color: var(--hubia-primary);
    font-weight: 700;
    padding-left: 1.2rem;
}

[b-8csxgiw7ux] .app-nav__link .mud-icon-root {
    font-size: 1.15rem;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

[b-8csxgiw7ux] .app-nav__link:hover .mud-icon-root {
    opacity: 0.9;
}

[b-8csxgiw7ux] .app-nav__link.active .mud-icon-root {
    opacity: 1;
    color: var(--hubia-primary);
}

.app-nav__link-text[b-8csxgiw7ux] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.2s ease;
}

.app-nav__link-copy[b-8csxgiw7ux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    min-width: 0;
    flex: 1;
}

.app-nav__status-badge[b-8csxgiw7ux] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 999px;
    padding: 1px 6px;
    font-size: 0.52rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.45;
    border: 1px solid transparent;
}

.app-nav__status-badge--partial[b-8csxgiw7ux] {
    background: rgba(245, 158, 11, 0.16);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.28);
}

.app-nav__status-badge--preview[b-8csxgiw7ux] {
    background: rgba(59, 130, 246, 0.18);
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.28);
}

.app-nav__status-badge--assist[b-8csxgiw7ux] {
    background: rgba(168, 85, 247, 0.16);
    color: #d8b4fe;
    border-color: rgba(168, 85, 247, 0.28);
}

.app-nav__status-badge--lab[b-8csxgiw7ux] {
    background: rgba(244, 63, 94, 0.16);
    color: #fda4af;
    border-color: rgba(244, 63, 94, 0.28);
}

.app-nav__status-badge--legacy[b-8csxgiw7ux] {
    background: rgba(148, 163, 184, 0.16);
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.24);
}

.app-nav__status-badge--zorya[b-8csxgiw7ux] {
    background: rgba(34, 197, 94, 0.16);
    color: #86efac;
    border-color: rgba(34, 197, 94, 0.26);
}

.app-nav__status-badge--hybrid[b-8csxgiw7ux] {
    background: rgba(14, 165, 233, 0.16);
    color: #7dd3fc;
    border-color: rgba(14, 165, 233, 0.28);
}

.app-nav__status-badge--admin[b-8csxgiw7ux] {
    background: rgba(56, 189, 248, 0.16);
    color: #bae6fd;
    border-color: rgba(56, 189, 248, 0.28);
}

/* ──── Footer / User ──── */

.app-nav__footer[b-8csxgiw7ux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    margin-top: auto;
}

.app-nav__user[b-8csxgiw7ux] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.app-nav__user-info[b-8csxgiw7ux] {
    display: flex;
    flex-direction: column;
    transition: opacity 0.2s ease;
}

.app-nav__user-name[b-8csxgiw7ux] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #e2e8f0;
}

.app-nav__user-role[b-8csxgiw7ux] {
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--hubia-primary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* ──── Dashboard picker ──── */

[b-8csxgiw7ux] .app-nav__db-item {
    padding: 0.45rem 1rem !important;
    gap: 0.55rem !important;
}

[b-8csxgiw7ux] .app-nav__db-item:hover {
    padding-left: 1.15rem !important;
}

.app-nav__db-icon[b-8csxgiw7ux] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.2s ease;
}

.app-nav__db-icon--default[b-8csxgiw7ux] {
    background: var(--hubia-primary-a25);
}

[b-8csxgiw7ux] .app-nav__db-icon .mud-icon-root {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.5);
}

[b-8csxgiw7ux] .app-nav__db-icon--default .mud-icon-root {
    color: var(--hubia-primary);
}

.app-nav__db-info[b-8csxgiw7ux] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.app-nav__db-name[b-8csxgiw7ux] {
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-nav__db-meta[b-8csxgiw7ux] {
    font-size: 0.6rem;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: nowrap;
}

/* ── Dashboard type: snapshot icon (blue tint) ── */
.app-nav__db-icon--snapshot[b-8csxgiw7ux] {
    background: rgba(59, 130, 246, 0.15);
}

[b-8csxgiw7ux] .app-nav__db-icon--snapshot .mud-icon-root {
    color: #60a5fa;
}

/* ── Dashboard type: live icon (green tint) ── */
.app-nav__db-icon--live:not(.app-nav__db-icon--default)[b-8csxgiw7ux] {
    background: rgba(16, 185, 129, 0.1);
}

[b-8csxgiw7ux] .app-nav__db-icon--live:not(.app-nav__db-icon--default) .mud-icon-root {
    color: rgba(52, 211, 153, 0.7);
}

/* ── Type badge ── */
.app-nav__db-type-badge[b-8csxgiw7ux] {
    display: inline-block;
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 1px 4px;
    border-radius: 3px;
    line-height: 1.4;
    vertical-align: middle;
    flex-shrink: 0;
}

.app-nav__db-type-badge--snapshot[b-8csxgiw7ux] {
    background: rgba(59, 130, 246, 0.2);
    color: #93c5fd;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.app-nav__db-type-badge--live[b-8csxgiw7ux] {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.app-nav__db-empty[b-8csxgiw7ux] {
    padding: 0.4rem 1.2rem;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.2);
    font-style: italic;
}

.app-nav__create-trigger[b-8csxgiw7ux] {
    padding: 0.25rem 0.8rem;
}

.app-nav__add-btn[b-8csxgiw7ux] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.45rem 0.4rem;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.35);
    font-family: 'Poppins', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.app-nav__add-btn:hover[b-8csxgiw7ux] {
    border-color: var(--hubia-primary-a40);
    color: rgba(255, 255, 255, 0.6);
    background: var(--hubia-primary-a10);
}

[b-8csxgiw7ux] .app-nav__add-btn .mud-icon-root {
    font-size: 1rem;
}

.app-nav__create-form[b-8csxgiw7ux] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.4rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

[b-8csxgiw7ux] .app-nav__create-form .mud-input-root {
    color: #fff;
    font-size: 0.75rem;
}

[b-8csxgiw7ux] .app-nav__create-form .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.15);
    border-radius: 6px;
}

.app-nav__create-actions[b-8csxgiw7ux] {
    display: flex;
    gap: 0.25rem;
}

/* ──── Collapse toggle bar ──── */

.app-nav__collapse-toggle[b-8csxgiw7ux] {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.app-nav__collapse-toggle:hover[b-8csxgiw7ux] {
    background: rgba(255, 255, 255, 0.03);
}

/* ══════════════════════════════════════════════════
   Collapsed mode — premium mini sidebar (60px)
   ══════════════════════════════════════════════════ */

.app-nav--collapsed[b-8csxgiw7ux] {
    width: 60px;
    align-items: center;
    overflow: hidden;
}

/* ── Hide ALL text ── */

.app-nav--collapsed .app-nav__brand[b-8csxgiw7ux],
.app-nav--collapsed .app-nav__tenant-name[b-8csxgiw7ux],
.app-nav--collapsed .app-nav__tenant-badge[b-8csxgiw7ux],
.app-nav--collapsed .app-nav__section-toggle[b-8csxgiw7ux],
.app-nav--collapsed .app-nav__db-info[b-8csxgiw7ux],
.app-nav--collapsed .app-nav__db-empty[b-8csxgiw7ux],
.app-nav--collapsed .app-nav__create-form[b-8csxgiw7ux],
.app-nav--collapsed .app-nav__user-info[b-8csxgiw7ux],
.app-nav--collapsed .app-nav__link-text[b-8csxgiw7ux] {
    display: none !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* ── Header: centered logo only ── */

.app-nav--collapsed .app-nav__header[b-8csxgiw7ux] {
    justify-content: center;
    padding: 1rem 0;
}

.app-nav--collapsed .app-nav__logo[b-8csxgiw7ux] {
    height: 22px;
}

/* ── Menu container ── */

.app-nav--collapsed .app-nav__menu[b-8csxgiw7ux] {
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* ── Sections: thin separator lines between groups ── */

.app-nav--collapsed .app-nav__section[b-8csxgiw7ux] {
    padding: 4px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin: 0 8px;
    width: calc(100% - 16px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.app-nav--collapsed .app-nav__section:last-child[b-8csxgiw7ux] {
    border-bottom: none;
}

/* ── Divider in collapsed mode ── */

.app-nav--collapsed .app-nav__divider[b-8csxgiw7ux] {
    margin: 0;
    height: 0;
}

/* ── Force all sections open in collapsed mode ── */

.app-nav--collapsed .app-nav__section-body[b-8csxgiw7ux] {
    max-height: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* ── Single-column centered icon links ── */

.app-nav--collapsed[b-8csxgiw7ux]  .app-nav__link,
.app-nav--collapsed[b-8csxgiw7ux]  .app-nav__db-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 2px auto !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border-left: none !important;
    gap: 0 !important;
    position: relative;
    transition: background 0.2s ease, transform 0.2s ease;
}

/* ── Active state: rounded background highlight + dot indicator ── */

.app-nav--collapsed[b-8csxgiw7ux]  .app-nav__link.active {
    background: rgba(255, 255, 255, 0.12) !important;
    border-left: none !important;
    border-radius: 10px !important;
}

.app-nav--collapsed[b-8csxgiw7ux]  .app-nav__link.active::after {
    content: '';
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--hubia-primary, #7c3aed);
}

.app-nav--collapsed[b-8csxgiw7ux]  .app-nav__link.active .mud-icon-root {
    opacity: 1;
    color: #fff !important;
}

/* ── Hover state ── */

.app-nav--collapsed[b-8csxgiw7ux]  .app-nav__link:hover,
.app-nav--collapsed[b-8csxgiw7ux]  .app-nav__db-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    transform: scale(1.04);
    padding-left: 0 !important;
}

/* ── Dashboard icon containers: uniform size ── */

.app-nav--collapsed .app-nav__db-icon[b-8csxgiw7ux] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
}

/* ── Create/Add button ── */

.app-nav--collapsed .app-nav__create-trigger[b-8csxgiw7ux] {
    padding: 2px 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.app-nav--collapsed .app-nav__add-btn[b-8csxgiw7ux] {
    border: none;
    width: 42px !important;
    height: 42px !important;
    padding: 0;
    justify-content: center;
    border-radius: 10px;
}

/* ── Footer: stacked avatar + logout ── */

.app-nav--collapsed .app-nav__footer[b-8csxgiw7ux] {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 0;
    align-items: center;
    justify-content: center;
}

.app-nav--collapsed .app-nav__user[b-8csxgiw7ux] {
    justify-content: center;
}

/* ── Collapse toggle: bigger hit area, centered ── */

.app-nav--collapsed .app-nav__collapse-toggle[b-8csxgiw7ux] {
    padding: 4px 0;
}

.app-nav--collapsed .app-nav__collapse-toggle[b-8csxgiw7ux]  .mud-icon-button {
    width: 42px !important;
    height: 36px !important;
    border-radius: 8px !important;
}

.app-nav--collapsed .app-nav__collapse-toggle[b-8csxgiw7ux]  .mud-icon-button:hover {
    background: rgba(255, 255, 255, 0.08);
}

/* ──── Content area ──── */

.app-content[b-8csxgiw7ux] {
    background: #f4f3fa;
    min-height: 100vh;
    overflow-y: auto;
    scroll-behavior: smooth;
    background-image: linear-gradient(to bottom, rgba(31, 31, 79, 0.03) 0, transparent 3px);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-attachment: local;
}
/* _content/BuzZync.ReportingApp/Components/Shared/RwCard.razor.rz.scp.css */
.rw-card[b-shj3mw8nco] {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: box-shadow 150ms ease;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

.rw-card:hover[b-shj3mw8nco] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
}

.rw-card__head[b-shj3mw8nco] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f5;
}

.rw-card__title[b-shj3mw8nco] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #1F1F4F;
}

.rw-card__sub[b-shj3mw8nco] {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 600;
}

.rw-card__body[b-shj3mw8nco] {
    padding: 0.75rem 1rem;
}
/* _content/BuzZync.ReportingApp/Components/Shared/RwEmptyState.razor.rz.scp.css */
.rw-empty[b-estb5lfwtj] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed #e2e8f0;
    background: #fafbfc;
}

.rw-empty--compact[b-estb5lfwtj] {
    min-height: 140px;
}

.rw-empty__text[b-estb5lfwtj] {
    font-size: 0.8rem;
    color: #64748b;
    max-width: 36ch;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
}
/* _content/BuzZync.ReportingApp/Components/Shared/RwKpiCard.razor.rz.scp.css */
.rw-kpi[b-n9ts2t94bo] {
    padding: 0.9rem 1rem;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    border-top: none;
    border-left: 4px solid;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-height: 88px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: transform 150ms ease, box-shadow 150ms ease;
    font-family: 'Poppins', sans-serif;
}

.rw-kpi:hover[b-n9ts2t94bo] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.rw-kpi--teal[b-n9ts2t94bo] { border-left-color: #0d9488; background: linear-gradient(135deg, #f0fdfa 0%, #e6f7f5 100%); }
.rw-kpi--amber[b-n9ts2t94bo] { border-left-color: #d97706; background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); }
.rw-kpi--blue[b-n9ts2t94bo] { border-left-color: #2563eb; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); }
.rw-kpi--violet[b-n9ts2t94bo] { border-left-color: #7c3aed; background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%); }
.rw-kpi--purple[b-n9ts2t94bo] { border-left-color: #7A54A2; background: linear-gradient(135deg, #faf8ff 0%, #f3edff 100%); }

.rw-kpi__label[b-n9ts2t94bo] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #64748b;
}

.rw-kpi__value[b-n9ts2t94bo] {
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #1F1F4F;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rw-kpi__meta[b-n9ts2t94bo] {
    font-size: 0.76rem;
    color: #64748b;
    font-weight: 500;
}
/* _content/BuzZync.ReportingApp/Components/Shared/RwPageHeader.razor.rz.scp.css */
.rw-page-header[b-2kifralpf7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.25rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #1F1F4F 0%, #263779 60%, #5095D0 100%);
    color: #f1f5f9;
    box-shadow: 0 4px 16px rgba(31, 31, 79, 0.2);
    font-family: 'Poppins', sans-serif;
    margin-bottom: 1rem;
}

.rw-page-header__left[b-2kifralpf7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rw-page-header__title[b-2kifralpf7] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fff;
}

.rw-page-header__subtitle[b-2kifralpf7] {
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
}

.rw-page-header__actions[b-2kifralpf7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* _content/BuzZync.ReportingApp/Components/Shared/RwSearchTable.razor.rz.scp.css */
.rw-search-table__bar[b-ptzrymthtv] {
    padding: 0 0 0.5rem;
}

[b-ptzrymthtv] .rw-search-table__input {
    max-width: 260px;
}

[b-ptzrymthtv] .rw-search-table__input .mud-input-root {
    font-size: 0.82rem;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
}

.rw-search-table__scroll[b-ptzrymthtv] {
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid #f1f5f9;
}
/* _content/BuzZync.ReportingApp/Pages/Admin/AiAdvisor.razor.rz.scp.css */
/* ── Insight Tracker — Enterprise Tabs ── */

.insight-tabs[b-s79xvdx5a3] {
    margin-top: 0.25rem;
}

[b-s79xvdx5a3] .mud-tabs-toolbar {
    background: transparent;
    border-bottom: 2px solid #f1f5f9;
    padding: 0;
}

[b-s79xvdx5a3] .mud-tab {
    font-weight: 700;
    font-size: 0.82rem;
    text-transform: none;
    min-width: 140px;
    letter-spacing: 0;
}

[b-s79xvdx5a3] .mud-tab.mud-tab-active {
    color: #7c3aed;
}

[b-s79xvdx5a3] .mud-tab-slider {
    background: #7c3aed;
}

.insight-tab-panel[b-s79xvdx5a3] {
    padding: 1rem 0 0;
}

/* ── Filter Row — chip style ── */

.insight-filter-row[b-s79xvdx5a3] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.filter-chip[b-s79xvdx5a3] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 20px;
    border: 1.5px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}
.filter-chip:hover[b-s79xvdx5a3] { border-color: #7c3aed; color: #7c3aed; }
.filter-chip--active[b-s79xvdx5a3] { background: #7c3aed; color: #fff; border-color: #7c3aed; }
.filter-chip--active.filter-chip--critical[b-s79xvdx5a3] { background: #dc2626; border-color: #dc2626; }
.filter-chip--active.filter-chip--warning[b-s79xvdx5a3] { background: #ea580c; border-color: #ea580c; }
.filter-chip--active.filter-chip--info[b-s79xvdx5a3] { background: #4f46e5; border-color: #4f46e5; }
.filter-chip__count[b-s79xvdx5a3] {
    font-size: 0.65rem;
    font-weight: 800;
    background: rgba(255,255,255,0.3);
    padding: 0 5px;
    border-radius: 8px;
    min-width: 16px;
    text-align: center;
}

/* ── Split Layout ── */

.insight-split[b-s79xvdx5a3] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 0.75rem;
    min-height: calc(100vh - 440px);
}

.insight-split__list[b-s79xvdx5a3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-y: auto;
    max-height: calc(100vh - 440px);
    padding-right: 4px;
}

.insight-group[b-s79xvdx5a3] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.insight-group__header[b-s79xvdx5a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.15rem 0.1rem;
}

.insight-group__title[b-s79xvdx5a3] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.77rem;
    font-weight: 800;
    color: #312e81;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.insight-group__meta[b-s79xvdx5a3] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #94a3b8;
}

.insight-split__detail[b-s79xvdx5a3] {
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 1rem 1.15rem;
    background: #fff;
    position: sticky;
    top: 0;
    max-height: calc(100vh - 440px);
    overflow-y: auto;
    animation: slideInRight-b-s79xvdx5a3 0.2s ease;
}

.insight-split__empty[b-s79xvdx5a3] {
    border: 2px dashed #e2e8f0;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #94a3b8;
    font-size: 0.82rem;
    font-weight: 600;
}

@keyframes slideInRight-b-s79xvdx5a3 {
    from { opacity: 0; transform: translateX(12px); }
    to { opacity: 1; transform: translateX(0); }
}

/* ── Insight Cards ── */

[b-s79xvdx5a3] .icard {
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: all 0.15s ease;
    border-left: 4px solid #e5e7eb;
}
[b-s79xvdx5a3] .icard:hover { border-color: #c4b5fd; box-shadow: 0 2px 8px rgba(124,58,237,0.08); }

.icard-inner[b-s79xvdx5a3] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.7rem 0.85rem;
    width: 100%;
    text-align: left;
}
[b-s79xvdx5a3] .icard--selected { border-color: #7c3aed !important; background: #faf5ff; border-left-color: #7c3aed !important; }
[b-s79xvdx5a3] .icard--critical { border-left-color: #dc2626; }
[b-s79xvdx5a3] .icard--warning { border-left-color: #ea580c; }
[b-s79xvdx5a3] .icard--info { border-left-color: #4f46e5; }

.icard__top[b-s79xvdx5a3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.sev-dot[b-s79xvdx5a3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.sev-dot--critical[b-s79xvdx5a3] { background: #dc2626; box-shadow: 0 0 6px rgba(220,38,38,0.4); }
.sev-dot--warning[b-s79xvdx5a3] { background: #ea580c; box-shadow: 0 0 6px rgba(234,88,12,0.4); }
.sev-dot--info[b-s79xvdx5a3] { background: #4f46e5; }

.sev-label[b-s79xvdx5a3] {
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    padding: 1px 7px;
    border-radius: 4px;
    text-transform: uppercase;
}
.sev-label--critical[b-s79xvdx5a3] { background: #fecaca; color: #991b1b; }
.sev-label--warning[b-s79xvdx5a3] { background: #fed7aa; color: #9a3412; }
.sev-label--info[b-s79xvdx5a3] { background: #e0e7ff; color: #3730a3; }

.type-label[b-s79xvdx5a3] {
    font-size: 0.62rem;
    font-weight: 700;
    color: #7c3aed;
    background: #f5f3ff;
    padding: 1px 7px;
    border-radius: 4px;
}

.focus-badge[b-s79xvdx5a3] {
    font-size: 0.6rem;
    font-weight: 700;
    color: #475569;
    background: #f8fafc;
    padding: 1px 7px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.ack-badge[b-s79xvdx5a3] {
    font-size: 0.58rem;
    font-weight: 800;
    color: #059669;
    background: #d1fae5;
    padding: 1px 6px;
    border-radius: 3px;
}

.occ-pill[b-s79xvdx5a3] {
    font-size: 0.62rem;
    font-weight: 800;
    color: #64748b;
    background: #f1f5f9;
    padding: 1px 6px;
    border-radius: 8px;
}

.impact-pill[b-s79xvdx5a3] {
    font-size: 0.62rem;
    font-weight: 800;
    padding: 1px 7px;
    border-radius: 999px;
    border: 1px solid transparent;
}

.impact-pill--critical[b-s79xvdx5a3] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fecaca;
}

.impact-pill--high[b-s79xvdx5a3] {
    color: #9a3412;
    background: #ffedd5;
    border-color: #fed7aa;
}

.impact-pill--medium[b-s79xvdx5a3] {
    color: #1d4ed8;
    background: #dbeafe;
    border-color: #bfdbfe;
}

.impact-pill--low[b-s79xvdx5a3] {
    color: #475569;
    background: #f8fafc;
    border-color: #e2e8f0;
}

.icard__ago[b-s79xvdx5a3] {
    font-size: 0.65rem;
    color: #94a3b8;
    font-weight: 600;
}

.icard__title[b-s79xvdx5a3] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.35;
}

.icard__bottom[b-s79xvdx5a3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.metric-mini[b-s79xvdx5a3] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.trend-mini[b-s79xvdx5a3] {
    font-size: 0.85rem;
}
.trend-mini--up[b-s79xvdx5a3] { color: #dc2626; }
.trend-mini--down[b-s79xvdx5a3] { color: #059669; }
.trend-mini--stable[b-s79xvdx5a3] { color: #94a3b8; }

/* ── Detail Panel (right side) ── */

.detail-head[b-s79xvdx5a3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.detail-title[b-s79xvdx5a3] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.3;
}

.detail-desc[b-s79xvdx5a3] {
    margin: 0.3rem 0 0;
    font-size: 0.78rem;
    color: #475569;
    line-height: 1.55;
}

.detail-summary-strip[b-s79xvdx5a3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.detail-summary-strip__item[b-s79xvdx5a3] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: linear-gradient(180deg, #fafafa 0%, #f8fafc 100%);
}

.detail-summary-strip__label[b-s79xvdx5a3] {
    font-size: 0.62rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.detail-summary-strip__value[b-s79xvdx5a3] {
    font-size: 0.76rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
}

.detail-metrics[b-s79xvdx5a3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.dm-card[b-s79xvdx5a3] {
    display: flex;
    flex-direction: column;
    padding: 0.45rem 0.65rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.dm-card__label[b-s79xvdx5a3] {
    font-size: 0.6rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.dm-card__value[b-s79xvdx5a3] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0f172a;
    margin-top: 1px;
}

.insight-detail__sparkline[b-s79xvdx5a3] {
    width: 100%;
    height: 80px;
    margin-top: 0.6rem;
    border-radius: 8px;
    background: #fafbfc;
    border: 1px solid #f1f5f9;
}

.detail-meta[b-s79xvdx5a3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid #f1f5f9;
}

.detail-meta__item[b-s79xvdx5a3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.74rem;
    color: #64748b;
}

.detail-actions[b-s79xvdx5a3] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

/* ── Settings Grid ── */

.insight-settings-grid[b-s79xvdx5a3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 0.5rem;
}

.insight-setting__info[b-s79xvdx5a3] {
    display: flex;
    flex-direction: column;
    padding: 0.6rem 0;
}

.insight-setting__label[b-s79xvdx5a3] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.insight-setting__value[b-s79xvdx5a3] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #0f172a;
    margin-top: 4px;
}

/* ── Recommended Views Grid (kept from original) ── */

.ai-views-grid[b-s79xvdx5a3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.85rem;
}

.ai-view-card[b-s79xvdx5a3] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.ai-view-card:hover[b-s79xvdx5a3] {
    box-shadow: 0 8px 24px rgba(122, 84, 162, 0.12);
    border-color: rgba(122, 84, 162, 0.3);
    transform: translateY(-2px);
}

.ai-view-card--applied[b-s79xvdx5a3] {
    border-color: #bbf7d0;
    background: linear-gradient(135deg, #f0fdf4 0%, #fff 50%);
}

.ai-view-card__icon[b-s79xvdx5a3] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
}

.ai-view-card__name[b-s79xvdx5a3] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 800;
    color: #0f172a;
}

.ai-view-card__desc[b-s79xvdx5a3] {
    margin: 0;
    font-size: 0.74rem;
    color: #64748b;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ai-view-card__meta[b-s79xvdx5a3] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.15rem;
}

.ai-view-card__tags[b-s79xvdx5a3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.15rem;
}

.ai-view-card__tag[b-s79xvdx5a3] {
    font-size: 0.62rem;
    font-weight: 600;
    color: #7c3aed;
    background: #f5f3ff;
    padding: 1px 7px;
    border-radius: 4px;
    letter-spacing: 0.02em;
}

.ai-view-card__footer[b-s79xvdx5a3] {
    margin-top: auto;
    padding-top: 0.5rem;
}

/* ── KPI red accent ── */

.rw-kpi--red[b-s79xvdx5a3] {
    border-top: 3px solid #dc2626;
}
.rw-kpi--red .rw-kpi__value[b-s79xvdx5a3] {
    color: #dc2626;
}

/* ── Responsive ── */

@media (max-width: 1024px) {
    .insight-split[b-s79xvdx5a3] {
        grid-template-columns: 1fr;
    }

    .insight-split__detail[b-s79xvdx5a3] {
        position: static;
        max-height: none;
    }

    .insight-split__list[b-s79xvdx5a3] {
        max-height: 400px;
    }
}

@media (max-width: 768px) {
    .insight-filter-row[b-s79xvdx5a3] {
        flex-direction: column;
    }

    .insight-group__header[b-s79xvdx5a3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .detail-summary-strip[b-s79xvdx5a3] {
        grid-template-columns: 1fr;
    }

    .detail-metrics[b-s79xvdx5a3] {
        grid-template-columns: 1fr;
    }

    .ai-views-grid[b-s79xvdx5a3] {
        grid-template-columns: 1fr;
    }

    .insight-settings-grid[b-s79xvdx5a3] {
        grid-template-columns: 1fr;
    }
}
/* _content/BuzZync.ReportingApp/Pages/Admin/IndexAdvisor.razor.rz.scp.css */
/* ── Index Recommendation Cards ── */

.idx-card[b-ri264yipss] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.idx-card:hover[b-ri264yipss] {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.idx-card--proposed[b-ri264yipss] {
    border-left: 3px solid #f59e0b;
}

.idx-card--approved[b-ri264yipss] {
    border-left: 3px solid #10b981;
}

.idx-card--applied[b-ri264yipss] {
    border-left: 3px solid #14b8a6;
}

.idx-card--rejected[b-ri264yipss] {
    border-left: 3px solid #ef4444;
    opacity: 0.7;
}

.idx-card__header[b-ri264yipss] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.idx-card__title-row[b-ri264yipss] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.idx-card__table[b-ri264yipss] {
    font-weight: 700;
    font-size: 0.88rem;
    color: #1e293b;
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
}

.idx-card__impact[b-ri264yipss] {
    font-size: 0.72rem;
    color: #64748b;
    white-space: nowrap;
}

.idx-card__body[b-ri264yipss] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.idx-card__cols[b-ri264yipss] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.idx-card__label[b-ri264yipss] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
}

.idx-card__col-chips[b-ri264yipss] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.idx-card__reason[b-ri264yipss] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    font-size: 0.76rem;
    color: #475569;
    padding: 0.5rem;
    background: #f8fafc;
    border-radius: 8px;
    line-height: 1.4;
}

.idx-card__sql[b-ri264yipss] {
    margin-top: 0.25rem;
}

.idx-card__sql-header[b-ri264yipss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.15rem;
}

.idx-card__sql-code[b-ri264yipss] {
    background: #1e293b;
    color: #e2e8f0;
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.72rem;
    line-height: 1.5;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    overflow-x: auto;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
}

.idx-card__actions[b-ri264yipss] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f1f5f9;
}

.idx-card__meta[b-ri264yipss] {
    font-size: 0.72rem;
    color: #94a3b8;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #f1f5f9;
}
/* _content/BuzZync.ReportingApp/Pages/Admin/SchemaExplorer.razor.rz.scp.css */
/* ── Schema Tree ── */

.schema-tree__schema-btn[b-fau8rwk42x] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    padding: 0.3rem 0.4rem;
    background: none;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.78rem;
    color: #334155;
    transition: background 0.15s;
}

.schema-tree__schema-btn:hover[b-fau8rwk42x] {
    background: #f1f5f9;
}

.schema-tree__schema-name[b-fau8rwk42x] {
    font-weight: 700;
    font-size: 0.76rem;
    color: #1e293b;
    flex: 1;
    text-align: left;
}

.schema-tree__table-btn[b-fau8rwk42x] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    width: 100%;
    padding: 0.25rem 0.5rem;
    background: none;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.75rem;
    color: #475569;
    transition: all 0.15s;
}

.schema-tree__table-btn:hover[b-fau8rwk42x] {
    background: #f1f5f9;
}

.schema-tree__table-btn--active[b-fau8rwk42x] {
    background: #eff6ff;
    border-left: 3px solid #2563eb;
    font-weight: 700;
    color: #1e40af;
}

.schema-tree__table-name[b-fau8rwk42x] {
    flex: 1;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schema-tree__col-count[b-fau8rwk42x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 0.58rem;
    font-weight: 700;
    line-height: 1;
    flex-shrink: 0;
}

.schema-tree__row-count[b-fau8rwk42x] {
    font-size: 0.62rem;
    font-weight: 600;
    color: #94a3b8;
    white-space: nowrap;
}

/* ── Relationships ── */

.schema-rel[b-fau8rwk42x] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.5rem;
    border-radius: 6px;
    margin-bottom: 0.25rem;
    transition: background 0.15s;
}

.schema-rel:hover[b-fau8rwk42x] {
    background: #f8fafc;
}

.schema-rel--inferred[b-fau8rwk42x] {
    background: #fffbeb;
    border-left: 2px solid #fbbf24;
}

.schema-rel--inferred:hover[b-fau8rwk42x] {
    background: #fef3c7;
}

.schema-rel__name[b-fau8rwk42x] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
}

.schema-rel__detail[b-fau8rwk42x] {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 500;
}

.se-rel-group-label[b-fau8rwk42x] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #7c3aed;
    margin-bottom: 0.35rem;
    padding: 0.15rem 0;
}

.se-rel-group-label--inferred[b-fau8rwk42x] {
    color: #d97706;
}

/* ── View Toggle ── */

.se-view-toggle[b-fau8rwk42x] {
    display: flex;
    gap: 0;
    margin-bottom: 0.75rem;
    background: #f1f5f9;
    border-radius: 10px;
    padding: 3px;
    width: fit-content;
}

.se-view-toggle__btn[b-fau8rwk42x] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 1rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.se-view-toggle__btn:hover[b-fau8rwk42x] {
    color: #334155;
    background: rgba(255, 255, 255, 0.5);
}

.se-view-toggle__btn--active[b-fau8rwk42x] {
    background: #fff;
    color: #1e293b;
    font-weight: 700;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ── Query Suggestions ── */

.se-query-suggestions[b-fau8rwk42x] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.se-query-btn[b-fau8rwk42x] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.se-query-btn:hover[b-fau8rwk42x] {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1e40af;
}

.se-query-btn--join[b-fau8rwk42x] {
    background: #faf5ff;
    border-color: #d8b4fe;
    color: #6b21a8;
}

.se-query-btn--join:hover[b-fau8rwk42x] {
    background: #f3e8ff;
    border-color: #a855f7;
}

/* ── DB Diagram ── */

.se-diagram-container[b-fau8rwk42x] {
    overflow: auto;
    max-height: 680px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    background-image:
        radial-gradient(circle, #d1d5db 0.7px, transparent 0.7px);
    background-size: 20px 20px;
    position: relative;
}

.se-diagram-canvas[b-fau8rwk42x] {
    position: relative;
    min-width: 100%;
    min-height: 400px;
}

.se-diagram-svg[b-fau8rwk42x] {
    z-index: 1;
}

.se-diagram-table[b-fau8rwk42x] {
    position: absolute;
    width: 200px;
    border: 2px solid #94a3b8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: box-shadow 0.2s, transform 0.2s;
    z-index: 2;
    overflow: hidden;
}

.se-diagram-table:hover[b-fau8rwk42x] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.se-diagram-table--selected[b-fau8rwk42x] {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3), 0 4px 16px rgba(0, 0, 0, 0.15);
}

.se-diagram-table__header[b-fau8rwk42x] {
    padding: 0.35rem 0.5rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.se-diagram-table__name[b-fau8rwk42x] {
    font-size: 0.72rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.se-diagram-table__schema[b-fau8rwk42x] {
    font-size: 0.58rem;
    font-weight: 600;
    opacity: 0.8;
    flex-shrink: 0;
}

.se-diagram-table__body[b-fau8rwk42x] {
    padding: 0.15rem 0;
}

.se-diagram-table__col[b-fau8rwk42x] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1rem 0.5rem;
    font-size: 0.62rem;
    color: #475569;
    line-height: 1.4;
}

.se-diagram-table__col--pk[b-fau8rwk42x] {
    font-weight: 700;
    color: #92400e;
    background: #fffbeb;
}

.se-diagram-table__col--fk[b-fau8rwk42x] {
    font-weight: 600;
    color: #5b21b6;
    background: #faf5ff;
}

.se-diagram-table__col-icon[b-fau8rwk42x] {
    font-size: 0.5rem;
    font-weight: 900;
    min-width: 16px;
    text-align: center;
}

.se-diagram-table__col-type[b-fau8rwk42x] {
    margin-left: auto;
    font-size: 0.55rem;
    color: #94a3b8;
    font-weight: 500;
}

.se-diagram-table__overflow[b-fau8rwk42x] {
    font-size: 0.58rem;
    color: #94a3b8;
    font-weight: 600;
    text-align: center;
    padding: 0.15rem 0.5rem;
    font-style: italic;
}

/* ── Diagram Legend ── */

.se-diagram-legend[b-fau8rwk42x] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.se-diagram-legend__item[b-fau8rwk42x] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: #475569;
}

.se-diagram-legend__dot[b-fau8rwk42x] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    flex-shrink: 0;
}
/* _content/BuzZync.ReportingApp/Pages/Admin/SharedTemplatesAdmin.razor.rz.scp.css */
.detail-label[b-y4s5dx8wj3] {
    font-size: 0.68rem;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 700;
    display: block;
    margin-bottom: 0.2rem;
}

[b-y4s5dx8wj3] .rw-kpi--emerald {
    border-left: 3px solid #059669;
}

[b-y4s5dx8wj3] .rw-kpi--rose {
    border-left: 3px solid #e11d48;
}

.rw-bulk-bar[b-y4s5dx8wj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 1rem;
    background: #faf5ff;
    border: 1px solid #e9d5ff;
    border-radius: 10px;
}

.activity-row[b-y4s5dx8wj3] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.6rem 0.25rem;
    border-bottom: 1px solid #f8fafc;
}

.activity-row:last-child[b-y4s5dx8wj3] {
    border-bottom: none;
}

.activity-row__icon[b-y4s5dx8wj3] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
/* _content/BuzZync.ReportingApp/Pages/Dashboard/ReportingWorkspace.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   Reporting Workspace — executive dashboard
   ═══════════════════════════════════════════════════════════ */

/* ──── Global keyframes ──── */

@keyframes rwFadeIn-b-ov9e43d50f {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes rwShimmer-b-ov9e43d50f {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes rwSlideDown-b-ov9e43d50f {
    from { opacity: 0; max-height: 0; transform: translateY(-6px); }
    to   { opacity: 1; max-height: 80px; transform: translateY(0); }
}

@keyframes rwPulse-b-ov9e43d50f {
    0%, 100% { box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.4); }
    50%      { box-shadow: 0 0 0 6px rgba(25, 118, 210, 0); }
}

@keyframes rwChipShrink-b-ov9e43d50f {
    from { opacity: 1; transform: scale(1); max-width: 200px; }
    to   { opacity: 0; transform: scale(0.7); max-width: 0; padding: 0; margin: 0; }
}

.rw[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    max-width: 1420px;
    margin: 0 auto;
    padding: 1rem 1.25rem 2rem;
}

/* ──── Header bar ──── */

.rw-header[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 1.1rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #1F1F4F 0%, #263779 60%, #5095D0 100%);
    color: #f1f5f9;
    box-shadow: 0 4px 16px rgba(10, 22, 40, 0.25);
}

.rw-header__left[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.rw-header__loading-pill[b-ov9e43d50f] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #f8fafc;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.rw-header__loading-spinner[b-ov9e43d50f] {
    width: 0.9rem;
    height: 0.9rem;
}

.rw-header__title[b-ov9e43d50f] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #fff;
}

[b-ov9e43d50f] .rw-header__env {
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.rw-header__dates[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.rw-header__sep[b-ov9e43d50f] {
    color: #475569;
    font-weight: 300;
}

[b-ov9e43d50f] .rw-date-input {
    max-width: 140px;
}

[b-ov9e43d50f] .rw-date-input .mud-input-root {
    color: #e2e8f0;
    font-size: 0.82rem;
    font-weight: 600;
}

[b-ov9e43d50f] .rw-date-input .mud-input-underline::before {
    border-color: rgba(255, 255, 255, 0.15);
}

[b-ov9e43d50f] .rw-date-input .mud-input-underline::after {
    border-color: #0d9488;
}

[b-ov9e43d50f] .rw-date-input .mud-icon-root {
    color: #64748b;
    font-size: 1rem;
}

.rw-header__actions[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

[b-ov9e43d50f] .rw-btn {
    border-radius: 8px;
    text-transform: none;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.01em;
    min-height: 34px;
    padding-inline: 0.9rem;
    border-color: rgba(255, 255, 255, 0.2);
    color: #e2e8f0;
}

[b-ov9e43d50f] .rw-btn:hover {
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
}

/* ──── Progress ──── */

.rw-busy-banner[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    margin-bottom: 0.35rem;
    border: 1px solid rgba(59, 130, 246, 0.18);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96) 0%, rgba(238, 242, 255, 0.96) 100%);
    box-shadow: 0 10px 26px rgba(37, 99, 235, 0.08);
    animation: rwFadeIn-b-ov9e43d50f 0.22s ease both;
}

.rw-busy-banner__main[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.rw-busy-banner__spinner[b-ov9e43d50f] {
    flex: 0 0 auto;
}

.rw-busy-banner__copy[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.rw-busy-banner__copy strong[b-ov9e43d50f] {
    font-size: 0.92rem;
    font-weight: 800;
    color: #1e3a8a;
}

.rw-busy-banner__copy span[b-ov9e43d50f],
.rw-busy-banner__lens[b-ov9e43d50f] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #475569;
}

.rw-busy-banner__lens[b-ov9e43d50f] {
    white-space: nowrap;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.22);
}

[b-ov9e43d50f] .rw-progress {
    border-radius: 8px;
    height: 3px;
}

/* ──── Dashboard stage overlay ──── */

.rw-dashboard-stage[b-ov9e43d50f] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rw-dashboard-stage__overlay[b-ov9e43d50f] {
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 6;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.rw-dashboard-stage__overlay--floating[b-ov9e43d50f] {
    padding: 0.2rem 0 0.6rem;
}

.rw-dashboard-stage__overlay--blocking[b-ov9e43d50f] {
    inset: 0;
    align-items: flex-start;
    padding: 4.5rem 1rem 1rem;
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.82) 0%, rgba(248, 250, 252, 0.96) 100%);
    backdrop-filter: blur(3px);
}

.rw-dashboard-stage__overlay-card[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: min(720px, calc(100% - 1rem));
    max-width: 820px;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(96, 165, 250, 0.26);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.10);
}

.rw-dashboard-stage__overlay-copy[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.rw-dashboard-stage__overlay-copy strong[b-ov9e43d50f] {
    color: #1e3a8a;
    font-size: 0.94rem;
    font-weight: 800;
}

.rw-dashboard-stage__overlay-copy span[b-ov9e43d50f] {
    color: #475569;
    font-size: 0.79rem;
    font-weight: 600;
}

.rw-dashboard-stage__overlay-chip[b-ov9e43d50f] {
    margin-left: auto;
    padding: 0.32rem 0.58rem;
    border-radius: 999px;
    background: rgba(226, 232, 240, 0.9);
    color: #334155;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.rw-dashboard-detail-skeleton[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rw-dashboard-detail-skeleton__row[b-ov9e43d50f] {
    display: grid;
    gap: 1rem;
}

.rw-dashboard-detail-skeleton__row--hero[b-ov9e43d50f] {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
}

.rw-dashboard-detail-skeleton__row--wide[b-ov9e43d50f] {
    grid-template-columns: minmax(0, 1fr);
}

.rw-dashboard-detail-skeleton__row--cards[b-ov9e43d50f] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rw-dashboard-detail-skeleton__card[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.04);
}

/* ──── Feedback ──── */

[b-ov9e43d50f] .rw-feedback {
    border-radius: 10px;
}

[b-ov9e43d50f] .rw-feedback .mud-alert-message {
    font-weight: 600;
    font-size: 0.84rem;
    line-height: 1.5;
}

/* ──── Export-ready banner ──── */

.rw-export-ready-banner[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: linear-gradient(90deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1.5px solid #86efac;
    border-radius: 10px;
    padding: 0.55rem 1rem;
    margin-bottom: 0.5rem;
    font-size: 0.82rem;
    color: #15803d;
    font-weight: 600;
    animation: rw-slide-in-b-ov9e43d50f 0.3s ease-out;
}

@keyframes rw-slide-in-b-ov9e43d50f {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes rw-pulse-b-ov9e43d50f {
    0%, 100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4); }
    50%       { box-shadow: 0 0 0 6px rgba(22, 163, 74, 0); }
}

/* ──── KPI strip ──── */


.rw-kpis[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: stretch;
    margin: 0.2rem 0 0.85rem;
}

.rw-kpi[b-ov9e43d50f] {
    padding: 0.8rem 0.95rem;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    border-top: none;
    border-left: 4px solid;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
    min-height: 104px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    animation: rwFadeIn-b-ov9e43d50f 0.4s ease both;
    overflow: hidden;
}

.rw-kpi:nth-child(1)[b-ov9e43d50f] { animation-delay: 0.05s; }
.rw-kpi:nth-child(2)[b-ov9e43d50f] { animation-delay: 0.10s; }
.rw-kpi:nth-child(3)[b-ov9e43d50f] { animation-delay: 0.15s; }
.rw-kpi:nth-child(4)[b-ov9e43d50f] { animation-delay: 0.20s; }

.rw-kpi:hover[b-ov9e43d50f] {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
}

.rw-kpi--teal[b-ov9e43d50f] {
    border-left-color: #0d9488;
    background: linear-gradient(135deg, #f0fdfa 0%, #e6f7f5 100%);
}
.rw-kpi--amber[b-ov9e43d50f] {
    border-left-color: #d97706;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
}
.rw-kpi--blue[b-ov9e43d50f] {
    border-left-color: #2563eb;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}
.rw-kpi--violet[b-ov9e43d50f] {
    border-left-color: #7c3aed;
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
}

.rw-kpi__label[b-ov9e43d50f] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #64748b;
}

.rw-kpi__body[b-ov9e43d50f] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.22rem;
    min-width: 0;
}

.rw-kpi__value[b-ov9e43d50f] {
    font-size: clamp(1.15rem, 1rem + 0.35vw, 1.45rem);
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0f172a;
    line-height: 1.15;
    transition: all 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rw-kpi__meta[b-ov9e43d50f] {
    font-size: 0.76rem;
    color: #64748b;
    font-weight: 500;
    line-height: 1.25;
}

.rw-kpi--coverage .rw-kpi__body[b-ov9e43d50f] {
    gap: 0.38rem;
}

.rw-kpi__split[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
}

.rw-kpi__split-divider[b-ov9e43d50f] {
    width: 1px;
    height: 2.15rem;
    background: rgba(37, 99, 235, 0.18);
    border-radius: 999px;
}

.rw-kpi__stat[b-ov9e43d50f] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.08rem;
}

.rw-kpi__stat strong[b-ov9e43d50f] {
    font-size: 1.18rem;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.rw-kpi__stat span[b-ov9e43d50f] {
    font-size: 0.73rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.rw-signals[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
    margin: 0 0 0.95rem;
}

.rw-signal[b-ov9e43d50f] {
    appearance: none;
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 14px;
    padding: 0.85rem 0.95rem;
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    text-align: left;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.rw-signal:hover[b-ov9e43d50f] {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09);
}

.rw-signal__icon[b-ov9e43d50f] {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: rgba(15, 23, 42, 0.06);
    color: #0f172a;
}

.rw-signal__body[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.rw-signal__label[b-ov9e43d50f] {
    font-size: 0.68rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.rw-signal__value[b-ov9e43d50f] {
    font-size: 1rem;
    line-height: 1.15;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rw-signal__meta[b-ov9e43d50f] {
    font-size: 0.76rem;
    line-height: 1.35;
    color: #475569;
}

.rw-signal--emerald[b-ov9e43d50f] {
    border-color: #b7efe7;
    background: linear-gradient(135deg, #f0fdfa 0%, #ecfeff 100%);
}

.rw-signal--emerald .rw-signal__icon[b-ov9e43d50f] {
    background: rgba(13, 148, 136, 0.12);
    color: #0f766e;
}

.rw-signal--sky[b-ov9e43d50f] {
    border-color: #cfe4ff;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fbff 100%);
}

.rw-signal--sky .rw-signal__icon[b-ov9e43d50f] {
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
}

.rw-signal--violet[b-ov9e43d50f] {
    border-color: #ddd6fe;
    background: linear-gradient(135deg, #f5f3ff 0%, #faf5ff 100%);
}

.rw-signal--violet .rw-signal__icon[b-ov9e43d50f] {
    background: rgba(124, 58, 237, 0.12);
    color: #6d28d9;
}

.rw-signal--slate[b-ov9e43d50f] {
    border-color: #dbe2ea;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.rw-signal--slate .rw-signal__icon[b-ov9e43d50f] {
    background: rgba(51, 65, 85, 0.12);
    color: #334155;
}

.rw-mission[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 55%, #f5f3ff 100%);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.05);
}

.rw-mission__header[b-ov9e43d50f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.rw-mission__eyebrow[b-ov9e43d50f] {
    display: inline-block;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #4f46e5;
}

.rw-mission__title[b-ov9e43d50f] {
    margin: 0.2rem 0 0;
    font-size: 1.08rem;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.rw-mission__subtitle[b-ov9e43d50f] {
    margin: 0.45rem 0 0;
    max-width: 900px;
    font-size: 0.81rem;
    line-height: 1.5;
    color: #475569;
}

.rw-mission__chips[b-ov9e43d50f] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.rw-brief-grid[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.rw-brief-card[b-ov9e43d50f] {
    appearance: none;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 0.85rem 0.95rem;
    background: #fff;
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    text-align: left;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.rw-brief-card:hover:not(:disabled)[b-ov9e43d50f] {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

.rw-brief-card:disabled[b-ov9e43d50f] {
    cursor: default;
    opacity: 0.92;
}

.rw-brief-card__icon[b-ov9e43d50f] {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: rgba(15, 23, 42, 0.06);
    color: #0f172a;
}

.rw-brief-card__body[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.rw-brief-card__label[b-ov9e43d50f] {
    font-size: 0.68rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.rw-brief-card__value[b-ov9e43d50f] {
    font-size: 1rem;
    line-height: 1.15;
    font-weight: 800;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rw-brief-card__meta[b-ov9e43d50f] {
    font-size: 0.76rem;
    line-height: 1.35;
    color: #475569;
}

.rw-brief-card--emerald[b-ov9e43d50f] {
    border-color: #b7efe7;
    background: linear-gradient(135deg, #f0fdfa 0%, #ecfeff 100%);
}

.rw-brief-card--emerald .rw-brief-card__icon[b-ov9e43d50f] {
    background: rgba(13, 148, 136, 0.12);
    color: #0f766e;
}

.rw-brief-card--sky[b-ov9e43d50f] {
    border-color: #cfe4ff;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fbff 100%);
}

.rw-brief-card--sky .rw-brief-card__icon[b-ov9e43d50f] {
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
}

.rw-brief-card--violet[b-ov9e43d50f] {
    border-color: #ddd6fe;
    background: linear-gradient(135deg, #f5f3ff 0%, #faf5ff 100%);
}

.rw-brief-card--violet .rw-brief-card__icon[b-ov9e43d50f] {
    background: rgba(124, 58, 237, 0.12);
    color: #6d28d9;
}

.rw-brief-card--slate[b-ov9e43d50f] {
    border-color: #dbe2ea;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.rw-brief-card--slate .rw-brief-card__icon[b-ov9e43d50f] {
    background: rgba(51, 65, 85, 0.12);
    color: #334155;
}

.rw-brief-card--amber[b-ov9e43d50f] {
    border-color: #fed7aa;
    background: linear-gradient(135deg, #fff7ed 0%, #fffbeb 100%);
}

.rw-brief-card--amber .rw-brief-card__icon[b-ov9e43d50f] {
    background: rgba(217, 119, 6, 0.12);
    color: #b45309;
}

/* ──── Tabs ──── */

[b-ov9e43d50f] .rw-tabs {
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: visible;
}

[b-ov9e43d50f] .rw-tabs .mud-tabs-toolbar {
    padding: 0.25rem;
    border-radius: 10px;
    background: #f1f5f9;
    margin: 0.6rem 0.6rem 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[b-ov9e43d50f] .rw-tabs .mud-tabs-toolbar::-webkit-scrollbar {
    height: 3px;
}

[b-ov9e43d50f] .rw-tabs .mud-tabs-toolbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

[b-ov9e43d50f] .rw-tabs .mud-tab {
    min-height: 40px;
    border-radius: 8px;
    color: #475569;
    font-weight: 700;
    font-size: 0.82rem;
    text-transform: none;
    letter-spacing: 0.01em;
    padding-inline: 0.85rem;
}

[b-ov9e43d50f] .rw-tabs .mud-tab.mud-tab-active {
    background: #0f172a;
    color: #f8fafc;
}

[b-ov9e43d50f] .rw-tabs .mud-tabs-slider {
    display: none;
}

/* ──── Tab drag-and-drop (SortableJS) ──── */

[b-ov9e43d50f] .rw-tabs .mud-tab {
    cursor: grab;
    user-select: none;
    transition: transform 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

[b-ov9e43d50f] .rw-tab-ghost {
    opacity: 0.3;
    background: #e2e8f0 !important;
    border-radius: 8px;
}

[b-ov9e43d50f] .rw-tab-chosen {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    transform: scale(1.04);
    z-index: 10;
}

[b-ov9e43d50f] .rw-tab-drag {
    opacity: 0.85;
}

[b-ov9e43d50f] .rw-tab-body {
    padding: 0.85rem;
}

/* ──── Cards ──── */

.rw-card[b-ov9e43d50f] {
    padding: 1rem 1.1rem;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    animation: rwFadeIn-b-ov9e43d50f 0.4s ease both;
}

.rw-card:hover[b-ov9e43d50f] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
    border-color: #cbd5e1;
    transform: translateY(-2px);
}

.rw-card--full[b-ov9e43d50f] {
    margin-top: 0.1rem;
}

.rw-card__head[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #f1f5f9;
}

.rw-card__title[b-ov9e43d50f] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.rw-card__sub[b-ov9e43d50f] {
    font-size: 0.74rem;
    color: #64748b;
    font-weight: 600;
}

/* ──── Tables ──── */

[b-ov9e43d50f] .rw-table table {
    width: 100%;
}

[b-ov9e43d50f] .rw-table thead th {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #64748b;
    padding: 0.55rem 0.7rem;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
    position: sticky;
    top: 0;
    background: #f8fafc;
    z-index: 1;
}

[b-ov9e43d50f] .rw-table tbody td {
    font-size: 0.82rem;
    color: #1e293b;
    padding: 0.5rem 0.7rem;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s ease, color 0.15s ease;
}

[b-ov9e43d50f] .rw-table tbody tr {
    cursor: pointer;
    transition: background 0.15s ease;
}

[b-ov9e43d50f] .rw-table tbody tr:nth-child(even) {
    background: #fafbfc;
}

[b-ov9e43d50f] .rw-table tbody tr:hover {
    background: #faf5ff;
}

[b-ov9e43d50f] .rw-table tbody tr:hover td {
    color: #0f172a;
}

[b-ov9e43d50f] .rw-table tfoot td {
    font-size: 0.82rem;
    padding: 0.6rem 0.7rem;
    border-top: 2px solid #e2e8f0;
    background: #f8fafc;
    font-weight: 700;
}

.rw-mono[b-ov9e43d50f] {
    font-family: "SF Mono", "Cascadia Code", "Fira Code", monospace;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.rw-muted[b-ov9e43d50f] {
    color: #94a3b8;
    font-size: 0.78rem;
}

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

/* Share bar (inline progress in carrier table) */

.rw-share[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 120px;
    justify-content: flex-end;
    position: relative;
}

.rw-share__bar[b-ov9e43d50f] {
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(90deg, #0d9488, #14b8a6);
    min-width: 2px;
    max-width: 80px;
    flex-shrink: 0;
    transition: width 0.5s ease;
}

.rw-share__label[b-ov9e43d50f] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #475569;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* ──── Empty states ──── */

.rw-empty[b-ov9e43d50f] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed #e2e8f0;
    background: #fafbfc;
}

.rw-empty--sm[b-ov9e43d50f] {
    min-height: 140px;
}

[b-ov9e43d50f] .rw-empty .mud-icon-root {
    color: #cbd5e1;
    font-size: 1.8rem;
    opacity: 0.7;
}

[b-ov9e43d50f] .rw-empty span {
    font-size: 0.8rem;
    color: #94a3b8;
    max-width: 36ch;
    line-height: 1.5;
    font-style: italic;
}

/* ──── Skeleton loaders ──── */

.rw-kpi--skeleton[b-ov9e43d50f] {
    padding: 0.9rem 1rem;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 400% 100%;
    animation: rwShimmer-b-ov9e43d50f 1.8s ease infinite;
}

.rw-skeleton-chart[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    background: linear-gradient(90deg, #f8fafc 25%, #f1f5f9 50%, #f8fafc 75%);
    background-size: 400% 100%;
    animation: rwShimmer-b-ov9e43d50f 1.8s ease infinite;
    border-radius: 12px;
}

.rw-skeleton-chart--sm[b-ov9e43d50f] {
    padding: 1.2rem 0.75rem;
}

.rw-skeleton-chart__legend[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 60%;
    align-items: center;
}

@media (max-width: 1180px) {
    .rw-dashboard-detail-skeleton__row--hero[b-ov9e43d50f],
    .rw-dashboard-detail-skeleton__row--cards[b-ov9e43d50f] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ──── Dashboard picker ──── */

[b-ov9e43d50f] .rw-dashboard-picker {
    color: #e2e8f0 !important;
    text-transform: none;
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: -0.01em;
    padding: 0.25rem 0.6rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    transition: background 150ms ease;
    min-height: 34px;
}

[b-ov9e43d50f] .rw-dashboard-picker:hover {
    background: rgba(255, 255, 255, 0.15);
}

.rw-dashboard-picker__label[b-ov9e43d50f] {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rw-dashboard-picker__count[b-ov9e43d50f] {
    opacity: 0.5;
    font-size: 0.72rem;
    font-weight: 500;
    margin-left: 0.35rem;
}

/* ──── Month navigation ──── */

.rw-header__months[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

[b-ov9e43d50f] .rw-month-nav {
    color: #94a3b8;
}

[b-ov9e43d50f] .rw-month-nav:hover {
    color: #fff;
}

[b-ov9e43d50f] .rw-month-presets {
    margin-left: 0.25rem;
}

[b-ov9e43d50f] .rw-month-btn {
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: none;
    min-height: 28px;
    padding: 0 0.5rem;
}

[b-ov9e43d50f] .rw-month-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

/* ──── Filter toolbar ──── */

.rw-filter-toolbar[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.85rem;
    flex-wrap: wrap;
    position: sticky;
    top: 0;
    z-index: 5;
    background: rgba(244, 243, 250, 0.85);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 12px;
    border: 1px solid rgba(229, 231, 235, 0.6);
    margin-inline: -0.25rem;
    transition: box-shadow 0.2s ease;
}

.rw-filter-toolbar:hover[b-ov9e43d50f] {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.rw-filter-toolbar__left[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.rw-filter-toolbar__right[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

[b-ov9e43d50f] .rw-filter-toggle {
    border-radius: 8px;
    text-transform: none;
    font-weight: 700;
    font-size: 0.78rem;
}

.rw-filter-panel[b-ov9e43d50f] {
    padding: 0;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #fafbfc;
    margin-bottom: 0.5rem;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.25s ease, padding 0.3s ease;
    border-width: 0;
}
.rw-filter-panel--open[b-ov9e43d50f] {
    max-height: 260px;
    opacity: 1;
    padding: 0.75rem;
    border-width: 1px;
}

.rw-filter-grid[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

[b-ov9e43d50f] .rw-filter-panel .mud-input-outlined-border {
    border-color: #d1d5db;
}

/* ──── Job grid (export status) ──── */

.rw-job-grid[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.rw-job-item[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.rw-job-item__label[b-ov9e43d50f] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #64748b;
}

.rw-job-item__value[b-ov9e43d50f] {
    font-size: 0.84rem;
    color: #1e293b;
    font-weight: 600;
    word-break: break-all;
}

/* ──── Catalog panels ──── */

[b-ov9e43d50f] .rw-catalog-panels .mud-expand-panel {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    margin-bottom: 0.55rem;
    overflow: hidden;
}

[b-ov9e43d50f] .rw-catalog-panels .mud-expand-panel-header {
    font-weight: 700;
    font-size: 0.84rem;
    color: #1e293b;
    min-height: 44px;
    padding: 0 1rem;
}

[b-ov9e43d50f] .rw-catalog-panels .mud-expand-panel-content {
    padding: 0 0.75rem 0.75rem;
}

.rw-scroll-list[b-ov9e43d50f] {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    background: #fafbfc;
}

.rw-scroll-list__item[b-ov9e43d50f] {
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
    color: #1e293b;
    border-bottom: 1px solid #f1f5f9;
}

.rw-scroll-list__item:last-child[b-ov9e43d50f] {
    border-bottom: none;
}

.rw-scroll-list__item:hover[b-ov9e43d50f] {
    background: #f0f4f8;
}

.rw-scroll-table[b-ov9e43d50f] {
    max-height: 400px;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid #f1f5f9;
}

/* ──── Search box ──── */

[b-ov9e43d50f] .rw-search {
    max-width: 260px;
}

[b-ov9e43d50f] .rw-search .mud-input-root {
    font-size: 0.82rem;
    border-radius: 8px;
}

/* ──── Row states ──── */

[b-ov9e43d50f] .rw-row--disabled td {
    opacity: 0.4;
}

[b-ov9e43d50f] .rw-row--warning {
    background: #fffbeb;
}

[b-ov9e43d50f] .rw-row--warning:hover {
    background: #fef3c7;
}

[b-ov9e43d50f] .rw-row--auto td {
    opacity: 0.65;
}

/* ──── Pivot tables ──── */

.rw-pivot-table[b-ov9e43d50f] {
    max-height: 500px;
}

[b-ov9e43d50f] .rw-pivot-table .rw-table thead th.rw-pivot-day {
    font-size: 0.62rem;
    padding: 0.4rem 0.25rem;
    min-width: 52px;
}

[b-ov9e43d50f] .rw-pivot-table .rw-table .rw-pivot-label {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1;
    min-width: 140px;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ov9e43d50f] .rw-pivot-table .rw-table thead .rw-pivot-label {
    background: #f8fafc;
}

[b-ov9e43d50f] .rw-pivot-table .rw-table .rw-pivot-cell {
    font-size: 0.7rem;
    padding: 0.35rem 0.25rem;
}

/* Warning card */

.rw-card--warning[b-ov9e43d50f] {
    border-color: #f59e0b;
    border-left: 3px solid #f59e0b;
}

/* ──── Edit row ──── */

.rw-edit-row[b-ov9e43d50f] {
    display: flex;
    align-items: flex-end;
    gap: 0.55rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 10px;
    border: 2px solid #0d9488;
    background: #f0fdfa;
}

[b-ov9e43d50f] .rw-edit-row .mud-input-control {
    flex: 1;
    min-width: 0;
}

/* ──── Catalog info ──── */

.rw-catalog-info[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.rw-catalog-info__item[b-ov9e43d50f] {
    padding: 0.7rem 0.85rem;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.rw-catalog-info__label[b-ov9e43d50f] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #94a3b8;
}

.rw-catalog-info__value[b-ov9e43d50f] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #1e293b;
    word-break: break-all;
}

/* ──── Diagnostics ──── */

.rw-diag[b-ov9e43d50f] {
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #fafbfc;
}

.rw-diag__toggle[b-ov9e43d50f] {
    padding: 0.6rem 0.9rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.78rem;
    color: #64748b;
    list-style: none;
}

.rw-diag__toggle[b-ov9e43d50f]::-webkit-details-marker {
    display: none;
}

.rw-diag__grid[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0 0.9rem 0.75rem;
}

.rw-diag__item[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.78rem;
    color: #334155;
    word-break: break-all;
}

.rw-diag__label[b-ov9e43d50f] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #94a3b8;
}

/* ──── Micro-animations ──── */

/* Card entrance animation (staggered) */
@keyframes cardSlideUp-b-ov9e43d50f {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.rw-card:nth-child(1)[b-ov9e43d50f] { animation-delay: 0s; }
.rw-card:nth-child(2)[b-ov9e43d50f] { animation-delay: 0.05s; }
.rw-card:nth-child(3)[b-ov9e43d50f] { animation-delay: 0.1s; }
.rw-card:nth-child(4)[b-ov9e43d50f] { animation-delay: 0.15s; }

/* KPI value transition on data change */
@keyframes kpiPulse-b-ov9e43d50f {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

/* Smooth hover lift on cards */
.rw-card[b-ov9e43d50f] {
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.3s ease;
}

.rw-card:hover[b-ov9e43d50f] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}

/* Tab body entrance */
[b-ov9e43d50f] .rw-tab-body {
    animation: cardSlideUp-b-ov9e43d50f 0.2s ease forwards;
}

/* ──── Responsive ──── */

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

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

@media (max-width: 960px) {
    .rw-header[b-ov9e43d50f] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .rw-header__left[b-ov9e43d50f],
    .rw-header__dates[b-ov9e43d50f],
    .rw-header__actions[b-ov9e43d50f] {
        justify-content: center;
    }

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

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

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

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

    .rw-filter-bar__foot[b-ov9e43d50f] {
        flex-wrap: wrap;
    }

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

    .rw-job-grid[b-ov9e43d50f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .rw[b-ov9e43d50f] {
        padding-inline: 0.5rem;
    }

    .rw-kpis[b-ov9e43d50f] {
        grid-template-columns: 1fr;
    }

    .rw-signals[b-ov9e43d50f] {
        grid-template-columns: 1fr;
    }

    .rw-mission__header[b-ov9e43d50f] {
        flex-direction: column;
    }

    .rw-brief-grid[b-ov9e43d50f] {
        grid-template-columns: 1fr;
    }

    .rw-kpi[b-ov9e43d50f] {
        min-height: 98px;
    }

    .rw-kpi__split[b-ov9e43d50f] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .rw-kpi__split-divider[b-ov9e43d50f] {
        display: none;
    }

    .rw-filter-grid[b-ov9e43d50f] {
        grid-template-columns: 1fr;
    }

    .rw-diag__grid[b-ov9e43d50f] {
        grid-template-columns: 1fr;
    }
}

/* ── Sortable table headers ── */
[b-ov9e43d50f] .rw-th--sort {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}
[b-ov9e43d50f] .rw-th--sort:hover {
    background: rgba(0, 0, 0, 0.04);
}
[b-ov9e43d50f] .rw-sort-icon {
    font-size: 0.85rem !important;
    vertical-align: middle;
    opacity: 0.45;
    margin-left: 2px;
}
[b-ov9e43d50f] .rw-th--sort:hover .rw-sort-icon {
    opacity: 0.8;
}

/* ── Filter chips ── */
[b-ov9e43d50f] .rw-filter-toolbar__right .mud-chip {
    border-radius: 20px;
    transition: all 0.2s ease;
}

/* ── Apply button ── */
[b-ov9e43d50f] .rw-apply-btn {
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    min-width: 80px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
[b-ov9e43d50f] .rw-apply-btn:hover:not(:disabled) {
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
}
[b-ov9e43d50f] .rw-apply-btn--dirty {
    animation: rwPulse-b-ov9e43d50f 1.5s ease infinite;
}

/* ── Create Dashboard Dialog ── */
.rw-create-dialog[b-ov9e43d50f] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
    background: #fff;
    border-radius: 16px;
    padding: 2rem;
    width: 560px;
    max-width: 92vw;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.25);
}
.rw-create-dialog__title[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 800;
    color: #1F1F4F;
    margin: 0 0 1rem;
}
.rw-module-grid[b-ov9e43d50f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 8px;
}
.rw-module-card[b-ov9e43d50f] {
    display: flex;
    flex-direction: column;
    padding: 12px 14px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
    background: #fafbfc;
}
.rw-module-card:hover[b-ov9e43d50f] {
    border-color: #7A54A2;
    background: #faf5ff;
}
.rw-module-card--selected[b-ov9e43d50f] {
    border-color: #7A54A2;
    background: #f3e8ff;
    box-shadow: 0 0 0 1px #7A54A2;
}
.rw-module-card strong[b-ov9e43d50f] {
    font-size: 0.82rem;
    color: #1F1F4F;
}
.rw-module-card__desc[b-ov9e43d50f] {
    font-size: 0.68rem;
    color: #64748b;
    margin-top: 2px;
    line-height: 1.3;
}
.rw-module-card__count[b-ov9e43d50f] {
    font-size: 0.62rem;
    color: #7A54A2;
    font-weight: 700;
    margin-top: 6px;
}
@media (max-width: 520px) {
    .rw-module-grid[b-ov9e43d50f] {
        grid-template-columns: 1fr;
    }
}

/* ── Row states ── */
[b-ov9e43d50f] .rw-row--warning td {
    background: #fffbeb;
}
[b-ov9e43d50f] .rw-row--warning:hover td {
    background: #fef3c7;
}
[b-ov9e43d50f] .rw-row--auto td {
    opacity: 0.7;
}
[b-ov9e43d50f] .rw-row--disabled td {
    opacity: 0.45;
}

/* ── Edit row ── */
.rw-edit-row[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.75rem;
    border-radius: 10px;
    border: 1px dashed #93c5fd;
    background: #eff6ff;
    flex-wrap: wrap;
}

/* ── Scroll table ── */
.rw-scroll-table[b-ov9e43d50f] {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}
.rw-scroll-table[b-ov9e43d50f]::-webkit-scrollbar {
    width: 6px;
}
.rw-scroll-table[b-ov9e43d50f]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
.rw-scroll-table[b-ov9e43d50f]::-webkit-scrollbar-track {
    background: transparent;
}

/* ──── Cross-filter bar (default dashboard) ──── */

.rw-crossfilter-bar[b-ov9e43d50f] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.45rem 0.7rem;
    margin-bottom: 0.75rem;
    background: #faf8ff;
    border: 1px solid #e8e0f4;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    animation: rwSlideDown-b-ov9e43d50f 0.3s ease both;
    box-shadow: 0 0 12px rgba(122, 84, 162, 0.08);
    transition: box-shadow 0.3s ease;
}

.rw-crossfilter-bar:hover[b-ov9e43d50f] {
    box-shadow: 0 0 18px rgba(122, 84, 162, 0.14);
}

.rw-crossfilter-bar__label[b-ov9e43d50f] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7A54A2;
    margin-right: 0.25rem;
}

/* ──── Clickable table rows for cross-filtering ──── */
[b-ov9e43d50f] .rw-clickable-row {
    cursor: pointer;
    transition: background 120ms ease, border-left 120ms ease;
    border-left: 3px solid transparent;
}
[b-ov9e43d50f] .rw-clickable-row:hover {
    background: #faf5ff !important;
    border-left-color: #7A54A2;
}
[b-ov9e43d50f] .rw-clickable-row--active {
    background: #f3e8ff !important;
    border-left-color: #7A54A2;
    font-weight: 600;
}
[b-ov9e43d50f] .rw-clickable-row--active td {
    color: #1F1F4F;
}
[b-ov9e43d50f] .rw-crossfilter-bar .mud-chip {
    border-radius: 20px;
    transition: all 0.2s ease;
}

/* ── Pie chart filter chips ── */
[b-ov9e43d50f] .rw-pie-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: center;
    padding: 0.3rem 0.5rem 0.5rem;
}
[b-ov9e43d50f] .rw-pie-btn {
    text-transform: none;
    font-size: 0.68rem;
    font-weight: 700;
    min-width: 0;
    padding: 2px 10px;
    border-radius: 16px;
    height: 26px;
    transition: all 0.15s ease;
}
[b-ov9e43d50f] .rw-pie-btn:hover {
    transform: scale(1.05);
}

/* ── Cross-filter selected row highlight ── */
[b-ov9e43d50f] .rw-row--selected {
    background: rgba(122, 84, 162, 0.12) !important;
    border-left: 3px solid #7A54A2;
}
[b-ov9e43d50f] .rw-row--selected td:first-child {
    font-weight: 700;
    color: #7A54A2;
}
/* _content/BuzZync.ReportingApp/Pages/Data/FactImporter.razor.rz.scp.css */
/* FactImporter — scoped styles */

.fi-steps[b-w6iza5wnae] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin: 1rem 0 0.5rem;
}

.fi-step[b-w6iza5wnae] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #94a3b8;
    background: #f1f5f9;
    transition: all 0.2s ease;
}

.fi-step--active[b-w6iza5wnae] {
    color: #7A54A2;
    background: #f3eeff;
}

.fi-step--done[b-w6iza5wnae] {
    color: #10b981;
    background: #ecfdf5;
}

.fi-step__num[b-w6iza5wnae] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: currentColor;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
}

.fi-step--active .fi-step__num[b-w6iza5wnae] { background: #7A54A2; }
.fi-step--done .fi-step__num[b-w6iza5wnae] { background: #10b981; }

.fi-step__label[b-w6iza5wnae] { white-space: nowrap; }

.fi-step__line[b-w6iza5wnae] {
    width: 40px;
    height: 2px;
    background: #e2e8f0;
    margin: 0 0.3rem;
    transition: background 0.2s ease;
}

.fi-step__line--done[b-w6iza5wnae] { background: #10b981; }

.fi-file-info[b-w6iza5wnae] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    padding: 0.4rem 0;
}

.fi-summary[b-w6iza5wnae] {
    display: flex;
    gap: 1.5rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: #f8f9fc;
    border-radius: 10px;
}

.fi-summary__item[b-w6iza5wnae] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.fi-summary__label[b-w6iza5wnae] {
    font-size: 0.68rem;
    color: #64748b;
}

.fi-result-grid[b-w6iza5wnae] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 1.5rem;
}

.fi-result-card[b-w6iza5wnae] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    min-width: 120px;
}

.fi-result-card--green[b-w6iza5wnae] { background: #ecfdf5; }
.fi-result-card--amber[b-w6iza5wnae] { background: #fffbeb; }
.fi-result-card--blue[b-w6iza5wnae] { background: #eff6ff; }

.fi-result-card__value[b-w6iza5wnae] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
}

.fi-result-card__label[b-w6iza5wnae] {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 600;
}
/* _content/BuzZync.ReportingApp/Pages/Login.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   Login — Split layout, premium analytics feel
   ═══════════════════════════════════════════════ */

.login-shell[b-hg4ptlqt4m] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    font-family: 'Poppins', -apple-system, 'Segoe UI', sans-serif;
}

/* Left panel (hero) */

.login-shell__left[b-hg4ptlqt4m] {
    position: relative;
    overflow: hidden;
}

.login-hero[b-hg4ptlqt4m] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 4rem;
    background: linear-gradient(160deg, #1F1F4F 0%, #263779 45%, #5095D0 100%);
    color: #fff;
    position: relative;
}

.login-hero__glow[b-hg4ptlqt4m] {
    position: absolute;
    top: 15%;
    right: -15%;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 84, 162, 0.25), transparent 65%);
    pointer-events: none;
}

.login-hero__content[b-hg4ptlqt4m] {
    position: relative;
    z-index: 1;
    max-width: 480px;
}

.login-hero__logo[b-hg4ptlqt4m] {
    height: 48px;
    width: auto;
    margin-bottom: 2rem;
    filter: brightness(0) invert(1);
}

.login-hero__headline[b-hg4ptlqt4m] {
    margin: 0 0 1rem;
    font-size: 2.4rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.login-hero__copy[b-hg4ptlqt4m] {
    margin: 0 0 2.5rem;
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    max-width: 38ch;
}

.login-hero__stats[b-hg4ptlqt4m] {
    display: flex;
    gap: 2rem;
}

.login-hero__stat[b-hg4ptlqt4m] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.login-hero__stat-value[b-hg4ptlqt4m] {
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.login-hero__stat-label[b-hg4ptlqt4m] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.55);
}

.login-hero__footer[b-hg4ptlqt4m] {
    position: absolute;
    bottom: 2rem;
    left: 4rem;
}

.login-hero__brands[b-hg4ptlqt4m] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.login-hero__partner[b-hg4ptlqt4m] {
    height: 24px;
    opacity: 0.45;
    filter: brightness(0) invert(1);
}

.login-hero__divider[b-hg4ptlqt4m] {
    color: rgba(255, 255, 255, 0.2);
    font-weight: 300;
}

.login-hero__everlay[b-hg4ptlqt4m] {
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    color: rgba(255, 255, 255, 0.45);
}

.login-hero__everlay-sup[b-hg4ptlqt4m] {
    font-size: 0.55rem;
    vertical-align: super;
    margin-left: 1px;
}

/* Right panel (form) */

.login-shell__right[b-hg4ptlqt4m] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafbfe;
    padding: 2rem;
}

.login-form[b-hg4ptlqt4m] {
    width: 100%;
    max-width: 380px;
}

.login-form__header[b-hg4ptlqt4m] {
    margin-bottom: 2rem;
}

.login-form__title[b-hg4ptlqt4m] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #1F1F4F;
}

.login-form__subtitle[b-hg4ptlqt4m] {
    margin: 0.4rem 0 0;
    font-size: 0.88rem;
    color: #696969;
    line-height: 1.5;
}

.login-form__field[b-hg4ptlqt4m] {
    margin-bottom: 1.1rem;
}

.login-form__label[b-hg4ptlqt4m] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #1F1F4F;
    letter-spacing: 0.02em;
}

[b-hg4ptlqt4m] .login-form .mud-input-outlined-border {
    border-color: #d8dce8;
    border-radius: 10px;
}

[b-hg4ptlqt4m] .login-form .mud-input-root {
    font-family: 'Poppins', sans-serif;
    font-size: 0.88rem;
}

[b-hg4ptlqt4m] .login-form__btn {
    margin-top: 0.5rem;
    border-radius: 12px;
    min-height: 48px;
    font-weight: 700;
    font-size: 0.92rem;
    text-transform: none;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #1F1F4F 0%, #263779 100%) !important;
    box-shadow: 0 6px 20px rgba(31, 31, 79, 0.2);
    transition: transform 150ms ease, box-shadow 150ms ease;
}

[b-hg4ptlqt4m] .login-form__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(31, 31, 79, 0.3);
}

.login-form__footer[b-hg4ptlqt4m] {
    text-align: center;
    margin-top: 2.5rem;
    font-size: 0.72rem;
    color: #a0a4b8;
}

.login-form__footer strong[b-hg4ptlqt4m] {
    color: #7A54A2;
    font-weight: 700;
}

/* Responsive */

@media (max-width: 900px) {
    .login-shell[b-hg4ptlqt4m] {
        grid-template-columns: 1fr;
    }

    .login-shell__left[b-hg4ptlqt4m] {
        display: none;
    }

    .login-shell__right[b-hg4ptlqt4m] {
        min-height: 100vh;
    }
}