/* _content/Ayva.Admin/Components/About/AboutOverlay.razor.rz.scp.css */
/* ============================================================
   AboutOverlay.razor.css
   Scoped styles for the full-screen About overlay.
   ALL values use CSS variables from ayva-theme.css.
   No hardcoded colors, fonts, spacing, or timing values.
   ============================================================ */

/* ── Keyframes ─────────────────────────────────────────────── */

@keyframes about-overlay-in-b-6x6k07p8xf {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes about-credits-in-b-6x6k07p8xf {
    from { opacity: 0; transform: translateY(var(--space-3xl)); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes cursor-blink-b-6x6k07p8xf {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}

/* ── Root overlay ──────────────────────────────────────────── */

.about-overlay[b-6x6k07p8xf] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-modal) + 100);  /* above MudDialog (1200) */
    overflow: hidden;
    outline: none;                          /* suppress focus ring on overlay div */

    /* Dark base while shader loads */
    background-color: var(--bg-base);

    /* Entrance animation */
    animation: about-overlay-in-b-6x6k07p8xf var(--about-fade-duration) var(--transition-smooth) both;
}

/* ── WebGL canvas ──────────────────────────────────────────── */

.shader-canvas[b-6x6k07p8xf] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    /* Shader revealed after WebGL confirms first frame */
    transition: opacity var(--about-fade-duration) var(--transition-smooth);
}

.shader-canvas.shader-visible[b-6x6k07p8xf] {
    opacity: 1;
}

/* ── Fallback background (WebGL unavailable) ───────────────── */

.shader-fallback[b-6x6k07p8xf] {
    position: absolute;
    inset: 0;
    background: var(--bg-drawer);   /* navy gradient, consistent with app sidebar */
    z-index: 0;
}

/* ── Close button ──────────────────────────────────────────── */

.close-btn[b-6x6k07p8xf] {
    position: absolute;
    top: var(--space-3xl);
    right: var(--space-3xl);
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--about-close-size);
    height: var(--about-close-size);

    background: var(--about-close-bg);
    border: 1px solid var(--about-close-border);
    border-radius: var(--radius-full);
    color: var(--text-secondary);
    font-size: var(--text-lg);
    line-height: 1;
    cursor: pointer;

    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);

    transition:
        background var(--transition-fast),
        color var(--transition-fast),
        border-color var(--transition-fast),
        transform var(--transition-fast);
}

.close-btn:hover[b-6x6k07p8xf] {
    background: var(--about-close-hover-bg);
    color: var(--text-primary);
    border-color: var(--about-panel-border);
    transform: scale(var(--about-hover-scale));
}

.close-btn:focus-visible[b-6x6k07p8xf] {
    outline: 2px solid var(--about-credits-color);
    outline-offset: 2px;
}

.close-btn:active[b-6x6k07p8xf] {
    transform: scale(var(--click-scale));
}

/* ── Credits panel ─────────────────────────────────────────── */

.credits-panel[b-6x6k07p8xf] {
    position: absolute;
    bottom: var(--space-4xl);
    right: var(--space-4xl);
    z-index: 2;

    max-width: 50%;
    padding: var(--space-3xl);

    background: var(--about-panel-bg);
    border: 1px solid var(--about-panel-border);
    border-radius: var(--radius-2xl);

    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    box-shadow: var(--shadow-lg), var(--about-credits-glow);

    text-align: right;

    animation: about-credits-in-b-6x6k07p8xf var(--about-text-fade-duration) var(--panel-enter-easing) both;
    animation-delay: var(--about-panel-enter-delay);
}

/* ── Individual credit lines ───────────────────────────────── */

.credit-line[b-6x6k07p8xf] {
    display: block;
    color: var(--about-credits-color);
    font-family: var(--font-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.credit-title[b-6x6k07p8xf] {
    font-size: var(--text-5xl);
    font-weight: var(--font-bold);
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-shadow: var(--about-credits-glow);
    margin-bottom: var(--space-md);
}

.credit-byline[b-6x6k07p8xf] {
    font-size: var(--text-xl);
    font-weight: var(--font-normal);
    opacity: 0.88;
    margin-bottom: var(--space-sm);
}

.credit-tagline[b-6x6k07p8xf] {
    font-size: var(--text-lg);
    font-weight: var(--font-normal);
    font-style: italic;
    opacity: 0.65;
}

/* ── Typewriter cursor ─────────────────────────────────────── */

.typewriter-cursor[b-6x6k07p8xf] {
    display: inline-block;
    color: var(--about-credits-color);
    font-weight: var(--font-normal);
    margin-left: 1px;
    animation: cursor-blink-b-6x6k07p8xf var(--about-cursor-blink-duration) step-end infinite;
}

/* ── Responsive: tablet (768px) ────────────────────────────── */

@media (max-width: 768px) {
    .credits-panel[b-6x6k07p8xf] {
        max-width: 70%;
        bottom: var(--space-3xl);
        right: var(--space-2xl);
        padding: var(--space-2xl);
    }

    .credit-title[b-6x6k07p8xf] {
        font-size: var(--text-4xl);
    }

    .credit-byline[b-6x6k07p8xf] {
        font-size: var(--text-lg);
    }

    .credit-tagline[b-6x6k07p8xf] {
        font-size: var(--text-base);
    }

    .close-btn[b-6x6k07p8xf] {
        top: var(--space-2xl);
        right: var(--space-2xl);
    }
}

/* ── Responsive: mobile (375px) ────────────────────────────── */

@media (max-width: 480px) {
    .credits-panel[b-6x6k07p8xf] {
        /* On small screens the panel spans nearly full-width at the bottom */
        max-width: calc(100% - var(--space-3xl));
        left: var(--space-xl);
        right: var(--space-xl);
        bottom: var(--space-2xl);
        padding: var(--space-xl);
        text-align: left;
    }

    .credit-title[b-6x6k07p8xf] {
        font-size: var(--text-3xl);
        white-space: normal;
    }

    .credit-byline[b-6x6k07p8xf] {
        font-size: var(--text-sm);
        white-space: normal;
    }

    .credit-tagline[b-6x6k07p8xf] {
        font-size: var(--text-xs);
        white-space: normal;
    }

    .close-btn[b-6x6k07p8xf] {
        top: var(--space-xl);
        right: var(--space-xl);
    }
}
/* _content/Ayva.Admin/Components/AdminAppBar.razor.rz.scp.css */
/*
 * AdminAppBar.razor.css - Enhanced Glassmorphism Header with Animated Effects
 * Uses Ayva Design System variables exclusively - no hardcoded values.
 */

/* ==========================================================================
   APPBAR BASE - Glassmorphism with animated gradient border
   ========================================================================== */

[b-2q1bbye1zj] .mud-appbar {
    background: var(--glass-appbar) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: none !important;
    z-index: var(--z-modal) !important;
    box-shadow:
        0 4px 16px var(--black-overlay-30),
        inset 0 -1px 0 var(--white-overlay-05) !important;
    position: relative !important;
}

/* Animated gradient border-bottom via pseudo-element */
[b-2q1bbye1zj] .mud-appbar::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--accent-color),
        var(--secondary-accent),
        var(--accent-color),
        transparent
    );
    background-size: 200% 100%;
    animation: appbarGradientShift-b-2q1bbye1zj 4s ease-in-out infinite;
}

@keyframes appbarGradientShift-b-2q1bbye1zj {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* ==========================================================================
   TITLE & TEXT
   ========================================================================== */

[b-2q1bbye1zj] .mud-appbar .mud-typography {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

/* ==========================================================================
   MENU ITEMS
   ========================================================================== */

[b-2q1bbye1zj] .mud-menu .mud-button-root {
    color: var(--text-primary);
    transition: all var(--transition-normal);
}

[b-2q1bbye1zj] .mud-menu .mud-button-root:hover {
    background: var(--bg-hover);
}

/* ==========================================================================
   DIVIDER
   ========================================================================== */

[b-2q1bbye1zj] .mud-appbar .mud-divider {
    background-color: var(--border-color-strong);
}

/* ==========================================================================
   REAL-TIME CLOCK DISPLAY
   ========================================================================== */

.appbar-clock[b-2q1bbye1zj] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    letter-spacing: 0.05em;
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    background: var(--bg-hover);
    margin-right: var(--space-sm);
    user-select: none;
    min-width: 4.5rem;
    text-align: center;
}

/* ==========================================================================
   COMMAND PALETTE BUTTON
   ========================================================================== */

[b-2q1bbye1zj] .command-palette-btn {
    background: var(--bg-hover) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--space-xs) var(--space-sm) !important;
    margin-right: var(--space-sm) !important;
    text-transform: none !important;
    color: var(--text-secondary) !important;
    transition: all var(--transition-normal) !important;
    gap: var(--space-sm) !important;
    min-width: auto !important;
    height: 1.75rem !important;
}

[b-2q1bbye1zj] .command-palette-btn:hover {
    background: var(--bg-active) !important;
    border-color: var(--border-accent) !important;
    color: var(--text-primary) !important;
}

[b-2q1bbye1zj] .command-palette-btn .mud-icon-root {
    font-size: var(--text-sm) !important;
}

.command-palette-label[b-2q1bbye1zj] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-right: var(--space-xs);
}

.command-palette-shortcut kbd[b-2q1bbye1zj] {
    font-family: var(--font-mono);
    font-size: 0.65rem;
    color: var(--text-muted);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xs);
    padding: 0.0625rem var(--space-xs);
    line-height: 1.2;
}

/* ==========================================================================
   NOTIFICATION BELL
   ========================================================================== */

[b-2q1bbye1zj] .notification-bell .mud-badge-content {
    font-size: 0.6rem !important;
    min-width: 1rem !important;
    height: 1rem !important;
    padding: 0 var(--space-xs) !important;
    font-weight: var(--font-bold) !important;
}

[b-2q1bbye1zj] .notification-bell .mud-icon-button {
    transition: all var(--transition-normal);
}

[b-2q1bbye1zj] .notification-bell .mud-icon-button:hover {
    background: var(--bg-hover);
    color: var(--accent-light);
}

/* ==========================================================================
   ENVIRONMENT INDICATOR - Pulsing Glow Effects
   ========================================================================== */

[b-2q1bbye1zj] .env-indicator {
    font-weight: var(--font-bold) !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    border: none !important;
}

/* PROD - Green pulsing glow */
[b-2q1bbye1zj] .env-prod {
    --pulse-online: rgba(34, 197, 94, 0.4);
    box-shadow: 0 0 8px var(--pulse-online);
}

/* DEV - Amber pulsing glow */
[b-2q1bbye1zj] .env-dev {
    --pulse-online: var(--pulse-warning);
    box-shadow: 0 0 8px var(--pulse-warning);
}

/* ==========================================================================
   ICON BUTTONS
   ========================================================================== */

[b-2q1bbye1zj] .mud-icon-button {
    transition: all var(--transition-normal);
}

[b-2q1bbye1zj] .mud-icon-button:hover {
    background: var(--bg-hover);
}

/* ==========================================================================
   CHIP BASE
   ========================================================================== */

[b-2q1bbye1zj] .mud-chip {
    font-weight: var(--font-semibold);
}

/* ==========================================================================
   RESPONSIVE - Hide non-essential elements on smaller screens
   ========================================================================== */

@media (max-width: 768px) {
    .command-palette-label[b-2q1bbye1zj] {
        display: none;
    }

    .command-palette-shortcut[b-2q1bbye1zj] {
        display: none;
    }
}
/* _content/Ayva.Admin/Components/AdminFooter.razor.rz.scp.css */
/*
 * AdminFooter.razor.css - Scoped styles using Ayva Design System
 * Responsive status bar with progressive compaction across breakpoints.
 *
 * Breakpoint strategy (calculated from element widths):
 *   >=1600px  Single row, all items visible
 *   <1600px   Two rows, full labels, standard gaps
 *   <1400px   Two rows, compact gaps, smaller text
 *   <1200px   Two rows, labels hidden, hide-narrow items hidden
 *   <768px    Two rows, ultra-compact, dividers hidden
 *   <480px    Two rows, hide-mobile items hidden
 */

/* ==========================================================================
   BASE LAYOUT
   ========================================================================== */

/* Footer is an in-flow flex item within admin-layout-wrapper.
   flex-shrink: 0 prevents it from being crushed.
   height: auto lets it size naturally to content (single or two-line). */
.admin-footer[b-wu6no011j5] {
    flex-shrink: 0;
    z-index: var(--z-fixed);
    box-sizing: border-box;
    overflow: hidden;
    background: var(--glass-appbar);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--border-subtle);
    padding: 0.375rem var(--space-lg);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    box-shadow:
        0 -4px 16px var(--black-overlay-30),
        inset 0 1px 0 var(--white-overlay-05);
}

.footer-row[b-wu6no011j5] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
    max-width: 100%;
    height: 100%;
}

.footer-group[b-wu6no011j5] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--space-md);
    min-width: 0;
    flex-shrink: 1;
}

.footer-item[b-wu6no011j5] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    white-space: nowrap;
    min-width: 0;
    flex-shrink: 1;
}

.footer-label[b-wu6no011j5] {
    color: var(--text-muted);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-value[b-wu6no011j5] {
    color: var(--text-primary);
    font-weight: var(--font-medium);
}

.footer-divider[b-wu6no011j5] {
    width: 1px;
    height: 1rem;
    background: var(--border-subtle);
    flex-shrink: 0;
}

/* ==========================================================================
   STATUS COLORS
   ========================================================================== */

.status-ok[b-wu6no011j5] { color: var(--success-color); }
.status-warn[b-wu6no011j5] { color: var(--warning-color); }
.status-error[b-wu6no011j5] { color: var(--error-color); }
.status-info[b-wu6no011j5] { color: var(--info-color); }

/* ==========================================================================
   METRIC BARS (CPU, RAM)
   ========================================================================== */

.metric-bar[b-wu6no011j5] {
    width: 3.75rem;
    height: 0.375rem;
    background: var(--border-color);
    border-radius: var(--radius-xs);
    overflow: hidden;
    flex-shrink: 0;
}

.metric-bar-fill[b-wu6no011j5] {
    height: 100%;
    border-radius: var(--radius-xs);
    transition: width var(--transition-smooth), background-color var(--transition-smooth);
    animation: barFill 0.8s var(--panel-enter-easing) both;
}

/* ==========================================================================
   ENVIRONMENT CHIP
   ========================================================================== */

.env-chip[b-wu6no011j5] {
    padding: 0.125rem var(--space-sm);
    border-radius: var(--radius-xs);
    font-size: 0.625rem;
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}

.env-prod[b-wu6no011j5] {
    background: var(--success-color-20);
    color: var(--success-text);
}

.env-dev[b-wu6no011j5] {
    background: var(--warning-color-20);
    color: var(--warning-text);
}

.env-glow[b-wu6no011j5] {
    animation: breathe 3s ease-in-out infinite;
}

.env-glow.env-prod[b-wu6no011j5] {
    box-shadow: 0 0 8px var(--success-color-30);
}

.env-glow.env-dev[b-wu6no011j5] {
    box-shadow: 0 0 8px var(--warning-color-30);
}

/* ==========================================================================
   STATUS INDICATORS (service dots)
   ========================================================================== */

.status-indicator[b-wu6no011j5] {
    display: flex;
    align-items: center;
    gap: 0.1875rem;
}

.status-dot[b-wu6no011j5] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.connected[b-wu6no011j5] {
    background-color: var(--success-color);
    box-shadow: 0 0 0.375rem var(--success-color-40);
    animation: statusPulse 2s ease-in-out infinite;
}

.status-dot.disconnected[b-wu6no011j5] {
    background-color: var(--text-muted);
}

/* ==========================================================================
   MISC ELEMENTS
   ========================================================================== */

.footer-timestamp[b-wu6no011j5] {
    font-family: var(--font-mono);
    color: var(--text-muted);
}

.icon-info[b-wu6no011j5] { color: var(--info-color); }
.icon-accent[b-wu6no011j5] { color: var(--secondary-accent); }
.icon-success[b-wu6no011j5] { color: var(--success-color); }
.icon-muted[b-wu6no011j5] { color: var(--text-secondary); }
.icon-warning[b-wu6no011j5] { color: var(--warning-color); }
.icon-small[b-wu6no011j5] { width: 14px; height: 14px; }

[b-wu6no011j5] .insights-toggle-btn {
    color: var(--text-muted) !important;
    transition: color var(--transition-fast), text-shadow var(--transition-fast) !important;
}

[b-wu6no011j5] .insights-toggle-btn:hover {
    color: var(--accent-color) !important;
    text-shadow: 0 0 8px rgba(var(--primary-color-rgb), 0.4);
}

/* ==========================================================================
   RESPONSIVE: <1600px — Two-line layout
   Left group (metrics) on row 1, right group (status) on row 2.
   ========================================================================== */

@media (max-width: 1600px) {
    .admin-footer[b-wu6no011j5] {
        padding: 0.1875rem var(--space-lg);
    }

    .footer-row[b-wu6no011j5] {
        flex-wrap: wrap;
        gap: 0;
    }

    .footer-group[b-wu6no011j5] {
        flex: 1 1 100%;
        padding: 0.125rem 0;
    }

    /* Subtle gradient separator between rows */
    .footer-group + .footer-group[b-wu6no011j5] {
        border-top: 1px solid var(--white-overlay-05);
    }
}

/* ==========================================================================
   RESPONSIVE: <1400px — Compact gaps and smaller text
   ========================================================================== */

@media (max-width: 1400px) {
    .admin-footer[b-wu6no011j5] {
        padding: 0.1875rem var(--space-md);
    }

    .footer-group[b-wu6no011j5] {
        gap: var(--space-sm);
    }

    .footer-label[b-wu6no011j5] {
        font-size: 0.5625rem;
    }

    .footer-value[b-wu6no011j5] {
        font-size: 0.625rem;
    }

    .metric-bar[b-wu6no011j5] {
        width: 2.5rem;
    }
}

/* ==========================================================================
   RESPONSIVE: <1200px — Hide labels and secondary items
   ========================================================================== */

@media (max-width: 1200px) {
    .hide-narrow[b-wu6no011j5] {
        display: none !important;
    }

    .admin-footer[b-wu6no011j5] {
        padding: 0.125rem var(--space-sm);
    }

    .footer-group[b-wu6no011j5] {
        gap: var(--space-xs);
    }

    .footer-item[b-wu6no011j5] {
        gap: 2px;
    }

    .footer-label[b-wu6no011j5] {
        display: none;
    }

    .footer-value[b-wu6no011j5] {
        font-size: 0.5625rem;
    }

    .footer-divider[b-wu6no011j5] {
        height: 0.625rem;
    }

    .metric-bar[b-wu6no011j5] {
        width: 1.75rem;
        height: 0.25rem;
    }

    .env-chip[b-wu6no011j5] {
        font-size: 0.5rem;
        padding: 0.0625rem var(--space-xs);
    }

    .status-dot[b-wu6no011j5] {
        width: 0.3rem;
        height: 0.3rem;
    }

    [b-wu6no011j5] .mud-icon-root.icon-small {
        width: 11px !important;
        height: 11px !important;
    }
}

/* ==========================================================================
   RESPONSIVE: <768px — Tablet, ultra-compact
   ========================================================================== */

@media (max-width: 768px) {
    .footer-value[b-wu6no011j5] {
        font-size: 0.5rem;
    }

    .metric-bar[b-wu6no011j5] {
        width: 1.25rem;
        height: 0.1875rem;
    }

    .env-chip[b-wu6no011j5] {
        font-size: 0.4375rem;
        padding: 0 var(--space-xs);
    }

    .status-dot[b-wu6no011j5] {
        width: 0.25rem;
        height: 0.25rem;
    }

    [b-wu6no011j5] .mud-icon-root.icon-small {
        width: 10px !important;
        height: 10px !important;
    }

    .footer-divider[b-wu6no011j5] {
        display: none;
    }
}

/* ==========================================================================
   RESPONSIVE: <480px — Mobile, hide non-essential items
   ========================================================================== */

@media (max-width: 480px) {
    .hide-mobile[b-wu6no011j5] {
        display: none !important;
    }
}
/* _content/Ayva.Admin/Components/AdminOverlay/AdminOverlayDrawer.razor.rz.scp.css */
/* ── Edge Tabs ────────────────────────────────────────────── */

.overlay-edge-tabs[b-3izb2e2p0k] {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 1px;
    z-index: 800;
}

.edge-tab[b-3izb2e2p0k] {
    width: 30px;
    height: 34px;
    border: none;
    border-radius: var(--radius-sm, 6px) 0 0 var(--radius-sm, 6px);
    background: var(--glass-bg, rgba(20, 20, 30, 0.8));
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.06));
    border-right: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary, #888);
    transition: all 0.15s ease;
    opacity: 0.35;
    padding: 0;
}

.edge-tab:hover[b-3izb2e2p0k] {
    opacity: 1;
    width: 34px;
    color: var(--text-primary, #fff);
    background: var(--accent-color, #6366f1);
    border-color: var(--accent-color, #6366f1);
}

/* ── Floating Annotation Toolbox ─────────────────────────── */

.fix-toolbox[b-3izb2e2p0k] {
    position: fixed;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10001; /* Above the annotation canvas */
    background: var(--glass-bg, rgba(20, 20, 30, 0.92));
    backdrop-filter: blur(16px);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: var(--radius-lg, 12px);
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    cursor: move;
    user-select: none;
}

.toolbox-header[b-3izb2e2p0k] {
    display: flex;
    flex-direction: column;
    margin-right: 0.25rem;
}

.toolbox-title[b-3izb2e2p0k] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-primary, #fff);
    letter-spacing: 0.3px;
}

.toolbox-hint[b-3izb2e2p0k] {
    font-size: 0.6rem;
    opacity: 0.4;
    white-space: nowrap;
}

.toolbox-tools[b-3izb2e2p0k] {
    display: flex;
    gap: 2px;
}

.tbtn[b-3izb2e2p0k] {
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm, 6px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary, #aaa);
    transition: all 0.12s ease;
}

.tbtn:hover[b-3izb2e2p0k] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-primary, #fff);
}

.tbtn.active[b-3izb2e2p0k] {
    background: var(--accent-color, #6366f1);
    color: var(--text-primary, #fff);
}

.toolbox-colors[b-3izb2e2p0k] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.tcolor[b-3izb2e2p0k] {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.12s ease;
}

.tcolor:hover[b-3izb2e2p0k] { transform: scale(1.25); }

.tcolor.active[b-3izb2e2p0k] {
    border-color: var(--text-primary, #fff);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
    transform: scale(1.15);
}

.toolbox-actions[b-3izb2e2p0k] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-left: 0.25rem;
    padding-left: 0.5rem;
    border-left: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}
/* _content/Ayva.Admin/Components/AdminOverlay/AdminToolsDialog.razor.rz.scp.css */
.admin-section[b-r1fbeq4hji] {
    padding: 0.5rem 0;
}

.admin-row[b-r1fbeq4hji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    gap: 1rem;
}

.admin-info[b-r1fbeq4hji] {
    padding: 0.5rem 0;
}
/* _content/Ayva.Admin/Components/AdminOverlay/FixThisDialog.razor.rz.scp.css */
.fix-preview-container[b-c88q1k39j4] {
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: var(--radius-md, 8px);
    overflow: auto;
    background: var(--bg-secondary, rgba(0, 0, 0, 0.2));
    max-height: 70vh;
}

.fix-preview-container canvas[b-c88q1k39j4] {
    display: block;
    width: 100%;
}

.fix-no-screenshot[b-c88q1k39j4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    border: 1px dashed var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: var(--radius-md, 8px);
}

.fix-metadata[b-c88q1k39j4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--bg-secondary, rgba(0, 0, 0, 0.15));
    border-radius: var(--radius-sm, 6px);
    font-size: 0.8rem;
}

.meta-row[b-c88q1k39j4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    opacity: 0.7;
}

.meta-row code[b-c88q1k39j4] {
    font-family: var(--font-mono, monospace);
    font-size: 0.75rem;
    word-break: break-all;
}
/* _content/Ayva.Admin/Components/AdminPanel.razor.rz.scp.css */
/*
 * AdminPanel.razor.css - CSS Grid Admin Layout
 * Replaces MudDrawerContainer/MudDrawer with a CSS Grid shell.
 * MudBlazor components are still used for UI (nav links, breadcrumbs, etc.)
 * but not for structural positioning.
 */

/* ==========================================================================
   ADMIN PANEL ACCENT COLOR OVERRIDE - Orange (#fd7e14)
   Scoped to admin layout so customer-facing pages stay default purple.
   ========================================================================== */
.admin-layout-wrapper[b-q14ag42zqq] {
    --accent-color: #fd7e14;
    --accent-hover: #fdab6c;
    --accent-light: #fec89a;
    --accent-dark: #e8590c;
    --accent-gradient: linear-gradient(135deg, #fd7e14, #f76707);
    --accent-gradient-hover: linear-gradient(135deg, #fdab6c, #fd9644);
    --secondary-accent: #f76707;
    --secondary-hover: #fd9644;
    --accent-secondary: var(--secondary-accent);
    --accent-bg: rgba(253, 126, 20, 0.3);
    --primary-color: var(--accent-color);
    --primary-color-rgb: 253, 126, 20;
    --bg-active: rgba(253, 126, 20, 0.15);
    --border-focus: rgba(253, 126, 20, 0.5);
    --border-accent: rgba(253, 126, 20, 0.3);
    --accent-color-5: rgba(253, 126, 20, 0.05);
    --accent-color-10: rgba(253, 126, 20, 0.1);
    --accent-color-15: rgba(253, 126, 20, 0.15);
    --accent-color-20: rgba(253, 126, 20, 0.2);
    --accent-color-30: rgba(253, 126, 20, 0.3);
    --accent-color-40: rgba(253, 126, 20, 0.4);
    --accent-color-50: rgba(253, 126, 20, 0.5);
    --accent-color-light: #fec89a;
    --shadow-glow: 0 0 30px rgba(253, 126, 20, 0.2);
    --shadow-glow-strong: 0 0 40px rgba(253, 126, 20, 0.3);
    --shadow-accent: 0 8px 25px rgba(253, 126, 20, 0.3);
    --shadow-focus: 0 0 0 0.125rem rgba(253, 126, 20, 0.1);
    --glow-accent: 0 0 20px rgba(253, 126, 20, 0.3);
    --glow-accent-strong: 0 0 30px rgba(253, 126, 20, 0.5);
}

/* ==========================================================================
   CSS GRID LAYOUT
   ========================================================================== */

.admin-layout-wrapper[b-q14ag42zqq] {
    position: fixed;
    inset: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "header  header"
        "sidebar content"
        "footer  footer";
    overflow: hidden;
    background-color: var(--bg-base);
}

/* Background pattern */
.admin-layout-wrapper[b-q14ag42zqq]::before {
    content: '';
    position: fixed;
    inset: 0;
    background-color: var(--bg-base);
    background-image:
        radial-gradient(circle, rgba(var(--primary-color-rgb), 0.06) 1px, transparent 1px),
        linear-gradient(to right, rgba(var(--primary-color-rgb), 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(var(--primary-color-rgb), 0.03) 1px, transparent 1px);
    background-size: 1.25rem 1.25rem;
    pointer-events: none;
    z-index: -1;
}

/* ==========================================================================
   GRID AREAS
   ========================================================================== */

.grid-header[b-q14ag42zqq] {
    grid-area: header;
}

.grid-sidebar[b-q14ag42zqq] {
    grid-area: sidebar;
    width: 280px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--glass-sidebar);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-right: 1px solid var(--border-accent);
    box-shadow: 4px 0 20px var(--black-overlay-30);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: var(--z-drawer);
}

.grid-content[b-q14ag42zqq] {
    grid-area: content;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
}

.grid-footer[b-q14ag42zqq] {
    grid-area: footer;
}

/* ==========================================================================
   SIDEBAR STATES
   ========================================================================== */

.grid-sidebar.sidebar-mini[b-q14ag42zqq] {
    width: 64px;
}

.grid-sidebar.sidebar-closed[b-q14ag42zqq] {
    width: 0;
    border-right: none;
}

/* ==========================================================================
   CONTENT GRADIENT OVERLAY
   ========================================================================== */

.grid-content[b-q14ag42zqq]::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.02) 0%, transparent 50%, var(--secondary-accent-02, rgba(247, 103, 7, 0.02)) 100%),
        radial-gradient(circle at 20% 30%, rgba(var(--primary-color-rgb), 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, var(--secondary-accent-03, rgba(247, 103, 7, 0.03)) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

/* Ensure content is above background */
.grid-content > *[b-q14ag42zqq] {
    position: relative;
    z-index: 1;
}

/* ==========================================================================
   SIDEBAR HEADER
   ========================================================================== */

.sidebar-header[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-drawer-header);
    flex-shrink: 0;
    min-height: 3rem;
}

.sidebar-search[b-q14ag42zqq] {
    flex: 1;
}

.sidebar-search-input[b-q14ag42zqq] {
    width: 100%;
}

[b-q14ag42zqq] .sidebar-search-input .mud-input-slot {
    background: var(--glass-panel);
    border-radius: var(--radius-md);
}

[b-q14ag42zqq] .sidebar-search-input .mud-input-outlined-border {
    border-color: var(--border-color);
}

[b-q14ag42zqq] .sidebar-search-input .mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 2px var(--accent-color-10), 0 0 8px var(--accent-color-15) !important;
}

.sidebar-collapse-btn[b-q14ag42zqq] {
    flex-shrink: 0;
    color: var(--text-secondary);
}

.sidebar-collapse-btn:hover[b-q14ag42zqq] {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* ==========================================================================
   FAVORITES SECTION
   ========================================================================== */

.favorites-section[b-q14ag42zqq] {
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.nav-section-header[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.nav-section-header .mud-icon-root[b-q14ag42zqq] {
    color: var(--warning-color);
    font-size: 1rem;
}

/* Favorites section gold glow on hover */
.favorites-section[b-q14ag42zqq]  .mud-nav-link:hover .mud-icon-root {
    color: var(--warning-color) !important;
    filter: drop-shadow(0 0 4px var(--warning-color-50));
}

/* ==========================================================================
   NAVIGATION SECTIONS CONTAINER (scrollable)
   ========================================================================== */

.nav-sections-container[b-q14ag42zqq] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-xs) 0;
}

.nav-sections-container[b-q14ag42zqq]::-webkit-scrollbar {
    width: 3px;
}

.nav-sections-container[b-q14ag42zqq]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-sections-container[b-q14ag42zqq]::-webkit-scrollbar-thumb {
    background: rgba(var(--primary-color-rgb), 0.3);
    border-radius: 2px;
}

.nav-sections-container[b-q14ag42zqq]::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--primary-color-rgb), 0.5);
}

/* ==========================================================================
   NAVIGATION GROUPS (visual ::deep - styling MudNavGroup internals)
   ========================================================================== */

[b-q14ag42zqq] .nav-group {
    margin: var(--space-xs) var(--space-sm);
}

[b-q14ag42zqq] .nav-group .mud-nav-group-title {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--space-sm) var(--space-md);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
    position: relative;
}

[b-q14ag42zqq] .nav-group .mud-nav-group-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: var(--space-md);
    right: var(--space-md);
    height: 1px;
    background: linear-gradient(90deg, var(--accent-color-20), transparent);
}

[b-q14ag42zqq] .nav-group + .nav-group::before {
    content: '';
    display: block;
    height: 1px;
    margin: var(--space-xs) var(--space-lg);
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
}

[b-q14ag42zqq] .nav-group .mud-nav-group-title:hover {
    background: var(--bg-hover);
    color: var(--text-secondary);
}

[b-q14ag42zqq] .nav-group .mud-nav-group-title .mud-icon-root {
    font-size: 1.125rem;
    color: var(--text-secondary);
}

[b-q14ag42zqq] .nav-group.mini .mud-nav-group-title {
    justify-content: center;
    padding: var(--space-sm);
}

/* ==========================================================================
   NAV LINKS (visual ::deep - styling MudNavLink internals)
   ========================================================================== */

[b-q14ag42zqq] .grid-sidebar .mud-nav-link {
    color: var(--text-secondary);
    border-radius: var(--radius-xs);
    margin: 1px var(--space-sm);
    padding: var(--space-xs) var(--space-md);
    min-height: 2rem;
    font-size: var(--text-sm);
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
}

[b-q14ag42zqq] .grid-sidebar .mud-nav-link:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
    padding-left: calc(var(--space-md) + 4px) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[b-q14ag42zqq] .grid-sidebar .mud-nav-link .mud-icon-root {
    font-size: 1.125rem;
    margin-right: var(--space-sm);
}

/* Nav item content */
.nav-item-content[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.nav-item-label[b-q14ag42zqq] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-badge[b-q14ag42zqq] {
    margin-left: var(--space-xs);
}

.favorite-btn[b-q14ag42zqq] {
    opacity: 0;
    margin-left: var(--space-xs);
    transition: opacity var(--transition-fast);
}

[b-q14ag42zqq] .mud-nav-link:hover .favorite-btn {
    opacity: 1;
}

.favorite-btn.mud-icon-button[b-q14ag42zqq] {
    padding: 0.125rem;
}

.favorite-btn .mud-icon-root[b-q14ag42zqq] {
    font-size: 0.875rem !important;
}

/* Active navigation item highlight */
[b-q14ag42zqq] .active-nav,
[b-q14ag42zqq] .mud-nav-link.active-nav {
    background: linear-gradient(90deg, rgba(var(--primary-color-rgb), 0.5) 0%, rgba(var(--primary-color-rgb), 0.15) 100%) !important;
    color: var(--text-primary) !important;
    border-left: 3px solid var(--accent-light) !important;
    font-weight: var(--font-semibold) !important;
    box-shadow: inset 0 0 15px rgba(var(--primary-color-rgb), 0.2) !important;
}

[b-q14ag42zqq] .active-nav .mud-nav-link-text,
[b-q14ag42zqq] .mud-nav-link.active-nav .mud-nav-link-text {
    color: var(--text-primary) !important;
}

/* Denied/restricted navigation items */
[b-q14ag42zqq] .nav-denied,
[b-q14ag42zqq] .mud-nav-link.nav-denied {
    opacity: 0.6;
}

[b-q14ag42zqq] .nav-denied .mud-nav-link-text,
[b-q14ag42zqq] .mud-nav-link.nav-denied .mud-nav-link-text {
    color: var(--error-text) !important;
}

[b-q14ag42zqq] .nav-denied .mud-icon-root {
    color: var(--error-color) !important;
    font-size: 1rem;
}

[b-q14ag42zqq] .nav-denied:hover,
[b-q14ag42zqq] .mud-nav-link.nav-denied:hover {
    background: var(--error-color-10) !important;
    opacity: 0.8;
}

[b-q14ag42zqq] .nav-denied .nav-item-label {
    color: var(--error-text);
}

/* Denied + active state */
[b-q14ag42zqq] .nav-denied.active-nav,
[b-q14ag42zqq] .mud-nav-link.nav-denied.active-nav {
    background: linear-gradient(90deg, var(--error-color-30) 0%, var(--error-color-10) 100%) !important;
    border-left: 3px solid var(--error-color) !important;
    box-shadow: inset 0 0 15px var(--error-color-15) !important;
}

/* ==========================================================================
   PERMISSION DENIED PANEL
   ========================================================================== */

/* Make the viewport a flex container so the panel fills it */
.panel-viewport.permission-denied-viewport[b-q14ag42zqq] {
    display: flex;
    flex-direction: column;
}

.permission-denied-panel[b-q14ag42zqq] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xl);
    animation: panelEnter-b-q14ag42zqq 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.permission-denied-glass-card[b-q14ag42zqq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 560px;
    width: 100%;
    padding: var(--space-2xl) var(--space-xl);
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    box-shadow:
        0 8px 32px var(--black-overlay-20),
        inset 0 1px 0 var(--white-overlay-05);
}

.permission-denied-icon-wrapper[b-q14ag42zqq] {
    position: relative;
    margin-bottom: var(--space-lg);
}

.permission-denied-icon-ring[b-q14ag42zqq] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--error-color-10);
    border: 2px solid var(--error-color-20);
    box-shadow:
        0 0 40px var(--error-color-10),
        inset 0 0 30px var(--error-color-5);
    animation: pulseRing-b-q14ag42zqq 3s ease-in-out infinite;
}

@keyframes pulseRing-b-q14ag42zqq {
    0%, 100% {
        box-shadow:
            0 0 40px var(--error-color-10),
            inset 0 0 30px var(--error-color-5);
    }
    50% {
        box-shadow:
            0 0 60px var(--error-color-15),
            inset 0 0 30px var(--error-color-10);
    }
}

[b-q14ag42zqq] .permission-denied-icon-ring .mud-icon-root {
    font-size: 3.5rem !important;
    color: var(--error-color) !important;
}

.permission-denied-title[b-q14ag42zqq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
    letter-spacing: -0.02em;
}

.permission-denied-subtitle[b-q14ag42zqq] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    max-width: 420px;
    line-height: 1.7;
    margin-bottom: var(--space-lg);
}

.permission-denied-details[b-q14ag42zqq] {
    background: var(--error-color-5);
    border: 1px solid var(--error-color-15);
    border-radius: var(--radius-md);
    padding: var(--space-md) var(--space-lg);
    max-width: 480px;
    width: 100%;
    margin-bottom: var(--space-lg);
}

.permission-denied-details-header[b-q14ag42zqq] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--error-color);
    margin-bottom: var(--space-sm);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.permission-chip-list[b-q14ag42zqq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    justify-content: center;
}

/* ==========================================================================
   BREADCRUMB BAR
   ========================================================================== */

.breadcrumb-bar[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--space-md);
    min-height: 2.5rem;
    background: var(--glass-panel);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
    box-shadow: 0 2px 8px var(--black-overlay-20);
}

[b-q14ag42zqq] .azure-breadcrumbs {
    padding: 0;
}

[b-q14ag42zqq] .azure-breadcrumbs .mud-breadcrumbs {
    padding: 0;
}

[b-q14ag42zqq] .azure-breadcrumbs .mud-breadcrumb-item {
    font-size: var(--text-sm);
}

[b-q14ag42zqq] .azure-breadcrumbs .mud-breadcrumb-separator {
    color: var(--text-muted);
}

.breadcrumb-link[b-q14ag42zqq] {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.breadcrumb-link:hover[b-q14ag42zqq] {
    color: var(--accent-color);
}

.breadcrumb-actions[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.breadcrumb-actions .mud-icon-button[b-q14ag42zqq] {
    color: var(--text-secondary);
}

.breadcrumb-actions .mud-icon-button:hover[b-q14ag42zqq] {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* ==========================================================================
   PANEL VIEWPORT
   ========================================================================== */

.panel-viewport[b-q14ag42zqq] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-md);
    position: relative;
    min-height: 0;
    height: 0;
    scroll-behavior: smooth;
}

.panel-viewport[b-q14ag42zqq]::-webkit-scrollbar {
    width: 0.5rem;
}

.panel-viewport[b-q14ag42zqq]::-webkit-scrollbar-track {
    background: var(--black-overlay-20);
}

.panel-viewport[b-q14ag42zqq]::-webkit-scrollbar-thumb {
    background: rgba(var(--primary-color-rgb), 0.4);
    border-radius: var(--radius-xs);
}

.panel-viewport[b-q14ag42zqq]::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--primary-color-rgb), 0.6);
}

/* ==========================================================================
   DASHBOARD STAT CARDS (visual ::deep)
   ========================================================================== */

[b-q14ag42zqq] .stat-card {
    transition: all var(--transition-fast);
    min-height: 5rem;
    cursor: default;
    position: relative;
    overflow: hidden;
}

[b-q14ag42zqq] .stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--accent-gradient);
    opacity: 0;
    transition: opacity var(--transition-fast);
}

[b-q14ag42zqq] .stat-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

[b-q14ag42zqq] .stat-card:hover::before {
    opacity: 1;
}

[b-q14ag42zqq] .stat-card.clickable {
    cursor: pointer;
}

[b-q14ag42zqq] .stat-card.clickable:hover {
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

[b-q14ag42zqq] .stat-card .mud-icon-root {
    margin-bottom: var(--space-xs);
}

[b-q14ag42zqq] .stat-card .mud-typography-caption {
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

[b-q14ag42zqq] .stat-card .mud-typography-h5,
[b-q14ag42zqq] .stat-card .mud-typography-h6 {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

[b-q14ag42zqq] .stat-card .stat-value {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

[b-q14ag42zqq] .stat-card .stat-value-small {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

[b-q14ag42zqq] .stat-card .metric-value {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

[b-q14ag42zqq] .stat-card .metric-label {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ==========================================================================
   LIDAR FULLSCREEN
   ========================================================================== */

.lidar-fullscreen-container[b-q14ag42zqq] {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: var(--bg-base);
    overflow: hidden;
}

/* ==========================================================================
   NEURAL COMMAND CENTER - Full Height Layout
   ========================================================================== */

.panel-viewport.neural-fullscreen[b-q14ag42zqq] {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ==========================================================================
   COMPACT TABLE STYLES (visual ::deep)
   ========================================================================== */

[b-q14ag42zqq] .compact-table .mud-table-cell {
    padding: var(--space-xs) var(--space-sm) !important;
    font-size: var(--text-sm);
}

[b-q14ag42zqq] .compact-table .mud-table-head-cell {
    padding: var(--space-xs) var(--space-sm) !important;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: var(--font-semibold);
}

/* ==========================================================================
   ENHANCED SCROLL CONTAINERS FOR NESTED CONTENT (visual ::deep)
   ========================================================================== */

.panel-viewport[b-q14ag42zqq]  .mud-paper {
    max-height: none;
}

.panel-viewport[b-q14ag42zqq]  .mud-grid {
    margin: 0 !important;
}

.panel-viewport[b-q14ag42zqq]  .pa-4 {
    padding: var(--space-md) !important;
}

.panel-viewport[b-q14ag42zqq]  .pa-3 {
    padding: var(--space-sm) !important;
}

/* ==========================================================================
   NAV GROUP ANIMATIONS (visual ::deep)
   ========================================================================== */

[b-q14ag42zqq] .mud-nav-group-items {
    transition: max-height var(--transition-smooth), opacity var(--transition-fast);
}

[b-q14ag42zqq] .mud-nav-group.mud-nav-group--expanded .mud-nav-group-items {
    opacity: 1;
}

[b-q14ag42zqq] .mud-nav-group:not(.mud-nav-group--expanded) .mud-nav-group-items {
    opacity: 0;
}

/* ==========================================================================
   PANEL SECTION HEADERS
   ========================================================================== */

.panel-section-header[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) 0;
    margin-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-color);
}

.panel-section-title[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.panel-section-title h3[b-q14ag42zqq] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.panel-section-title .mud-icon-root[b-q14ag42zqq] {
    color: var(--accent-color);
}

.panel-section-actions[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

/* ==========================================================================
   QUICK ACTIONS BAR
   ========================================================================== */

.quick-actions-bar[b-q14ag42zqq] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-md);
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-subtle);
    flex-shrink: 0;
}

.quick-actions-bar .mud-button[b-q14ag42zqq] {
    text-transform: none;
    font-size: var(--text-xs);
}

/* ==========================================================================
   KEYBOARD SHORTCUT HINTS
   ========================================================================== */

.kbd[b-q14ag42zqq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.25rem;
    padding: 0 var(--space-xs);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xs);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

/* ==========================================================================
   PANEL TRANSITIONS
   ========================================================================== */

.panel-viewport.panel-exit[b-q14ag42zqq] {
    animation: panelExit-b-q14ag42zqq 0.15s ease-out both;
}

.panel-viewport.panel-enter[b-q14ag42zqq] {
    animation: panelEnter-b-q14ag42zqq var(--panel-enter-duration, 0.35s) var(--panel-enter-easing, cubic-bezier(0.16, 1, 0.3, 1)) both;
}

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

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

/* ==========================================================================
   MOBILE SIDEBAR BACKDROP
   ========================================================================== */

.sidebar-backdrop[b-q14ag42zqq] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: calc(var(--z-drawer) - 1);
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

@media (max-width: 960px) {
    /* On mobile, sidebar is a fixed overlay, not in grid flow */
    .grid-sidebar[b-q14ag42zqq] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 280px;
        z-index: var(--z-modal);
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .grid-sidebar.sidebar-open[b-q14ag42zqq] {
        transform: translateX(0);
    }

    .grid-sidebar.sidebar-closed[b-q14ag42zqq] {
        transform: translateX(-100%);
        width: 280px;
        border-right: 1px solid var(--border-accent);
    }

    /* Show backdrop when sidebar is open on mobile */
    .grid-sidebar.sidebar-open ~ .sidebar-backdrop[b-q14ag42zqq] {
        display: block;
    }

    /* Grid collapses to single column on mobile */
    .admin-layout-wrapper[b-q14ag42zqq] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "content"
            "footer";
    }

    .breadcrumb-bar[b-q14ag42zqq] {
        padding: 0 var(--space-sm);
    }

    .panel-viewport[b-q14ag42zqq] {
        padding: var(--space-sm);
    }
}

@media (max-width: 600px) {
    .sidebar-header[b-q14ag42zqq] {
        padding: var(--space-xs) var(--space-sm);
    }

    .breadcrumb-bar[b-q14ag42zqq] {
        flex-wrap: wrap;
        padding: var(--space-xs) var(--space-sm);
        gap: var(--space-xs);
    }

    [b-q14ag42zqq] .azure-breadcrumbs .mud-breadcrumb-item {
        font-size: var(--text-xs);
    }

    .panel-viewport[b-q14ag42zqq] {
        padding: var(--space-xs);
    }

    [b-q14ag42zqq] .stat-card {
        min-height: 4rem;
    }

    [b-q14ag42zqq] .stat-card .mud-typography-h5 {
        font-size: 1rem !important;
    }
}
/* _content/Ayva.Admin/Components/AIEngineering/AIAccessControlPanel.razor.rz.scp.css */
/* AIAccessControlPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

.access-control-panel[b-nzui5psrh9] {
    min-height: 400px;
}

.rate-limit-card[b-nzui5psrh9],
.filter-card[b-nzui5psrh9] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.text-muted[b-nzui5psrh9] {
    color: var(--text-muted);
}
/* _content/Ayva.Admin/Components/AIEngineering/AIChatMessage.razor.rz.scp.css */
/* Chat Message Styles */

.chat-message[b-8wnzglej04] {
    margin-bottom: 0.5rem;
}

.chat-message.user[b-8wnzglej04] {
    display: flex;
    justify-content: flex-end;
}

.message-container[b-8wnzglej04] {
    max-width: 80%;
    display: flex;
    flex-direction: column;
}

.message-container.user[b-8wnzglej04] {
    align-items: flex-end;
}

.message-container.assistant[b-8wnzglej04] {
    align-items: flex-start;
}

.message-avatar[b-8wnzglej04] {
    flex-shrink: 0;
}

.tool-calls-container[b-8wnzglej04] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.tool-chip[b-8wnzglej04] {
    font-size: var(--text-xs);
}

.message-bubble[b-8wnzglej04] {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    word-wrap: break-word;
}

.message-bubble.user[b-8wnzglej04] {
    background: var(--accent-gradient);
    color: var(--text-primary);
    border-bottom-right-radius: 4px;
}

.message-bubble.assistant[b-8wnzglej04] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-bottom-left-radius: 4px;
}

/* Markdown content styling */
[b-8wnzglej04] .message-bubble .mud-markdown-body {
    font-size: var(--text-sm);
    line-height: 1.5;
}

[b-8wnzglej04] .message-bubble .mud-markdown-body p {
    margin-bottom: 0.5rem;
}

[b-8wnzglej04] .message-bubble .mud-markdown-body p:last-child {
    margin-bottom: 0;
}

[b-8wnzglej04] .message-bubble .mud-markdown-body code {
    background: var(--bg-overlay);
    padding: 0.125rem 0.25rem;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: 0.85em;
}

[b-8wnzglej04] .message-bubble .mud-markdown-body pre {
    background: var(--bg-secondary);
    padding: 0.75rem;
    border-radius: var(--radius-sm);
    overflow-x: auto;
    margin: 0.5rem 0;
}

[b-8wnzglej04] .message-bubble .mud-markdown-body pre code {
    background: transparent;
    padding: 0;
}

.message-timestamp[b-8wnzglej04] {
    color: var(--text-muted);
    margin-top: 0.25rem;
    font-size: var(--text-xs);
}

.message-bubble.user + .message-timestamp[b-8wnzglej04] {
    color: var(--text-tertiary);
}
/* _content/Ayva.Admin/Components/AIEngineering/AIConversationList.razor.rz.scp.css */
/* Conversation List Styles */

.conversation-list[b-npz2p6l9xk] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.list-header[b-npz2p6l9xk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
}

.loading-state[b-npz2p6l9xk],
.empty-state[b-npz2p6l9xk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 0.5rem;
    flex: 1;
}

.conversation-items[b-npz2p6l9xk] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

.conversation-item[b-npz2p6l9xk] {
    border-radius: var(--radius-sm);
    margin-bottom: 0.25rem;
    transition: var(--transition-fast);
}

.conversation-item:hover[b-npz2p6l9xk] {
    background: var(--bg-hover);
}

.conversation-item.selected[b-npz2p6l9xk] {
    background: var(--accent-gradient);
    background: linear-gradient(135deg, var(--accent-color-20), var(--secondary-accent-20));
    border-left: 3px solid var(--accent-color);
}

[b-npz2p6l9xk] .conversation-item .mud-list-item-text {
    width: 100%;
}

.conversation-content[b-npz2p6l9xk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.conversation-info[b-npz2p6l9xk] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.conversation-title[b-npz2p6l9xk] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: var(--font-medium);
}

.conversation-meta[b-npz2p6l9xk] {
    color: var(--text-muted);
}

.conversation-menu[b-npz2p6l9xk] {
    opacity: 0;
    transition: var(--transition-fast);
}

.conversation-item:hover .conversation-menu[b-npz2p6l9xk] {
    opacity: 1;
}
/* _content/Ayva.Admin/Components/AIEngineering/AIEngineeringPanel.razor.rz.scp.css */
/* AI Engineering Panel - CSS Isolation */

/* Uses 100% of panel-content-wrapper, never viewport-relative heights */
.ai-engineering-panel[b-lgu591cbs0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* Panel Cards */
.panel-card[b-lgu591cbs0] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    height: 100%;
    overflow: hidden;
}

/* Sidebar */
.sidebar-panel[b-lgu591cbs0] {
    display: flex;
    flex-direction: column;
}

.sidebar-tabs[b-lgu591cbs0] {
    height: 100%;
}

[b-lgu591cbs0] .sidebar-tabs .mud-tabs-panels {
    height: calc(100% - 48px);
    overflow-y: auto;
}

.settings-btn[b-lgu591cbs0] {
    justify-content: flex-start;
    text-transform: none;
    font-weight: var(--font-normal);
}

.settings-btn:hover[b-lgu591cbs0] {
    background: var(--bg-hover);
}

/* Chat Panel - fills available space via flex */
.chat-panel[b-lgu591cbs0] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.chat-header[b-lgu591cbs0] {
    padding: var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.ai-avatar[b-lgu591cbs0] {
    background: var(--accent-gradient);
}

.text-muted[b-lgu591cbs0] {
    color: var(--text-muted);
}

/* Messages Area */
.chat-messages[b-lgu591cbs0] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.empty-chat[b-lgu591cbs0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: var(--space-xl);
}

.loading-messages[b-lgu591cbs0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Message Bubbles */
.message-bubble[b-lgu591cbs0] {
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    max-width: 85%;
}

.message-bubble.user[b-lgu591cbs0] {
    background: var(--accent-gradient);
    color: var(--text-primary);
    margin-left: auto;
}

.message-bubble.assistant[b-lgu591cbs0] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

.streaming-message[b-lgu591cbs0] {
    opacity: 0.9;
}

/* Input Area */
.chat-input-area[b-lgu591cbs0] {
    padding: var(--space-md);
    background: var(--bg-secondary);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.chat-input[b-lgu591cbs0] {
    flex: 1;
}

/* Text Input Padding & Margins Fix */
[b-lgu591cbs0] .chat-input .mud-input-slot {
    padding: var(--space-sm) var(--space-md);
}

[b-lgu591cbs0] .chat-input .mud-input {
    padding: var(--space-xs) 0;
}

[b-lgu591cbs0] .chat-input textarea {
    padding: var(--space-sm) var(--space-md);
    line-height: 1.5;
}

[b-lgu591cbs0] .chat-input .mud-input-outlined-border {
    border-color: var(--border-color);
}

[b-lgu591cbs0] .chat-input:hover .mud-input-outlined-border {
    border-color: var(--accent-color);
}

[b-lgu591cbs0] .chat-input .mud-input-label {
    padding-left: var(--space-xs);
}

[b-lgu591cbs0] .chat-input .mud-input-label-outlined {
    transform: translate(14px, 16px) scale(1);
}

[b-lgu591cbs0] .chat-input .mud-input-label-outlined.mud-input-label-inputcontrol {
    transform: translate(14px, -9px) scale(0.75);
}

.send-btn[b-lgu591cbs0] {
    height: 56px;
    min-width: 100px;
}

.tool-execution-indicator[b-lgu591cbs0] {
    padding: var(--space-xs);
    background: var(--bg-card);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
}

/* Scrollbar Styling */
.chat-messages[b-lgu591cbs0]::-webkit-scrollbar,
.sidebar-panel[b-lgu591cbs0]::-webkit-scrollbar {
    width: 6px;
}

.chat-messages[b-lgu591cbs0]::-webkit-scrollbar-track,
.sidebar-panel[b-lgu591cbs0]::-webkit-scrollbar-track {
    background: transparent;
}

.chat-messages[b-lgu591cbs0]::-webkit-scrollbar-thumb,
.sidebar-panel[b-lgu591cbs0]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

.chat-messages[b-lgu591cbs0]::-webkit-scrollbar-thumb:hover,
.sidebar-panel[b-lgu591cbs0]::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

/* Responsive */
@media (max-width: 960px) {
    .panel-card[b-lgu591cbs0] {
        margin-bottom: var(--space-md);
    }
}
/* _content/Ayva.Admin/Components/AIEngineering/AILogsViewer.razor.rz.scp.css */
/* AI Logs Viewer Styles */

.logs-panel[b-nenbnzvl9j] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.logs-header[b-nenbnzvl9j] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.logs-filters[b-nenbnzvl9j] {
    padding: 0.5rem 1rem;
    background: var(--bg-card);
    border-bottom: 1px solid var(--border-color);
}

.filter-select[b-nenbnzvl9j] {
    max-width: 120px;
}

.logs-content[b-nenbnzvl9j] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.empty-logs[b-nenbnzvl9j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 2rem;
    text-align: center;
}

.log-entry[b-nenbnzvl9j] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
}

.log-entry:hover[b-nenbnzvl9j] {
    background: var(--bg-hover);
}

.log-entry.error[b-nenbnzvl9j] {
    background: var(--error-bg);
}

.log-entry.warning[b-nenbnzvl9j] {
    background: var(--warning-bg);
}

.log-entry.tool[b-nenbnzvl9j] {
    background: var(--accent-color-10);
}

.log-timestamp[b-nenbnzvl9j] {
    color: var(--text-muted);
    white-space: nowrap;
    min-width: 80px;
}

.log-level[b-nenbnzvl9j] {
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.log-message[b-nenbnzvl9j] {
    flex: 1;
    word-break: break-word;
}

.log-duration[b-nenbnzvl9j] {
    color: var(--text-muted);
    font-size: 0.75em;
    margin-left: 0.5rem;
}

.logs-footer[b-nenbnzvl9j] {
    padding: 0.5rem 1rem;
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.text-muted[b-nenbnzvl9j] {
    color: var(--text-muted);
}

/* Scrollbar */
.logs-content[b-nenbnzvl9j]::-webkit-scrollbar {
    width: 6px;
}

.logs-content[b-nenbnzvl9j]::-webkit-scrollbar-track {
    background: transparent;
}

.logs-content[b-nenbnzvl9j]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}
/* _content/Ayva.Admin/Components/AIEngineering/AIModelConfigPanel.razor.rz.scp.css */
/* AI Model Config Panel Styles */

.model-config-panel[b-a2kiy7diit] {
    padding: 1rem;
}

.loading-state[b-a2kiy7diit] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.model-card[b-a2kiy7diit] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: var(--transition-fast);
}

.model-card:hover[b-a2kiy7diit] {
    border-color: var(--accent-color);
}

.model-card.default[b-a2kiy7diit] {
    border-color: var(--accent-color);
    box-shadow: 0 0 10px var(--accent-color-20);
}

.model-card.disabled[b-a2kiy7diit] {
    opacity: 0.6;
}

.model-stat[b-a2kiy7diit] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.text-muted[b-a2kiy7diit] {
    color: var(--text-muted);
}

/* Text Input Padding & Margins Fix */
[b-a2kiy7diit] .mud-input-outlined .mud-input-slot {
    padding: 0.75rem 1rem;
}

[b-a2kiy7diit] .mud-input-outlined .mud-input {
    padding: 0.25rem 0;
}

[b-a2kiy7diit] .mud-input-outlined-border {
    border-color: var(--border-color);
}

[b-a2kiy7diit] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--accent-color);
}
/* _content/Ayva.Admin/Components/AIEngineering/ModelSelector.razor.rz.scp.css */
/* Model Selector Styles */

.model-menu[b-vd8abppiwn] {
    min-width: 280px;
}

.text-muted[b-vd8abppiwn] {
    color: var(--text-muted);
}

.selected-model[b-vd8abppiwn] {
    background: var(--accent-color-10);
    border-left: 3px solid var(--accent-color);
}

[b-vd8abppiwn] .mud-menu-item {
    padding: 0.75rem 1rem;
}
/* _content/Ayva.Admin/Components/AIEngineering/SystemPromptEditor.razor.rz.scp.css */
/* System Prompt Editor Styles */

.prompt-editor[b-i28vghvua4] {
    min-height: 500px;
}

.prompt-list-panel[b-i28vghvua4],
.prompt-edit-panel[b-i28vghvua4] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    height: 100%;
}

.panel-header[b-i28vghvua4] {
    padding: 0.75rem 1rem;
}

.loading-state[b-i28vghvua4] {
    display: flex;
    justify-content: center;
    padding: 2rem;
}

.prompt-items[b-i28vghvua4] {
    max-height: 400px;
    overflow-y: auto;
}

.prompt-item[b-i28vghvua4] {
    border-radius: var(--radius-sm);
    margin: 0.25rem 0.5rem;
    cursor: pointer;
    transition: var(--transition-fast);
}

.prompt-item:hover[b-i28vghvua4] {
    background: var(--bg-hover);
}

.prompt-item.selected[b-i28vghvua4] {
    background: var(--accent-color-15);
    border-left: 3px solid var(--accent-color);
}

.prompt-item-content[b-i28vghvua4] {
    width: 100%;
}

.prompt-info[b-i28vghvua4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.empty-editor[b-i28vghvua4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 400px;
    gap: 1rem;
}

.editor-header[b-i28vghvua4] {
    padding: 1rem;
}

[b-i28vghvua4] .prompt-edit-panel .mud-form {
    padding: 0 1rem 1rem;
}

/* Text Input Padding & Margins Fix */
[b-i28vghvua4] .mud-input-outlined .mud-input-slot {
    padding: 0.75rem 1rem;
}

[b-i28vghvua4] .mud-input-outlined .mud-input {
    padding: 0.25rem 0;
}

[b-i28vghvua4] .mud-input-outlined textarea {
    padding: 0.75rem 1rem;
    line-height: 1.5;
}

[b-i28vghvua4] .mud-input-outlined-border {
    border-color: var(--border-color);
}

[b-i28vghvua4] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--accent-color);
}
/* _content/Ayva.Admin/Components/AIEngineering/ToolConfigurationPanel.razor.rz.scp.css */
/* Tool Configuration Panel Styles */

.tool-config-panel[b-otv2lkhvvr] {
    padding: 1rem;
}

.loading-state[b-otv2lkhvvr] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.tool-table[b-otv2lkhvvr] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

[b-otv2lkhvvr] .tool-table .mud-table-container {
    border-radius: var(--radius-md);
}

[b-otv2lkhvvr] .tool-table th {
    background: var(--bg-secondary);
    font-weight: var(--font-semibold);
}

.text-muted[b-otv2lkhvvr] {
    color: var(--text-muted);
}

/* Text Input Padding & Margins Fix */
[b-otv2lkhvvr] .mud-input-outlined .mud-input-slot {
    padding: 0.75rem 1rem;
}

[b-otv2lkhvvr] .mud-input-outlined .mud-input {
    padding: 0.25rem 0;
}

[b-otv2lkhvvr] .mud-input-outlined textarea {
    padding: 0.75rem 1rem;
    line-height: 1.5;
}

[b-otv2lkhvvr] .mud-input-outlined-border {
    border-color: var(--border-color);
}

[b-otv2lkhvvr] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--accent-color);
}

/* Security Context Builder */
.security-context-builder[b-otv2lkhvvr] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.security-context-header[b-otv2lkhvvr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.security-context-options[b-otv2lkhvvr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.security-context-option[b-otv2lkhvvr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: var(--bg-card);
    border-radius: var(--radius-sm);
}

.security-context-preview[b-otv2lkhvvr] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: var(--bg-card);
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-sm);
    font-family: monospace;
    font-size: 0.8rem;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 150px;
    overflow-y: auto;
}

.security-help-icon[b-otv2lkhvvr] {
    cursor: help;
}

/* JSON validation states */
.json-valid[b-otv2lkhvvr] {
    border-color: var(--success-color) !important;
}

.json-invalid[b-otv2lkhvvr] {
    border-color: var(--error-color) !important;
}

.validation-message[b-otv2lkhvvr] {
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.validation-message.valid[b-otv2lkhvvr] {
    color: var(--success-color);
}

.validation-message.invalid[b-otv2lkhvvr] {
    color: var(--error-color);
}
/* _content/Ayva.Admin/Components/AIEngineering/TTSConfigurationPanel.razor.rz.scp.css */
.tts-config-panel[b-xd0u96pofp] {
    padding: 1rem;
}

.provider-section[b-xd0u96pofp] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.provider-radio-group[b-xd0u96pofp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.provider-card[b-xd0u96pofp] {
    background: var(--mud-palette-background);
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    cursor: pointer;
    transition: all 0.2s ease;
}

.provider-card:hover[b-xd0u96pofp] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-background-hover);
}

.provider-card.active[b-xd0u96pofp] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
}

.provider-card.disabled[b-xd0u96pofp] {
    opacity: 0.6;
    cursor: not-allowed;
}

.provider-card.disabled:hover[b-xd0u96pofp] {
    border-color: var(--mud-palette-lines-default);
    background: var(--mud-palette-background);
}

.config-panels[b-xd0u96pofp] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.config-panels[b-xd0u96pofp]  .mud-expand-panel {
    background: var(--mud-palette-surface);
}

.config-panels[b-xd0u96pofp]  .mud-expand-panel-header {
    padding: 1rem;
}

.status-section[b-xd0u96pofp] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.status-table[b-xd0u96pofp] {
    background: transparent;
}

.status-table th[b-xd0u96pofp] {
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.status-table td[b-xd0u96pofp] {
    vertical-align: middle;
}

.text-muted[b-xd0u96pofp] {
    color: var(--mud-palette-text-secondary);
}
/* _content/Ayva.Admin/Components/Audit/AuditAnalyticsPanel.razor.rz.scp.css */
/* AuditAnalyticsPanel - Glassmorphism analytics dashboard */

/* ============================================================================
   ROOT CONTAINER
   Fills the panel viewport and enables internal scrolling
   ============================================================================ */

.analytics-panel[b-qxxhowf8ub] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-sm) var(--space-xs);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--accent-color-20) transparent;
}

.analytics-panel[b-qxxhowf8ub]::-webkit-scrollbar {
    width: 6px;
}

.analytics-panel[b-qxxhowf8ub]::-webkit-scrollbar-track {
    background: transparent;
}

.analytics-panel[b-qxxhowf8ub]::-webkit-scrollbar-thumb {
    background: var(--accent-color-20);
    border-radius: var(--radius-full);
}

/* ============================================================================
   LOADING & EMPTY STATES
   ============================================================================ */

.analytics-loading[b-qxxhowf8ub] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-lg);
    min-height: 320px;
    flex: 1;
}

.loading-text[b-qxxhowf8ub] {
    color: var(--text-muted);
    font-size: 0.875rem;
    letter-spacing: 0.02em;
}

.analytics-empty-sm[b-qxxhowf8ub] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xl) var(--space-lg);
    color: var(--text-muted);
    background: var(--accent-color-5);
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-md);
    font-size: 0.875rem;
}

/* ============================================================================
   OVERVIEW CARDS GRID
   3-column glass card layout with accent left borders and hover glow
   ============================================================================ */

.overview-cards[b-qxxhowf8ub] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.overview-card[b-qxxhowf8ub] {
    background: var(--glass-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--accent-color);
    border-radius: var(--radius-lg);
    padding: var(--space-md) var(--space-lg);
    cursor: pointer;
    transition: all var(--transition-smooth);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.overview-card[b-qxxhowf8ub]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--accent-color-5) 0%, transparent 60%);
    opacity: 0;
    transition: opacity var(--transition-smooth);
    pointer-events: none;
}

.overview-card:hover[b-qxxhowf8ub] {
    border-color: var(--accent-color-30);
    box-shadow: var(--glass-card-shadow-hover), 0 0 24px var(--accent-color-20);
    transform: translateY(-2px);
}

.overview-card:hover[b-qxxhowf8ub]::before {
    opacity: 1;
}

/* Security card - red accent */
.card-security[b-qxxhowf8ub] {
    border-left-color: var(--error-color);
}

.card-security[b-qxxhowf8ub]::before {
    background: linear-gradient(135deg, var(--error-color-5) 0%, transparent 60%);
}

.card-security:hover[b-qxxhowf8ub] {
    border-color: var(--error-color-30);
    box-shadow: var(--glass-card-shadow-hover), 0 0 24px var(--error-color-20);
}

/* Admin card - violet accent */
.card-admin[b-qxxhowf8ub] {
    border-left-color: #a78bfa;
}

.card-admin[b-qxxhowf8ub]::before {
    background: linear-gradient(135deg, rgba(167, 139, 250, 0.05) 0%, transparent 60%);
}

.card-admin:hover[b-qxxhowf8ub] {
    border-color: rgba(167, 139, 250, 0.3);
    box-shadow: var(--glass-card-shadow-hover), 0 0 24px rgba(167, 139, 250, 0.2);
}

/* --- Card header --- */

.card-header[b-qxxhowf8ub] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--border-subtle);
}

.card-icon[b-qxxhowf8ub] {
    color: var(--accent-color);
    opacity: 0.9;
    flex-shrink: 0;
}

.card-security .card-icon[b-qxxhowf8ub] {
    color: var(--error-color);
}

.card-admin .card-icon[b-qxxhowf8ub] {
    color: #a78bfa;
}

.card-title[b-qxxhowf8ub] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
    flex: 1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.card-total[b-qxxhowf8ub] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--accent-color);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.card-security .card-total[b-qxxhowf8ub] {
    color: var(--error-color);
}

.card-admin .card-total[b-qxxhowf8ub] {
    color: #a78bfa;
}

/* --- Card list items --- */

.card-list[b-qxxhowf8ub] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-top: var(--space-xs);
}

.card-list-item[b-qxxhowf8ub] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px var(--space-sm);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
    cursor: pointer;
    position: relative;
}

.card-list-item:hover[b-qxxhowf8ub] {
    background: var(--bg-hover);
}

.card-list-item + .card-list-item[b-qxxhowf8ub] {
    border-top: 1px solid var(--border-subtle);
}

.item-label[b-qxxhowf8ub] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
}

.card-list-item:hover .item-label[b-qxxhowf8ub] {
    color: var(--text-primary);
}

.item-count[b-qxxhowf8ub] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    margin-left: var(--space-sm);
    flex-shrink: 0;
    background: var(--accent-color-10);
    padding: 1px 6px;
    border-radius: var(--radius-xs);
}

.card-security .item-count[b-qxxhowf8ub] {
    background: var(--error-color-10);
}

.card-admin .item-count[b-qxxhowf8ub] {
    background: rgba(167, 139, 250, 0.1);
}

.card-empty[b-qxxhowf8ub] {
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: var(--space-sm);
    text-align: center;
    font-style: italic;
}

/* ============================================================================
   CHART SECTION
   Glass container with proper sizing for MudChart SVG
   ============================================================================ */

.chart-section[b-qxxhowf8ub] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.section-title[b-qxxhowf8ub] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding-left: var(--space-xs);
}

.chart-container[b-qxxhowf8ub] {
    background: var(--glass-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-color);
    padding: var(--space-lg) var(--space-md) var(--space-sm);
    min-height: 380px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

/* MudChart SVG deep styling — force full width */
[b-qxxhowf8ub] .chart-container .mud-chart {
    width: 100% !important;
    max-width: 100% !important;
}

[b-qxxhowf8ub] .chart-container .mud-chart > div {
    width: 100% !important;
}

[b-qxxhowf8ub] .chart-container svg {
    width: 100% !important;
    overflow: visible;
}

[b-qxxhowf8ub] .chart-container .mud-chart-line .mud-chart-serie {
    stroke-width: 2;
}

[b-qxxhowf8ub] .chart-container text {
    fill: var(--text-secondary) !important;
    font-size: 0.65rem !important;
    font-family: var(--font-mono) !important;
}

[b-qxxhowf8ub] .chart-container .mud-chart-legend-item .mud-typography {
    color: var(--text-secondary) !important;
    font-size: 0.75rem !important;
}

[b-qxxhowf8ub] .chart-container line[stroke] {
    stroke: var(--border-color) !important;
}

/* ============================================================================
   DRILL-DOWN MODE
   ============================================================================ */

/* --- Header breadcrumb --- */

.drilldown-header[b-qxxhowf8ub] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) 0;
    flex-wrap: wrap;
    animation: slideIn-b-qxxhowf8ub 0.25s ease-out;
}

@keyframes slideIn-b-qxxhowf8ub {
    from {
        opacity: 0;
        transform: translateX(-8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

[b-qxxhowf8ub] .back-btn {
    text-transform: none;
    font-weight: 500;
    font-size: 0.875rem;
}

.breadcrumb-sep[b-qxxhowf8ub] {
    color: var(--text-muted);
}

.drilldown-value[b-qxxhowf8ub] {
    color: var(--text-primary);
    font-weight: 600;
    word-break: break-all;
    font-size: 1rem;
}

/* --- Summary stat cards --- */

.drilldown-stats[b-qxxhowf8ub] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--space-sm);
    animation: fadeUp-b-qxxhowf8ub 0.3s ease-out;
}

@keyframes fadeUp-b-qxxhowf8ub {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-item[b-qxxhowf8ub] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--space-md) var(--space-lg);
    background: var(--glass-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-xs);
    transition: border-color var(--transition-fast);
}

.stat-item:hover[b-qxxhowf8ub] {
    border-color: var(--accent-color-20);
}

.stat-value[b-qxxhowf8ub] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--accent-color);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.stat-label[b-qxxhowf8ub] {
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

/* --- Events section & data grid --- */

.events-section[b-qxxhowf8ub] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    animation: fadeUp-b-qxxhowf8ub 0.35s ease-out;
}

/* MudDataGrid deep theming for dark glass look */
[b-qxxhowf8ub] .drilldown-grid {
    background: var(--glass-elevated) !important;
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

[b-qxxhowf8ub] .drilldown-grid .mud-table-head {
    background: var(--bg-secondary) !important;
}

[b-qxxhowf8ub] .drilldown-grid .mud-table-head th {
    background: transparent !important;
    color: var(--text-secondary) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--border-color) !important;
    padding: 8px 12px !important;
}

[b-qxxhowf8ub] .drilldown-grid .mud-table-body .mud-table-row {
    transition: background var(--transition-fast);
}

[b-qxxhowf8ub] .drilldown-grid .mud-table-body .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

[b-qxxhowf8ub] .drilldown-grid .mud-table-body td {
    color: var(--text-secondary) !important;
    font-size: 0.8rem !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    padding: 6px 12px !important;
}

[b-qxxhowf8ub] .drilldown-grid .mud-table-foot {
    display: none;
}

[b-qxxhowf8ub] .row-denied {
    background: var(--error-color-5) !important;
}

[b-qxxhowf8ub] .row-denied:hover {
    background: var(--error-color-10) !important;
}

/* --- Pagination --- */

.drilldown-pagination[b-qxxhowf8ub] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-lg);
    padding: var(--space-md) 0 var(--space-xs);
}

.page-info[b-qxxhowf8ub] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-variant-numeric: tabular-nums;
    padding: 4px 12px;
    background: var(--accent-color-5);
    border-radius: var(--radius-sm);
}

/* ============================================================================
   SHARED CELL STYLES
   ============================================================================ */

.timestamp[b-qxxhowf8ub] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--text-muted);
}

.user-name[b-qxxhowf8ub] {
    font-size: 0.8rem;
    color: var(--text-primary);
    font-weight: 500;
}

.ip-address[b-qxxhowf8ub] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--text-muted);
}

.outcome-success[b-qxxhowf8ub] {
    color: var(--success-color);
    font-weight: 600;
}

.outcome-denied[b-qxxhowf8ub] {
    color: var(--error-color);
    font-weight: 600;
}

.outcome-error[b-qxxhowf8ub] {
    color: var(--warning-color);
    font-weight: 600;
}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */

@media (max-width: 768px) {
    .overview-cards[b-qxxhowf8ub] {
        grid-template-columns: repeat(2, 1fr);
    }

    .drilldown-stats[b-qxxhowf8ub] {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-item[b-qxxhowf8ub] {
        padding: var(--space-sm) var(--space-md);
    }

    .stat-value[b-qxxhowf8ub] {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .overview-cards[b-qxxhowf8ub] {
        grid-template-columns: 1fr;
    }

    .drilldown-stats[b-qxxhowf8ub] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/Audit/AuditFilterBar.razor.rz.scp.css */
/* AuditFilterBar - Time presets and filter controls */

.audit-filter-bar[b-yfx1rmyetw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.time-presets[b-yfx1rmyetw] {
    display: flex;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

[b-yfx1rmyetw] .preset-btn {
    min-width: auto;
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    border-radius: var(--radius-sm);
    text-transform: none;
    letter-spacing: 0;
    font-weight: var(--font-medium);
    transition: all var(--transition-fast);
}

.filter-fields[b-yfx1rmyetw] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
    align-items: center;
}

[b-yfx1rmyetw] .filter-search {
    min-width: 200px;
    flex: 1;
}

[b-yfx1rmyetw] .filter-select {
    min-width: 130px;
}

[b-yfx1rmyetw] .filter-field {
    min-width: 120px;
    max-width: 160px;
}

[b-yfx1rmyetw] .clear-btn {
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
    .filter-fields[b-yfx1rmyetw] {
        flex-direction: column;
    }

    [b-yfx1rmyetw] .filter-search,
    [b-yfx1rmyetw] .filter-select,
    [b-yfx1rmyetw] .filter-field {
        min-width: 100%;
        max-width: 100%;
    }
}
/* _content/Ayva.Admin/Components/Audit/AuditPanel.razor.rz.scp.css */
/* AuditPanel - Main audit log viewer and analytics */

.audit-panel[b-r2q6p3rjht] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-r2q6p3rjht] .audit-tabs .mud-tabs-toolbar {
    background: var(--glass-elevated);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    border: 1px solid var(--border-color);
    border-bottom: none;
}

[b-r2q6p3rjht] .audit-tabs .mud-tabs-panels {
    padding: var(--space-md);
}

/* Log viewer - flex column so grid fills remaining space */
.log-viewer[b-r2q6p3rjht] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    min-height: 0;
}

/* Loading */
.loading-indicator[b-r2q6p3rjht] {
    margin-bottom: var(--space-sm);
    flex-shrink: 0;
}

/* Data grid wrapper - scrollable container */
.grid-wrapper[b-r2q6p3rjht] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100vh - 420px);
    overflow: auto;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

/* Data grid */
[b-r2q6p3rjht] .audit-grid {
    background: var(--glass-elevated);
    overflow: visible;
}

[b-r2q6p3rjht] .audit-grid .mud-table-container {
    overflow: visible;
}

[b-r2q6p3rjht] .audit-grid .mud-table-head .mud-table-cell {
    background: var(--bg-secondary);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-r2q6p3rjht] .audit-grid .mud-table-cell {
    font-size: var(--text-sm);
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 1px solid var(--border-subtle);
}

[b-r2q6p3rjht] .timestamp {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

[b-r2q6p3rjht] .user-name {
    color: var(--text-primary);
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

[b-r2q6p3rjht] .ip-address {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

[b-r2q6p3rjht] .ts-cell {
    white-space: nowrap;
}

[b-r2q6p3rjht] .expand-cell {
    width: 40px;
    padding: 0 var(--space-xs) !important;
}

[b-r2q6p3rjht] .severity-cell {
    width: 50px;
    text-align: center;
}

[b-r2q6p3rjht] .ip-cell {
    white-space: nowrap;
}

/* Outcome styling */
[b-r2q6p3rjht] .outcome {
    font-weight: var(--font-medium);
}

[b-r2q6p3rjht] .outcome-denied {
    color: var(--error-text);
}

[b-r2q6p3rjht] .outcome-error {
    color: var(--warning-text);
}

[b-r2q6p3rjht] .outcome-success {
    color: var(--success-text);
}

[b-r2q6p3rjht] .row-denied {
    background: var(--error-color-5) !important;
}

/* Expanded detail */
.expanded-detail[b-r2q6p3rjht] {
    padding: var(--space-sm) var(--space-md);
    margin: 0 var(--space-xs) var(--space-xs);
    background: var(--bg-secondary);
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    border: 1px solid var(--border-color);
    border-top: none;
}

/* Detail row internals */
[b-r2q6p3rjht] .audit-detail-row {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

[b-r2q6p3rjht] .detail-section {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

[b-r2q6p3rjht] .detail-label {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-r2q6p3rjht] .detail-text {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

[b-r2q6p3rjht] .json-block {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    background: var(--glass-elevated);
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    overflow-x: auto;
    max-height: 200px;
    color: var(--text-primary);
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
}

[b-r2q6p3rjht] .detail-chips {
    display: flex;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

/* Pagination */
.audit-pagination[b-r2q6p3rjht] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-elevated);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    flex-shrink: 0;
}

.page-info[b-r2q6p3rjht] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.total-count[b-r2q6p3rjht] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* Bottom toolbar */
.audit-toolbar[b-r2q6p3rjht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-elevated);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    flex-shrink: 0;
}

.toolbar-left[b-r2q6p3rjht],
.toolbar-right[b-r2q6p3rjht] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* Retention dialog */
[b-r2q6p3rjht] .retention-content {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-sm) 0;
}

/* Responsive */
@media (max-width: 768px) {
    .audit-toolbar[b-r2q6p3rjht] {
        flex-direction: column;
        gap: var(--space-sm);
    }

    .grid-wrapper[b-r2q6p3rjht] {
        max-height: calc(100vh - 480px);
    }
}
/* _content/Ayva.Admin/Components/Audit/AuditStatsBar.razor.rz.scp.css */
/* AuditStatsBar - Stats overview cards */

.audit-stats-bar[b-m4ryz5d4e6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-sm);
}

.stat-card[b-m4ryz5d4e6] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-elevated);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    transition: all var(--transition-normal);
}

.stat-card:hover[b-m4ryz5d4e6] {
    border-color: var(--border-color-medium);
    background: var(--bg-hover);
}

.stat-card.security[b-m4ryz5d4e6] {
    border-left: 3px solid var(--warning-color);
}

.stat-card.denied[b-m4ryz5d4e6] {
    border-left: 3px solid var(--error-color);
}

.stat-content[b-m4ryz5d4e6] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-m4ryz5d4e6] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    line-height: 1.2;
}

.stat-label[b-m4ryz5d4e6] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

/* Responsive */
@media (max-width: 768px) {
    .audit-stats-bar[b-m4ryz5d4e6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .audit-stats-bar[b-m4ryz5d4e6] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/Bdc/BdcCompliancePanel.razor.rz.scp.css */
.bdc-compliance-panel[b-pg24o7f22a] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.panel-header[b-pg24o7f22a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--border-color);
}

.panel-title-group[b-pg24o7f22a] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.panel-title-group > :first-child[b-pg24o7f22a] {
    color: var(--accent-color);
}

.panel-body[b-pg24o7f22a] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

[b-pg24o7f22a] .bdc-tabs {
    height: 100%;
}

[b-pg24o7f22a] .bdc-tabs .mud-tabs-header {
    background: var(--bg-card);
    border-bottom: 1px solid var(--border-color);
}

[b-pg24o7f22a] .bdc-tabs .mud-tab {
    color: var(--text-secondary);
    font-weight: var(--font-medium);
    transition: color var(--transition-fast);
}

[b-pg24o7f22a] .bdc-tabs .mud-tab.mud-tab-active {
    color: var(--accent-color);
}

[b-pg24o7f22a] .bdc-tabs .mud-tabs-panels {
    padding: var(--space-lg);
    overflow-y: auto;
}

@media (max-width: 768px) {
    [b-pg24o7f22a] .bdc-tabs .mud-tab {
        font-size: var(--text-xs);
        padding: var(--space-sm);
    }

    [b-pg24o7f22a] .bdc-tabs .mud-tabs-panels {
        padding: var(--space-md);
    }
}
/* _content/Ayva.Admin/Components/Bdc/BdcConfigurationTab.razor.rz.scp.css */
.bdc-config-tab[b-6jlx6m4f3f] {
    animation: fadeIn-b-6jlx6m4f3f 0.3s ease;
}

.loading-container[b-6jlx6m4f3f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xl);
    color: var(--text-secondary);
}

.config-section[b-6jlx6m4f3f] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: border-color var(--transition-fast);
}

.config-section:hover[b-6jlx6m4f3f] {
    border-color: var(--accent-color);
}

.section-header[b-6jlx6m4f3f] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.section-header > :first-child[b-6jlx6m4f3f] {
    color: var(--accent-color);
}

.switch-row[b-6jlx6m4f3f] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.save-actions[b-6jlx6m4f3f] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-wrap: wrap;
}

[b-6jlx6m4f3f] .save-btn {
    border-radius: var(--radius-md) !important;
    font-weight: var(--font-semibold) !important;
    text-transform: none !important;
    padding: var(--space-sm) var(--space-lg) !important;
}

.save-alert[b-6jlx6m4f3f] {
    flex: 0 0 auto;
}

@keyframes fadeIn-b-6jlx6m4f3f {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
    .save-actions[b-6jlx6m4f3f] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/Ayva.Admin/Components/Bdc/BdcDeltaViewer.razor.rz.scp.css */
.bdc-delta-viewer[b-c1vqcj31de] {
    animation: fadeIn-b-c1vqcj31de 0.3s ease;
}

.loading-container[b-c1vqcj31de] {
    display: flex;
    align-items: center;
    padding: var(--space-md);
    color: var(--text-secondary);
}

.delta-summary[b-c1vqcj31de] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-md);
}

.delta-card[b-c1vqcj31de] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    transition: all var(--transition-fast);
}

.delta-card:hover[b-c1vqcj31de] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.delta-card.added[b-c1vqcj31de] {
    background: var(--success-bg);
    border-color: var(--success-color);
    color: var(--success-color);
}

.delta-card.removed[b-c1vqcj31de] {
    background: var(--error-bg);
    border-color: var(--error-color);
    color: var(--error-color);
}

.delta-card.changed[b-c1vqcj31de] {
    background: var(--warning-bg);
    border-color: var(--warning-color);
    color: var(--warning-color);
}

.delta-card.unchanged[b-c1vqcj31de] {
    background: var(--bg-card);
    color: var(--text-secondary);
}

.delta-info[b-c1vqcj31de] {
    display: flex;
    flex-direction: column;
}

.delta-count[b-c1vqcj31de] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
}

.delta-label[b-c1vqcj31de] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

[b-c1vqcj31de] .delta-table {
    background: transparent !important;
}

[b-c1vqcj31de] .delta-table .mud-table-head .mud-table-cell {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-card) !important;
}

[b-c1vqcj31de] .delta-table .mud-table-body .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

[b-c1vqcj31de] .delta-table .mud-table-cell {
    border-bottom: 1px solid var(--border-color);
}

@keyframes fadeIn-b-c1vqcj31de {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 640px) {
    .delta-summary[b-c1vqcj31de] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/Ayva.Admin/Components/Bdc/BdcFabricTab.razor.rz.scp.css */
.bdc-fabric-tab[b-xcw9idcldk] {
    animation: fadeIn-b-xcw9idcldk 0.3s ease;
}

.fabric-section[b-xcw9idcldk] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

.section-header[b-xcw9idcldk] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.section-header > :first-child[b-xcw9idcldk] {
    color: var(--accent-color);
}

.upload-area[b-xcw9idcldk] {
    border: 2px dashed var(--border-color);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
    text-align: center;
    transition: all var(--transition-fast);
    cursor: pointer;
}

.upload-area:hover[b-xcw9idcldk],
.upload-area.drag-over[b-xcw9idcldk] {
    border-color: var(--accent-color);
    background: var(--bg-hover);
}

.upload-content[b-xcw9idcldk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
}

.upload-icon[b-xcw9idcldk] {
    color: var(--accent-color);
    opacity: 0.7;
}

[b-xcw9idcldk] .version-table {
    background: transparent !important;
}

[b-xcw9idcldk] .version-table .mud-table-head .mud-table-cell {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-color);
    background: transparent !important;
}

[b-xcw9idcldk] .version-table .mud-table-body .mud-table-row {
    transition: background var(--transition-fast);
    cursor: pointer;
}

[b-xcw9idcldk] .version-table .mud-table-body .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

[b-xcw9idcldk] .version-table .mud-table-cell {
    border-bottom: 1px solid var(--border-color);
}

.no-versions[b-xcw9idcldk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-xl);
    color: var(--text-muted);
}

@keyframes fadeIn-b-xcw9idcldk {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
/* _content/Ayva.Admin/Components/Bdc/BdcFilingsTab.razor.rz.scp.css */
.bdc-filings-tab[b-nod4khws1d] {
    animation: fadeIn-b-nod4khws1d 0.3s ease;
}

.filings-section[b-nod4khws1d] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

.section-header[b-nod4khws1d] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.section-header > :first-child[b-nod4khws1d] {
    color: var(--accent-color);
}

.loading-container[b-nod4khws1d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-xl);
    color: var(--text-secondary);
}

[b-nod4khws1d] .filings-table {
    background: transparent !important;
}

[b-nod4khws1d] .filings-table .mud-table-head .mud-table-cell {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-color);
    background: transparent !important;
}

[b-nod4khws1d] .filings-table .mud-table-body .mud-table-row {
    transition: background var(--transition-fast);
}

[b-nod4khws1d] .filings-table .mud-table-body .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

[b-nod4khws1d] .filings-table .mud-table-cell {
    border-bottom: 1px solid var(--border-color);
}

.no-filings[b-nod4khws1d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-xl);
    color: var(--text-muted);
}

.diff-summary[b-nod4khws1d] {
    animation: fadeIn-b-nod4khws1d 0.3s ease;
}

.diff-cards[b-nod4khws1d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-md);
}

.diff-card[b-nod4khws1d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.diff-card:hover[b-nod4khws1d] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.diff-value[b-nod4khws1d] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.diff-label[b-nod4khws1d] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-secondary);
}

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

@media (max-width: 640px) {
    .diff-cards[b-nod4khws1d] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/Ayva.Admin/Components/Bdc/BdcGenerateTab.razor.rz.scp.css */
.bdc-generate-tab[b-de2cb2lxtu] {
    animation: fadeIn-b-de2cb2lxtu 0.3s ease;
}

.generate-section[b-de2cb2lxtu] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

.section-header[b-de2cb2lxtu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.section-header > :first-child[b-de2cb2lxtu] {
    color: var(--accent-color);
}

.stats-overlay[b-de2cb2lxtu] {
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.stats-overlay-grid[b-de2cb2lxtu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.overlay-stat[b-de2cb2lxtu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
}

.overlay-stat.covered[b-de2cb2lxtu] {
    color: var(--success-color);
}

.overlay-stat.uncovered[b-de2cb2lxtu] {
    color: var(--error-color);
}

.overlay-stat.percentage[b-de2cb2lxtu] {
    color: var(--info-color);
}

.overlay-value[b-de2cb2lxtu] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
}

.overlay-label[b-de2cb2lxtu] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    opacity: 0.8;
}

.generate-action[b-de2cb2lxtu] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-de2cb2lxtu] .generate-btn {
    border-radius: var(--radius-md) !important;
    font-weight: var(--font-semibold) !important;
    text-transform: none !important;
    padding: var(--space-md) var(--space-2xl) !important;
    font-size: var(--text-lg) !important;
    box-shadow: var(--shadow-glow) !important;
    transition: all var(--transition-fast) !important;
}

[b-de2cb2lxtu] .generate-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md) !important;
}

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

@media (max-width: 640px) {
    .stats-overlay-grid[b-de2cb2lxtu] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/Bdc/BdcLinkBudgetTab.razor.rz.scp.css */
.bdc-link-budget-tab[b-9gbkaxkik1] {
    animation: fadeIn-b-9gbkaxkik1 0.3s ease;
}

.loading-container[b-9gbkaxkik1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xl);
    color: var(--text-secondary);
}

.lb-section[b-9gbkaxkik1] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: border-color var(--transition-fast);
}

.lb-section:hover[b-9gbkaxkik1] {
    border-color: var(--accent-color);
}

.section-header[b-9gbkaxkik1] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.section-header > :first-child[b-9gbkaxkik1] {
    color: var(--accent-color);
}

.column-label[b-9gbkaxkik1] {
    color: var(--text-secondary);
    font-weight: var(--font-semibold);
    margin-bottom: var(--space-xs);
}

.derived-grid[b-9gbkaxkik1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: var(--space-sm);
    margin-top: var(--space-sm);
}

.derived-item[b-9gbkaxkik1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.derived-label[b-9gbkaxkik1] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-secondary);
}

.derived-value[b-9gbkaxkik1] {
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--accent-color);
}

[b-9gbkaxkik1] .zone-table {
    margin-top: var(--space-sm);
}

.action-bar[b-9gbkaxkik1] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

[b-9gbkaxkik1] .action-btn {
    border-radius: var(--radius-md) !important;
    font-weight: var(--font-semibold) !important;
    text-transform: none !important;
    padding: var(--space-sm) var(--space-lg) !important;
}

@keyframes fadeIn-b-9gbkaxkik1 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .derived-grid[b-9gbkaxkik1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .action-bar[b-9gbkaxkik1] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/Ayva.Admin/Components/Bdc/BdcMapComponent.razor.rz.scp.css */
/* BdcMapComponent.razor.css - Leaflet map container styling */

.bdc-map-container[b-ohc7aovo7p] {
    width: 100%;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    overflow: hidden;
    position: relative;
}

/* Leaflet popup styling to match dark theme */
[b-ohc7aovo7p] .bdc-popup .leaflet-popup-content-wrapper {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md);
    color: var(--text-primary);
}

[b-ohc7aovo7p] .bdc-popup .leaflet-popup-tip {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[b-ohc7aovo7p] .bdc-popup .leaflet-popup-close-button {
    color: var(--text-secondary);
}

[b-ohc7aovo7p] .bdc-popup .leaflet-popup-close-button:hover {
    color: var(--text-primary);
}

/* Tower icon styling */
[b-ohc7aovo7p] .bdc-tower-icon {
    background: transparent;
    border: none;
}

/* Cluster icon styling */
[b-ohc7aovo7p] .bdc-cluster-icon {
    background: transparent;
    border: none;
}

[b-ohc7aovo7p] .bdc-cluster-small,
[b-ohc7aovo7p] .bdc-cluster-medium,
[b-ohc7aovo7p] .bdc-cluster-large {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

[b-ohc7aovo7p] .bdc-cluster-small {
    width: 30px;
    height: 30px;
    background: rgba(96, 165, 250, 0.6);
    border: 2px solid rgba(96, 165, 250, 0.9);
    font-size: var(--text-xs);
}

[b-ohc7aovo7p] .bdc-cluster-medium {
    width: 40px;
    height: 40px;
    background: rgba(99, 102, 241, 0.6);
    border: 2px solid rgba(99, 102, 241, 0.9);
    font-size: var(--text-sm);
}

[b-ohc7aovo7p] .bdc-cluster-large {
    width: 50px;
    height: 50px;
    background: rgba(139, 92, 246, 0.6);
    border: 2px solid rgba(139, 92, 246, 0.9);
    font-size: var(--text-base);
}

/* Filing preview cluster */
[b-ohc7aovo7p] .bdc-cluster-filing {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    background: rgba(74, 222, 128, 0.5);
    border: 2px solid rgba(74, 222, 128, 0.8);
    width: 100%;
    height: 100%;
    font-size: var(--text-xs);
}

/* Leaflet controls dark theme override */
[b-ohc7aovo7p] .leaflet-control-zoom a {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[b-ohc7aovo7p] .leaflet-control-zoom a:hover {
    background: var(--bg-hover) !important;
}

[b-ohc7aovo7p] .leaflet-control-attribution {
    background: rgba(15, 23, 42, 0.8) !important;
    color: var(--text-muted) !important;
    font-size: 10px !important;
}

[b-ohc7aovo7p] .leaflet-control-attribution a {
    color: var(--text-secondary) !important;
}
/* _content/Ayva.Admin/Components/Bdc/BdcSiteOverrideDialog.razor.rz.scp.css */
.loading-container[b-ar8kurm475] {
    display: flex;
    justify-content: center;
    padding: var(--space-xl);
}

.override-form[b-ar8kurm475] {
    max-height: 60vh;
    overflow-y: auto;
}

.override-field[b-ar8kurm475] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.field-header[b-ar8kurm475] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.speed-tier-override-section[b-ar8kurm475] {
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

[b-ar8kurm475] .mini-tier-table {
    background: transparent !important;
}

[b-ar8kurm475] .mini-tier-table .mud-table-head .mud-table-cell {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    border-bottom: 1px solid var(--border-color);
    background: transparent !important;
    padding: var(--space-xs) var(--space-sm);
}

[b-ar8kurm475] .mini-tier-table .mud-table-cell {
    border-bottom: 1px solid var(--border-color);
    padding: var(--space-xs) var(--space-sm);
}
/* _content/Ayva.Admin/Components/Bdc/BdcSitesTab.razor.rz.scp.css */
.bdc-sites-tab[b-y0cesef8nu] {
    animation: fadeIn-b-y0cesef8nu 0.3s ease;
    height: calc(100vh - 280px);
    min-height: 500px;
}

.sites-layout[b-y0cesef8nu] {
    display: flex;
    gap: var(--space-md);
    height: 100%;
}

.sites-table-panel[b-y0cesef8nu] {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.sites-map-panel[b-y0cesef8nu] {
    flex: 1;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    min-height: 400px;
}

.panel-toolbar[b-y0cesef8nu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-bottom: 1px solid var(--border-color);
}

[b-y0cesef8nu] .search-field {
    flex: 1;
}

.loading-container[b-y0cesef8nu] {
    display: flex;
    justify-content: center;
    padding: var(--space-xl);
}

[b-y0cesef8nu] .sites-table {
    background: transparent !important;
    flex: 1;
}

[b-y0cesef8nu] .sites-table .mud-table-head .mud-table-cell {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-card) !important;
}

[b-y0cesef8nu] .sites-table .mud-table-body .mud-table-row {
    transition: background var(--transition-fast);
    cursor: pointer;
}

[b-y0cesef8nu] .sites-table .mud-table-body .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

[b-y0cesef8nu] .sites-table .mud-table-body .mud-table-row.excluded-row {
    opacity: 0.5;
}

[b-y0cesef8nu] .sites-table .mud-table-cell {
    border-bottom: 1px solid var(--border-color);
}

.sites-summary[b-y0cesef8nu] {
    padding: var(--space-sm) var(--space-md);
    border-top: 1px solid var(--border-color);
}

.no-sites[b-y0cesef8nu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-xl);
    color: var(--text-muted);
}

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

@media (max-width: 768px) {
    .sites-layout[b-y0cesef8nu] {
        flex-direction: column;
    }

    .sites-table-panel[b-y0cesef8nu] {
        flex: none;
        max-height: 50%;
    }

    .sites-map-panel[b-y0cesef8nu] {
        flex: 1;
        min-height: 300px;
    }
}
/* _content/Ayva.Admin/Components/Bdc/BdcSpeedTierEditor.razor.rz.scp.css */
.speed-tier-editor[b-ffhnnaloci] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

[b-ffhnnaloci] .tier-table {
    background: transparent !important;
}

[b-ffhnnaloci] .tier-table .mud-table-head .mud-table-cell {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-color);
    background: transparent !important;
}

[b-ffhnnaloci] .tier-table .mud-table-body .mud-table-row {
    transition: background var(--transition-fast);
}

[b-ffhnnaloci] .tier-table .mud-table-body .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

[b-ffhnnaloci] .tier-table .mud-table-cell {
    border-bottom: 1px solid var(--border-color);
}

.no-tiers[b-ffhnnaloci] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-xl);
    color: var(--text-muted);
}

.add-tier-form[b-ffhnnaloci] {
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    animation: fadeIn-b-ffhnnaloci 0.2s ease;
}

.add-tier-action[b-ffhnnaloci] {
    display: flex;
    padding-top: var(--space-sm);
}

@keyframes fadeIn-b-ffhnnaloci {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
/* _content/Ayva.Admin/Components/Bdc/BdcStatsCards.razor.rz.scp.css */
.bdc-stats-cards[b-wvj4o8zzgi] {
    animation: fadeIn-b-wvj4o8zzgi 0.3s ease;
}

.stats-grid[b-wvj4o8zzgi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
}

.stat-card[b-wvj4o8zzgi] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.stat-card:hover[b-wvj4o8zzgi] {
    border-color: var(--accent-color);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.stat-card.wide[b-wvj4o8zzgi] {
    grid-column: span 2;
}

.stat-icon[b-wvj4o8zzgi] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.total[b-wvj4o8zzgi] {
    background: var(--info-bg);
    color: var(--info-color);
}

.stat-icon.locations[b-wvj4o8zzgi] {
    background: var(--success-bg);
    color: var(--success-color);
}

.stat-icon.residential[b-wvj4o8zzgi] {
    background: var(--warning-bg);
    color: var(--warning-color);
}

.stat-icon.business[b-wvj4o8zzgi] {
    background: var(--bg-hover);
    color: var(--accent-color);
}

.stat-icon.cities[b-wvj4o8zzgi] {
    background: var(--success-bg);
    color: var(--success-color);
}

.stat-icon.bounds[b-wvj4o8zzgi] {
    background: var(--info-bg);
    color: var(--info-color);
}

.stat-content[b-wvj4o8zzgi] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    min-width: 0;
}

.stat-label[b-wvj4o8zzgi] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-value[b-wvj4o8zzgi] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.city-list[b-wvj4o8zzgi] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.bounds-info[b-wvj4o8zzgi] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    font-size: var(--text-sm);
    color: var(--text-primary);
    font-family: var(--font-mono);
}

@media (max-width: 640px) {
    .stat-card.wide[b-wvj4o8zzgi] {
        grid-column: span 1;
    }

    .stats-grid[b-wvj4o8zzgi] {
        grid-template-columns: 1fr;
    }
}

@keyframes fadeIn-b-wvj4o8zzgi {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
/* _content/Ayva.Admin/Components/Bdc/BdcValidationResultsPanel.razor.rz.scp.css */
.bdc-validation-results[b-iurvgo0y84] {
    animation: fadeIn-b-iurvgo0y84 0.3s ease;
}

.validation-section[b-iurvgo0y84] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

.section-header[b-iurvgo0y84] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.section-header > :first-child[b-iurvgo0y84] {
    color: var(--accent-color);
}

.validation-summary-chips[b-iurvgo0y84] {
    display: flex;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.no-results[b-iurvgo0y84] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-xl);
    color: var(--text-muted);
}

.validation-group[b-iurvgo0y84] {
    margin-bottom: var(--space-md);
}

.group-header[b-iurvgo0y84] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-sm);
}

.group-header.error[b-iurvgo0y84] {
    background: var(--error-bg);
    color: var(--error-color);
}

.group-header.warning[b-iurvgo0y84] {
    background: var(--warning-bg);
    color: var(--warning-color);
}

.group-header.info[b-iurvgo0y84] {
    background: var(--info-bg);
    color: var(--info-color);
}

[b-iurvgo0y84] .validation-item {
    margin-bottom: var(--space-xs);
}

[b-iurvgo0y84] .validation-expansion {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-sm) !important;
}

[b-iurvgo0y84] .validation-expansion .mud-expand-panel-header {
    padding: var(--space-sm) var(--space-md) !important;
}

.validation-item-header[b-iurvgo0y84] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.validation-detail[b-iurvgo0y84] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm);
    color: var(--text-secondary);
}

@keyframes fadeIn-b-iurvgo0y84 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
/* _content/Ayva.Admin/Components/CallbacksPanel.razor.rz.scp.css */
/* CallbacksPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Icon button scale on hover */
[b-x9q4frb97p] .mud-icon-button:hover {
    transform: scale(1.1);
}

/* Custom shimmer animation for skeleton (if needed beyond global) */
@keyframes shimmer-b-x9q4frb97p {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* _content/Ayva.Admin/Components/CircuitControlPanel.razor.rz.scp.css */
/*
 * CircuitControlPanel.razor.css - Circuit Control Panel Styles
 * Uses centralized CSS variables from /assets/css/ayva-theme.css
 * MudBlazor overrides are handled globally in ayva-theme.css
 */

/* ===== CONTAINER ===== */
.circuit-control-container[b-8zju7dl9sq] {
    padding: var(--space-md);
}

/* ===== HEADER SECTION ===== */
.panel-header[b-8zju7dl9sq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    backdrop-filter: blur(12px);
}

.header-content[b-8zju7dl9sq] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
}

.header-icon[b-8zju7dl9sq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background: linear-gradient(135deg, var(--accent-color), var(--accent-secondary));
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    flex-shrink: 0;
}

.header-text h1[b-8zju7dl9sq] {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.header-text p[b-8zju7dl9sq] {
    margin: var(--space-xs) 0 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.header-stats[b-8zju7dl9sq] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.stat-chip[b-8zju7dl9sq] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    transition: all var(--transition-normal);
}

.stat-chip.selected[b-8zju7dl9sq] {
    background: var(--bg-active);
    border-color: var(--accent-color);
    color: var(--accent-light);
}

/* ===== SECTION CARDS ===== */
.section-card[b-8zju7dl9sq] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    overflow: hidden;
    transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
}

.section-card:hover[b-8zju7dl9sq] {
    border-color: var(--border-accent);
}

.section-card.full-width[b-8zju7dl9sq] {
    background: transparent;
    border: none;
}

.section-header[b-8zju7dl9sq] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    padding: var(--space-lg);
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-secondary);
}

.section-title-group h3[b-8zju7dl9sq] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.section-subtitle[b-8zju7dl9sq] {
    display: block;
    margin-top: var(--space-xs);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.section-content[b-8zju7dl9sq] {
    padding: var(--space-lg);
}

/* ===== BROADCAST TABS ===== */
[b-8zju7dl9sq] .broadcast-tabs {
    margin: 0;
}

[b-8zju7dl9sq] .broadcast-tab-panel {
    padding: var(--space-lg) !important;
}

.form-section[b-8zju7dl9sq] {
    min-height: 200px;
}

/* ===== FORM ELEMENTS ===== */
.checkbox-field[b-8zju7dl9sq] {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 2.5rem;
}

.action-button[b-8zju7dl9sq] {
    height: 2.5rem;
}

.code-input[b-8zju7dl9sq]  .mud-input-slot {
    font-family: var(--font-mono) !important;
    font-size: var(--text-sm) !important;
}

.severity-option[b-8zju7dl9sq] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* ===== CIRCUIT INFO CARD ===== */
.circuit-info-card[b-8zju7dl9sq] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.circuit-info-card .section-content[b-8zju7dl9sq] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.circuit-details-scroll[b-8zju7dl9sq] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
    padding-right: var(--space-sm);
}

/* Scrollbar for circuit details */
.circuit-details-scroll[b-8zju7dl9sq]::-webkit-scrollbar {
    width: 0.375rem;
}

.circuit-details-scroll[b-8zju7dl9sq]::-webkit-scrollbar-track {
    background: var(--black-overlay-20);
    border-radius: var(--radius-xs);
}

.circuit-details-scroll[b-8zju7dl9sq]::-webkit-scrollbar-thumb {
    background: var(--accent-color);
    border-radius: var(--radius-xs);
}

.circuit-details-scroll[b-8zju7dl9sq]::-webkit-scrollbar-thumb:hover {
    background: var(--accent-light);
}

/* Info Groups */
.info-group[b-8zju7dl9sq] {
    margin-bottom: var(--space-lg);
}

.info-group:last-child[b-8zju7dl9sq] {
    margin-bottom: 0;
}

.info-group-header[b-8zju7dl9sq] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-sm);
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--border-color);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.info-row[b-8zju7dl9sq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--space-xs) 0;
    gap: var(--space-md);
}

.info-label[b-8zju7dl9sq] {
    color: var(--text-muted);
    font-size: var(--text-xs);
    flex-shrink: 0;
}

.info-value[b-8zju7dl9sq] {
    color: var(--text-primary);
    font-size: var(--text-sm);
    text-align: right;
    word-break: break-word;
}

.info-value.mono[b-8zju7dl9sq] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

/* Privacy Flags */
.privacy-flags[b-8zju7dl9sq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

/* User Agent Text */
.user-agent-text[b-8zju7dl9sq] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    word-break: break-all;
    line-height: 1.5;
    background: var(--bg-secondary);
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
}

/* Empty State */
.empty-state[b-8zju7dl9sq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-2xl);
    color: var(--text-muted);
    text-align: center;
}

.empty-state span[b-8zju7dl9sq] {
    font-size: var(--text-sm);
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1280px) {
    .panel-header[b-8zju7dl9sq] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-stats[b-8zju7dl9sq] {
        justify-content: flex-start;
    }
}

@media (max-width: 960px) {
    .circuit-control-container[b-8zju7dl9sq] {
        padding: var(--space-sm);
    }

    .panel-header[b-8zju7dl9sq] {
        padding: var(--space-md);
    }

    .header-icon[b-8zju7dl9sq] {
        width: 3rem;
        height: 3rem;
    }

    .header-text h1[b-8zju7dl9sq] {
        font-size: var(--text-xl);
    }

    .section-header[b-8zju7dl9sq],
    .section-content[b-8zju7dl9sq],
    [b-8zju7dl9sq] .broadcast-tab-panel {
        padding: var(--space-md) !important;
    }

    .circuit-details-scroll[b-8zju7dl9sq] {
        max-height: 400px;
    }
}

@media (max-width: 600px) {
    .header-content[b-8zju7dl9sq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-icon[b-8zju7dl9sq] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .stat-chip[b-8zju7dl9sq] {
        padding: var(--space-xs) var(--space-sm);
        font-size: var(--text-xs);
    }

    .info-row[b-8zju7dl9sq] {
        flex-direction: column;
        gap: var(--space-xs);
    }

    .info-value[b-8zju7dl9sq] {
        text-align: left;
    }

    .privacy-flags[b-8zju7dl9sq] {
        flex-direction: column;
    }
}
/* _content/Ayva.Admin/Components/Coms.razor.rz.scp.css */
/*
 * Coms.razor.css - Circuit Control Panel Styles
 * Uses centralized CSS variables from /assets/css/ayva-theme.css
 * MudBlazor overrides are handled globally in ayva-theme.css
 */

/* ===== CONTAINER ===== */
.circuit-control-container[b-1x5unus1k2] {
    padding: var(--space-md);
    min-height: 100%;
}

/* ===== HEADER SECTION ===== */
.panel-header[b-1x5unus1k2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    backdrop-filter: blur(12px);
}

.header-content[b-1x5unus1k2] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
}

.header-icon[b-1x5unus1k2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background: linear-gradient(135deg, var(--accent-color), var(--accent-secondary));
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    flex-shrink: 0;
}

.header-text h1[b-1x5unus1k2] {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.header-text p[b-1x5unus1k2] {
    margin: var(--space-xs) 0 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.header-stats[b-1x5unus1k2] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.stat-chip[b-1x5unus1k2] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    transition: all var(--transition-normal);
}

.stat-chip.selected[b-1x5unus1k2] {
    background: var(--bg-active);
    border-color: var(--accent-color);
    color: var(--accent-light);
}

/* ===== SECTION CARDS ===== */
.section-card[b-1x5unus1k2] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    overflow: hidden;
    transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
}

.section-card:hover[b-1x5unus1k2] {
    border-color: var(--border-accent);
}

.section-card.full-width[b-1x5unus1k2] {
    background: transparent;
    border: none;
}

.section-header[b-1x5unus1k2] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    padding: var(--space-lg);
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-secondary);
}

.section-title-group h3[b-1x5unus1k2] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.section-subtitle[b-1x5unus1k2] {
    display: block;
    margin-top: var(--space-xs);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.section-content[b-1x5unus1k2] {
    padding: var(--space-lg);
}

/* ===== BROADCAST TABS ===== */
[b-1x5unus1k2] .broadcast-tabs {
    margin: 0;
}

[b-1x5unus1k2] .broadcast-tab-panel {
    padding: var(--space-lg) !important;
}

.form-section[b-1x5unus1k2] {
    min-height: 200px;
}

/* ===== FORM ELEMENTS ===== */
.checkbox-field[b-1x5unus1k2] {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 2.5rem;
}

.action-button[b-1x5unus1k2] {
    height: 2.5rem;
}

.code-input[b-1x5unus1k2]  .mud-input-slot {
    font-family: var(--font-mono) !important;
    font-size: var(--text-sm) !important;
}

.severity-option[b-1x5unus1k2] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* ===== CIRCUIT INFO CARD ===== */
.circuit-info-card[b-1x5unus1k2] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.circuit-info-card .section-content[b-1x5unus1k2] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.circuit-details-scroll[b-1x5unus1k2] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
    padding-right: var(--space-sm);
}

/* Scrollbar for circuit details */
.circuit-details-scroll[b-1x5unus1k2]::-webkit-scrollbar {
    width: 0.375rem;
}

.circuit-details-scroll[b-1x5unus1k2]::-webkit-scrollbar-track {
    background: var(--black-overlay-20);
    border-radius: var(--radius-xs);
}

.circuit-details-scroll[b-1x5unus1k2]::-webkit-scrollbar-thumb {
    background: var(--accent-color);
    border-radius: var(--radius-xs);
}

.circuit-details-scroll[b-1x5unus1k2]::-webkit-scrollbar-thumb:hover {
    background: var(--accent-light);
}

/* Info Groups */
.info-group[b-1x5unus1k2] {
    margin-bottom: var(--space-lg);
}

.info-group:last-child[b-1x5unus1k2] {
    margin-bottom: 0;
}

.info-group-header[b-1x5unus1k2] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-sm);
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--border-color);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.info-row[b-1x5unus1k2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--space-xs) 0;
    gap: var(--space-md);
}

.info-label[b-1x5unus1k2] {
    color: var(--text-muted);
    font-size: var(--text-xs);
    flex-shrink: 0;
}

.info-value[b-1x5unus1k2] {
    color: var(--text-primary);
    font-size: var(--text-sm);
    text-align: right;
    word-break: break-word;
}

.info-value.mono[b-1x5unus1k2] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

/* Privacy Flags */
.privacy-flags[b-1x5unus1k2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

/* User Agent Text */
.user-agent-text[b-1x5unus1k2] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    word-break: break-all;
    line-height: 1.5;
    background: var(--bg-secondary);
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
}

/* Empty State */
.empty-state[b-1x5unus1k2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-2xl);
    color: var(--text-muted);
    text-align: center;
}

.empty-state span[b-1x5unus1k2] {
    font-size: var(--text-sm);
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1280px) {
    .panel-header[b-1x5unus1k2] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-stats[b-1x5unus1k2] {
        justify-content: flex-start;
    }
}

@media (max-width: 960px) {
    .circuit-control-container[b-1x5unus1k2] {
        padding: var(--space-sm);
    }

    .panel-header[b-1x5unus1k2] {
        padding: var(--space-md);
    }

    .header-icon[b-1x5unus1k2] {
        width: 3rem;
        height: 3rem;
    }

    .header-text h1[b-1x5unus1k2] {
        font-size: var(--text-xl);
    }

    .section-header[b-1x5unus1k2],
    .section-content[b-1x5unus1k2],
    [b-1x5unus1k2] .broadcast-tab-panel {
        padding: var(--space-md) !important;
    }

    .circuit-details-scroll[b-1x5unus1k2] {
        max-height: 400px;
    }
}

@media (max-width: 600px) {
    .header-content[b-1x5unus1k2] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-icon[b-1x5unus1k2] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .stat-chip[b-1x5unus1k2] {
        padding: var(--space-xs) var(--space-sm);
        font-size: var(--text-xs);
    }

    .info-row[b-1x5unus1k2] {
        flex-direction: column;
        gap: var(--space-xs);
    }

    .info-value[b-1x5unus1k2] {
        text-align: left;
    }

    .privacy-flags[b-1x5unus1k2] {
        flex-direction: column;
    }
}
/* _content/Ayva.Admin/Components/ConfigurationPanel.razor.rz.scp.css */
/* ConfigurationPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Hover highlight for inline editing */
.hover-highlight:hover[b-13kprvjr31] {
    background-color: var(--bg-hover);
    border-radius: var(--radius-sm);
}

.hover-highlight .edit-icon[b-13kprvjr31] {
    opacity: 0;
    transition: opacity var(--transition-normal);
}

.hover-highlight:hover .edit-icon[b-13kprvjr31] {
    opacity: 1;
}

/* Brand icon colors using CSS variables */
[b-13kprvjr31] .brand-icon-discord {
    color: var(--discord-color);
}

[b-13kprvjr31] .brand-icon-twilio {
    color: var(--twilio-color);
}

[b-13kprvjr31] .brand-icon-slack {
    color: var(--slack-color);
}

[b-13kprvjr31] .brand-icon-uisp {
    color: var(--uisp-color);
}

/* Fixed notification positioning */
.fixed-notification[b-13kprvjr31] {
    position: fixed;
    bottom: var(--space-lg);
    right: var(--space-lg);
    z-index: 9999;
}
/* _content/Ayva.Admin/Components/CoverageManagementPanel.razor.rz.scp.css */
/* CoverageManagementPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Sidebar panel - ensure minimum usable height */
[b-nfcf46zpq3] .mud-grid-item:first-child .mud-paper {
    min-height: var(--min-panel-height, 24rem);
}

/* Map list sidebar - selected state with accent border */
[b-nfcf46zpq3] .mud-list-item.mud-selected {
    border: 1px solid var(--accent-color);
}

/* Stats cards - icon scale on hover */
[b-nfcf46zpq3] .mud-paper:hover .mud-icon-root {
    transform: scale(1.1);
    transition: transform var(--transition-fast);
}

/* Ensure grid items fill available height */
[b-nfcf46zpq3] .mud-grid {
    align-items: stretch;
}

/* Tabs content - prevent overflow */
[b-nfcf46zpq3] .mud-tabs-panels {
    overflow-x: hidden;
    overflow-y: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-nfcf46zpq3] .mud-grid-item:first-child .mud-paper {
        min-height: auto;
    }

    [b-nfcf46zpq3] .mud-grid-item {
        padding: var(--spacing-xs) !important;
    }
}

@media (max-width: 640px) {
    /* Stack sidebar and content vertically on small screens */
    [b-nfcf46zpq3] .mud-grid {
        gap: var(--spacing-sm);
    }
}
/* _content/Ayva.Admin/Components/Dashboard/AdminDashboard.razor.rz.scp.css */
/* ==========================================================================
   ADMIN DASHBOARD ORCHESTRATOR
   Uses CSS variables from ayva-theme.css - never hardcode values
   ========================================================================== */

.admin-dashboard[b-6042439hfy] {
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    min-width: 0;
}

.dashboard-top-row[b-6042439hfy] {
    display: flex;
    gap: var(--space-md);
    align-items: flex-start;
}

.dashboard-health-ring[b-6042439hfy] {
    flex-shrink: 0;
}

.dashboard-stats-grid[b-6042439hfy] {
    flex: 1;
    min-width: 0;
}

.dashboard-network-row[b-6042439hfy] {
    /* Full width network stats */
}

.dashboard-bottom-row[b-6042439hfy] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--space-md);
}

.dashboard-activity[b-6042439hfy] {
    min-width: 0;
}

.dashboard-roles[b-6042439hfy] {
    min-width: 0;
}

.dashboard-services[b-6042439hfy] {
    min-width: 0;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 960px) {
    .dashboard-bottom-row[b-6042439hfy] {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-roles[b-6042439hfy] {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .dashboard-top-row[b-6042439hfy] {
        flex-direction: column;
    }

    .dashboard-health-ring[b-6042439hfy] {
        align-self: center;
    }

    .dashboard-bottom-row[b-6042439hfy] {
        grid-template-columns: 1fr;
    }

    .dashboard-roles[b-6042439hfy] {
        grid-column: span 1;
    }
}

@media (max-width: 640px) {
    .admin-dashboard[b-6042439hfy] {
        padding: var(--space-sm);
        gap: var(--space-sm);
    }
}
/* _content/Ayva.Admin/Components/Dashboard/QuickActionsBar.razor.rz.scp.css */
/* QuickActionsBar - Isolated styles */

.quick-actions-wrapper[b-rjndoid0vf] {
    margin-bottom: var(--space-md);
}

.quick-actions-card[b-rjndoid0vf] {
    padding: var(--space-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    background: var(--glass-panel);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.quick-actions-title[b-rjndoid0vf] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--space-sm);
    display: block;
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
}

.quick-actions-grid[b-rjndoid0vf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.quick-action-btn[b-rjndoid0vf] {
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    padding: var(--space-sm) var(--space-md);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
}

.quick-action-btn:hover[b-rjndoid0vf] {
    border-color: var(--accent-color);
    color: var(--text-primary);
    background: rgba(var(--primary-color-rgb), 0.1);
    box-shadow: var(--glow-accent);
}

.quick-action-btn:active[b-rjndoid0vf] {
    transform: scale(var(--click-scale));
}

.action-icon-wrap[b-rjndoid0vf] {
    display: flex;
    align-items: center;
}

.action-label[b-rjndoid0vf] {
    white-space: nowrap;
}

/* Responsive: icons only on small screens */
@media (max-width: 640px) {
    .quick-actions-grid[b-rjndoid0vf] {
        gap: var(--space-xs);
    }

    .quick-action-btn[b-rjndoid0vf] {
        padding: var(--space-xs) var(--space-sm);
    }

    .action-label[b-rjndoid0vf] {
        display: none;
    }
}
/* _content/Ayva.Admin/Components/Dashboard/RecentActivityFeed.razor.rz.scp.css */
/* RecentActivityFeed - Isolated styles */

.activity-feed-card[b-go0x1rtah6] {
    background: var(--glass-card-elevated);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    min-height: 200px;
    max-height: 320px;
    display: flex;
    flex-direction: column;
}

.activity-header[b-go0x1rtah6] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin-bottom: var(--space-sm);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-color);
}

.activity-header-icon[b-go0x1rtah6] {
    color: var(--text-muted);
}

.activity-title[b-go0x1rtah6] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-semibold);
    font-family: var(--font-primary);
}

.activity-list[b-go0x1rtah6] {
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.activity-item[b-go0x1rtah6] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    animation: slideInFromLeft 0.3s var(--panel-enter-easing) both;
}

.activity-dot[b-go0x1rtah6] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 6px;
    flex-shrink: 0;
}

.activity-dot.info[b-go0x1rtah6] {
    background: var(--info-color);
}

.activity-dot.success[b-go0x1rtah6] {
    background: var(--success-color);
}

.activity-dot.warning[b-go0x1rtah6] {
    background: var(--warning-color);
}

.activity-dot.error[b-go0x1rtah6] {
    background: var(--error-color);
}

.activity-content[b-go0x1rtah6] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.activity-message[b-go0x1rtah6] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    line-height: 1.4;
    font-family: var(--font-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-time[b-go0x1rtah6] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.activity-empty[b-go0x1rtah6] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-muted);
    font-size: var(--text-sm);
    padding: var(--space-md);
    justify-content: center;
    font-family: var(--font-primary);
}

/* Thin scrollbar */
.activity-list[b-go0x1rtah6]::-webkit-scrollbar {
    width: 3px;
}

.activity-list[b-go0x1rtah6]::-webkit-scrollbar-track {
    background: transparent;
}

.activity-list[b-go0x1rtah6]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}
/* _content/Ayva.Admin/Components/Dashboard/ServiceStatusGrid.razor.rz.scp.css */
/* ServiceStatusGrid - Isolated styles */

.service-grid-card[b-cdfu5tynaz] {
    background: var(--glass-card-elevated);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
}

.service-header[b-cdfu5tynaz] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin-bottom: var(--space-sm);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-color);
}

.service-header-icon[b-cdfu5tynaz] {
    color: var(--text-muted);
}

.service-title[b-cdfu5tynaz] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-semibold);
    font-family: var(--font-primary);
}

.service-grid[b-cdfu5tynaz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-sm);
}

.service-item[b-cdfu5tynaz] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    border: 1px solid transparent;
    transition: all var(--transition-fast);
    cursor: pointer;
    min-width: 0;
}

.service-item:hover[b-cdfu5tynaz] {
    background: rgba(var(--primary-color-rgb), 0.08);
    border-color: var(--border-color);
}

.service-item.connected[b-cdfu5tynaz]  .service-icon {
    color: var(--text-primary);
}

.service-item.disconnected[b-cdfu5tynaz]  .service-icon {
    color: var(--text-muted);
    opacity: 0.5;
}

.service-dot[b-cdfu5tynaz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.service-item.connected .service-dot[b-cdfu5tynaz] {
    background: var(--success-color);
}

.service-item.disconnected .service-dot[b-cdfu5tynaz] {
    background: var(--text-muted);
    opacity: 0.4;
}

.service-name[b-cdfu5tynaz] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-family: var(--font-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-item.connected .service-name[b-cdfu5tynaz] {
    color: var(--text-primary);
}

/* Responsive: single column on small screens */
@media (max-width: 640px) {
    .service-grid[b-cdfu5tynaz] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/Dashboard/StatCard.razor.rz.scp.css */
/* ==========================================================================
   StatCard - Glassmorphism stat card with staggered reveal animation
   Uses CSS variables from ayva-theme.css exclusively.
   ========================================================================== */

.stat-card-wrapper[b-whdws52w6u] {
    padding: var(--space-xs);
}

.stat-card-inner[b-whdws52w6u] {
    background: var(--glass-card-elevated);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    position: relative;
    overflow: hidden;
    transition: all var(--transition-fast);
}

.stat-card-inner:hover[b-whdws52w6u] {
    transform: translateY(var(--hover-lift));
    box-shadow: var(--glow-accent);
    border-color: var(--accent-color);
}

/* Top accent bar */
.stat-card-accent[b-whdws52w6u] {
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--accent-color);
    opacity: 0.6;
}

/* ==========================================================================
   Accent variants — resolved via theme variables only.
   Applied both on the outer wrapper (for hover-glow theming) and on the
   inner accent bar.
   ========================================================================== */

.stat-accent-default .stat-card-accent[b-whdws52w6u] {
    background: linear-gradient(180deg, var(--accent-color), transparent);
}

.stat-accent-success .stat-card-accent[b-whdws52w6u] {
    background: linear-gradient(180deg, var(--success-color, #10b981), transparent);
}

.stat-accent-warning .stat-card-accent[b-whdws52w6u] {
    background: linear-gradient(180deg, var(--warning-color, #f59e0b), transparent);
}

.stat-accent-danger .stat-card-accent[b-whdws52w6u] {
    background: linear-gradient(180deg, var(--error-color, #ef4444), transparent);
}

.stat-accent-neutral .stat-card-accent[b-whdws52w6u] {
    background: linear-gradient(180deg, var(--text-tertiary, rgba(255, 255, 255, 0.5)), transparent);
    opacity: 0.35;
}

/* Hover-glow retints per accent so the card reads as "this is a success/warning/etc." */
.stat-card-wrapper.stat-accent-success .stat-card-inner:hover[b-whdws52w6u] {
    box-shadow: 0 0 24px rgba(var(--success-color-rgb, 16, 185, 129), 0.25);
    border-color: var(--success-color);
}

.stat-card-wrapper.stat-accent-warning .stat-card-inner:hover[b-whdws52w6u] {
    box-shadow: 0 0 24px rgba(var(--warning-color-rgb, 245, 158, 11), 0.25);
    border-color: var(--warning-color);
}

.stat-card-wrapper.stat-accent-danger .stat-card-inner:hover[b-whdws52w6u] {
    box-shadow: 0 0 24px rgba(var(--error-color-rgb, 239, 68, 68), 0.25);
    border-color: var(--error-color);
}

/* Content layout */
.stat-card-content[b-whdws52w6u] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* Icon container */
.stat-icon-wrapper[b-whdws52w6u] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    background: rgba(var(--primary-color-rgb), 0.1);
    flex-shrink: 0;
}

/* Info section */
.stat-info[b-whdws52w6u] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    min-width: 0;
}

.stat-label[b-whdws52w6u] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--font-primary);
    font-weight: var(--font-medium);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stat-value-row[b-whdws52w6u] {
    display: flex;
    align-items: baseline;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.stat-value[b-whdws52w6u] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    font-family: var(--font-primary);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Trend indicators */
.stat-trend[b-whdws52w6u] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    font-family: var(--font-primary);
    white-space: nowrap;
}

.stat-trend.trend-up[b-whdws52w6u] {
    color: var(--success-color);
}

.stat-trend.trend-down[b-whdws52w6u] {
    color: var(--error-color);
}

/* Clickable state */
.clickable[b-whdws52w6u] {
    cursor: pointer;
}

.clickable:active .stat-card-inner[b-whdws52w6u] {
    transform: scale(var(--click-scale));
}

/* ==========================================================================
   Responsive - Compact layout for smaller screens
   ========================================================================== */

@media (max-width: 640px) {
    .stat-icon-wrapper[b-whdws52w6u] {
        width: 36px;
        height: 36px;
    }

    .stat-value[b-whdws52w6u] {
        font-size: var(--text-lg);
    }

    .stat-card-content[b-whdws52w6u] {
        gap: var(--space-sm);
    }

    .stat-card-inner[b-whdws52w6u] {
        padding: var(--space-sm);
    }
}
/* _content/Ayva.Admin/Components/Dashboard/SystemHealthRing.razor.rz.scp.css */
/* ==========================================================================
   SystemHealthRing - SVG circular progress ring for system health display
   Uses CSS variables from ayva-theme.css exclusively.
   ========================================================================== */

.health-ring-wrapper[b-lqwlh6xz8w] {
    display: flex;
    justify-content: center;
}

.health-ring-card[b-lqwlh6xz8w] {
    background: var(--glass-card-elevated);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    min-height: 160px;
    transition: all var(--transition-fast);
}

.health-ring-card:hover[b-lqwlh6xz8w] {
    border-color: var(--accent-color);
    box-shadow: var(--glow-accent);
}

.health-ring-svg[b-lqwlh6xz8w] {
    width: 140px;
    height: 140px;
}

/* Progress ring stroke animation */
.health-ring-progress[b-lqwlh6xz8w] {
    transition: stroke-dashoffset 1s var(--panel-enter-easing), stroke 0.5s ease;
    animation: ringFill 1.5s var(--panel-enter-easing) both;
}

/* Center percentage text */
.health-ring-value[b-lqwlh6xz8w] {
    fill: var(--text-primary);
    font-size: 1.5rem;
    font-weight: bold;
    font-family: var(--font-primary);
}

/* Label below percentage */
.health-ring-label[b-lqwlh6xz8w] {
    fill: var(--text-secondary);
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--font-primary);
}

/* ==========================================================================
   Responsive - Slightly smaller on narrow screens
   ========================================================================== */

@media (max-width: 640px) {
    .health-ring-card[b-lqwlh6xz8w] {
        min-width: 140px;
        min-height: 140px;
        padding: var(--space-sm);
    }

    .health-ring-svg[b-lqwlh6xz8w] {
        width: 120px;
        height: 120px;
    }

    .health-ring-value[b-lqwlh6xz8w] {
        font-size: 1.25rem;
    }
}
/* _content/Ayva.Admin/Components/Dashboard/UserRolesCard.razor.rz.scp.css */
/* UserRolesCard - Isolated styles */

.roles-card[b-3qtdnggrfz] {
    background: var(--glass-card-elevated);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.roles-header[b-3qtdnggrfz] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin-bottom: var(--space-sm);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-color);
}

[b-3qtdnggrfz] .roles-header-icon {
    color: var(--text-muted);
}

.roles-title[b-3qtdnggrfz] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-semibold);
    font-family: var(--font-primary);
    flex: 1;
}

[b-3qtdnggrfz] .roles-superuser-chip {
    height: 20px !important;
    font-size: var(--text-xs) !important;
}

.roles-list[b-3qtdnggrfz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    flex: 1;
}

.role-item[b-3qtdnggrfz] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    border: 1px solid transparent;
    transition: all var(--transition-fast);
}

.role-item:hover[b-3qtdnggrfz] {
    background: rgba(var(--primary-color-rgb), 0.08);
    border-color: var(--border-color);
}

.role-item.role-super[b-3qtdnggrfz] {
    border-color: var(--warning-color-20);
    background: var(--warning-color-5);
}

.role-item.role-super:hover[b-3qtdnggrfz] {
    background: var(--warning-color-10);
    border-color: var(--warning-color-30);
}

.role-icon-wrapper[b-3qtdnggrfz] {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--role-accent, var(--accent-color)) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--role-accent, var(--accent-color)) 30%, transparent);
}

[b-3qtdnggrfz] .role-icon-wrapper .mud-icon-root {
    font-size: 1rem !important;
    color: var(--role-accent, var(--accent-color));
}

.role-info[b-3qtdnggrfz] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.role-name[b-3qtdnggrfz] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    font-weight: var(--font-medium);
    font-family: var(--font-primary);
    line-height: 1.2;
}

.role-desc[b-3qtdnggrfz] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

[b-3qtdnggrfz] .role-star {
    color: var(--warning-color) !important;
    font-size: 1rem !important;
    flex-shrink: 0;
}

.roles-summary[b-3qtdnggrfz] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-color);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

[b-3qtdnggrfz] .roles-summary .mud-icon-root {
    font-size: 0.875rem !important;
    color: var(--text-muted);
}

.roles-empty[b-3qtdnggrfz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    padding: var(--space-lg);
    color: var(--text-muted);
    font-size: var(--text-sm);
}

[b-3qtdnggrfz] .roles-empty .mud-icon-root {
    color: var(--warning-color);
}
/* _content/Ayva.Admin/Components/Dialogs/AuthBypassWarningDialog.razor.rz.scp.css */
/* AuthBypassWarningDialog.razor.css - CSS isolation for AuthBypassWarningDialog component */

/* Dialog container styling via MudBlazor deep selectors */
[b-kipxx89ic6] .mud-dialog {
    background: var(--bg-card-solid);
    border: 1px solid var(--error-border);
    border-top: 3px solid var(--error-color);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-lg), 0 0 50px var(--error-color-20);
    min-width: 32.5rem;
}

/* Title content area */
[b-kipxx89ic6] .mud-dialog-title {
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--error-border);
    background: var(--error-bg);
}

[b-kipxx89ic6] .mud-dialog-title .mud-typography-h6 {
    color: var(--error-text);
    font-weight: var(--font-bold);
    font-size: var(--text-lg);
}

[b-kipxx89ic6] .mud-dialog-title .mud-icon-root {
    color: var(--error-color);
    font-size: 1.5rem;
}

/* Dialog content area */
[b-kipxx89ic6] .mud-dialog-content {
    padding: var(--space-xl);
}

/* Alert styling - filled error */
[b-kipxx89ic6] .mud-alert-filled-error {
    background: var(--error-color);
    border-radius: var(--radius-lg);
}

[b-kipxx89ic6] .mud-alert-filled-error .mud-typography {
    color: white;
}

/* Alert styling - outlined warning */
[b-kipxx89ic6] .mud-alert-outlined-warning {
    border-color: var(--warning-border);
    background: var(--warning-bg);
    border-radius: var(--radius-lg);
}

[b-kipxx89ic6] .mud-alert-outlined-warning .mud-typography {
    color: var(--warning-text);
}

/* List styling */
[b-kipxx89ic6] .mud-list {
    padding: 0;
    background: transparent;
}

[b-kipxx89ic6] .mud-list-item {
    padding: var(--space-sm) 0;
    color: var(--text-secondary);
    min-height: auto;
}

[b-kipxx89ic6] .mud-list-item .mud-list-item-icon {
    min-width: 2.25rem;
}

[b-kipxx89ic6] .mud-list-item .mud-icon-root {
    color: var(--error-color);
    font-size: 1.25rem;
}

[b-kipxx89ic6] .mud-list-item .mud-typography {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

/* Critical security crisis styling */
[b-kipxx89ic6] .mud-error-text {
    color: var(--error-text) !important;
}

[b-kipxx89ic6] .mud-list-item strong.mud-error-text {
    text-shadow: 0 0 10px var(--error-color-50);
}

/* Text field for confirmation */
[b-kipxx89ic6] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--error-border);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-kipxx89ic6] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--error-color);
}

[b-kipxx89ic6] .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--error-color);
    box-shadow: 0 0 0 0.1875rem var(--error-color-15);
}

[b-kipxx89ic6] .mud-input-outlined .mud-input {
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    letter-spacing: 0.05em;
}

[b-kipxx89ic6] .mud-input-outlined .mud-input-label {
    color: var(--error-text);
    font-size: var(--text-sm);
}

[b-kipxx89ic6] .mud-input-outlined.mud-input-focused .mud-input-label {
    color: var(--error-color);
}

/* Dialog actions area */
[b-kipxx89ic6] .mud-dialog-actions {
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    gap: var(--space-sm);
    border-top: 1px solid var(--border-color);
}

/* Cancel button */
[b-kipxx89ic6] .mud-dialog-actions .mud-button-text {
    color: var(--text-secondary);
    transition: all var(--transition-normal);
}

[b-kipxx89ic6] .mud-dialog-actions .mud-button-text:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* Enable Auth Bypass button (danger) */
[b-kipxx89ic6] .mud-dialog-actions .mud-button-filled.mud-button-error {
    background: var(--error-color);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
    font-weight: var(--font-semibold);
}

[b-kipxx89ic6] .mud-dialog-actions .mud-button-filled.mud-button-error:hover:not(:disabled) {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--error-color-40);
}

[b-kipxx89ic6] .mud-dialog-actions .mud-button-filled.mud-button-error:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

/* Disable Auth Bypass button (success) */
[b-kipxx89ic6] .mud-dialog-actions .mud-button-filled.mud-button-success {
    background: var(--success-color);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
    font-weight: var(--font-semibold);
}

[b-kipxx89ic6] .mud-dialog-actions .mud-button-filled.mud-button-success:hover {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--success-color-40);
}

/* Button icons */
[b-kipxx89ic6] .mud-dialog-actions .mud-button-filled .mud-icon-root {
    font-size: 1.25rem;
}

/* Form field focus enhancement */
[b-kipxx89ic6] .mud-input-control:focus-within {
    box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.2);
    border-radius: var(--radius-sm);
    transition: box-shadow var(--transition-fast);
}

/* Button feedback */
[b-kipxx89ic6] .mud-button-root {
    transition: all var(--transition-fast);
}

[b-kipxx89ic6] .mud-button-root:active {
    transform: scale(var(--click-scale, 0.97));
}

/* Responsive adjustments */
@media (max-width: 640px) {
    [b-kipxx89ic6] .mud-dialog {
        min-width: auto;
        width: 95vw;
        margin: var(--space-md);
    }
}
/* _content/Ayva.Admin/Components/Dialogs/BroadcastDialog.razor.rz.scp.css */
/* BroadcastDialog.razor.css - CSS isolation for BroadcastDialog component */

/* Dialog container styling via MudBlazor deep selectors */
[b-k7jmt5i3j4] .mud-dialog {
    background: var(--bg-card-solid);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-lg);
    min-width: 30rem;
}

/* Title content area */
[b-k7jmt5i3j4] .mud-dialog-title {
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--border-color);
}

[b-k7jmt5i3j4] .mud-dialog-title .mud-typography-h6 {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
    font-size: var(--text-lg);
}

[b-k7jmt5i3j4] .mud-dialog-title .mud-icon-root {
    color: var(--accent-color);
    font-size: 1.5rem;
}

/* Dialog content area */
[b-k7jmt5i3j4] .mud-dialog-content {
    padding: var(--space-xl);
}

/* Text fields styling */
[b-k7jmt5i3j4] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border-color);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-k7jmt5i3j4] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border-color-medium);
}

[b-k7jmt5i3j4] .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 0.1875rem var(--accent-color-10);
}

[b-k7jmt5i3j4] .mud-input-outlined .mud-input {
    color: var(--text-primary);
}

[b-k7jmt5i3j4] .mud-input-outlined .mud-input-label {
    color: var(--text-secondary);
}

[b-k7jmt5i3j4] .mud-input-outlined.mud-input-focused .mud-input-label {
    color: var(--accent-color);
}

/* Select dropdown styling */
[b-k7jmt5i3j4] .mud-select .mud-input-outlined-border {
    border-color: var(--border-color);
    border-radius: var(--radius-lg);
}

[b-k7jmt5i3j4] .mud-select:hover .mud-input-outlined-border {
    border-color: var(--border-color-medium);
}

/* Numeric field */
[b-k7jmt5i3j4] .mud-numeric-field .mud-input-outlined-border {
    border-color: var(--border-color);
    border-radius: var(--radius-lg);
}

/* Checkbox styling */
[b-k7jmt5i3j4] .mud-checkbox .mud-primary-text {
    color: var(--accent-color);
}

[b-k7jmt5i3j4] .mud-checkbox .mud-typography {
    color: var(--text-secondary);
}

/* Preview section */
[b-k7jmt5i3j4] .mud-paper {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

[b-k7jmt5i3j4] .mud-paper .mud-typography-caption {
    color: var(--text-muted);
    font-weight: var(--font-medium);
}

/* Alert in preview */
[b-k7jmt5i3j4] .mud-alert {
    border-radius: var(--radius-md);
}

/* Dialog actions area */
[b-k7jmt5i3j4] .mud-dialog-actions {
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    gap: var(--space-sm);
    border-top: 1px solid var(--border-color);
}

/* Cancel button */
[b-k7jmt5i3j4] .mud-dialog-actions .mud-button-text {
    color: var(--text-secondary);
    transition: all var(--transition-normal);
}

[b-k7jmt5i3j4] .mud-dialog-actions .mud-button-text:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* Broadcast button (Primary filled) */
[b-k7jmt5i3j4] .mud-dialog-actions .mud-button-filled.mud-button-primary {
    background: var(--accent-gradient);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-k7jmt5i3j4] .mud-dialog-actions .mud-button-filled.mud-button-primary:hover:not(:disabled) {
    background: var(--accent-gradient-hover);
    transform: translateY(-0.0625rem);
    box-shadow: var(--shadow-accent);
}

[b-k7jmt5i3j4] .mud-dialog-actions .mud-button-filled.mud-button-primary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Icon in broadcast button */
[b-k7jmt5i3j4] .mud-dialog-actions .mud-button-filled .mud-icon-root {
    font-size: 1.25rem;
}

/* Form field focus enhancement */
[b-k7jmt5i3j4] .mud-input-control:focus-within {
    box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.2);
    border-radius: var(--radius-sm);
    transition: box-shadow var(--transition-fast);
}

/* Button feedback */
[b-k7jmt5i3j4] .mud-button-root {
    transition: all var(--transition-fast);
}

[b-k7jmt5i3j4] .mud-button-root:active {
    transform: scale(var(--click-scale, 0.97));
}

/* Responsive adjustments */
@media (max-width: 640px) {
    [b-k7jmt5i3j4] .mud-dialog {
        min-width: auto;
        width: 95vw;
        margin: var(--space-md);
    }
}
/* _content/Ayva.Admin/Components/Dialogs/ConfirmDialog.razor.rz.scp.css */
/* ConfirmDialog.razor.css - CSS isolation for ConfirmDialog component */

/* Dialog container styling via MudBlazor deep selectors */
[b-dkyypgup3u] .mud-dialog {
    background: var(--bg-card-solid);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-lg);
}

/* Title content area */
[b-dkyypgup3u] .mud-dialog-title {
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--border-color);
}

[b-dkyypgup3u] .mud-dialog-title .mud-typography-h6 {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
    font-size: var(--text-lg);
}

[b-dkyypgup3u] .mud-dialog-title .mud-icon-root {
    font-size: 1.5rem;
}

/* Dialog content area */
[b-dkyypgup3u] .mud-dialog-content {
    padding: var(--space-xl);
    color: var(--text-secondary);
}

[b-dkyypgup3u] .mud-dialog-content .mud-typography {
    line-height: 1.6;
}

/* Dialog actions area */
[b-dkyypgup3u] .mud-dialog-actions {
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    gap: var(--space-sm);
    border-top: 1px solid var(--border-color);
}

/* Cancel button */
[b-dkyypgup3u] .mud-dialog-actions .mud-button-text {
    color: var(--text-secondary);
    transition: all var(--transition-normal);
}

[b-dkyypgup3u] .mud-dialog-actions .mud-button-text:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* Primary/Confirm button */
[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-button-primary {
    background: var(--accent-gradient);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-button-primary:hover {
    background: var(--accent-gradient-hover);
    transform: translateY(-0.0625rem);
    box-shadow: var(--shadow-accent);
}

/* Error/Danger confirm button variant */
[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-error-text,
[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-button-error {
    background: var(--error-color);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-error-text:hover,
[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-button-error:hover {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--error-color-30);
}

/* Warning confirm button variant */
[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-button-warning {
    background: var(--warning-color);
    color: var(--text-inverse);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-button-warning:hover {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--warning-color-30);
}

/* Success confirm button variant */
[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-button-success {
    background: var(--success-color);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-dkyypgup3u] .mud-dialog-actions .mud-button-filled.mud-button-success:hover {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--success-color-30);
}

/* Form field focus enhancement */
[b-dkyypgup3u] .mud-input-control:focus-within {
    box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.2);
    border-radius: var(--radius-sm);
    transition: box-shadow var(--transition-fast);
}

/* Button feedback */
[b-dkyypgup3u] .mud-button-root {
    transition: all var(--transition-fast);
}

[b-dkyypgup3u] .mud-button-root:active {
    transform: scale(var(--click-scale, 0.97));
}
/* _content/Ayva.Admin/Components/Dialogs/EmergencyShutdownDialog.razor.rz.scp.css */
/* EmergencyShutdownDialog.razor.css - CSS isolation for EmergencyShutdownDialog component */

/* Dialog container styling via MudBlazor deep selectors */
[b-w0v2cauumi] .mud-dialog {
    background: var(--bg-card-solid);
    border: 1px solid var(--error-border);
    border-top: 3px solid var(--error-color);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-lg), 0 0 40px var(--error-color-15);
    min-width: 31.25rem;
}

/* Title content area */
[b-w0v2cauumi] .mud-dialog-title {
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--error-border);
    background: var(--error-bg);
}

[b-w0v2cauumi] .mud-dialog-title .mud-typography-h6 {
    color: var(--error-text);
    font-weight: var(--font-semibold);
    font-size: var(--text-lg);
}

[b-w0v2cauumi] .mud-dialog-title .mud-icon-root {
    color: var(--error-color);
    font-size: 1.5rem;
}

/* Dialog content area */
[b-w0v2cauumi] .mud-dialog-content {
    padding: var(--space-xl);
}

/* Alert styling */
[b-w0v2cauumi] .mud-alert {
    border-radius: var(--radius-lg);
}

[b-w0v2cauumi] .mud-alert-filled-error {
    background: var(--error-color);
}

[b-w0v2cauumi] .mud-alert-outlined-warning {
    border-color: var(--warning-border);
    background: var(--warning-bg);
}

[b-w0v2cauumi] .mud-alert-outlined-info {
    border-color: var(--info-border);
    background: var(--info-bg);
}

/* List items */
[b-w0v2cauumi] .mud-list {
    padding: 0;
}

[b-w0v2cauumi] .mud-list-item {
    padding: var(--space-sm) 0;
    color: var(--text-secondary);
}

[b-w0v2cauumi] .mud-list-item .mud-icon-root {
    color: var(--warning-color);
    margin-right: var(--space-md);
}

[b-w0v2cauumi] .mud-list-item .mud-typography {
    color: var(--text-secondary);
}

/* Countdown state - centered content */
[b-w0v2cauumi] .mud-dialog-content .mud-stack {
    text-align: center;
}

/* Large warning icon in countdown */
[b-w0v2cauumi] .mud-icon-root[style*="font-size: 4rem"] {
    color: var(--error-color);
    animation: pulse-b-w0v2cauumi 1.5s ease-in-out infinite;
}

/* Countdown number */
[b-w0v2cauumi] .mud-typography-h1 {
    font-family: var(--font-mono);
    letter-spacing: -0.02em;
}

/* Progress bar */
[b-w0v2cauumi] .mud-progress-linear {
    border-radius: var(--radius-sm);
    background: var(--bg-hover);
    height: 0.5rem;
}

[b-w0v2cauumi] .mud-progress-linear .mud-progress-linear-bar {
    border-radius: var(--radius-sm);
    background: var(--error-color);
    transition: width 1s linear;
}

/* Caption text */
[b-w0v2cauumi] .mud-typography-caption {
    color: var(--text-muted);
}

/* Completed state icon */
[b-w0v2cauumi] .mud-icon-root.mud-warning-text[style*="font-size: 4rem"] {
    color: var(--warning-color);
}

/* Aborted state icon */
[b-w0v2cauumi] .mud-icon-root.mud-success-text[style*="font-size: 4rem"] {
    color: var(--success-color);
}

/* Dialog actions area */
[b-w0v2cauumi] .mud-dialog-actions {
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    gap: var(--space-sm);
    border-top: 1px solid var(--border-color);
}

/* Cancel button */
[b-w0v2cauumi] .mud-dialog-actions .mud-button-text {
    color: var(--text-secondary);
    transition: all var(--transition-normal);
}

[b-w0v2cauumi] .mud-dialog-actions .mud-button-text:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* Initiate Emergency Shutdown button (danger) */
[b-w0v2cauumi] .mud-dialog-actions .mud-button-filled.mud-button-error {
    background: var(--error-color);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
    font-weight: var(--font-semibold);
}

[b-w0v2cauumi] .mud-dialog-actions .mud-button-filled.mud-button-error:hover {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--error-color-40);
}

/* Abort Shutdown button (success) */
[b-w0v2cauumi] .mud-dialog-actions .mud-button-filled.mud-button-success {
    background: var(--success-color);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
    font-weight: var(--font-semibold);
}

[b-w0v2cauumi] .mud-dialog-actions .mud-button-filled.mud-button-success:hover {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--success-color-40);
}

/* Close button (primary) */
[b-w0v2cauumi] .mud-dialog-actions .mud-button-filled.mud-button-primary {
    background: var(--accent-gradient);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-w0v2cauumi] .mud-dialog-actions .mud-button-filled.mud-button-primary:hover {
    background: var(--accent-gradient-hover);
    transform: translateY(-0.0625rem);
    box-shadow: var(--shadow-accent);
}

/* Button icons */
[b-w0v2cauumi] .mud-dialog-actions .mud-button-filled .mud-icon-root {
    font-size: 1.25rem;
}

/* Pulse animation for countdown */
@keyframes pulse-b-w0v2cauumi {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.05);
    }
}

/* Button feedback */
[b-w0v2cauumi] .mud-button-root {
    transition: all var(--transition-fast);
}

[b-w0v2cauumi] .mud-button-root:active {
    transform: scale(var(--click-scale, 0.97));
}

/* Responsive adjustments */
@media (max-width: 640px) {
    [b-w0v2cauumi] .mud-dialog {
        min-width: auto;
        width: 95vw;
        margin: var(--space-md);
    }
}
/* _content/Ayva.Admin/Components/Dialogs/JsExecutionConfirmDialog.razor.rz.scp.css */
/* JsExecutionConfirmDialog - Dialog Polish */

/* Warning accent border */
[b-5tt6ar6oyx] .mud-dialog {
    border-top: 3px solid var(--warning-color);
}

/* Dialog content area */
[b-5tt6ar6oyx] .mud-dialog-content {
    padding: var(--space-lg);
}

/* Security warning alert */
[b-5tt6ar6oyx] .mud-alert-filled-warning {
    border-radius: var(--radius-lg);
}

/* Target info paper */
[b-5tt6ar6oyx] .mud-paper {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

/* Code preview styling */
[b-5tt6ar6oyx] .mud-paper[style*="background: #1e1e1e"] {
    background: var(--bg-code, var(--glass-bg)) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg) !important;
}

[b-5tt6ar6oyx] .mud-paper[style*="background: #1e1e1e"] pre {
    font-family: var(--font-mono) !important;
    font-size: var(--text-sm) !important;
    color: var(--text-primary) !important;
}

/* Checkbox styling */
[b-5tt6ar6oyx] .mud-checkbox .mud-warning-text {
    color: var(--warning-color);
}

[b-5tt6ar6oyx] .mud-checkbox .mud-typography {
    color: var(--text-secondary);
}

/* Dialog actions area */
[b-5tt6ar6oyx] .mud-dialog-actions {
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    gap: var(--space-sm);
    border-top: 1px solid var(--border-color);
}

/* Cancel button */
[b-5tt6ar6oyx] .mud-dialog-actions .mud-button-text {
    color: var(--text-secondary);
    transition: all var(--transition-normal);
}

[b-5tt6ar6oyx] .mud-dialog-actions .mud-button-text:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* Execute button (warning) */
[b-5tt6ar6oyx] .mud-dialog-actions .mud-button-filled.mud-button-warning {
    background: var(--warning-color);
    color: var(--text-inverse);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
    font-weight: var(--font-semibold);
}

[b-5tt6ar6oyx] .mud-dialog-actions .mud-button-filled.mud-button-warning:hover:not(:disabled) {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--warning-color-30);
}

[b-5tt6ar6oyx] .mud-dialog-actions .mud-button-filled.mud-button-warning:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Button icons */
[b-5tt6ar6oyx] .mud-dialog-actions .mud-button-filled .mud-icon-root {
    font-size: 1.25rem;
}

/* Form field focus enhancement */
[b-5tt6ar6oyx] .mud-input-control:focus-within {
    box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.2);
    border-radius: var(--radius-sm);
    transition: box-shadow var(--transition-fast);
}

/* Button feedback */
[b-5tt6ar6oyx] .mud-button-root {
    transition: all var(--transition-fast);
}

[b-5tt6ar6oyx] .mud-button-root:active {
    transform: scale(var(--click-scale, 0.97));
}

/* Responsive adjustments */
@media (max-width: 640px) {
    [b-5tt6ar6oyx] .mud-dialog {
        min-width: auto;
        width: 95vw;
        margin: var(--space-md);
    }
}
/* _content/Ayva.Admin/Components/Dialogs/LiveCallMonitorDialog.razor.rz.scp.css */
/* LiveCallMonitorDialog - Dialog Polish */

/* Dialog container */
[b-hp2uihdc23] .mud-dialog {
    background: var(--bg-card-solid);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-lg);
}

/* Title area */
[b-hp2uihdc23] .mud-dialog-title {
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--border-color);
}

/* Dialog content area */
[b-hp2uihdc23] .mud-dialog-content {
    padding: var(--space-lg);
}

/* Dialog actions area */
[b-hp2uihdc23] .mud-dialog-actions {
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    gap: var(--space-sm);
    border-top: 1px solid var(--border-color);
}

/* Cancel/Minimize button */
[b-hp2uihdc23] .mud-dialog-actions .mud-button-text {
    color: var(--text-secondary);
    transition: all var(--transition-normal);
}

[b-hp2uihdc23] .mud-dialog-actions .mud-button-text:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* End Call button (danger) */
[b-hp2uihdc23] .mud-dialog-actions .mud-button-filled.mud-button-error {
    background: var(--error-color);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-hp2uihdc23] .mud-dialog-actions .mud-button-filled.mud-button-error:hover {
    filter: brightness(1.1);
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.5rem 25px var(--error-color-30);
}

.dialog-header[b-hp2uihdc23] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.call-monitor-content[b-hp2uihdc23] {
    min-width: 600px;
    min-height: 500px;
    max-height: 70vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.connecting-state[b-hp2uihdc23] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xl);
    text-align: center;
    flex: 1;
}

/* Make the AdminCallTranscript fill the dialog */
[b-hp2uihdc23] .admin-transcript {
    flex: 1;
    height: 100%;
    max-height: 60vh;
    display: flex;
    flex-direction: column;
}

[b-hp2uihdc23] .call-transcript-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

[b-hp2uihdc23] .transcript-body {
    flex: 1;
    overflow-y: auto;
    max-height: 350px;
}

/* Button feedback */
[b-hp2uihdc23] .mud-button-root {
    transition: all var(--transition-fast);
}

[b-hp2uihdc23] .mud-button-root:active {
    transform: scale(var(--click-scale, 0.97));
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .call-monitor-content[b-hp2uihdc23] {
        min-width: unset;
        width: 100%;
    }

    [b-hp2uihdc23] .transcript-body {
        max-height: 300px;
    }
}
/* _content/Ayva.Admin/Components/Dialogs/SystemInfoDialog.razor.rz.scp.css */
/* SystemInfoDialog.razor.css - CSS isolation for SystemInfoDialog component */

/* Dialog container styling via MudBlazor deep selectors */
[b-w5gs4fhcky] .mud-dialog {
    background: var(--bg-card-solid);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-lg);
    min-width: 31.25rem;
    max-width: 37.5rem;
}

/* Title content area */
[b-w5gs4fhcky] .mud-dialog-title {
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--border-color);
}

[b-w5gs4fhcky] .mud-dialog-title .mud-typography-h6 {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
    font-size: var(--text-lg);
}

[b-w5gs4fhcky] .mud-dialog-title .mud-icon-root {
    color: var(--info-color);
    font-size: 1.5rem;
}

/* Dialog content area */
[b-w5gs4fhcky] .mud-dialog-content {
    padding: var(--space-xl);
    max-height: 70vh;
    overflow-y: auto;
}

/* Section headers */
[b-w5gs4fhcky] .mud-typography-subtitle2 {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Simple table styling */
[b-w5gs4fhcky] .mud-simple-table {
    background: transparent;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

[b-w5gs4fhcky] .mud-simple-table table {
    border-collapse: separate;
    border-spacing: 0;
}

[b-w5gs4fhcky] .mud-simple-table tbody tr {
    transition: background var(--transition-fast);
}

[b-w5gs4fhcky] .mud-simple-table tbody tr:hover {
    background: var(--bg-hover);
}

/* Striped rows */
[b-w5gs4fhcky] .mud-table-striped tbody tr:nth-of-type(odd) {
    background: var(--bg-card);
}

[b-w5gs4fhcky] .mud-table-striped tbody tr:nth-of-type(odd):hover {
    background: var(--bg-hover);
}

[b-w5gs4fhcky] .mud-simple-table td {
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--border-color);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

[b-w5gs4fhcky] .mud-simple-table td strong {
    color: var(--text-primary);
    font-weight: var(--font-medium);
}

[b-w5gs4fhcky] .mud-simple-table tbody tr:last-child td {
    border-bottom: none;
}

/* Chips styling */
[b-w5gs4fhcky] .mud-chip {
    border-radius: var(--radius-sm);
    font-weight: var(--font-medium);
    font-size: var(--text-xs);
}

[b-w5gs4fhcky] .mud-chip.mud-chip-color-success {
    background: var(--success-bg);
    color: var(--success-text);
}

[b-w5gs4fhcky] .mud-chip.mud-chip-color-warning {
    background: var(--warning-bg);
    color: var(--warning-text);
}

[b-w5gs4fhcky] .mud-chip.mud-chip-color-error {
    background: var(--error-bg);
    color: var(--error-text);
}

[b-w5gs4fhcky] .mud-chip.mud-chip-color-default {
    background: var(--bg-hover);
    color: var(--text-secondary);
}

/* Progress linear */
[b-w5gs4fhcky] .mud-progress-linear {
    border-radius: var(--radius-xs);
    background: var(--bg-hover);
}

[b-w5gs4fhcky] .mud-progress-linear .mud-progress-linear-bar {
    border-radius: var(--radius-xs);
}

/* Status icons */
[b-w5gs4fhcky] .mud-icon-root.mud-success-text {
    color: var(--success-color);
}

[b-w5gs4fhcky] .mud-icon-root.mud-error-text {
    color: var(--error-color);
}

[b-w5gs4fhcky] .mud-icon-root.mud-default-text {
    color: var(--text-muted);
}

/* Dialog actions area */
[b-w5gs4fhcky] .mud-dialog-actions {
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    border-top: 1px solid var(--border-color);
}

/* Close button */
[b-w5gs4fhcky] .mud-dialog-actions .mud-button-filled.mud-button-primary {
    background: var(--accent-gradient);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-w5gs4fhcky] .mud-dialog-actions .mud-button-filled.mud-button-primary:hover {
    background: var(--accent-gradient-hover);
    transform: translateY(-0.0625rem);
    box-shadow: var(--shadow-accent);
}

/* Scrollbar styling for content area */
[b-w5gs4fhcky] .mud-dialog-content::-webkit-scrollbar {
    width: 0.375rem;
}

[b-w5gs4fhcky] .mud-dialog-content::-webkit-scrollbar-track {
    background: transparent;
}

[b-w5gs4fhcky] .mud-dialog-content::-webkit-scrollbar-thumb {
    background: var(--accent-color-30);
    border-radius: 0.1875rem;
}

[b-w5gs4fhcky] .mud-dialog-content::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color-50);
}

/* Button feedback */
[b-w5gs4fhcky] .mud-button-root {
    transition: all var(--transition-fast);
}

[b-w5gs4fhcky] .mud-button-root:active {
    transform: scale(var(--click-scale, 0.97));
}

/* Responsive adjustments */
@media (max-width: 640px) {
    [b-w5gs4fhcky] .mud-dialog {
        min-width: auto;
        max-width: none;
        width: 95vw;
        margin: var(--space-md);
    }

    [b-w5gs4fhcky] .mud-dialog-content {
        max-height: 60vh;
    }
}
/* _content/Ayva.Admin/Components/Dialogs/TextInputDialog.razor.rz.scp.css */
/* TextInputDialog.razor.css - CSS isolation for TextInputDialog component */

/* Dialog container styling via MudBlazor deep selectors */
[b-oitlt23we3] .mud-dialog {
    background: var(--bg-card-solid);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-lg);
    min-width: 25rem;
}

/* Title content area */
[b-oitlt23we3] .mud-dialog-title {
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--border-color);
}

[b-oitlt23we3] .mud-dialog-title .mud-typography-h6 {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
    font-size: var(--text-lg);
}

/* Dialog content area */
[b-oitlt23we3] .mud-dialog-content {
    padding: var(--space-xl);
}

/* Text field styling */
[b-oitlt23we3] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border-color);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-oitlt23we3] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border-color-medium);
}

[b-oitlt23we3] .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 0.1875rem var(--accent-color-10);
}

[b-oitlt23we3] .mud-input-outlined .mud-input {
    color: var(--text-primary);
    font-size: var(--text-sm);
}

[b-oitlt23we3] .mud-input-outlined .mud-input-label {
    color: var(--text-secondary);
}

[b-oitlt23we3] .mud-input-outlined.mud-input-focused .mud-input-label {
    color: var(--accent-color);
}

[b-oitlt23we3] .mud-input-outlined .mud-input::placeholder {
    color: var(--text-muted);
}

/* Multiline textarea */
[b-oitlt23we3] .mud-input-outlined textarea {
    color: var(--text-primary);
    line-height: 1.5;
    resize: vertical;
}

/* Dialog actions area */
[b-oitlt23we3] .mud-dialog-actions {
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    gap: var(--space-sm);
    border-top: 1px solid var(--border-color);
}

/* Cancel button */
[b-oitlt23we3] .mud-dialog-actions .mud-button-text {
    color: var(--text-secondary);
    transition: all var(--transition-normal);
}

[b-oitlt23we3] .mud-dialog-actions .mud-button-text:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* Submit button */
[b-oitlt23we3] .mud-dialog-actions .mud-button-filled.mud-button-primary {
    background: var(--accent-gradient);
    color: white;
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

[b-oitlt23we3] .mud-dialog-actions .mud-button-filled.mud-button-primary:hover:not(:disabled) {
    background: var(--accent-gradient-hover);
    transform: translateY(-0.0625rem);
    box-shadow: var(--shadow-accent);
}

[b-oitlt23we3] .mud-dialog-actions .mud-button-filled.mud-button-primary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Form field focus enhancement */
[b-oitlt23we3] .mud-input-control:focus-within {
    box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.2);
    border-radius: var(--radius-sm);
    transition: box-shadow var(--transition-fast);
}

/* Button feedback */
[b-oitlt23we3] .mud-button-root {
    transition: all var(--transition-fast);
}

[b-oitlt23we3] .mud-button-root:active {
    transform: scale(var(--click-scale, 0.97));
}

/* Responsive adjustments */
@media (max-width: 640px) {
    [b-oitlt23we3] .mud-dialog {
        min-width: auto;
        width: 95vw;
        margin: var(--space-md);
    }
}
/* _content/Ayva.Admin/Components/EngineeringInsights/CircuitInspector.razor.rz.scp.css */
.circuit-inspector[b-daifm4h050] {
    padding: var(--space-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.circuit-summary[b-daifm4h050] {
    display: flex;
    align-items: baseline;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--glass-card-elevated);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.circuit-count[b-daifm4h050] {
    font-size: 1.5rem;
    font-weight: var(--font-bold);
    color: var(--accent-color);
}

.circuit-label[b-daifm4h050] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.circuit-list[b-daifm4h050] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.circuit-item[b-daifm4h050] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}

.circuit-item:hover[b-daifm4h050] {
    background: rgba(var(--primary-color-rgb), 0.05);
}

.circuit-item.master[b-daifm4h050] {
    border-left: 2px solid var(--accent-color);
}

.circuit-dot[b-daifm4h050] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--success-color);
    flex-shrink: 0;
    animation: statusPulse-b-daifm4h050 2s ease-in-out infinite;
}

@keyframes statusPulse-b-daifm4h050 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.circuit-info[b-daifm4h050] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.circuit-id[b-daifm4h050] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.circuit-details[b-daifm4h050] {
    font-size: 10px;
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.circuit-time[b-daifm4h050] {
    font-size: 10px;
    color: var(--text-muted);
    flex-shrink: 0;
}

.circuit-empty[b-daifm4h050] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-lg);
    color: var(--text-muted);
    font-size: var(--text-sm);
}
/* _content/Ayva.Admin/Components/EngineeringInsights/InsightsDrawer.razor.rz.scp.css */
.insights-drawer-wrapper[b-0stng01r6g] {
    position: fixed;
    top: var(--header-height, 48px);
    right: 0;
    bottom: var(--footer-height, 34px);
    z-index: 1100;
    pointer-events: none;
}

.insights-drawer-wrapper.open[b-0stng01r6g] {
    pointer-events: auto;
}

.insights-drawer[b-0stng01r6g] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 420px;
    max-width: 90vw;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s var(--panel-enter-easing, cubic-bezier(0.16, 1, 0.3, 1));
    border-left: 1px solid var(--border-accent);
    background: var(--glass-sidebar);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.insights-drawer-wrapper.open .insights-drawer[b-0stng01r6g] {
    transform: translateX(0);
}

.insights-header[b-0stng01r6g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.insights-title-row[b-0stng01r6g] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.insights-title[b-0stng01r6g] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-0stng01r6g] .insights-close-btn {
    color: var(--text-muted) !important;
}

[b-0stng01r6g] .insights-close-btn:hover {
    color: var(--text-primary) !important;
}

.insights-tabs[b-0stng01r6g] {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.insights-tab[b-0stng01r6g] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    padding: var(--space-sm);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-family: var(--font-primary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.insights-tab:hover[b-0stng01r6g] {
    color: var(--text-secondary);
    background: rgba(var(--primary-color-rgb), 0.05);
}

.insights-tab.active[b-0stng01r6g] {
    color: var(--accent-color);
    border-bottom-color: var(--accent-color);
}

.insights-content[b-0stng01r6g] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* Thin scrollbar */
.insights-content[b-0stng01r6g]::-webkit-scrollbar {
    width: 4px;
}

.insights-content[b-0stng01r6g]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

@media (max-width: 640px) {
    .insights-drawer[b-0stng01r6g] {
        width: 100vw;
        max-width: 100vw;
    }
}
/* _content/Ayva.Admin/Components/EngineeringInsights/LogStreamPanel.razor.rz.scp.css */
.log-stream-panel[b-o6znd2l9gg] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.log-stream-controls[b-o6znd2l9gg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.log-level-filters[b-o6znd2l9gg] {
    display: flex;
    gap: 2px;
}

.level-chip[b-o6znd2l9gg] {
    padding: 2px 6px;
    font-size: 10px;
    font-family: var(--font-mono);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: 3px;
}

.level-chip:hover[b-o6znd2l9gg] {
    border-color: var(--text-secondary);
    color: var(--text-secondary);
}

.level-chip.active[b-o6znd2l9gg] {
    border-color: currentColor;
}

.level-chip.verbose.active[b-o6znd2l9gg],
.level-chip.debug.active[b-o6znd2l9gg] {
    color: var(--text-secondary);
}

.level-chip.information.active[b-o6znd2l9gg] {
    color: var(--info-color);
}

.level-chip.warning.active[b-o6znd2l9gg] {
    color: var(--warning-color);
}

.level-chip.error.active[b-o6znd2l9gg],
.level-chip.fatal.active[b-o6znd2l9gg] {
    color: var(--error-color);
}

.level-count[b-o6znd2l9gg] {
    font-size: 9px;
    opacity: 0.7;
}

.log-stream-actions[b-o6znd2l9gg] {
    display: flex;
    gap: 2px;
}

.log-search[b-o6znd2l9gg] {
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.log-search-input[b-o6znd2l9gg] {
    width: 100%;
    padding: var(--space-xs) var(--space-sm);
    background: rgba(var(--primary-color-rgb), 0.05);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    outline: none;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.log-search-input:focus[b-o6znd2l9gg] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.15);
}

.log-search-input[b-o6znd2l9gg]::placeholder {
    color: var(--text-muted);
}

.log-entries[b-o6znd2l9gg] {
    flex: 1;
    overflow-y: auto;
    font-family: var(--font-mono);
    font-size: 11px;
    line-height: 1.6;
}

.log-entries[b-o6znd2l9gg]::-webkit-scrollbar {
    width: 3px;
}

.log-entries[b-o6znd2l9gg]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

.log-entry-compact[b-o6znd2l9gg] {
    display: flex;
    align-items: baseline;
    gap: var(--space-xs);
    padding: 1px var(--space-sm);
    border-left: 2px solid transparent;
    transition: background var(--transition-fast);
}

.log-entry-compact:hover[b-o6znd2l9gg] {
    background: rgba(var(--primary-color-rgb), 0.04);
}

.log-entry-compact.level-warning[b-o6znd2l9gg] {
    border-left-color: var(--warning-color);
}

.log-entry-compact.level-error[b-o6znd2l9gg],
.log-entry-compact.level-fatal[b-o6znd2l9gg] {
    border-left-color: var(--error-color);
    background: var(--error-color-5);
}

.log-entry-compact.level-information[b-o6znd2l9gg] {
    border-left-color: var(--info-color);
}

.log-time[b-o6znd2l9gg] {
    color: var(--text-muted);
    flex-shrink: 0;
    font-size: 10px;
}

.log-level-badge[b-o6znd2l9gg] {
    padding: 0 4px;
    border-radius: 2px;
    font-size: 9px;
    font-weight: var(--font-bold);
    flex-shrink: 0;
    text-transform: uppercase;
}

.log-level-badge.verbose[b-o6znd2l9gg],
.log-level-badge.debug[b-o6znd2l9gg] {
    color: var(--text-muted);
}

.log-level-badge.information[b-o6znd2l9gg] {
    color: var(--info-color);
}

.log-level-badge.warning[b-o6znd2l9gg] {
    color: var(--warning-color);
    background: var(--warning-color-10);
}

.log-level-badge.error[b-o6znd2l9gg],
.log-level-badge.fatal[b-o6znd2l9gg] {
    color: var(--error-color);
    background: var(--error-color-10);
}

.log-msg[b-o6znd2l9gg] {
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.log-empty[b-o6znd2l9gg] {
    padding: var(--space-lg);
    text-align: center;
    color: var(--text-muted);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
}
/* _content/Ayva.Admin/Components/EngineeringInsights/MetricsPanel.razor.rz.scp.css */
.metrics-panel[b-leckc21wzh] {
    padding: var(--space-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.metric-card[b-leckc21wzh] {
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-card-elevated);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
}

.metric-header[b-leckc21wzh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-xs);
}

.metric-name[b-leckc21wzh] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.metric-value[b-leckc21wzh] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.metric-value.status-ok[b-leckc21wzh] {
    color: var(--success-color);
}

.metric-value.status-warn[b-leckc21wzh] {
    color: var(--warning-color);
}

.metric-value.status-error[b-leckc21wzh] {
    color: var(--error-color);
}

.metric-value.mono[b-leckc21wzh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.metric-bar-bg[b-leckc21wzh] {
    height: 4px;
    background: var(--border-color);
    border-radius: 2px;
    overflow: hidden;
}

.metric-bar-fill[b-leckc21wzh] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.5s ease-out, background 0.5s ease;
}

.metric-detail[b-leckc21wzh] {
    font-size: 10px;
    color: var(--text-muted);
    font-family: var(--font-mono);
    margin-top: 2px;
}

.env-badge[b-leckc21wzh] {
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-size: 10px;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.env-badge.prod[b-leckc21wzh] {
    background: var(--error-color-15);
    color: var(--error-color);
}

.env-badge.dev[b-leckc21wzh] {
    background: var(--warning-color-15);
    color: var(--warning-color);
}
/* _content/Ayva.Admin/Components/FeedbackPanel.razor.rz.scp.css */
/* FeedbackPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Stat cards - large icon size */
[b-daaa3a9hwp] .mud-icon-root.mud-icon-size-large {
    font-size: 2.5rem;
}

/* Skeleton loading styles */
[b-daaa3a9hwp] .mud-skeleton {
    background: linear-gradient(
        90deg,
        var(--bg-card) 25%,
        var(--bg-hover) 50%,
        var(--bg-card) 75%
    ) !important;
    background-size: 200% 100%;
    animation: shimmer-b-daaa3a9hwp 1.5s infinite;
}

@keyframes shimmer-b-daaa3a9hwp {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Feedback preview in dialog */
.feedback-preview[b-daaa3a9hwp] {
    color: var(--text-primary);
    line-height: 1.6;
    word-wrap: break-word;
}
/* _content/Ayva.Admin/Components/HangfireJobsPanel.razor.rz.scp.css */
/* HangfireJobsPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Code styling */
code[b-gs8av8wz5c] {
    font-family: var(--font-mono);
    color: var(--accent-light);
    background: var(--bg-card);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
}

/* Animation for loading state */
@keyframes fadeInUp-b-gs8av8wz5c {
    from {
        opacity: 0;
        transform: translateY(0.625rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-gs8av8wz5c] .mud-table-body tr {
    animation: fadeInUp-b-gs8av8wz5c 0.3s ease-out;
}

/* Dialog size classes */
.dialog-medium[b-gs8av8wz5c] {
    max-width: 600px;
    width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
}

.dialog-small[b-gs8av8wz5c] {
    max-width: 400px;
    width: 90vw;
}

/* Method code styling */
.method-code[b-gs8av8wz5c] {
    font-size: 0.85rem;
    font-family: var(--font-mono);
    color: var(--accent-light);
    background: var(--bg-card);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-gs8av8wz5c] .mud-table-container {
        overflow-x: auto;
    }

    code[b-gs8av8wz5c] {
        font-size: 0.75rem;
    }
}
/* _content/Ayva.Admin/Components/InstanceDataPanel.razor.rz.scp.css */
/* InstanceDataPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Stats cards - icon scale on hover */
[b-x146q3ed94] .mud-paper:hover .mud-icon-root {
    transform: scale(1.1);
}

/* Caption size classes */
.caption-xs[b-x146q3ed94] {
    font-size: 0.65rem !important;
}

.caption-sm[b-x146q3ed94] {
    font-size: 0.75rem !important;
}

/* Code/monospace text */
.code-text[b-x146q3ed94] {
    font-family: var(--font-mono);
}

/* Monospace text for IDs and versions */
[b-x146q3ed94] .mud-typography[style*="monospace"] {
    font-family: var(--font-mono);
    color: var(--accent-light);
}

/* Animation for instance rows */
@keyframes fadeInUp-b-x146q3ed94 {
    from {
        opacity: 0;
        transform: translateY(0.625rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-x146q3ed94] .mud-table-body tr {
    animation: fadeInUp-b-x146q3ed94 0.3s ease-out;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-x146q3ed94] .mud-simple-table {
        font-size: var(--text-sm);
    }

    [b-x146q3ed94] .mud-simple-table td:first-child {
        width: 35%;
    }
}
/* _content/Ayva.Admin/Components/LinkRedirectsPanel.razor.rz.scp.css */
/* LinkRedirectsPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Stats cards - icon scale on hover */
[b-xjvvlqeujh] .mud-grid-item:nth-child(n+2):nth-child(-n+5) .mud-paper:hover .mud-icon-root {
    transform: scale(1.1);
}

/* Ellipsis fade for long text */
[b-xjvvlqeujh] td[style*="overflow: hidden"]::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1.875rem;
    background: linear-gradient(to right, transparent, var(--bg-card));
    pointer-events: none;
}

/* Animation for table rows */
@keyframes fadeInUp-b-xjvvlqeujh {
    from {
        opacity: 0;
        transform: translateY(0.625rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-xjvvlqeujh] .mud-table-body tr {
    animation: fadeInUp-b-xjvvlqeujh 0.3s ease-out;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-xjvvlqeujh] .mud-grid-item:first-child {
        order: -1;
    }
}
/* _content/Ayva.Admin/Components/LogsPanel.razor.rz.scp.css */
/* LogsPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Main container - full-height logs panel.
   Uses 100% of panel-content-wrapper, never viewport-relative heights. */
.logs-container[b-1bgbs5xcsf] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--bg-base);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    overflow: hidden;
}

/* Toolbar area with filters and controls */
.logs-toolbar[b-1bgbs5xcsf] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-drawer);
    border-bottom: 1px solid var(--border-accent);
    flex-wrap: wrap;
}

.logs-toolbar .level-chips[b-1bgbs5xcsf] {
    display: flex;
    gap: var(--space-xs);
}

.logs-toolbar .search-box[b-1bgbs5xcsf] {
    flex: 1;
    min-width: 12.5rem;
    max-width: 25rem;
}

/* Log content area with monospace font */
.logs-content[b-1bgbs5xcsf] {
    flex: 1;
    overflow-y: auto;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: 1.5;
    padding: var(--space-sm);
    background: var(--bg-base);
}

/* Individual log entry styling */
.log-entry[b-1bgbs5xcsf] {
    display: flex;
    padding: 0.125rem var(--space-sm);
    border-radius: var(--radius-xs);
    white-space: pre-wrap;
    word-break: break-word;
    transition: background var(--transition-fast);
}

.log-entry:hover[b-1bgbs5xcsf] {
    background: var(--bg-hover);
}

/* Log level colors */
.log-entry.level-verbose[b-1bgbs5xcsf],
.log-entry.level-debug[b-1bgbs5xcsf] {
    color: var(--text-muted);
}

.log-entry.level-information[b-1bgbs5xcsf] {
    color: var(--text-primary);
}

.log-entry.level-warning[b-1bgbs5xcsf] {
    color: var(--warning-text);
}

.log-entry.level-error[b-1bgbs5xcsf],
.log-entry.level-fatal[b-1bgbs5xcsf] {
    color: var(--error-text);
}

/* Timestamp styling */
.log-timestamp[b-1bgbs5xcsf] {
    color: var(--accent-color);
    margin-right: var(--space-sm);
    white-space: nowrap;
}

/* Level indicator */
.log-level[b-1bgbs5xcsf] {
    font-weight: var(--font-semibold);
    margin-right: var(--space-sm);
    min-width: 2rem;
}

/* Log message content */
.log-message[b-1bgbs5xcsf] {
    flex: 1;
    color: inherit;
}

/* Exception display */
.log-exception[b-1bgbs5xcsf] {
    margin-top: var(--space-xs);
    padding-left: var(--space-lg);
    color: var(--error-text);
    font-size: var(--text-xs);
}

/* Status indicator for live/paused state - contained within panel */
.status-indicator[b-1bgbs5xcsf] {
    position: sticky;
    bottom: var(--space-md);
    align-self: flex-end;
    z-index: 10;
}

.status-live[b-1bgbs5xcsf] {
    animation: pulse-b-1bgbs5xcsf 2s ease-in-out infinite;
}

/* Level chip active state */
.level-chip-active[b-1bgbs5xcsf] {
    background: var(--bg-active) !important;
    border-color: var(--accent-color) !important;
}

/* Chip hover effect */
[b-1bgbs5xcsf] .mud-chip:hover {
    transform: translateY(-0.0625rem);
}

/* Animations */
@keyframes pulse-b-1bgbs5xcsf {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .logs-toolbar[b-1bgbs5xcsf] {
        gap: var(--space-sm);
        padding: var(--space-sm);
    }

    .logs-toolbar .search-box[b-1bgbs5xcsf] {
        min-width: 9.375rem;
    }
}
/* _content/Ayva.Admin/Components/NeuralInterface/NeuralCommandCenter.razor.rz.scp.css */
/* ==========================================================================
   NEURAL COMMAND CENTER - Main Layout
   ========================================================================== */

.neural-command-center[b-c2xruqcgbb] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    background: var(--bg-base);
    position: relative;
    outline: none;
}

/* ==========================================================================
   SIDEBAR
   ========================================================================== */

.neural-sidebar[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    background: var(--neural-panel-bg);
    border-right: 1px solid var(--neural-panel-border);
    position: relative;
    transition: width var(--transition-smooth);
    min-width: 0;
    overflow: hidden;
}

.neural-sidebar.collapsed[b-c2xruqcgbb] {
    width: var(--neural-sidebar-width-collapsed) !important;
}

.sidebar-content[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: var(--space-md);
    gap: var(--space-md);
}

/* Sidebar Search */
.sidebar-search[b-c2xruqcgbb] {
    flex-shrink: 0;
}

.sidebar-search[b-c2xruqcgbb]  .mud-input-outlined {
    background: var(--bg-secondary) !important;
}

.sidebar-search[b-c2xruqcgbb]  .mud-input-outlined-border {
    border-color: var(--border-color) !important;
}

.search-input[b-c2xruqcgbb]  input {
    font-size: var(--text-sm) !important;
    padding: var(--space-sm) var(--space-md) !important;
}

/* New Chat Button */
.new-chat-btn[b-c2xruqcgbb] {
    flex-shrink: 0;
    justify-content: flex-start !important;
    text-transform: none !important;
    font-weight: var(--font-medium) !important;
    position: relative;
}

.new-chat-btn .shortcut-hint[b-c2xruqcgbb] {
    position: absolute;
    right: var(--space-md);
    font-size: var(--text-xs);
    color: var(--text-muted);
    opacity: 0.7;
}

/* Conversation Explorer */
.conversation-explorer[b-c2xruqcgbb] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

/* Explorer Sections */
.explorer-section[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
}

.section-header[b-c2xruqcgbb] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-xs);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
    user-select: none;
}

.section-header:hover[b-c2xruqcgbb] {
    background: var(--bg-hover);
}

.section-header .expand-icon[b-c2xruqcgbb] {
    margin-left: auto;
    opacity: 0.5;
}

.section-items[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: var(--space-xs);
}

/* Sidebar Toggle */
.sidebar-toggle[b-c2xruqcgbb] {
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 48px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
    z-index: 10;
}

.sidebar-toggle:hover[b-c2xruqcgbb] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent-color);
}

/* ==========================================================================
   MAIN WORKSPACE
   ========================================================================== */

.neural-workspace[b-c2xruqcgbb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.workspace-tabs[b-c2xruqcgbb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.workspace-tabs[b-c2xruqcgbb]  .mud-tabs {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.workspace-tabs[b-c2xruqcgbb]  .mud-tabs-header {
    background: var(--neural-panel-bg);
    border-bottom: 1px solid var(--neural-panel-border);
    flex-shrink: 0;
}

.workspace-tabs[b-c2xruqcgbb]  .mud-tabs-panels {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.workspace-tabs[b-c2xruqcgbb]  .mud-tab-panel {
    height: 100%;
    overflow: hidden;
}

.workspace-tab-panel[b-c2xruqcgbb] {
    height: 100%;
    padding: 0;
    overflow: hidden;
}

/* ==========================================================================
   INSPECTOR PANEL
   ========================================================================== */

.neural-inspector[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    background: var(--neural-panel-bg);
    border-left: 1px solid var(--neural-panel-border);
    position: relative;
    transition: width var(--transition-smooth);
    min-width: 0;
    overflow: hidden;
}

.neural-inspector.collapsed[b-c2xruqcgbb] {
    width: var(--neural-inspector-width-collapsed) !important;
}

.inspector-content[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-md);
    gap: var(--space-md);
}

/* Inspector Sections */
.inspector-section[b-c2xruqcgbb] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.inspector-section-header[b-c2xruqcgbb] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.inspector-section-content[b-c2xruqcgbb] {
    padding: var(--space-md);
}

/* Context Items */
.context-item[b-c2xruqcgbb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-xs) 0;
    font-size: var(--text-sm);
}

.context-label[b-c2xruqcgbb] {
    color: var(--text-secondary);
}

.context-value[b-c2xruqcgbb] {
    color: var(--text-primary);
    font-weight: var(--font-medium);
}

.no-context[b-c2xruqcgbb] {
    color: var(--text-muted);
    font-size: var(--text-sm);
    text-align: center;
    padding: var(--space-md);
}

/* Model Info */
.model-info[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    margin-bottom: var(--space-md);
}

.model-name[b-c2xruqcgbb] {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

.model-provider[b-c2xruqcgbb] {
    color: var(--text-muted);
    font-size: var(--text-xs);
    text-transform: uppercase;
}

/* Metric Grid */
.metric-grid[b-c2xruqcgbb] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.metric-item[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--space-sm);
    background: var(--bg-card);
    border-radius: var(--radius-md);
}

.metric-value[b-c2xruqcgbb] {
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--accent-color);
}

.metric-label[b-c2xruqcgbb] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-top: var(--space-xs);
}

/* Budget Progress */
.budget-progress[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.budget-labels[b-c2xruqcgbb] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

/* Inspector Toggle */
.inspector-toggle[b-c2xruqcgbb] {
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 48px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md) 0 0 var(--radius-md);
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
    z-index: 10;
}

.inspector-toggle:hover[b-c2xruqcgbb] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent-color);
}

/* ==========================================================================
   PANEL RESIZERS
   ========================================================================== */

.panel-resizer[b-c2xruqcgbb] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--neural-resizer-width);
    cursor: col-resize;
    background: transparent;
    z-index: 5;
    transition: background var(--transition-fast);
}

.panel-resizer:hover[b-c2xruqcgbb],
.panel-resizer:active[b-c2xruqcgbb] {
    background: var(--accent-color);
}

.sidebar-resizer[b-c2xruqcgbb] {
    right: 0;
}

.inspector-resizer[b-c2xruqcgbb] {
    left: 0;
}

/* ==========================================================================
   STATUS BAR
   ========================================================================== */

/* Neural statusbar - primary styles live in mudblazor-overrides.css (global)
   because this element is a second root node and Blazor CSS isolation
   may not apply the scope attribute reliably. Only non-critical
   overrides and latency-dot colors remain here as scoped fallbacks. */

.status-item.processing[b-c2xruqcgbb] {
    color: var(--info-color);
}

.conversation-title[b-c2xruqcgbb] {
    color: var(--text-primary);
    font-weight: var(--font-medium);
    overflow: hidden;
    text-overflow: ellipsis;
}

.latency-dot[b-c2xruqcgbb] {
    border-radius: 50%;
    background: var(--success-color);
}

.latency-dot.connected[b-c2xruqcgbb] {
    background: var(--success-color);
}

.latency-dot.slow[b-c2xruqcgbb] {
    background: var(--warning-color);
}

.latency-dot.disconnected[b-c2xruqcgbb] {
    background: var(--error-color);
}

/* ==========================================================================
   KEYBOARD SHORTCUTS DIALOG
   ========================================================================== */

.shortcuts-grid[b-c2xruqcgbb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.shortcut-row[b-c2xruqcgbb] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--border-subtle);
}

.shortcut-row:last-child[b-c2xruqcgbb] {
    border-bottom: none;
}

.shortcut-row kbd[b-c2xruqcgbb] {
    min-width: 100px;
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--accent-color);
    text-align: center;
}

.shortcut-row span[b-c2xruqcgbb] {
    color: var(--text-secondary);
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 1024px) {
    .neural-sidebar:not(.collapsed)[b-c2xruqcgbb] {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 100;
        box-shadow: var(--shadow-lg);
    }

    .neural-inspector:not(.collapsed)[b-c2xruqcgbb] {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 100;
        box-shadow: var(--shadow-lg);
    }
}

/* Mobile responsive handled entirely in mudblazor-overrides.css (global) */
/* _content/Ayva.Admin/Components/NeuralInterface/Sidebar/ConversationItem.razor.rz.scp.css */
.conversation-item[b-4sb2m6t3oa] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-fast);
    border-left: 3px solid transparent;
}

.conversation-item:hover[b-4sb2m6t3oa] {
    background: var(--bg-hover);
}

.conversation-item.active[b-4sb2m6t3oa] {
    background: var(--bg-active);
    border-left-color: var(--accent-color);
}

.conversation-content[b-4sb2m6t3oa] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.conversation-title[b-4sb2m6t3oa] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.status-icon[b-4sb2m6t3oa] {
    flex-shrink: 0;
}

.title-text[b-4sb2m6t3oa] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conversation-meta[b-4sb2m6t3oa] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.timestamp[b-4sb2m6t3oa] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.tags[b-4sb2m6t3oa] {
    display: flex;
    gap: 4px;
}

.tag[b-4sb2m6t3oa] {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: var(--radius-full);
    color: white;
    opacity: 0.8;
}

.tag-more[b-4sb2m6t3oa] {
    font-size: 10px;
    color: var(--text-muted);
}

.conversation-actions[b-4sb2m6t3oa] {
    flex-shrink: 0;
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.conversation-item:hover .conversation-actions[b-4sb2m6t3oa] {
    opacity: 1;
}

.conversation-actions[b-4sb2m6t3oa]  .mud-menu {
    min-width: auto;
}

.conversation-actions[b-4sb2m6t3oa]  .mud-icon-button {
    padding: 4px;
}

.delete-action[b-4sb2m6t3oa] {
    color: var(--error-color) !important;
}
/* _content/Ayva.Admin/Components/NeuralInterface/Sidebar/FolderTreeItem.razor.rz.scp.css */
.folder-tree-item[b-lpcpicqjqi] {
    display: flex;
    flex-direction: column;
}

.folder-header[b-lpcpicqjqi] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background var(--transition-fast);
    user-select: none;
}

.folder-header:hover[b-lpcpicqjqi] {
    background: var(--bg-hover);
}

.folder-header.expanded[b-lpcpicqjqi] {
    background: var(--bg-active);
}

.folder-name[b-lpcpicqjqi] {
    flex: 1;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.folder-count[b-lpcpicqjqi] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    padding: 1px 6px;
    background: var(--bg-secondary);
    border-radius: var(--radius-full);
}

.expand-icon[b-lpcpicqjqi] {
    color: var(--text-muted);
    opacity: 0.5;
}

.folder-children[b-lpcpicqjqi] {
    margin-left: var(--space-sm);
    border-left: 1px solid var(--border-subtle);
    padding-left: var(--space-xs);
}
/* _content/Ayva.Admin/Components/NeuralInterface/Workspace/Analytics/AnalyticsWorkspace.razor.rz.scp.css */
.analytics-workspace[b-tpmd8f576w] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.analytics-header[b-tpmd8f576w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-lg);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.header-title h2[b-tpmd8f576w] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.header-description[b-tpmd8f576w] {
    margin: var(--space-xs) 0 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.header-controls[b-tpmd8f576w] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.period-select[b-tpmd8f576w] {
    width: 150px;
}

.loading-container[b-tpmd8f576w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: var(--space-md);
    color: var(--text-secondary);
}

.analytics-content[b-tpmd8f576w] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* Summary Cards */
.summary-cards[b-tpmd8f576w] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
}

.summary-card[b-tpmd8f576w] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    position: relative;
    overflow: hidden;
}

.summary-card[b-tpmd8f576w]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.summary-card.total-cost[b-tpmd8f576w]::before {
    background: var(--warning-color);
}

.summary-card.total-tokens[b-tpmd8f576w]::before {
    background: var(--accent-color);
}

.summary-card.total-requests[b-tpmd8f576w]::before {
    background: var(--info-color);
}

.summary-card.avg-cost[b-tpmd8f576w]::before {
    background: var(--secondary-accent);
}

.card-icon[b-tpmd8f576w] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
}

.card-content[b-tpmd8f576w] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card-value[b-tpmd8f576w] {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.card-label[b-tpmd8f576w] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-top: var(--space-xs);
}

.card-change[b-tpmd8f576w] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.card-change.increase[b-tpmd8f576w] {
    background: rgba(var(--error-color-rgb), 0.2);
    color: var(--error-color);
}

.card-change.decrease[b-tpmd8f576w] {
    background: rgba(var(--success-color-rgb), 0.2);
    color: var(--success-color);
}

/* Budget Section */
.budget-section[b-tpmd8f576w] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.section-header[b-tpmd8f576w] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.budget-content[b-tpmd8f576w] {
    padding: var(--space-lg);
}

.budget-progress[b-tpmd8f576w] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.budget-labels[b-tpmd8f576w] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.budget-thresholds[b-tpmd8f576w] {
    display: flex;
    gap: var(--space-lg);
    margin-top: var(--space-md);
}

.threshold[b-tpmd8f576w] {
    display: flex;
    flex-direction: column;
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-card);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.threshold.reached[b-tpmd8f576w] {
    border-color: var(--warning-color);
    background: rgba(var(--warning-color-rgb), 0.1);
}

.threshold-label[b-tpmd8f576w] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
}

.threshold-value[b-tpmd8f576w] {
    font-size: var(--text-md);
    font-weight: var(--font-semibold);
    font-family: var(--font-mono);
    color: var(--text-primary);
}

/* Analytics Grid */
.analytics-grid[b-tpmd8f576w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.analytics-panel[b-tpmd8f576w] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.panel-header[b-tpmd8f576w] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.panel-content[b-tpmd8f576w] {
    padding: var(--space-md);
}

.no-data[b-tpmd8f576w] {
    color: var(--text-muted);
    text-align: center;
    padding: var(--space-lg);
    font-size: var(--text-sm);
}

/* Cost Breakdown */
.cost-breakdown[b-tpmd8f576w] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.breakdown-item[b-tpmd8f576w] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.item-header[b-tpmd8f576w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item-name[b-tpmd8f576w] {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.item-value[b-tpmd8f576w] {
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    color: var(--warning-color);
}

/* Token Stats */
.token-stats[b-tpmd8f576w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-bottom: var(--space-md);
}

.token-stat[b-tpmd8f576w] {
    text-align: center;
    padding: var(--space-md);
    background: var(--bg-card);
    border-radius: var(--radius-md);
}

.stat-value[b-tpmd8f576w] {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    font-family: var(--font-mono);
    color: var(--accent-color);
}

.stat-label[b-tpmd8f576w] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-top: var(--space-xs);
}

.stat-cost[b-tpmd8f576w] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    margin-top: var(--space-xs);
}

.token-ratio[b-tpmd8f576w] {
    display: flex;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background: var(--bg-card);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
}

.ratio-label[b-tpmd8f576w] {
    color: var(--text-secondary);
}

.ratio-value[b-tpmd8f576w] {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
    font-family: var(--font-mono);
}

/* Tool List */
.tool-list[b-tpmd8f576w] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.tool-item[b-tpmd8f576w] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background: var(--bg-card);
    border-radius: var(--radius-sm);
}

.tool-name[b-tpmd8f576w] {
    flex: 1;
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.tool-cost[b-tpmd8f576w] {
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    color: var(--warning-color);
}

/* Recent Section */
.recent-section[b-tpmd8f576w] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.recent-table[b-tpmd8f576w]  .mud-table {
    background: transparent !important;
}

.recent-table[b-tpmd8f576w]  .mud-table-head .mud-table-cell {
    background: var(--white-overlay-02);
    font-weight: var(--font-semibold);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.recent-table[b-tpmd8f576w]  .mud-table-body .mud-table-cell {
    font-size: var(--text-sm);
}

/* Responsive */
@media (max-width: 1200px) {
    .summary-cards[b-tpmd8f576w] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .analytics-header[b-tpmd8f576w] {
        flex-direction: column;
        gap: var(--space-md);
        align-items: flex-start;
    }

    .summary-cards[b-tpmd8f576w] {
        grid-template-columns: 1fr;
    }

    .analytics-grid[b-tpmd8f576w] {
        grid-template-columns: 1fr;
    }

    .token-stats[b-tpmd8f576w] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/NeuralInterface/Workspace/Chat/ChatWorkspace.razor.rz.scp.css */
.chat-workspace[b-3zpyovv6vh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* Messages Area */
.messages-area[b-3zpyovv6vh] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
}

/* Empty State */
.empty-state[b-3zpyovv6vh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--text-secondary);
    gap: var(--space-xl);
    padding: var(--space-xl);
    max-width: 680px;
    margin: 0 auto;
    width: 100%;
}

/* Brand Header */
.empty-state-brand[b-3zpyovv6vh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    position: relative;
}

.brand-glow[b-3zpyovv6vh] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, var(--accent-color-20) 0%, transparent 70%);
    border-radius: var(--radius-full);
    filter: blur(20px);
    animation: glowPulse-b-3zpyovv6vh 4s ease-in-out infinite;
    pointer-events: none;
}

@keyframes glowPulse-b-3zpyovv6vh {
    0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.15); }
}

.brand-icon[b-3zpyovv6vh] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent-color), var(--secondary-accent));
    border-radius: var(--radius-lg);
    color: white;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 20px var(--accent-color-30);
}

.empty-state-brand h2[b-3zpyovv6vh] {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    margin: 0;
    letter-spacing: -0.01em;
}

.empty-state-brand p[b-3zpyovv6vh] {
    margin: 0;
    max-width: 420px;
    line-height: 1.6;
    font-size: var(--text-sm);
    color: var(--text-muted);
}

/* Quick Action Cards */
.quick-actions[b-3zpyovv6vh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    width: 100%;
}

.quick-action-card[b-3zpyovv6vh] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: left;
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.quick-action-card:hover[b-3zpyovv6vh] {
    border-color: var(--accent-color);
    background: var(--bg-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px var(--accent-color-10);
}

.quick-action-card[b-3zpyovv6vh]  .mud-icon-root {
    color: var(--accent-color);
    flex-shrink: 0;
    margin-top: 2px;
}

.quick-action-text[b-3zpyovv6vh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.quick-action-title[b-3zpyovv6vh] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.quick-action-desc[b-3zpyovv6vh] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* Keyboard Hint */
.empty-state-hint[b-3zpyovv6vh] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-xs);
    color: var(--text-muted);
    opacity: 0.7;
}

.empty-state-hint kbd[b-3zpyovv6vh] {
    padding: 2px 6px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-secondary);
}

@media (max-width: 640px) {
    .quick-actions[b-3zpyovv6vh] {
        grid-template-columns: 1fr;
    }

    .empty-state-brand h2[b-3zpyovv6vh] {
        font-size: var(--text-xl);
    }
}

/* Messages List */
.messages-list[b-3zpyovv6vh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

/* Message Bubble Base */
.message-bubble[b-3zpyovv6vh] {
    display: flex;
    flex-direction: column;
    max-width: 85%;
    animation: fadeInUp-b-3zpyovv6vh 0.3s ease-out;
}

.message-bubble.assistant[b-3zpyovv6vh] {
    align-self: flex-start;
}

.message-bubble.streaming .message-content[b-3zpyovv6vh] {
    border: 1px solid var(--accent-color);
}

/* Thinking Indicator */
.message-bubble.thinking[b-3zpyovv6vh] {
    max-width: none;
}

.thinking-header[b-3zpyovv6vh] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-xs);
}

.thinking-header .avatar[b-3zpyovv6vh] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

.thinking-header .avatar.assistant[b-3zpyovv6vh] {
    background: linear-gradient(135deg, var(--accent-color), var(--secondary-accent));
    color: white;
    box-shadow: 0 2px 8px var(--accent-color-30);
}

.thinking-label[b-3zpyovv6vh] {
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--text-secondary);
}

.thinking-indicator[b-3zpyovv6vh] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-left: 2px solid var(--accent-color-40);
    border-radius: var(--radius-lg);
}

.thinking-indicator .dot[b-3zpyovv6vh] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-color);
    animation: dotPulse-b-3zpyovv6vh 1.4s ease-in-out infinite;
}

.thinking-indicator .dot:nth-child(2)[b-3zpyovv6vh] {
    animation-delay: 0.2s;
}

.thinking-indicator .dot:nth-child(3)[b-3zpyovv6vh] {
    animation-delay: 0.4s;
}

.thinking-text[b-3zpyovv6vh] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-left: var(--space-xs);
    animation: fadeInOut-b-3zpyovv6vh 2s ease-in-out infinite;
}

@keyframes fadeInOut-b-3zpyovv6vh {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

@keyframes dotPulse-b-3zpyovv6vh {
    0%, 60%, 100% {
        opacity: 0.3;
        transform: scale(0.8);
    }
    30% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Cursor Blink */
.cursor-blink[b-3zpyovv6vh] {
    animation: blink-b-3zpyovv6vh 1s step-end infinite;
    color: var(--accent-color);
}

@keyframes blink-b-3zpyovv6vh {
    from, to { opacity: 1; }
    50% { opacity: 0; }
}

/* Composer Area */
.composer-area[b-3zpyovv6vh] {
    flex-shrink: 0;
    padding: var(--space-md) var(--space-lg);
    background: var(--neural-panel-bg);
    border-top: 1px solid var(--neural-panel-border);
}

@keyframes fadeInUp-b-3zpyovv6vh {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Ayva.Admin/Components/NeuralInterface/Workspace/Chat/MessageBubble.razor.rz.scp.css */
.message-bubble[b-chxqu9s58b] {
    position: relative;
    max-width: 85%;
    animation: fadeInUp-b-chxqu9s58b 0.25s ease-out;
    padding: var(--space-xs) 0;
}

.message-bubble.user[b-chxqu9s58b] {
    align-self: flex-end;
}

.message-bubble.assistant[b-chxqu9s58b],
.message-bubble.system[b-chxqu9s58b] {
    align-self: flex-start;
}

.message-bubble.streaming .content-text[b-chxqu9s58b] {
    position: relative;
}

/* Cursor Blink Animation */
.cursor-blink[b-chxqu9s58b] {
    animation: blink-b-chxqu9s58b 1s infinite;
    color: var(--accent-color);
    font-weight: bold;
}

@keyframes blink-b-chxqu9s58b {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

@keyframes fadeInUp-b-chxqu9s58b {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Message Header */
.message-header[b-chxqu9s58b] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-xs);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.avatar[b-chxqu9s58b] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

.avatar.user[b-chxqu9s58b] {
    background: var(--accent-color);
    color: white;
}

.avatar.assistant[b-chxqu9s58b] {
    background: linear-gradient(135deg, var(--accent-color), var(--secondary-accent));
    color: white;
    box-shadow: 0 2px 8px var(--accent-color-30);
}

.avatar.system[b-chxqu9s58b] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
}

.role-label[b-chxqu9s58b] {
    font-weight: var(--font-medium);
    color: var(--text-secondary);
}

.model-badge[b-chxqu9s58b] {
    font-size: 10px;
    padding: 2px 6px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    color: var(--text-muted);
}

.timestamp[b-chxqu9s58b] {
    margin-left: auto;
}

/* Message Content */
.message-content[b-chxqu9s58b] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--space-md) var(--space-lg);
}

.message-bubble.user .message-content[b-chxqu9s58b] {
    background: var(--message-user-bg);
    border-color: transparent;
    color: white;
}

.message-bubble.assistant .message-content[b-chxqu9s58b] {
    background: var(--message-assistant-bg);
    border-left: 2px solid var(--accent-color-40);
}

.message-bubble.system .message-content[b-chxqu9s58b] {
    background: var(--message-system-bg);
    border-color: var(--secondary-accent);
}

.message-bubble.error .message-content[b-chxqu9s58b] {
    border-color: var(--error-color);
}

/* Error Banner */
.error-banner[b-chxqu9s58b] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--error-bg);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-md);
    color: var(--error-text);
    font-size: var(--text-sm);
}

/* Content Text - Markdown Rendering */
.content-text[b-chxqu9s58b] {
    font-size: var(--text-sm);
    line-height: 1.7;
    word-wrap: break-word;
}

.content-text[b-chxqu9s58b]  p {
    margin: 0 0 var(--space-sm) 0;
}

.content-text[b-chxqu9s58b]  p:last-child {
    margin-bottom: 0;
}

.content-text[b-chxqu9s58b]  h1,
.content-text[b-chxqu9s58b]  h2,
.content-text[b-chxqu9s58b]  h3,
.content-text[b-chxqu9s58b]  h4,
.content-text[b-chxqu9s58b]  h5,
.content-text[b-chxqu9s58b]  h6 {
    margin: var(--space-md) 0 var(--space-sm) 0;
    font-weight: var(--font-semibold);
    line-height: 1.4;
}

.content-text[b-chxqu9s58b]  h1 { font-size: 1.5em; }
.content-text[b-chxqu9s58b]  h2 { font-size: 1.3em; }
.content-text[b-chxqu9s58b]  h3 { font-size: 1.15em; }
.content-text[b-chxqu9s58b]  h4 { font-size: 1.05em; }

.content-text[b-chxqu9s58b]  ul,
.content-text[b-chxqu9s58b]  ol {
    margin: var(--space-sm) 0;
    padding-left: var(--space-lg);
}

.content-text[b-chxqu9s58b]  li {
    margin: var(--space-xs) 0;
}

.content-text[b-chxqu9s58b]  .inline-code {
    font-family: var(--font-mono);
    font-size: 0.9em;
    padding: 2px 6px;
    background: var(--black-overlay-20);
    border-radius: var(--radius-sm);
}

.message-bubble.user .content-text[b-chxqu9s58b]  .inline-code {
    background: var(--white-overlay-20);
}

.content-text[b-chxqu9s58b]  pre,
.content-text[b-chxqu9s58b]  .code-block {
    margin: var(--space-md) 0;
    padding: var(--space-md);
    background: var(--bg-base);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    overflow-x: auto;
    white-space: pre;
    line-height: 1.5;
}

.content-text[b-chxqu9s58b]  pre code {
    background: none;
    padding: 0;
    font-size: inherit;
}

.content-text[b-chxqu9s58b]  .md-blockquote {
    margin: var(--space-md) 0;
    padding: var(--space-sm) var(--space-md);
    border-left: 3px solid var(--accent-color);
    background: var(--accent-color-10);
    color: var(--text-secondary);
    font-style: italic;
}

.content-text[b-chxqu9s58b]  .md-table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--space-md) 0;
    font-size: var(--text-sm);
}

.content-text[b-chxqu9s58b]  .md-table th,
.content-text[b-chxqu9s58b]  .md-table td {
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--border-color);
    text-align: left;
}

.content-text[b-chxqu9s58b]  .md-table th {
    background: var(--bg-secondary);
    font-weight: var(--font-semibold);
}

.content-text[b-chxqu9s58b]  a {
    color: var(--accent-color);
    text-decoration: none;
}

.content-text[b-chxqu9s58b]  a:hover {
    text-decoration: underline;
}

/* Task Lists */
.content-text[b-chxqu9s58b]  .task-checkbox {
    margin-right: var(--space-xs);
    vertical-align: middle;
}

/* Rich Content Attachments */
.rich-content-attachments[b-chxqu9s58b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin-top: var(--space-md);
}

/* Tool Executions Container */
.tool-executions[b-chxqu9s58b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

/* Tool Execution */
.tool-execution[b-chxqu9s58b] {
    background: var(--message-tool-bg);
    border: 1px solid var(--message-tool-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.tool-execution.pending[b-chxqu9s58b] {
    border-color: var(--warning-color);
    border-style: dashed;
}

.tool-execution.running[b-chxqu9s58b] {
    border-color: var(--info-color);
    animation: pulseGlow-b-chxqu9s58b 2s infinite;
}

@keyframes pulseGlow-b-chxqu9s58b {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--info-color-rgb), 0.4); }
    50% { box-shadow: 0 0 8px 2px rgba(var(--info-color-rgb), 0.4); }
}

.tool-execution.completed[b-chxqu9s58b] {
    border-color: var(--success-color);
}

.tool-execution.failed[b-chxqu9s58b] {
    border-color: var(--error-color);
}

.tool-header[b-chxqu9s58b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.tool-header:hover[b-chxqu9s58b] {
    background: var(--white-overlay-05);
}

.tool-info[b-chxqu9s58b] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.tool-spinner[b-chxqu9s58b] {
    width: 16px !important;
    height: 16px !important;
}

.tool-name[b-chxqu9s58b] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.tool-status[b-chxqu9s58b] {
    font-size: var(--text-xs);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    background: var(--bg-secondary);
}

.tool-execution.completed .tool-status[b-chxqu9s58b] {
    background: rgba(var(--success-color-rgb), 0.2);
    color: var(--success-color);
}

.tool-execution.failed .tool-status[b-chxqu9s58b] {
    background: rgba(var(--error-color-rgb), 0.2);
    color: var(--error-color);
}

.tool-meta[b-chxqu9s58b] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-muted);
    font-size: var(--text-xs);
}

.tool-meta .duration[b-chxqu9s58b],
.tool-meta .cost[b-chxqu9s58b] {
    font-family: var(--font-mono);
}

.tool-meta .cost[b-chxqu9s58b] {
    color: var(--warning-color);
}

.expand-icon[b-chxqu9s58b] {
    transition: transform var(--transition-fast);
}

.tool-details[b-chxqu9s58b] {
    padding: var(--space-md);
    border-top: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    background: var(--black-overlay-20);
}

.tool-section .section-header[b-chxqu9s58b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-xs);
}

.tool-section .section-label[b-chxqu9s58b] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tool-section .code-block[b-chxqu9s58b] {
    margin: 0;
    padding: var(--space-sm);
    background: var(--bg-base);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 300px;
    overflow-y: auto;
    line-height: 1.5;
}

.tool-section .code-block.json[b-chxqu9s58b] {
    color: var(--info-color);
}

.tool-section.error .code-block[b-chxqu9s58b] {
    background: var(--error-bg);
    border-color: var(--error-border);
    color: var(--error-text);
}

/* Message Footer */
.message-footer[b-chxqu9s58b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-subtle);
}

.message-footer .stat[b-chxqu9s58b] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.message-footer .stat.cost[b-chxqu9s58b] {
    color: var(--warning-color);
}

/* Message Actions */
.message-actions[b-chxqu9s58b] {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity var(--transition-fast);
    background: var(--bg-base);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 2px;
    box-shadow: var(--shadow-md);
}

.message-bubble:hover .message-actions[b-chxqu9s58b] {
    opacity: 1;
}

.message-actions[b-chxqu9s58b]  .mud-icon-button {
    padding: 4px;
}

/* Responsive */
@media (max-width: 768px) {
    .message-bubble[b-chxqu9s58b] {
        max-width: 95%;
    }

    .message-actions[b-chxqu9s58b] {
        position: static;
        opacity: 1;
        margin-top: var(--space-sm);
        justify-content: flex-end;
        background: transparent;
        border: none;
        box-shadow: none;
    }
}
/* _content/Ayva.Admin/Components/NeuralInterface/Workspace/Chat/RichContentEmbed.razor.rz.scp.css */
/* ==========================================================================
   RICH CONTENT EMBED - Glassmorphism interactive content viewer
   ========================================================================== */

.rich-content-embed[b-8un4v9a1gt] {
    display: flex;
    flex-direction: column;
    margin-top: var(--space-md);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-color);
    background: var(--bg-secondary);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all var(--transition-normal);
    position: relative;
}

.rich-content-embed[b-8un4v9a1gt]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        135deg,
        var(--accent-color-5) 0%,
        transparent 40%,
        transparent 60%,
        var(--secondary-accent-5) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.rich-content-embed:hover[b-8un4v9a1gt] {
    border-color: var(--accent-color-40);
    box-shadow: 0 8px 32px var(--accent-color-10);
}

.rich-content-embed.expanded[b-8un4v9a1gt] {
    position: relative;
    z-index: 50;
    box-shadow: 0 12px 40px var(--accent-color-20);
    border-color: var(--accent-color);
}

.rich-content-embed.error[b-8un4v9a1gt] {
    border-color: var(--error-color);
}

/* Content type accent bars */
.rich-content-embed.map .embed-header[b-8un4v9a1gt] {
    border-bottom-color: var(--success-color);
}

.rich-content-embed.chart .embed-header[b-8un4v9a1gt] {
    border-bottom-color: var(--accent-color);
}

.rich-content-embed.lidar .embed-header[b-8un4v9a1gt] {
    border-bottom-color: var(--secondary-accent);
}

.rich-content-embed.table .embed-header[b-8un4v9a1gt] {
    border-bottom-color: var(--info-color);
}

.rich-content-embed.report .embed-header[b-8un4v9a1gt] {
    border-bottom-color: var(--warning-color);
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.embed-header[b-8un4v9a1gt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 2px solid var(--accent-color-30);
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.embed-header-left[b-8un4v9a1gt] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
}

.embed-header-left[b-8un4v9a1gt]  .mud-icon-root {
    color: var(--accent-color);
    flex-shrink: 0;
}

.embed-type[b-8un4v9a1gt] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex-shrink: 0;
}

.embed-title[b-8un4v9a1gt] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    font-weight: var(--font-medium);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Separator dot between type and title */
.embed-type + .embed-title[b-8un4v9a1gt]::before {
    content: '\00b7';
    margin-right: var(--space-sm);
    color: var(--text-muted);
}

.embed-header-right[b-8un4v9a1gt] {
    display: flex;
    align-items: center;
    gap: 2px;
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.rich-content-embed:hover .embed-header-right[b-8un4v9a1gt],
.rich-content-embed.expanded .embed-header-right[b-8un4v9a1gt] {
    opacity: 1;
}

.embed-header-right[b-8un4v9a1gt]  .mud-icon-button {
    padding: 4px;
}

/* ==========================================================================
   CONTENT AREA
   ========================================================================== */

.embed-content[b-8un4v9a1gt] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: height var(--transition-normal);
    background: var(--bg-base);
}

.embed-iframe[b-8un4v9a1gt] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    background: var(--bg-base);
}

/* Loading State */
.embed-loading[b-8un4v9a1gt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    height: 100%;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.embed-loading[b-8un4v9a1gt]  .mud-progress-circular {
    color: var(--accent-color);
}

/* Error State */
.embed-error[b-8un4v9a1gt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    height: 100%;
    padding: var(--space-xl);
    text-align: center;
}

.embed-error[b-8un4v9a1gt]  .mud-icon-root {
    color: var(--text-muted);
    opacity: 0.5;
}

.embed-error .error-text[b-8un4v9a1gt] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-weight: var(--font-medium);
}

.embed-error .error-detail[b-8un4v9a1gt] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    max-width: 300px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.embed-footer[b-8un4v9a1gt] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-md);
    font-size: var(--text-xs);
    color: var(--text-muted);
    background: var(--white-overlay-02);
    border-top: 1px solid var(--border-subtle);
    position: relative;
    z-index: 1;
}

.embed-footer[b-8un4v9a1gt]  .mud-icon-root {
    font-size: 14px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
    .embed-header-right[b-8un4v9a1gt] {
        opacity: 1;
    }

    .rich-content-embed.expanded .embed-content[b-8un4v9a1gt] {
        height: 400px !important;
    }
}
/* _content/Ayva.Admin/Components/NeuralInterface/Workspace/Chat/SmartComposer.razor.rz.scp.css */
.smart-composer[b-cim0lnoaaz] {
    display: flex;
    flex-direction: column;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    transition: border-color var(--transition-fast);
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

.smart-composer:focus-within[b-cim0lnoaaz] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 2px var(--accent-color-15);
}

.smart-composer.processing[b-cim0lnoaaz] {
    opacity: 0.8;
}

/* Attachments Row */
.attachments-row[b-cim0lnoaaz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--border-subtle);
}

.attachment-chip[b-cim0lnoaaz] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
}

.attachment-name[b-cim0lnoaaz] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Input Area */
.composer-input-area[b-cim0lnoaaz] {
    position: relative;
}

.input-wrapper[b-cim0lnoaaz] {
    position: relative;
}

.composer-textarea[b-cim0lnoaaz] {
    width: 100%;
    min-height: var(--neural-composer-min-height);
    max-height: var(--neural-composer-max-height);
    padding: var(--space-md) var(--space-lg);
    background: transparent;
    border: none;
    outline: none;
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    line-height: 1.5;
    resize: none;
    overflow-y: auto;
}

.composer-textarea[b-cim0lnoaaz]::placeholder {
    color: var(--text-muted);
}

.composer-textarea:disabled[b-cim0lnoaaz] {
    cursor: not-allowed;
}

/* Preview Overlay */
.preview-overlay[b-cim0lnoaaz] {
    position: absolute;
    inset: 0;
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 10;
}

.preview-header[b-cim0lnoaaz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-card);
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
}

.preview-content[b-cim0lnoaaz] {
    flex: 1;
    padding: var(--space-md) var(--space-lg);
    overflow-y: auto;
    font-size: var(--text-sm);
    line-height: 1.6;
}

/* Toolbar */
.composer-toolbar[b-cim0lnoaaz] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-top: 1px solid var(--border-subtle);
}

.toolbar-left[b-cim0lnoaaz],
.toolbar-right[b-cim0lnoaaz] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.toolbar-center[b-cim0lnoaaz] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mention-chips[b-cim0lnoaaz] {
    display: flex;
    gap: var(--space-xs);
}

.char-count[b-cim0lnoaaz] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.shortcut-hint[b-cim0lnoaaz] {
    font-size: 10px;
    color: var(--white-overlay-50);
    margin-left: var(--space-sm);
}

/* Mentions Dropdown */
.mentions-dropdown[b-cim0lnoaaz] {
    position: absolute;
    bottom: 100%;
    left: var(--space-md);
    right: var(--space-md);
    max-height: 200px;
    overflow-y: auto;
    background: var(--bg-card-solid);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    z-index: 100;
}

.mention-option[b-cim0lnoaaz] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.mention-option:hover[b-cim0lnoaaz] {
    background: var(--bg-hover);
}

.mention-name[b-cim0lnoaaz] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--accent-color);
}

/* Send button styling */
.toolbar-right[b-cim0lnoaaz]  .mud-button-filled-primary {
    padding: var(--space-sm) var(--space-lg);
}
/* _content/Ayva.Admin/Components/NeuralInterface/Workspace/Operations/OperationsWorkspace.razor.rz.scp.css */
.operations-workspace[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Header */
.operations-header[b-5650c4mvym] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-lg);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
    gap: var(--space-md);
}

.header-title h2[b-5650c4mvym] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.header-title .header-description[b-5650c4mvym] {
    margin: var(--space-xs) 0 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.header-controls[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.search-field[b-5650c4mvym] {
    width: 200px;
}

/* Content */
.operations-content[b-5650c4mvym] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.loading-container[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: var(--space-md);
    color: var(--text-secondary);
}

/* Logs View */
.logs-view[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Live Banner */
.live-banner[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-sm) var(--space-lg);
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.live-banner.connected[b-5650c4mvym] {
    background: linear-gradient(135deg, rgba(var(--success-color-rgb), 0.1), rgba(var(--success-color-rgb), 0.05));
}

.live-banner.disconnected[b-5650c4mvym] {
    background: linear-gradient(135deg, rgba(var(--error-color-rgb), 0.1), rgba(var(--error-color-rgb), 0.05));
}

.live-indicator[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.pulse-dot[b-5650c4mvym] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--success-color);
    animation: pulse-b-5650c4mvym 1.5s infinite;
}

.disconnected .pulse-dot[b-5650c4mvym] {
    background: var(--error-color);
    animation: none;
}

@keyframes pulse-b-5650c4mvym {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
}

.live-stats[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    flex: 1;
}

.live-stats .stat[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.live-stats .stat.success[b-5650c4mvym] {
    color: var(--success-color);
}

.live-controls[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

/* Log Filters */
.log-filters[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-lg);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
    flex-shrink: 0;
}

.tool-filter[b-5650c4mvym] {
    width: 180px;
}

/* Log Stream */
.log-stream[b-5650c4mvym] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-sm);
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
}

.log-entry[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-card);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
    border-left: 3px solid transparent;
}

.log-entry:hover[b-5650c4mvym] {
    background: var(--white-overlay-05);
}

.log-entry.selected[b-5650c4mvym] {
    background: rgba(var(--accent-color-rgb), 0.1);
    border-left-color: var(--accent-color);
}

.log-entry.completed[b-5650c4mvym] {
    border-left-color: var(--success-color);
}

.log-entry.failed[b-5650c4mvym] {
    border-left-color: var(--error-color);
}

.log-entry.blocked[b-5650c4mvym] {
    border-left-color: var(--warning-color);
}

.log-entry.timeout[b-5650c4mvym] {
    border-left-color: var(--secondary-accent);
}

.log-entry.running[b-5650c4mvym] {
    border-left-color: var(--accent-color);
    animation: runningPulse-b-5650c4mvym 2s infinite;
}

@keyframes runningPulse-b-5650c4mvym {
    0%, 100% { background: var(--bg-card); }
    50% { background: rgba(var(--accent-color-rgb), 0.05); }
}

.log-timestamp[b-5650c4mvym] {
    width: 100px;
    color: var(--text-muted);
    flex-shrink: 0;
}

.log-status[b-5650c4mvym] {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.log-tool[b-5650c4mvym] {
    flex: 1;
    min-width: 0;
}

.log-tool code[b-5650c4mvym] {
    color: var(--accent-color);
}

.log-duration[b-5650c4mvym] {
    width: 80px;
    text-align: right;
    color: var(--text-secondary);
    flex-shrink: 0;
}

.log-channel[b-5650c4mvym] {
    width: 80px;
    color: var(--text-muted);
    flex-shrink: 0;
}

.log-identity[b-5650c4mvym] {
    width: 150px;
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}

.log-error[b-5650c4mvym] {
    flex: 1;
    color: var(--error-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-logs[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-xl);
    color: var(--text-muted);
    gap: var(--space-md);
}

/* Log Detail Panel */
.log-detail-panel[b-5650c4mvym] {
    width: 400px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--border-color);
    background: var(--bg-secondary);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    box-shadow: -4px 0 16px var(--black-overlay-30);
}

.log-detail-panel .panel-header[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.log-detail-panel .panel-header .close-btn[b-5650c4mvym] {
    margin-left: auto;
}

.log-detail-panel .panel-content[b-5650c4mvym] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-md);
}

.detail-grid[b-5650c4mvym] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
}

.detail-grid.compact[b-5650c4mvym] {
    gap: var(--space-xs);
}

.detail-item[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.detail-item.full-width[b-5650c4mvym] {
    grid-column: 1 / -1;
}

.detail-item .label[b-5650c4mvym] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
}

.detail-item code[b-5650c4mvym] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--accent-color);
}

.detail-expansion[b-5650c4mvym] {
    margin-top: var(--space-md);
}

.detail-expansion[b-5650c4mvym]  .mud-expand-panel {
    background: transparent !important;
    box-shadow: none !important;
}

.detail-code[b-5650c4mvym] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    background: var(--bg-primary);
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    color: var(--text-secondary);
    max-height: 200px;
    overflow-y: auto;
}

.detail-code.stack-trace[b-5650c4mvym] {
    max-height: 300px;
    color: var(--error-color);
}

.error-details[b-5650c4mvym] {
    margin-top: var(--space-md);
    padding: var(--space-md);
    background: rgba(var(--error-color-rgb), 0.1);
    border-radius: var(--radius-md);
    border-left: 3px solid var(--error-color);
}

.error-details .label[b-5650c4mvym] {
    font-size: var(--text-xs);
    color: var(--error-color);
    text-transform: uppercase;
    margin-bottom: var(--space-xs);
}

.error-message[b-5650c4mvym] {
    font-size: var(--text-sm);
    color: var(--error-color);
    margin-bottom: var(--space-sm);
}

.block-details[b-5650c4mvym] {
    margin-top: var(--space-md);
}

/* Health View */
.health-view[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-lg);
    overflow-y: auto;
}

.health-cards[b-5650c4mvym] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
}

.health-card[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    position: relative;
    overflow: hidden;
}

.health-card[b-5650c4mvym]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.health-card.healthy[b-5650c4mvym]::before {
    background: var(--success-color);
}

.health-card.degraded[b-5650c4mvym]::before {
    background: var(--warning-color);
}

.health-card.unhealthy[b-5650c4mvym]::before {
    background: var(--error-color);
}

.health-card .card-header[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.health-card .card-value[b-5650c4mvym] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.health-card.healthy .card-value[b-5650c4mvym] {
    color: var(--success-color);
}

.health-card.degraded .card-value[b-5650c4mvym] {
    color: var(--warning-color);
}

.health-card.unhealthy .card-value[b-5650c4mvym] {
    color: var(--error-color);
}

.health-card .card-details[b-5650c4mvym] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* Metrics Section */
.metrics-section[b-5650c4mvym],
.breakdown-section[b-5650c4mvym] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.section-header[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.metrics-grid[b-5650c4mvym] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
    padding: var(--space-md);
}

.metric-card[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-md);
    background: var(--bg-card);
    border-radius: var(--radius-md);
}

.metric-label[b-5650c4mvym] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    margin-bottom: var(--space-xs);
}

.metric-value[b-5650c4mvym] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.metric-value.error[b-5650c4mvym] {
    color: var(--error-color);
}

.metric-value.warning[b-5650c4mvym] {
    color: var(--warning-color);
}

/* Breakdown Section */
.breakdown-list[b-5650c4mvym] {
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.breakdown-item[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.breakdown-name[b-5650c4mvym] {
    width: 200px;
    flex-shrink: 0;
}

.breakdown-name code[b-5650c4mvym] {
    font-size: var(--text-sm);
    color: var(--accent-color);
}

.breakdown-bar[b-5650c4mvym] {
    flex: 1;
    height: 8px;
    background: var(--bg-card);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.bar-fill[b-5650c4mvym] {
    height: 100%;
    background: var(--accent-color);
    border-radius: var(--radius-full);
    transition: width var(--transition-normal);
}

.breakdown-count[b-5650c4mvym] {
    width: 60px;
    text-align: right;
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

.breakdown-section.errors .breakdown-name code[b-5650c4mvym] {
    color: var(--error-color);
}

.no-data[b-5650c4mvym] {
    text-align: center;
    padding: var(--space-lg);
    color: var(--text-muted);
    font-size: var(--text-sm);
}

/* Alerts View */
.alerts-view[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.alerts-header[b-5650c4mvym] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.alert-summary[b-5650c4mvym] {
    display: flex;
    gap: var(--space-lg);
}

.summary-item[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-card);
    border-radius: var(--radius-md);
}

.summary-item .count[b-5650c4mvym] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    font-family: var(--font-mono);
}

.summary-item .label[b-5650c4mvym] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.summary-item.critical .count[b-5650c4mvym] {
    color: var(--error-color);
}

.summary-item.warning .count[b-5650c4mvym] {
    color: var(--warning-color);
}

.summary-item.info .count[b-5650c4mvym] {
    color: var(--info-color);
}

.alerts-list[b-5650c4mvym] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.alert-item[b-5650c4mvym] {
    display: flex;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--border-color);
}

.alert-item.critical[b-5650c4mvym] {
    border-left-color: var(--error-color);
    background: rgba(var(--error-color-rgb), 0.05);
}

.alert-item.warning[b-5650c4mvym] {
    border-left-color: var(--warning-color);
    background: rgba(var(--warning-color-rgb), 0.05);
}

.alert-item.info[b-5650c4mvym] {
    border-left-color: var(--info-color);
    background: rgba(var(--info-color-rgb), 0.05);
}

.alert-icon[b-5650c4mvym] {
    flex-shrink: 0;
}

.alert-content[b-5650c4mvym] {
    flex: 1;
    min-width: 0;
}

.alert-title[b-5650c4mvym] {
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.alert-message[b-5650c4mvym] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
}

.alert-meta[b-5650c4mvym] {
    display: flex;
    gap: var(--space-md);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.alert-actions[b-5650c4mvym] {
    flex-shrink: 0;
}

.no-alerts[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-xl);
    color: var(--text-secondary);
    gap: var(--space-sm);
}

.no-alerts .subtext[b-5650c4mvym] {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

/* Audit View */
.audit-view[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.audit-filters[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.date-picker[b-5650c4mvym] {
    width: 280px;
}

.channel-filter[b-5650c4mvym] {
    width: 150px;
}

.audit-table[b-5650c4mvym] {
    flex: 1;
    overflow: hidden;
}

.audit-table[b-5650c4mvym]  .mud-table {
    background: transparent !important;
}

.audit-table[b-5650c4mvym]  .mud-table-head .mud-table-cell {
    background: var(--white-overlay-02);
    font-weight: var(--font-semibold);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.audit-table[b-5650c4mvym]  .mud-table-body .mud-table-cell {
    font-size: var(--text-sm);
}

.audit-table .timestamp[b-5650c4mvym] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.audit-table .identity[b-5650c4mvym] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* Dialog */
.dialog-title[b-5650c4mvym] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.audit-detail-content[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.code-section[b-5650c4mvym] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.code-section .label[b-5650c4mvym] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
}

.user-agent[b-5650c4mvym] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    word-break: break-all;
}

/* Responsive */
@media (max-width: 1400px) {
    .health-cards[b-5650c4mvym] {
        grid-template-columns: repeat(2, 1fr);
    }

    .metrics-grid[b-5650c4mvym] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1200px) {
    .log-detail-panel[b-5650c4mvym] {
        width: 350px;
    }

    .log-identity[b-5650c4mvym] {
        display: none;
    }
}

@media (max-width: 768px) {
    .operations-header[b-5650c4mvym] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-controls[b-5650c4mvym] {
        width: 100%;
        flex-wrap: wrap;
    }

    .search-field[b-5650c4mvym] {
        width: 100%;
    }

    .live-banner[b-5650c4mvym] {
        flex-direction: column;
        align-items: flex-start;
    }

    .live-stats[b-5650c4mvym] {
        flex-wrap: wrap;
    }

    .health-cards[b-5650c4mvym] {
        grid-template-columns: 1fr;
    }

    .metrics-grid[b-5650c4mvym] {
        grid-template-columns: repeat(2, 1fr);
    }

    .log-stream[b-5650c4mvym] {
        font-size: var(--text-xs);
    }

    .log-channel[b-5650c4mvym],
    .log-duration[b-5650c4mvym] {
        display: none;
    }

    .log-detail-panel[b-5650c4mvym] {
        width: 100%;
        height: 50%;
        top: auto;
        border-left: none;
        border-top: 1px solid var(--border-color);
    }

    .audit-filters[b-5650c4mvym] {
        flex-wrap: wrap;
    }

    .date-picker[b-5650c4mvym] {
        width: 100%;
    }

    .breakdown-name[b-5650c4mvym] {
        width: 120px;
    }
}
/* _content/Ayva.Admin/Components/NeuralInterface/Workspace/Prompts/PromptWorkspace.razor.rz.scp.css */
.prompt-workspace[b-j8ezdfbzeu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Header */
.prompt-header[b-j8ezdfbzeu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-lg);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.header-title h2[b-j8ezdfbzeu] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.header-title .header-description[b-j8ezdfbzeu] {
    margin: var(--space-xs) 0 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

/* Content */
.prompt-content[b-j8ezdfbzeu] {
    flex: 1;
    overflow: hidden;
}

.loading-container[b-j8ezdfbzeu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: var(--space-md);
    color: var(--text-secondary);
}

/* Layout */
.prompt-layout[b-j8ezdfbzeu] {
    display: flex;
    height: 100%;
    overflow: hidden;
}

/* Prompt List Panel */
.prompt-list-panel[b-j8ezdfbzeu] {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--border-color);
    background: var(--bg-secondary);
}

.panel-header[b-j8ezdfbzeu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    flex-shrink: 0;
}

.count-badge[b-j8ezdfbzeu] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.panel-content[b-j8ezdfbzeu] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-md);
}

.search-field[b-j8ezdfbzeu] {
    margin-bottom: var(--space-md);
}

.prompt-items[b-j8ezdfbzeu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.prompt-item[b-j8ezdfbzeu] {
    padding: var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.prompt-item:hover[b-j8ezdfbzeu] {
    border-color: var(--accent-color);
}

.prompt-item.selected[b-j8ezdfbzeu] {
    border-color: var(--accent-color);
    background: rgba(var(--accent-color-rgb), 0.1);
}

.prompt-item-header[b-j8ezdfbzeu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-xs);
}

.prompt-name[b-j8ezdfbzeu] {
    font-weight: var(--font-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prompt-item-meta[b-j8ezdfbzeu] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    margin-bottom: var(--space-xs);
}

.separator[b-j8ezdfbzeu] {
    color: var(--text-muted);
}

.prompt-item-version[b-j8ezdfbzeu] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.no-prompts[b-j8ezdfbzeu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-xl);
    color: var(--text-muted);
    gap: var(--space-md);
}

/* Editor Panel */
.prompt-editor-panel[b-j8ezdfbzeu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.no-selection[b-j8ezdfbzeu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-muted);
    gap: var(--space-md);
}

.no-selection h3[b-j8ezdfbzeu] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0;
}

.no-selection p[b-j8ezdfbzeu] {
    margin: 0;
    font-size: var(--text-sm);
}

/* Prompt Metadata */
.prompt-metadata[b-j8ezdfbzeu] {
    padding: var(--space-md);
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.metadata-row[b-j8ezdfbzeu] {
    display: flex;
    gap: var(--space-md);
    align-items: center;
}

.name-field[b-j8ezdfbzeu] {
    flex: 2;
}

.context-select[b-j8ezdfbzeu],
.audience-select[b-j8ezdfbzeu],
.channel-select[b-j8ezdfbzeu] {
    flex: 1;
    min-width: 120px;
}

.priority-field[b-j8ezdfbzeu] {
    width: 100px;
}

.active-switch[b-j8ezdfbzeu] {
    margin-left: auto;
}

/* Editor Container */
.editor-container[b-j8ezdfbzeu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.editor-toolbar[b-j8ezdfbzeu] {
    display: flex;
    align-items: center;
    padding: var(--space-xs) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
}

.variable-hint[b-j8ezdfbzeu] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.char-count[b-j8ezdfbzeu] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.monaco-editor-full[b-j8ezdfbzeu] {
    flex: 1;
    min-height: 300px;
}

.monaco-loading[b-j8ezdfbzeu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: var(--space-md);
    color: var(--text-secondary);
}

/* History Panel */
.prompt-history-panel[b-j8ezdfbzeu] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--border-color);
    background: var(--bg-secondary);
}

.history-tabs[b-j8ezdfbzeu]  .mud-tabs-toolbar {
    background: transparent !important;
}

.version-list[b-j8ezdfbzeu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm);
}

.version-item[b-j8ezdfbzeu] {
    padding: var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.version-item:hover[b-j8ezdfbzeu] {
    border-color: var(--accent-color);
}

.version-item.selected[b-j8ezdfbzeu] {
    border-color: var(--accent-color);
    background: rgba(var(--accent-color-rgb), 0.1);
}

.version-header[b-j8ezdfbzeu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-xs);
}

.version-number[b-j8ezdfbzeu] {
    font-weight: var(--font-semibold);
    color: var(--accent-color);
    font-family: var(--font-mono);
}

.version-date[b-j8ezdfbzeu] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.version-notes[b-j8ezdfbzeu] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: var(--space-xs) 0;
    line-height: 1.4;
}

.version-metrics[b-j8ezdfbzeu] {
    display: flex;
    gap: var(--space-md);
    margin: var(--space-sm) 0;
}

.version-metrics .metric[b-j8ezdfbzeu] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.version-actions[b-j8ezdfbzeu] {
    display: flex;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-subtle);
}

.no-versions[b-j8ezdfbzeu] {
    text-align: center;
    padding: var(--space-lg);
    color: var(--text-muted);
    font-size: var(--text-sm);
}

/* A/B Tests */
.ab-tests[b-j8ezdfbzeu] {
    padding: var(--space-sm);
}

.ab-test-item[b-j8ezdfbzeu] {
    padding: var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.test-header[b-j8ezdfbzeu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-xs);
}

.test-name[b-j8ezdfbzeu] {
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.test-meta[b-j8ezdfbzeu] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.no-tests[b-j8ezdfbzeu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-xl);
    color: var(--text-muted);
    gap: var(--space-md);
}

/* Responsive */
@media (max-width: 1200px) {
    .prompt-history-panel[b-j8ezdfbzeu] {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 10;
        box-shadow: -4px 0 16px var(--black-overlay-30);
    }
}

@media (max-width: 768px) {
    .prompt-layout[b-j8ezdfbzeu] {
        flex-direction: column;
    }

    .prompt-list-panel[b-j8ezdfbzeu] {
        width: 100%;
        height: 200px;
        border-right: none;
        border-bottom: 1px solid var(--border-color);
    }

    .prompt-history-panel[b-j8ezdfbzeu] {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50%;
        border-left: none;
        border-top: 1px solid var(--border-color);
    }

    .metadata-row[b-j8ezdfbzeu] {
        flex-wrap: wrap;
    }

    .name-field[b-j8ezdfbzeu] {
        width: 100%;
        flex: auto;
    }

    .context-select[b-j8ezdfbzeu],
    .audience-select[b-j8ezdfbzeu],
    .channel-select[b-j8ezdfbzeu] {
        flex: 1;
        min-width: 100px;
    }
}
/* _content/Ayva.Admin/Components/NeuralInterface/Workspace/Tools/ToolWorkspace.razor.rz.scp.css */
.tool-workspace[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Header */
.tool-header[b-xvju8z0v3d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-lg);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
    gap: var(--space-md);
}

.header-title h2[b-xvju8z0v3d] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.header-title .header-description[b-xvju8z0v3d] {
    margin: var(--space-xs) 0 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.header-controls[b-xvju8z0v3d] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.search-field[b-xvju8z0v3d] {
    width: 200px;
}

/* Main Content */
.tool-content[b-xvju8z0v3d] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-lg);
}

.loading-container[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: var(--space-md);
    color: var(--text-secondary);
}

/* Timeline View */
.timeline-view[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* Live Execution Panel */
.live-execution-panel[b-xvju8z0v3d] {
    background: var(--bg-secondary);
    border: 1px solid var(--accent-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    animation: borderPulse-b-xvju8z0v3d 2s infinite;
}

@keyframes borderPulse-b-xvju8z0v3d {
    0%, 100% { border-color: var(--accent-color); }
    50% { border-color: rgba(var(--accent-color-rgb), 0.4); }
}

.live-execution-panel .panel-header.live[b-xvju8z0v3d] {
    background: linear-gradient(135deg, rgba(var(--accent-color-rgb), 0.2), rgba(var(--accent-color-rgb), 0.1));
    color: var(--accent-color);
}

.pulse-indicator[b-xvju8z0v3d] {
    width: 8px;
    height: 8px;
    background: var(--accent-color);
    border-radius: 50%;
    animation: pulse-b-xvju8z0v3d 1.5s infinite;
    margin-left: auto;
}

@keyframes pulse-b-xvju8z0v3d {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
}

/* Stats Summary */
.stats-summary[b-xvju8z0v3d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
}

.stat-card[b-xvju8z0v3d] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

.stat-icon[b-xvju8z0v3d] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    color: var(--accent-color);
}

.stat-icon.success[b-xvju8z0v3d] { color: var(--success-color); }
.stat-icon.warning[b-xvju8z0v3d] { color: var(--warning-color); }
.stat-icon.info[b-xvju8z0v3d] { color: var(--info-color); }

.stat-content[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-xvju8z0v3d] {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.stat-label[b-xvju8z0v3d] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

/* Panels */
.executions-panel[b-xvju8z0v3d],
.sandbox-panel[b-xvju8z0v3d],
.live-execution-panel[b-xvju8z0v3d] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.panel-header[b-xvju8z0v3d] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--white-overlay-02);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.panel-content[b-xvju8z0v3d] {
    padding: var(--space-md);
}

.count-badge[b-xvju8z0v3d] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

/* Execution Timeline */
.execution-timeline[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    max-height: 500px;
    overflow-y: auto;
}

.execution-card[b-xvju8z0v3d] {
    padding: var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    border-left: 3px solid var(--border-color);
    transition: all var(--transition-fast);
}

.execution-card:hover[b-xvju8z0v3d] {
    border-color: var(--accent-color);
}

.execution-card.success[b-xvju8z0v3d] { border-left-color: var(--success-color); }
.execution-card.error[b-xvju8z0v3d] { border-left-color: var(--error-color); }
.execution-card.blocked[b-xvju8z0v3d] { border-left-color: var(--warning-color); }
.execution-card.active[b-xvju8z0v3d] {
    border-left-color: var(--accent-color);
    animation: pulseGlow-b-xvju8z0v3d 2s infinite;
}

@keyframes pulseGlow-b-xvju8z0v3d {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--accent-color-rgb), 0.2); }
    50% { box-shadow: 0 0 12px 4px rgba(var(--accent-color-rgb), 0.3); }
}

.execution-header[b-xvju8z0v3d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-sm);
}

.tool-badge[b-xvju8z0v3d] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.execution-meta[b-xvju8z0v3d] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.duration[b-xvju8z0v3d] {
    font-family: var(--font-mono);
}

.execution-status[b-xvju8z0v3d] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.status-text[b-xvju8z0v3d] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.status-text.success[b-xvju8z0v3d] { color: var(--success-color); }
.status-text.error[b-xvju8z0v3d] { color: var(--error-color); }
.status-text.blocked[b-xvju8z0v3d] { color: var(--warning-color); }

.execution-input[b-xvju8z0v3d] {
    margin-top: var(--space-sm);
    padding: var(--space-sm);
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
}

.execution-input .label[b-xvju8z0v3d] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    display: block;
    margin-bottom: var(--space-xs);
}

.execution-input code[b-xvju8z0v3d] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-secondary);
    word-break: break-all;
}

.execution-progress[b-xvju8z0v3d] {
    margin-top: var(--space-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.elapsed-time[b-xvju8z0v3d] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    text-align: right;
}

.execution-details[b-xvju8z0v3d] {
    margin-top: var(--space-sm);
}

.execution-details[b-xvju8z0v3d]  .mud-expand-panel {
    background: transparent !important;
    box-shadow: none !important;
}

.detail-section[b-xvju8z0v3d] {
    margin-bottom: var(--space-md);
}

.detail-label[b-xvju8z0v3d] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    margin-bottom: var(--space-xs);
    display: block;
}

.detail-code[b-xvju8z0v3d] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    background: var(--bg-primary);
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    color: var(--text-secondary);
}

/* Tools View */
.tools-view[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.category-filter[b-xvju8z0v3d] {
    padding: var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

.tools-grid[b-xvju8z0v3d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-md);
}

.tool-card[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: all var(--transition-fast);
}

.tool-card:hover[b-xvju8z0v3d] {
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.tool-card.disabled[b-xvju8z0v3d] {
    opacity: 0.6;
}

.tool-card.orphaned[b-xvju8z0v3d] {
    border-color: var(--warning-color);
    background: rgba(var(--warning-color-rgb), 0.05);
}

.tool-card-header[b-xvju8z0v3d] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    margin-bottom: var(--space-md);
}

.tool-icon[b-xvju8z0v3d] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    color: var(--accent-color);
    flex-shrink: 0;
}

.tool-info[b-xvju8z0v3d] {
    flex: 1;
    min-width: 0;
}

.tool-info h4[b-xvju8z0v3d] {
    margin: 0 0 var(--space-xs);
    font-size: var(--text-md);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tool-status[b-xvju8z0v3d] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.tool-description[b-xvju8z0v3d] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0 0 var(--space-md);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tool-stats[b-xvju8z0v3d] {
    display: flex;
    gap: var(--space-lg);
    margin-bottom: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-subtle);
}

.tool-stats .stat[b-xvju8z0v3d] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.tool-actions[b-xvju8z0v3d] {
    display: flex;
    gap: var(--space-sm);
    margin-top: auto;
}

/* Sandbox View */
.sandbox-view[b-xvju8z0v3d] {
    height: 100%;
}

.sandbox-grid[b-xvju8z0v3d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto 1fr;
    gap: var(--space-md);
    height: 100%;
    min-height: 600px;
}

.sandbox-panel.tool-select[b-xvju8z0v3d] {
    grid-column: 1;
    grid-row: 1;
}

.sandbox-panel.input-editor[b-xvju8z0v3d] {
    grid-column: 1;
    grid-row: 2;
}

.sandbox-controls[b-xvju8z0v3d] {
    grid-column: 1 / -1;
    grid-row: 3;
    display: flex;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-md);
}

.sandbox-panel.output-display[b-xvju8z0v3d] {
    grid-column: 2;
    grid-row: 1 / 3;
}

.sandbox-panel[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
}

.sandbox-panel .panel-content[b-xvju8z0v3d] {
    flex: 1;
    overflow: auto;
}

.tool-details[b-xvju8z0v3d] {
    margin-top: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-subtle);
}

.tool-details .description[b-xvju8z0v3d] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0 0 var(--space-sm);
}

.tool-meta[b-xvju8z0v3d] {
    display: flex;
    gap: var(--space-sm);
}

.code-input[b-xvju8z0v3d]  textarea {
    font-family: var(--font-mono) !important;
    font-size: var(--text-sm) !important;
}

.no-output[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 200px;
    color: var(--text-muted);
    gap: var(--space-md);
}

.output-code[b-xvju8z0v3d] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    padding: var(--space-md);
    background: var(--bg-card);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    height: 100%;
    overflow: auto;
}

/* No Data */
.no-data[b-xvju8z0v3d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-xl);
    color: var(--text-muted);
    gap: var(--space-md);
}

/* Responsive */
@media (max-width: 1200px) {
    .stats-summary[b-xvju8z0v3d] {
        grid-template-columns: repeat(2, 1fr);
    }

    .sandbox-grid[b-xvju8z0v3d] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto;
    }

    .sandbox-panel.output-display[b-xvju8z0v3d] {
        grid-column: 1;
        grid-row: 5;
    }

    .sandbox-controls[b-xvju8z0v3d] {
        grid-row: 4;
    }
}

@media (max-width: 768px) {
    .tool-header[b-xvju8z0v3d] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-controls[b-xvju8z0v3d] {
        width: 100%;
        flex-wrap: wrap;
    }

    .search-field[b-xvju8z0v3d] {
        width: 100%;
    }

    .stats-summary[b-xvju8z0v3d] {
        grid-template-columns: 1fr;
    }

    .tools-grid[b-xvju8z0v3d] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/NotificationsPanel.razor.rz.scp.css */
/* NotificationsPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-d1utpts7my] .mud-grid-item {
        padding: var(--space-sm);
    }

    [b-d1utpts7my] .mud-paper {
        padding: var(--space-md) !important;
    }
}
/* _content/Ayva.Admin/Components/Onboarding/OnboardingPipelinePanel.razor.rz.scp.css */
/* Admin Onboarding Pipeline Panel - Scoped Styles */

.onboarding-admin[b-aqxiv33a1m] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-md);
}

/* Stats Grid */
.stats-grid[b-aqxiv33a1m] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
}

.stat-card[b-aqxiv33a1m] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: var(--transition-fast);
}

.stat-card:hover[b-aqxiv33a1m] {
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.stat-icon[b-aqxiv33a1m] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.active-icon[b-aqxiv33a1m] {
    background: var(--bg-active);
    color: var(--accent-color);
}

.stat-icon.completed-icon[b-aqxiv33a1m] {
    background: var(--success-bg);
    color: var(--success-color);
}

.stat-icon.blocked-icon[b-aqxiv33a1m] {
    background: var(--error-bg);
    color: var(--error-color);
}

.stat-icon.avg-icon[b-aqxiv33a1m] {
    background: var(--warning-bg);
    color: var(--warning-color);
}

.stat-info[b-aqxiv33a1m] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-aqxiv33a1m] {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    line-height: 1.2;
}

.stat-label[b-aqxiv33a1m] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Pipeline Funnel */
.funnel-section[b-aqxiv33a1m] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    padding: var(--space-lg);
}

.section-header[b-aqxiv33a1m] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
}

.funnel-bars[b-aqxiv33a1m] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.funnel-row[b-aqxiv33a1m] {
    display: grid;
    grid-template-columns: 140px 1fr 40px;
    align-items: center;
    gap: var(--space-md);
}

.funnel-label[b-aqxiv33a1m] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-align: right;
}

.funnel-bar-track[b-aqxiv33a1m] {
    background: var(--bg-hover);
    border-radius: var(--radius-sm);
    height: 24px;
    overflow: hidden;
}

.funnel-bar[b-aqxiv33a1m] {
    height: 100%;
    background: var(--accent-gradient);
    border-radius: var(--radius-sm);
    min-width: 2px;
    transition: width var(--transition-normal);
}

.funnel-count[b-aqxiv33a1m] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    text-align: center;
}

/* Toolbar */
.toolbar[b-aqxiv33a1m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.toolbar-filters[b-aqxiv33a1m] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

[b-aqxiv33a1m] .filter-select {
    min-width: 140px;
}

[b-aqxiv33a1m] .search-input {
    min-width: 200px;
}

/* Grid Section */
.grid-section[b-aqxiv33a1m] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.loading-container[b-aqxiv33a1m] {
    display: flex;
    justify-content: center;
    padding: var(--space-2xl);
}

[b-aqxiv33a1m] .onboarding-grid {
    background: transparent !important;
}

[b-aqxiv33a1m] .onboarding-grid .mud-table-head .mud-table-cell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-size: var(--text-xs) !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

[b-aqxiv33a1m] .onboarding-grid .mud-table-body .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

.action-buttons[b-aqxiv33a1m] {
    display: flex;
    gap: var(--space-xs);
}

.actions-cell[b-aqxiv33a1m] {
    white-space: nowrap;
}

/* Animations */
.animate-fade-in-up[b-aqxiv33a1m] {
    animation: fadeInUp-b-aqxiv33a1m 0.5s ease-out both;
}

.animate-stagger-1[b-aqxiv33a1m] { animation-delay: 0.1s; }
.animate-stagger-2[b-aqxiv33a1m] { animation-delay: 0.2s; }
.animate-stagger-3[b-aqxiv33a1m] { animation-delay: 0.3s; }

@keyframes fadeInUp-b-aqxiv33a1m {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 768px) {
    .stats-grid[b-aqxiv33a1m] {
        grid-template-columns: repeat(2, 1fr);
    }

    .funnel-row[b-aqxiv33a1m] {
        grid-template-columns: 100px 1fr 30px;
    }

    .toolbar[b-aqxiv33a1m] {
        flex-direction: column;
        align-items: stretch;
    }

    .toolbar-filters[b-aqxiv33a1m] {
        flex-direction: column;
    }

    [b-aqxiv33a1m] .filter-select,
    [b-aqxiv33a1m] .search-input {
        min-width: unset;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .stats-grid[b-aqxiv33a1m] {
        grid-template-columns: 1fr;
    }

    .onboarding-admin[b-aqxiv33a1m] {
        padding: var(--space-sm);
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-aqxiv33a1m], *[b-aqxiv33a1m]::before, *[b-aqxiv33a1m]::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/Ayva.Admin/Components/RBAC/EntraMappingPanel.razor.rz.scp.css */
/*
 * EntraMappingPanel.razor.css - Scoped styles using Ayva Design System
 */

.entra-mapping-panel[b-ohb6pl1dgm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* Panel Header */
.panel-header[b-ohb6pl1dgm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-md);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--border-color);
}

.panel-header .section-icon[b-ohb6pl1dgm] {
    margin-right: var(--space-sm);
    vertical-align: middle;
    color: var(--accent-color);
}

/* Mappings Container */
.mappings-container[b-ohb6pl1dgm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* Mappings List */
.mappings-list[b-ohb6pl1dgm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

/* Mapping Card */
.mapping-card[b-ohb6pl1dgm] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

.mapping-card:hover[b-ohb6pl1dgm] {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

.mapping-card.disabled[b-ohb6pl1dgm] {
    opacity: 0.6;
}

.mapping-card.disabled:hover[b-ohb6pl1dgm] {
    transform: none;
}

/* Mapping Source (Entra Group) */
.mapping-source[b-ohb6pl1dgm] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex: 1;
    min-width: 0;
}

.source-info[b-ohb6pl1dgm] {
    min-width: 0;
}

.group-id[b-ohb6pl1dgm] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Mapping Arrow */
.mapping-arrow[b-ohb6pl1dgm] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-xs);
    color: var(--text-secondary);
}

/* Mapping Target (Role) */
.mapping-target[b-ohb6pl1dgm] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex: 1;
    min-width: 0;
}

.role-badge[b-ohb6pl1dgm] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.target-info[b-ohb6pl1dgm] {
    min-width: 0;
}

/* Mapping Status */
.mapping-status[b-ohb6pl1dgm] {
    flex-shrink: 0;
}

/* Mapping Actions */
.mapping-actions[b-ohb6pl1dgm] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-shrink: 0;
}

/* Empty State */
.empty-state[b-ohb6pl1dgm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-3xl);
    background: var(--bg-secondary);
    border: 2px dashed var(--border-color);
    border-radius: var(--radius-lg);
    text-align: center;
}

/* Panel Footer */
.panel-footer[b-ohb6pl1dgm] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-color);
}

/* Dialog Styling */
[b-ohb6pl1dgm] .mud-dialog {
    background: var(--bg-card-solid) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
}

[b-ohb6pl1dgm] .mud-dialog-title {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

[b-ohb6pl1dgm] .mud-dialog-content {
    color: var(--text-primary);
}

/* Form Inputs */
[b-ohb6pl1dgm] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border-color) !important;
}

[b-ohb6pl1dgm] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--accent-color) !important;
}

[b-ohb6pl1dgm] .mud-input {
    color: var(--text-primary) !important;
}

[b-ohb6pl1dgm] .mud-input-label {
    color: var(--text-secondary) !important;
}

[b-ohb6pl1dgm] .mud-input-helper-text {
    color: var(--text-muted) !important;
}

[b-ohb6pl1dgm] .mud-select {
    background: var(--bg-card);
}

[b-ohb6pl1dgm] .mud-popover {
    background: var(--bg-card-solid) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

[b-ohb6pl1dgm] .mud-list-item {
    color: var(--text-primary);
}

[b-ohb6pl1dgm] .mud-list-item:hover {
    background: var(--bg-hover) !important;
}

/* Switch */
[b-ohb6pl1dgm] .mud-switch {
    color: var(--text-primary);
}

[b-ohb6pl1dgm] .mud-switch-track {
    background: var(--bg-card) !important;
}

[b-ohb6pl1dgm] .mud-switch-checked .mud-switch-track {
    background: var(--accent-color) !important;
}

/* Buttons */
[b-ohb6pl1dgm] .mud-button-filled.mud-button-filled-primary {
    background: var(--accent-gradient) !important;
    transition: all var(--transition-normal);
}

[b-ohb6pl1dgm] .mud-button-filled.mud-button-filled-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-accent);
}

/* Chips */
[b-ohb6pl1dgm] .mud-chip {
    font-weight: var(--font-medium);
}

/* Alert */
[b-ohb6pl1dgm] .mud-alert {
    border-radius: var(--radius-lg);
}

/* Responsive */
@media (max-width: 768px) {
    .panel-header[b-ohb6pl1dgm] {
        flex-direction: column;
        align-items: stretch;
    }

    .mapping-card[b-ohb6pl1dgm] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-sm);
    }

    .mapping-source[b-ohb6pl1dgm],
    .mapping-target[b-ohb6pl1dgm] {
        width: 100%;
    }

    .mapping-arrow[b-ohb6pl1dgm] {
        display: none;
    }

    .mapping-status[b-ohb6pl1dgm] {
        width: 100%;
    }

    .mapping-actions[b-ohb6pl1dgm] {
        width: 100%;
        justify-content: flex-end;
        padding-top: var(--space-sm);
        border-top: 1px solid var(--border-color);
    }

    .group-id[b-ohb6pl1dgm] {
        max-width: 100%;
    }

    .empty-state[b-ohb6pl1dgm] {
        padding: var(--space-xl);
    }
}
/* _content/Ayva.Admin/Components/RBAC/PermissionBrowser.razor.rz.scp.css */
/*
 * PermissionBrowser.razor.css - Scoped styles using Ayva Design System
 */

.permission-browser[b-runephso00] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* Browser Header */
.browser-header[b-runephso00] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-md);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--border-color);
}

.browser-header .section-icon[b-runephso00] {
    margin-right: var(--space-sm);
    vertical-align: middle;
    color: var(--accent-color);
}

/* Filter Controls */
.filter-controls[b-runephso00] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

/* Permissions Container */
.permissions-container[b-runephso00] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

/* Table Styling */
[b-runephso00] .permissions-table {
    background: transparent !important;
}

[b-runephso00] .permissions-table .mud-table-container {
    background: transparent !important;
}

[b-runephso00] .permissions-table .mud-table-head {
    background: var(--bg-card) !important;
}

[b-runephso00] .permissions-table .mud-table-head th {
    color: var(--text-secondary) !important;
    font-weight: var(--font-semibold);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-color) !important;
}

[b-runephso00] .permissions-table .mud-table-body tr {
    background: transparent !important;
    transition: background var(--transition-fast);
}

[b-runephso00] .permissions-table .mud-table-body tr:hover {
    background: var(--bg-hover) !important;
}

[b-runephso00] .permissions-table .mud-table-body td {
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color) !important;
    padding: var(--space-sm) var(--space-md);
}

/* Permission Code */
.permission-code[b-runephso00] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    background: var(--bg-card);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    color: var(--accent-color);
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Browser Footer */
.browser-footer[b-runephso00] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--space-sm);
}

/* Roles Dialog */
.roles-list[b-runephso00] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    max-height: 400px;
    overflow-y: auto;
}

.role-item[b-runephso00] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: all var(--transition-normal);
}

.role-item:hover[b-runephso00] {
    border-color: var(--accent-color);
}

.role-color[b-runephso00] {
    width: 8px;
    height: 40px;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
}

.role-info[b-runephso00] {
    flex: 1;
    min-width: 0;
}

/* Dialog Styling */
[b-runephso00] .mud-dialog {
    background: var(--bg-card-solid) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
}

[b-runephso00] .mud-dialog-title {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

[b-runephso00] .mud-dialog-content {
    color: var(--text-primary);
}

/* Input Styling */
[b-runephso00] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border-color) !important;
}

[b-runephso00] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--accent-color) !important;
}

[b-runephso00] .mud-input {
    color: var(--text-primary) !important;
}

[b-runephso00] .mud-input-label {
    color: var(--text-secondary) !important;
}

[b-runephso00] .mud-select {
    background: var(--bg-card);
}

[b-runephso00] .mud-popover {
    background: var(--bg-card-solid) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

[b-runephso00] .mud-list-item {
    color: var(--text-primary);
}

[b-runephso00] .mud-list-item:hover {
    background: var(--bg-hover) !important;
}

/* Chips */
[b-runephso00] .mud-chip {
    font-weight: var(--font-medium);
}

/* Alert */
[b-runephso00] .mud-alert {
    border-radius: var(--radius-lg);
}

/* Responsive */
@media (max-width: 768px) {
    .browser-header[b-runephso00] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-controls[b-runephso00] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-controls > *[b-runephso00] {
        width: 100% !important;
    }

    .permission-code[b-runephso00] {
        max-width: 120px;
    }
}
/* _content/Ayva.Admin/Components/RBAC/RbacManagementPanel.razor.rz.scp.css */
/* RbacManagementPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

.rbac-panel[b-wlcnoqgrsh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: var(--space-lg);
}

/* Header */
.rbac-header[b-wlcnoqgrsh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
}

.header-content[b-wlcnoqgrsh] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.header-icon[b-wlcnoqgrsh] {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-xl);
    background: var(--accent-gradient);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-text h1[b-wlcnoqgrsh] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    margin: 0 0 var(--space-xs) 0;
}

.header-text p[b-wlcnoqgrsh] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
}

.header-actions[b-wlcnoqgrsh] {
    display: flex;
    gap: var(--space-sm);
}

/* Tabs */
.rbac-tabs[b-wlcnoqgrsh] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

[b-wlcnoqgrsh] .rbac-tabs .mud-tabs-toolbar {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    padding: var(--space-sm);
}

[b-wlcnoqgrsh] .rbac-tabs .mud-tab {
    color: var(--text-secondary);
    transition: all var(--transition-normal);
    border-radius: var(--radius-md);
}

[b-wlcnoqgrsh] .rbac-tabs .mud-tab:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

[b-wlcnoqgrsh] .rbac-tabs .mud-tab.mud-tab-active {
    color: var(--accent-color);
    background: var(--accent-color-10);
}

.tab-panel[b-wlcnoqgrsh] {
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
    margin-top: var(--space-md);
    flex: 1;
    overflow-y: auto;
}

.tab-content[b-wlcnoqgrsh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* Section Header */
.section-header[b-wlcnoqgrsh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--border-color);
}

.section-header .section-icon[b-wlcnoqgrsh] {
    margin-right: var(--space-sm);
    vertical-align: middle;
    color: var(--accent-color);
}

/* Roles Grid */
.roles-grid[b-wlcnoqgrsh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-md);
}

.role-card[b-wlcnoqgrsh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    padding: var(--space-md);
    cursor: pointer;
    transition: all var(--transition-normal);
    position: relative;
}

.role-card:hover[b-wlcnoqgrsh] {
    border-color: var(--accent-color);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.role-card.selected[b-wlcnoqgrsh] {
    border-color: var(--accent-color);
    background: var(--accent-color-5);
    box-shadow: 0 0 0 2px var(--accent-color-20);
}

.role-header[b-wlcnoqgrsh] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-sm);
}

.role-icon[b-wlcnoqgrsh] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.role-info[b-wlcnoqgrsh] {
    flex: 1;
    min-width: 0;
}

.role-name[b-wlcnoqgrsh] {
    display: block;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-code[b-wlcnoqgrsh] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

.role-description[b-wlcnoqgrsh] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-bottom: var(--space-md);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.5rem;
}

.role-footer[b-wlcnoqgrsh] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.role-footer span[b-wlcnoqgrsh] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.role-actions[b-wlcnoqgrsh] {
    position: absolute;
    top: var(--space-sm);
    right: var(--space-sm);
    display: flex;
    gap: var(--space-xs);
    opacity: 0;
    transition: opacity var(--transition-normal);
}

.role-card:hover .role-actions[b-wlcnoqgrsh] {
    opacity: 1;
}

/* Role Permissions Section */
.role-permissions-section[b-wlcnoqgrsh] {
    margin-top: var(--space-lg);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--border-color);
}

/* Audit Table */
.audit-table[b-wlcnoqgrsh] {
    background: var(--bg-secondary) !important;
    border-radius: var(--radius-lg);
}

[b-wlcnoqgrsh] .audit-table .mud-table-container {
    border-radius: var(--radius-lg);
}

[b-wlcnoqgrsh] .audit-table .mud-table-row {
    background: transparent !important;
}

[b-wlcnoqgrsh] .audit-table .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

[b-wlcnoqgrsh] .audit-table .mud-table-head {
    background: var(--bg-secondary) !important;
}

[b-wlcnoqgrsh] .audit-table .mud-table-cell,
[b-wlcnoqgrsh] .audit-table .mud-table-head-cell {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

/* JSON Preview */
.json-preview[b-wlcnoqgrsh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 200px;
    overflow-y: auto;
}

/* Responsive */
@media (max-width: 768px) {
    .rbac-header[b-wlcnoqgrsh] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-md);
    }

    .header-actions[b-wlcnoqgrsh] {
        width: 100%;
        justify-content: flex-end;
    }

    .roles-grid[b-wlcnoqgrsh] {
        grid-template-columns: 1fr;
    }

    .section-header[b-wlcnoqgrsh] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-md);
    }
}
/* _content/Ayva.Admin/Components/RBAC/RolePermissionEditor.razor.rz.scp.css */
/*
 * RolePermissionEditor.razor.css - Scoped styles using Ayva Design System
 */

.permission-editor[b-068yleqeg7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* Editor Header */
.editor-header[b-068yleqeg7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-md);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--border-color);
}

.editor-title[b-068yleqeg7] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.role-badge[b-068yleqeg7] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.editor-actions[b-068yleqeg7] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

/* Permission Categories */
.permission-categories[b-068yleqeg7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.category-section[b-068yleqeg7] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.category-header[b-068yleqeg7] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    cursor: pointer;
    transition: background var(--transition-fast);
    user-select: none;
}

.category-header:hover[b-068yleqeg7] {
    background: var(--bg-hover);
}

.category-name[b-068yleqeg7] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--accent-color);
    flex: 1;
    letter-spacing: 0.05em;
}

.category-count[b-068yleqeg7] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    background: var(--bg-card);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-full);
}

.category-checkbox[b-068yleqeg7] {
    margin-left: auto;
}

/* Permission Items */
.category-permissions[b-068yleqeg7] {
    border-top: 1px solid var(--border-color);
    padding: var(--space-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.permission-item[b-068yleqeg7] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    transition: background var(--transition-fast);
}

.permission-item:hover[b-068yleqeg7] {
    background: var(--bg-hover);
}

.permission-item.assigned[b-068yleqeg7] {
    background: var(--accent-color-5);
    border-left: 3px solid var(--accent-color);
}

.permission-info[b-068yleqeg7] {
    flex: 1;
    min-width: 0;
}

.permission-name[b-068yleqeg7] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.system-icon[b-068yleqeg7] {
    font-size: 0.875rem !important;
}

.permission-code[b-068yleqeg7] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-secondary);
    margin-top: var(--space-xs);
}

.permission-description[b-068yleqeg7] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-top: var(--space-xs);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Save Bar */
.save-bar[b-068yleqeg7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-md);
    background: var(--warning-color-10);
    border: 1px solid var(--warning-color-30);
    border-radius: var(--radius-lg);
    margin-top: var(--space-md);
}

.save-bar .mud-text-body2[b-068yleqeg7] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--warning-color);
}

/* Checkbox Styling */
[b-068yleqeg7] .mud-checkbox .mud-checkbox-icons {
    color: var(--accent-color);
}

/* Input Styling */
[b-068yleqeg7] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border-color) !important;
}

[b-068yleqeg7] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--accent-color) !important;
}

[b-068yleqeg7] .mud-input {
    color: var(--text-primary) !important;
}

/* Button Styling */
[b-068yleqeg7] .mud-button-filled.mud-button-filled-primary {
    background: var(--accent-gradient) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .editor-header[b-068yleqeg7] {
        flex-direction: column;
        align-items: stretch;
    }

    .editor-actions[b-068yleqeg7] {
        justify-content: flex-end;
    }

    .save-bar[b-068yleqeg7] {
        flex-direction: column;
        gap: var(--space-md);
        text-align: center;
    }
}
/* _content/Ayva.Admin/Components/RBAC/UserRoleManager.razor.rz.scp.css */
/*
 * UserRoleManager.razor.css - Scoped styles using Ayva Design System
 */

.user-role-manager[b-a0pc8r47du] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* Section Header */
.section-header[b-a0pc8r47du] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--border-color);
    flex-wrap: wrap;
    gap: var(--space-md);
}

.section-header .section-icon[b-a0pc8r47du] {
    margin-right: var(--space-sm);
    vertical-align: middle;
    color: var(--accent-color);
}

/* Users List */
.users-list[b-a0pc8r47du] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.user-card[b-a0pc8r47du] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all var(--transition-normal);
}

.user-card:hover[b-a0pc8r47du] {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

.user-card.selected[b-a0pc8r47du] {
    border-color: var(--accent-color);
    background: var(--accent-color-5);
    box-shadow: 0 0 0 2px var(--accent-color-20);
}

.user-avatar[b-a0pc8r47du] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background: var(--accent-gradient);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.user-avatar.large[b-a0pc8r47du] {
    width: 56px;
    height: 56px;
}

.user-info[b-a0pc8r47du] {
    flex: 1;
    min-width: 0;
}

.user-name[b-a0pc8r47du] {
    display: block;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-email[b-a0pc8r47du] {
    display: block;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-roles[b-a0pc8r47du] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    justify-content: flex-end;
}

/* User Details Section */
.user-details-section[b-a0pc8r47du] {
    margin-top: var(--space-lg);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.details-header[b-a0pc8r47du] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
}

.details-header .user-info[b-a0pc8r47du] {
    flex: 1;
}

/* Assignments List */
.assignments-list[b-a0pc8r47du] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.assignment-item[b-a0pc8r47du] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: all var(--transition-normal);
}

.assignment-item:hover[b-a0pc8r47du] {
    border-color: var(--accent-color);
}

.assignment-item.inactive[b-a0pc8r47du] {
    opacity: 0.6;
}

.assignment-item.expired[b-a0pc8r47du] {
    border-color: var(--error-color);
    background: var(--error-bg);
}

.assignment-role[b-a0pc8r47du] {
    flex: 1;
    min-width: 0;
    padding-left: var(--space-md);
    border-left: 3px solid var(--accent-color);
}

.assignment-role .role-name[b-a0pc8r47du] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.assignment-meta[b-a0pc8r47du] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.assignment-details[b-a0pc8r47du] {
    flex-shrink: 0;
    text-align: right;
    min-width: 200px;
}

.assignment-actions[b-a0pc8r47du] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

/* Effective Permissions Section */
.effective-permissions-section[b-a0pc8r47du] {
    margin-top: var(--space-md);
}

[b-a0pc8r47du] .effective-permissions-section .mud-expand-panel {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

[b-a0pc8r47du] .effective-permissions-section .mud-expand-panel-header {
    color: var(--text-primary);
}

.permissions-grid[b-a0pc8r47du] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.permission-category[b-a0pc8r47du] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm);
}

.category-label[b-a0pc8r47du] {
    width: 100%;
    font-weight: var(--font-semibold);
    letter-spacing: 0.05em;
    margin-bottom: var(--space-xs);
}

/* Dialog Styling */
[b-a0pc8r47du] .mud-dialog {
    background: var(--bg-card-solid) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2xl);
}

[b-a0pc8r47du] .mud-dialog-title {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

[b-a0pc8r47du] .mud-dialog-content {
    color: var(--text-primary);
}

/* Form Inputs */
[b-a0pc8r47du] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border-color) !important;
}

[b-a0pc8r47du] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--accent-color) !important;
}

[b-a0pc8r47du] .mud-input {
    color: var(--text-primary) !important;
}

[b-a0pc8r47du] .mud-input-label {
    color: var(--text-secondary) !important;
}

[b-a0pc8r47du] .mud-select {
    background: var(--bg-card);
}

[b-a0pc8r47du] .mud-popover {
    background: var(--bg-card-solid) !important;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

[b-a0pc8r47du] .mud-list-item {
    color: var(--text-primary);
}

[b-a0pc8r47du] .mud-list-item:hover {
    background: var(--bg-hover) !important;
}

/* Buttons */
[b-a0pc8r47du] .mud-button-filled.mud-button-filled-primary {
    background: var(--accent-gradient) !important;
    transition: all var(--transition-normal);
}

[b-a0pc8r47du] .mud-button-filled.mud-button-filled-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-accent);
}

/* Chips */
[b-a0pc8r47du] .mud-chip {
    font-weight: var(--font-medium);
}

/* Alert */
[b-a0pc8r47du] .mud-alert {
    border-radius: var(--radius-lg);
}

/* Responsive */
@media (max-width: 768px) {
    .section-header[b-a0pc8r47du] {
        flex-direction: column;
        align-items: stretch;
    }

    .user-card[b-a0pc8r47du] {
        flex-direction: column;
        align-items: flex-start;
    }

    .user-roles[b-a0pc8r47du] {
        justify-content: flex-start;
        width: 100%;
    }

    .details-header[b-a0pc8r47du] {
        flex-direction: column;
        text-align: center;
    }

    .assignment-item[b-a0pc8r47du] {
        flex-direction: column;
    }

    .assignment-details[b-a0pc8r47du] {
        text-align: left;
        width: 100%;
        min-width: 0;
    }
}
/* _content/Ayva.Admin/Components/ServicePlansPanel.razor.rz.scp.css */
/* ServicePlansPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Stats cards - icon scale on hover */
[b-tld6medzn9] .mud-paper:hover .mud-icon-root {
    transform: scale(1.1);
}

/* Search field max width */
[b-tld6medzn9] .search-field {
    max-width: 300px;
}

/* Plans table fixed height */
[b-tld6medzn9] .plans-table {
    height: 500px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-tld6medzn9] .search-field {
        max-width: 100%;
    }

    [b-tld6medzn9] .plans-table {
        height: auto;
        max-height: 400px;
    }
}
/* _content/Ayva.Admin/Components/SignupsPanel.razor.rz.scp.css */
/* SignupsPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Address cell truncation */
.address-cell[b-vwwssmqnl4] {
    max-width: 12.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.address-cell span[b-vwwssmqnl4] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Tower name cell truncation */
.tower-name-cell[b-vwwssmqnl4] {
    max-width: 6.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/* Icon button scale on hover */
[b-vwwssmqnl4] .mud-icon-button:hover {
    transform: scale(1.1);
}
/* _content/Ayva.Admin/Components/SiteNoticesPanel.razor.rz.scp.css */
/*
 * SiteNoticesPanel.razor.css
 * Ayva Design System - Admin Panel Styling
 */

/* Panel container styling */
[b-4fn0fmpv2g] .mud-paper {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-xl) !important;
    transition: all var(--transition-normal);
}

[b-4fn0fmpv2g] .mud-paper:hover {
    border-color: var(--border-color-medium) !important;
}

/* Section headers */
[b-4fn0fmpv2g] .mud-typography-h6 {
    color: var(--text-primary) !important;
    font-weight: var(--font-semibold);
}

/* Form labels and inputs */
[b-4fn0fmpv2g] .mud-input-label {
    color: var(--text-secondary) !important;
}

[b-4fn0fmpv2g] .mud-input {
    color: var(--text-primary) !important;
}

[b-4fn0fmpv2g] .mud-input-control .mud-input-slot {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

[b-4fn0fmpv2g] .mud-input-control:hover .mud-input-slot {
    border-color: var(--border-color-medium) !important;
}

[b-4fn0fmpv2g] .mud-input-control-input-container {
    background: transparent !important;
}

/* Select dropdowns */
[b-4fn0fmpv2g] .mud-select .mud-input-slot {
    background: var(--bg-card) !important;
}

/* Text fields */
[b-4fn0fmpv2g] .mud-input-outlined .mud-input-slot {
    border-radius: var(--radius-md) !important;
}

/* Checkboxes */
[b-4fn0fmpv2g] .mud-checkbox {
    color: var(--text-secondary) !important;
}

[b-4fn0fmpv2g] .mud-checkbox .mud-primary-text {
    color: var(--text-primary) !important;
}

[b-4fn0fmpv2g] .mud-checkbox-icons .mud-icon-root {
    color: var(--accent-color) !important;
}

/* Date and Time pickers */
[b-4fn0fmpv2g] .mud-picker .mud-input-slot {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Caption text */
[b-4fn0fmpv2g] .mud-typography-caption {
    color: var(--text-muted) !important;
}

/* Buttons */
[b-4fn0fmpv2g] .mud-button-filled.mud-button-primary {
    background: var(--accent-gradient) !important;
    color: white !important;
    border-radius: var(--radius-md) !important;
    transition: all var(--transition-normal);
}

[b-4fn0fmpv2g] .mud-button-filled.mud-button-primary:hover {
    transform: translateY(-0.125rem);
    box-shadow: var(--shadow-accent);
}

[b-4fn0fmpv2g] .mud-button-outlined {
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
    border-radius: var(--radius-md) !important;
    transition: all var(--transition-normal);
}

[b-4fn0fmpv2g] .mud-button-outlined:hover {
    background: var(--bg-hover) !important;
    border-color: var(--accent-color) !important;
}

/* Table styling */
[b-4fn0fmpv2g] .mud-table {
    background: transparent !important;
}

[b-4fn0fmpv2g] .mud-table-container {
    background: transparent !important;
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
}

[b-4fn0fmpv2g] .mud-table-head .mud-table-row {
    background: var(--bg-card-solid) !important;
}

[b-4fn0fmpv2g] .mud-table-head .mud-table-cell {
    color: var(--text-secondary) !important;
    font-weight: var(--font-semibold);
    border-bottom: 1px solid var(--border-color) !important;
    padding: var(--space-md) var(--space-lg) !important;
}

[b-4fn0fmpv2g] .mud-table-body .mud-table-row {
    background: transparent !important;
    transition: all var(--transition-fast);
}

[b-4fn0fmpv2g] .mud-table-body .mud-table-row:hover {
    background: var(--bg-hover) !important;
}

[b-4fn0fmpv2g] .mud-table-body .mud-table-row.mud-table-row-striped {
    background: var(--white-overlay-02) !important;
}

[b-4fn0fmpv2g] .mud-table-body .mud-table-row.mud-table-row-striped:hover {
    background: var(--bg-hover) !important;
}

[b-4fn0fmpv2g] .mud-table-body .mud-table-cell {
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding: var(--space-sm) var(--space-lg) !important;
}

/* Chips for severity colors */
[b-4fn0fmpv2g] .mud-chip {
    font-size: var(--text-xs) !important;
    font-weight: var(--font-medium);
    border-radius: var(--radius-full) !important;
}

[b-4fn0fmpv2g] .mud-chip.mud-chip-color-info {
    background: var(--info-bg) !important;
    color: var(--info-text) !important;
}

[b-4fn0fmpv2g] .mud-chip.mud-chip-color-success {
    background: var(--success-bg) !important;
    color: var(--success-text) !important;
}

[b-4fn0fmpv2g] .mud-chip.mud-chip-color-warning {
    background: var(--warning-bg) !important;
    color: var(--warning-text) !important;
}

[b-4fn0fmpv2g] .mud-chip.mud-chip-color-error {
    background: var(--error-bg) !important;
    color: var(--error-text) !important;
}

[b-4fn0fmpv2g] .mud-chip.mud-chip-color-default {
    background: var(--bg-hover) !important;
    color: var(--text-secondary) !important;
}

/* Icon buttons */
[b-4fn0fmpv2g] .mud-icon-button {
    transition: all var(--transition-fast);
    border-radius: var(--radius-md) !important;
}

[b-4fn0fmpv2g] .mud-icon-button:hover {
    background: var(--bg-hover) !important;
    transform: scale(1.1);
}

[b-4fn0fmpv2g] .mud-icon-button.mud-icon-button-color-error:hover {
    background: var(--error-bg) !important;
}

/* Status icons */
[b-4fn0fmpv2g] .mud-icon-root.mud-icon-color-success {
    color: var(--success-color) !important;
}

[b-4fn0fmpv2g] .mud-icon-root.mud-icon-color-default {
    color: var(--text-muted) !important;
}

/* Secondary text */
[b-4fn0fmpv2g] .mud-typography-color-secondary {
    color: var(--text-secondary) !important;
}

/* Empty state styling */
.empty-state[b-4fn0fmpv2g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-3xl) var(--space-xl);
    text-align: center;
    gap: var(--space-sm);
}

.empty-state-icon[b-4fn0fmpv2g] {
    color: var(--text-muted) !important;
    opacity: 0.6;
    margin-bottom: var(--space-sm);
}

[b-4fn0fmpv2g] .empty-state .mud-typography-h6 {
    color: var(--text-secondary) !important;
    font-weight: var(--font-medium);
}

[b-4fn0fmpv2g] .empty-state .mud-typography-body2 {
    color: var(--text-muted) !important;
    max-width: 20rem;
}
/* _content/Ayva.Admin/Components/ThemeEditor/ThemeEditorControl.razor.rz.scp.css */
.theme-editor-control[b-zcwq3w6iet] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

.theme-editor-control:hover[b-zcwq3w6iet] {
    border-color: var(--border-color-medium);
}

.control-header[b-zcwq3w6iet] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-sm);
}

.control-info[b-zcwq3w6iet] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    min-width: 0;
    flex: 1;
}

.control-info > *[b-zcwq3w6iet] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-body[b-zcwq3w6iet] {
    width: 100%;
}

/* Color control */
.color-control[b-zcwq3w6iet] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.color-swatch[b-zcwq3w6iet] {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: var(--radius-md);
    border: 2px solid var(--border-color);
    box-shadow: inset 0 0 0 1px var(--white-overlay-10), var(--shadow-sm);
    cursor: pointer;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
    /* Checkerboard pattern for transparent colors */
    background-image:
        linear-gradient(45deg, var(--gray-neutral) 25%, transparent 25%),
        linear-gradient(-45deg, var(--gray-neutral) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--gray-neutral) 75%),
        linear-gradient(-45deg, transparent 75%, var(--gray-neutral) 75%);
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
    position: relative;
}

.color-swatch[b-zcwq3w6iet]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: inherit;
}

.color-swatch:hover[b-zcwq3w6iet] {
    transform: scale(1.05);
    border-color: var(--accent-color);
    box-shadow: inset 0 0 0 1px var(--white-overlay-20), var(--shadow-md);
}

/* Slider control */
.slider-control[b-zcwq3w6iet] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.slider-value[b-zcwq3w6iet] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* Modified indicator */
.control-modified[b-zcwq3w6iet] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px dashed var(--border-color);
}

/* Type-specific styling */
.control-gradient .control-body[b-zcwq3w6iet],
.control-shadow .control-body[b-zcwq3w6iet] {
    margin-top: var(--space-sm);
}
/* _content/Ayva.Admin/Components/ThemeEditor/ThemeEditorModal.razor.rz.scp.css */
.theme-editor-modal[b-boyhiq21n3] {
    --modal-bg: var(--bg-card);
}

.theme-editor-title[b-boyhiq21n3] {
    display: flex;
    align-items: center;
}

.theme-editor-content[b-boyhiq21n3] {
    max-height: 60vh;
    overflow-y: auto;
}

.theme-editor-tabs[b-boyhiq21n3] {
    background: transparent;
}

[b-boyhiq21n3] .theme-editor-tabs .mud-tabs-panels {
    padding: var(--space-md) 0;
}

.variables-grid[b-boyhiq21n3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-md);
}

.all-variables-panel[b-boyhiq21n3] {
    display: flex;
    flex-direction: column;
}

.theme-editor-actions[b-boyhiq21n3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: var(--space-sm);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .variables-grid[b-boyhiq21n3] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/ThemeEditor/ThemeEditorPanel.razor.rz.scp.css */
/* Theme Editor Panel - Floating overlay styles */

/* Toggle Button */
.theme-editor-toggle[b-cd0761rb8w] {
    /* Hidden — triggered programmatically by the admin overlay edge tab */
    position: fixed;
    right: -100px;
    bottom: -100px;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    box-shadow: var(--shadow-lg);
}

.theme-editor-toggle:hover[b-cd0761rb8w] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    transform: scale(1.05);
}

.theme-editor-toggle.active[b-cd0761rb8w] {
    background: var(--accent-color);
    border-color: var(--accent-color);
}

.theme-editor-toggle[b-cd0761rb8w]  .mud-icon-root {
    color: var(--text-primary);
}

/* Main Panel */
.theme-editor-panel[b-cd0761rb8w] {
    position: fixed;
    right: 16px;
    top: 80px;
    width: 380px;
    max-height: calc(100vh - 100px);
    background: var(--glass-bg);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    z-index: 99999;
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-xl);
    overflow: hidden;
    font-family: var(--font-primary);
}

.theme-editor-panel.minimized[b-cd0761rb8w] {
    max-height: auto;
}

/* Header */
.panel-header[b-cd0761rb8w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--black-overlay-20);
    border-bottom: 1px solid var(--border-subtle);
    cursor: move;
}

.header-title[b-cd0761rb8w] {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
}

.header-title[b-cd0761rb8w]  .mud-icon-root {
    color: var(--accent-color);
}

.header-actions[b-cd0761rb8w] {
    display: flex;
    gap: 4px;
}

.header-actions[b-cd0761rb8w]  .mud-icon-button {
    color: var(--text-secondary);
}

.header-actions[b-cd0761rb8w]  .mud-icon-button:hover {
    color: var(--text-primary);
    background: var(--white-overlay-10);
}

/* Tabs */
.panel-tabs[b-cd0761rb8w] {
    display: flex;
    border-bottom: 1px solid var(--border-subtle);
    background: var(--black-overlay-10);
}

.panel-tabs .tab[b-cd0761rb8w] {
    flex: 1;
    padding: 10px 12px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-normal);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.panel-tabs .tab:hover[b-cd0761rb8w] {
    color: var(--text-primary);
    background: var(--white-overlay-05);
}

.panel-tabs .tab.active[b-cd0761rb8w] {
    color: var(--accent-color);
    border-bottom-color: var(--accent-color);
}

.panel-tabs .tab .badge[b-cd0761rb8w] {
    background: var(--accent-color);
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: var(--radius-lg);
    font-weight: 600;
}

/* Search */
.panel-search[b-cd0761rb8w] {
    padding: 12px;
    border-bottom: 1px solid var(--border-subtle);
}

.panel-search[b-cd0761rb8w]  .mud-input-root {
    background: var(--black-overlay-20);
}

.panel-search[b-cd0761rb8w]  .mud-input {
    color: var(--text-primary);
    font-size: 13px;
}

.panel-search[b-cd0761rb8w]  .mud-input-adornment {
    color: var(--text-secondary);
}

/* Content */
.panel-content[b-cd0761rb8w] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.panel-content[b-cd0761rb8w]::-webkit-scrollbar {
    width: 6px;
}

.panel-content[b-cd0761rb8w]::-webkit-scrollbar-track {
    background: transparent;
}

.panel-content[b-cd0761rb8w]::-webkit-scrollbar-thumb {
    background: var(--border-subtle);
    border-radius: 3px;
}

.panel-content[b-cd0761rb8w]::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}

/* Category Filter */
.category-filter[b-cd0761rb8w] {
    margin-bottom: 8px;
}

.category-filter[b-cd0761rb8w]  .mud-select {
    font-size: 13px;
}

/* Element Info */
.element-info[b-cd0761rb8w] {
    background: var(--accent-color-10);
    border: 1px solid var(--accent-color-20);
    border-radius: var(--radius-md);
    padding: 8px 12px;
    font-size: 12px;
    margin-bottom: 8px;
}

.element-info code[b-cd0761rb8w] {
    color: var(--accent-color);
    font-family: var(--font-mono);
}

.element-info .classes[b-cd0761rb8w] {
    color: var(--text-secondary);
    margin-left: 4px;
}

/* Empty State */
.empty-state[b-cd0761rb8w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    color: var(--text-secondary);
}

.empty-state[b-cd0761rb8w]  .mud-icon-root {
    margin-bottom: 12px;
    opacity: 0.5;
}

.empty-state p[b-cd0761rb8w] {
    margin: 0;
    font-size: 13px;
}

/* Presets Grid */
.presets-grid[b-cd0761rb8w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.preset-card[b-cd0761rb8w] {
    background: var(--black-overlay-20);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 12px;
    cursor: pointer;
    transition: all var(--transition-normal);
    text-align: center;
}

.preset-card:hover[b-cd0761rb8w] {
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.preset-preview[b-cd0761rb8w] {
    height: 60px;
    border-radius: var(--radius-sm);
    margin-bottom: 8px;
}

/* Theme preview gradients - intentional hardcoded data representations */
.preset-preview.dark[b-cd0761rb8w] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #fd7e14 100%);
}

.preset-preview.midnight[b-cd0761rb8w] {
    background: linear-gradient(135deg, #0a0f1e 0%, #1e3a5f 50%, #3b82f6 100%);
}

.preset-preview.forest[b-cd0761rb8w] {
    background: linear-gradient(135deg, #0a1914 0%, #134e3a 50%, #22c55e 100%);
}

.preset-preview.sunset[b-cd0761rb8w] {
    background: linear-gradient(135deg, #1e0f0a 0%, #7c2d12 50%, #f97316 100%);
}

.preset-card span[b-cd0761rb8w] {
    font-size: 12px;
    color: var(--text-primary);
    font-weight: 500;
}

/* Footer */
.panel-footer[b-cd0761rb8w] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px;
    background: var(--black-overlay-20);
    border-top: 1px solid var(--border-subtle);
}

/* Responsive */
@media (max-width: 768px) {
    .theme-editor-panel[b-cd0761rb8w] {
        right: 8px;
        left: 8px;
        width: auto;
        top: 60px;
        max-height: calc(100vh - 80px);
    }

    .theme-editor-toggle[b-cd0761rb8w] {
        right: 8px;
        bottom: 50px;
        width: 40px;
        height: 40px;
    }
}
/* _content/Ayva.Admin/Components/ThemeEditor/ThemeEditorVariableControl.razor.rz.scp.css */
/* Theme Editor Variable Control Styles */

.variable-control[b-8ighq9jl5t] {
    background: var(--black-overlay-20);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 10px 12px;
    transition: all 0.2s ease;
}

.variable-control:hover[b-8ighq9jl5t] {
    border-color: var(--accent-color);
    background: var(--black-overlay-30);
}

.variable-header[b-8ighq9jl5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.variable-name[b-8ighq9jl5t] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.reset-btn[b-8ighq9jl5t] {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.variable-control:hover .reset-btn[b-8ighq9jl5t] {
    opacity: 1;
}

[b-8ighq9jl5t] .reset-btn .mud-icon-root {
    font-size: 16px;
    color: var(--text-secondary);
}

[b-8ighq9jl5t] .reset-btn:hover .mud-icon-root {
    color: var(--accent-color);
}

.variable-input[b-8ighq9jl5t] {
    display: flex;
    align-items: center;
}

/* Color Control */
.color-control[b-8ighq9jl5t] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.color-picker[b-8ighq9jl5t] {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 2px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    cursor: pointer;
    background: none;
}

.color-picker[b-8ighq9jl5t]::-webkit-color-swatch-wrapper {
    padding: 2px;
}

.color-picker[b-8ighq9jl5t]::-webkit-color-swatch {
    border-radius: 4px;
    border: none;
}

.color-text[b-8ighq9jl5t] {
    flex: 1;
    padding: 8px 12px;
    background: var(--black-overlay-30);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 12px;
    font-family: var(--font-mono);
}

.color-text:focus[b-8ighq9jl5t] {
    outline: none;
    border-color: var(--accent-color);
}

/* Font Select */
.font-select[b-8ighq9jl5t] {
    width: 100%;
    padding: 8px 12px;
    background: var(--black-overlay-30);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 12px;
    cursor: pointer;
}

.font-select:focus[b-8ighq9jl5t] {
    outline: none;
    border-color: var(--accent-color);
}

.font-select option[b-8ighq9jl5t] {
    background: var(--dialog-bg-solid);
    color: var(--text-primary);
}

/* Slider Control */
.slider-control[b-8ighq9jl5t] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.slider[b-8ighq9jl5t] {
    flex: 1;
    height: 6px;
    -webkit-appearance: none;
    appearance: none;
    background: var(--black-overlay-30);
    border-radius: 3px;
    outline: none;
}

.slider[b-8ighq9jl5t]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: var(--accent-color);
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.slider[b-8ighq9jl5t]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
}

.slider[b-8ighq9jl5t]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: var(--accent-color);
    border-radius: 50%;
    cursor: pointer;
    border: none;
}

.slider-value[b-8ighq9jl5t] {
    width: 70px;
    padding: 6px 10px;
    background: var(--black-overlay-30);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 11px;
    font-family: var(--font-mono);
    text-align: center;
}

.slider-value:focus[b-8ighq9jl5t] {
    outline: none;
    border-color: var(--accent-color);
}

/* Text Input */
.text-input[b-8ighq9jl5t] {
    width: 100%;
    padding: 8px 12px;
    background: var(--black-overlay-30);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 12px;
    font-family: var(--font-mono);
}

.text-input:focus[b-8ighq9jl5t] {
    outline: none;
    border-color: var(--accent-color);
}
/* _content/Ayva.Admin/Components/ThemeEditor/ThemeFontPicker.razor.rz.scp.css */
.font-picker[b-mdcjzd362q] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.font-preview[b-mdcjzd362q] {
    padding: var(--space-md);
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.font-preview > *[b-mdcjzd362q] {
    margin-bottom: var(--space-xs);
}

.font-preview > *:last-child[b-mdcjzd362q] {
    margin-bottom: 0;
}

.font-grid[b-mdcjzd362q] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    max-height: 200px;
    overflow-y: auto;
    padding: var(--space-sm);
}
/* _content/Ayva.Admin/Components/ThemeEditor/ThemeGradientPicker.razor.rz.scp.css */
.gradient-picker[b-b2eubdz722] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.gradient-preview[b-b2eubdz722] {
    width: 100%;
    height: 60px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    position: relative;
    overflow: hidden;
}

.gradient-overlay[b-b2eubdz722] {
    position: absolute;
    inset: 0;
    /* Checkerboard for transparency */
    background-image:
        linear-gradient(45deg, var(--gray-neutral) 25%, transparent 25%),
        linear-gradient(-45deg, var(--gray-neutral) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--gray-neutral) 75%),
        linear-gradient(-45deg, transparent 75%, var(--gray-neutral) 75%);
    background-size: 10px 10px;
    background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
    z-index: -1;
}

.gradient-controls[b-b2eubdz722] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.color-stop[b-b2eubdz722] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.color-stop-swatch[b-b2eubdz722] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: var(--radius-sm);
    border: 2px solid var(--border-color);
    cursor: pointer;
    transition: transform var(--transition-fast);
}

.color-stop-swatch:hover[b-b2eubdz722] {
    transform: scale(1.1);
    border-color: var(--accent-color);
}
/* _content/Ayva.Admin/Components/ThemeEditor/ThemeShadowEditor.razor.rz.scp.css */
.shadow-editor[b-e3kpx3hrhg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.shadow-preview[b-e3kpx3hrhg] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-xl);
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.shadow-preview-box[b-e3kpx3hrhg] {
    width: 100px;
    height: 60px;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    transition: box-shadow var(--transition-normal);
}

.shadow-layers[b-e3kpx3hrhg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.shadow-layer-controls[b-e3kpx3hrhg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm);
}

.shadow-row[b-e3kpx3hrhg] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.shadow-row > :first-child[b-e3kpx3hrhg] {
    min-width: 70px;
}

.shadow-row > .mud-slider[b-e3kpx3hrhg] {
    flex: 1;
}

.value-label[b-e3kpx3hrhg] {
    min-width: 50px;
    text-align: right;
}

.color-row .color-swatch[b-e3kpx3hrhg] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: var(--radius-sm);
    border: 2px solid var(--border-color);
    cursor: pointer;
    transition: transform var(--transition-fast);
}

.color-row .color-swatch:hover[b-e3kpx3hrhg] {
    transform: scale(1.1);
    border-color: var(--accent-color);
}
/* _content/Ayva.Admin/Components/ThemeManager/ThemeAIGeneratorModal.razor.rz.scp.css */
.ai-generator-container[b-vedphqlxgu] {
    min-width: 600px;
    min-height: 400px;
}

.prompt-section[b-vedphqlxgu] {
    padding: var(--space-lg);
}

.generating-section[b-vedphqlxgu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-3xl);
    text-align: center;
}

.themes-section[b-vedphqlxgu] {
    padding: var(--space-lg);
}

.themes-header[b-vedphqlxgu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-lg);
}

.themes-grid[b-vedphqlxgu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.theme-card[b-vedphqlxgu] {
    border: 2px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--space-md);
    cursor: pointer;
    transition: all var(--transition-normal);
}

.theme-card:hover[b-vedphqlxgu] {
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.theme-card.selected[b-vedphqlxgu] {
    border-color: var(--success-color);
    box-shadow: 0 0 0 3px var(--success-color-20);
}

.theme-card-header[b-vedphqlxgu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-sm);
}

.theme-name[b-vedphqlxgu] {
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.theme-card-preview[b-vedphqlxgu] {
    display: flex;
    gap: var(--space-xs);
    margin-bottom: var(--space-sm);
}

.preview-color-swatch[b-vedphqlxgu] {
    width: 24px;
    height: 24px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--white-overlay-20);
}

.theme-card-description[b-vedphqlxgu] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .ai-generator-container[b-vedphqlxgu] {
        min-width: auto;
    }

    .themes-grid[b-vedphqlxgu] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .themes-grid[b-vedphqlxgu] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/ThemeManager/ThemeManagerPanel.razor.rz.scp.css */
.theme-manager-container[b-aoanvwrbe7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: var(--space-lg);
}

.theme-manager-header[b-aoanvwrbe7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
}

.header-left[b-aoanvwrbe7] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
}

.header-actions[b-aoanvwrbe7] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.theme-manager-content[b-aoanvwrbe7] {
    flex: 1;
    min-height: 0;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.theme-manager-content[b-aoanvwrbe7]  .mud-tabs-header {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
}

.theme-manager-content[b-aoanvwrbe7]  .mud-tabs-panels {
    flex: 1;
    overflow-y: auto;
}

.theme-category-tabs[b-aoanvwrbe7] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.category-controls[b-aoanvwrbe7] {
    padding: var(--space-lg);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-lg);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .theme-manager-header[b-aoanvwrbe7] {
        flex-direction: column;
        gap: var(--space-md);
    }

    .header-left[b-aoanvwrbe7] {
        flex-direction: column;
        text-align: center;
    }

    .header-actions[b-aoanvwrbe7] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-controls[b-aoanvwrbe7] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Admin/Components/ThemeManager/ThemePreviewPanel.razor.rz.scp.css */
.preview-container[b-l7b2ntb0lx] {
    padding: var(--space-lg);
    background: var(--bg-base);
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.preview-section[b-l7b2ntb0lx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.preview-label[b-l7b2ntb0lx] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-semibold);
}

.preview-row[b-l7b2ntb0lx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    align-items: center;
}

/* Buttons */
.preview-btn[b-l7b2ntb0lx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-sm) var(--space-lg);
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    cursor: pointer;
    transition: all var(--transition-normal);
    border: none;
    font-family: var(--font-family);
}

.preview-btn-sm[b-l7b2ntb0lx] {
    padding: var(--space-xs) var(--space-md);
    font-size: var(--text-xs);
}

.preview-btn-primary[b-l7b2ntb0lx] {
    background: var(--accent-gradient);
    color: white;
}

.preview-btn-primary:hover[b-l7b2ntb0lx] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-accent);
}

.preview-btn-secondary[b-l7b2ntb0lx] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

.preview-btn-secondary:hover[b-l7b2ntb0lx] {
    background: var(--bg-hover);
    border-color: var(--accent-color);
}

.preview-btn-ghost[b-l7b2ntb0lx] {
    background: transparent;
    color: var(--text-secondary);
}

.preview-btn-ghost:hover[b-l7b2ntb0lx] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* Badges */
.preview-badge[b-l7b2ntb0lx] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.preview-badge-success[b-l7b2ntb0lx] {
    background: var(--success-bg);
    color: var(--success-text);
    border: 1px solid var(--success-border);
}

.preview-badge-warning[b-l7b2ntb0lx] {
    background: var(--warning-bg);
    color: var(--warning-text);
    border: 1px solid var(--warning-border);
}

.preview-badge-error[b-l7b2ntb0lx] {
    background: var(--error-bg);
    color: var(--error-text);
    border: 1px solid var(--error-border);
}

.preview-badge-info[b-l7b2ntb0lx] {
    background: var(--info-bg);
    color: var(--info-text);
    border: 1px solid var(--info-border);
}

/* Card */
.preview-card[b-l7b2ntb0lx] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.preview-card-header[b-l7b2ntb0lx] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.preview-status-dot[b-l7b2ntb0lx] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--success-color);
    box-shadow: 0 0 0.5rem var(--success-color-50);
}

.preview-card-body[b-l7b2ntb0lx] {
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.preview-card-footer[b-l7b2ntb0lx] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-top: 1px solid var(--border-color);
}

/* Text */
.preview-text-primary[b-l7b2ntb0lx] {
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.preview-text-secondary[b-l7b2ntb0lx] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.preview-text-muted[b-l7b2ntb0lx] {
    color: var(--text-muted);
    font-size: var(--text-xs);
}

/* Input */
.preview-input-group[b-l7b2ntb0lx] {
    max-width: 250px;
}

.preview-input[b-l7b2ntb0lx] {
    width: 100%;
    padding: var(--space-sm) var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-family: var(--font-family);
    transition: all var(--transition-normal);
}

.preview-input:focus[b-l7b2ntb0lx] {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px var(--accent-color-10);
}

.preview-input[b-l7b2ntb0lx]::placeholder {
    color: var(--text-muted);
}

/* Typography */
.preview-typography[b-l7b2ntb0lx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    color: var(--text-primary);
}

.preview-text-xl[b-l7b2ntb0lx] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
}

.preview-text-lg[b-l7b2ntb0lx] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
}

.preview-text-base[b-l7b2ntb0lx] {
    font-size: var(--text-base);
}

.preview-text-sm[b-l7b2ntb0lx] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.preview-text-xs[b-l7b2ntb0lx] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* Shadows */
.preview-shadow-box[b-l7b2ntb0lx] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.preview-shadow-sm[b-l7b2ntb0lx] {
    box-shadow: var(--shadow-sm);
}

.preview-shadow-md[b-l7b2ntb0lx] {
    box-shadow: var(--shadow-md);
}

.preview-shadow-lg[b-l7b2ntb0lx] {
    box-shadow: var(--shadow-lg);
}

.preview-shadow-glow[b-l7b2ntb0lx] {
    box-shadow: var(--shadow-glow);
}
/* _content/Ayva.Admin/Components/ThemeManager/ThemeVariableControl.razor.rz.scp.css */
.theme-variable-control[b-mc1jp52cty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
}

.theme-variable-control:hover[b-mc1jp52cty] {
    border-color: var(--border-color-medium);
}

.control-header[b-mc1jp52cty] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-sm);
}

/* Color row layout - swatch on left, details on right */
.color-row[b-mc1jp52cty] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    width: 100%;
}

.color-swatch-button[b-mc1jp52cty] {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: var(--radius-md);
    border: 2px solid var(--border-color);
    box-shadow: inset 0 0 0 1px var(--white-overlay-10), var(--shadow-sm);
    cursor: pointer;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
    /* Checkerboard pattern for transparent colors */
    background-image:
        linear-gradient(45deg, var(--gray-neutral) 25%, transparent 25%),
        linear-gradient(-45deg, var(--gray-neutral) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--gray-neutral) 75%),
        linear-gradient(-45deg, transparent 75%, var(--gray-neutral) 75%);
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
    position: relative;
}

.color-swatch-button[b-mc1jp52cty]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: inherit;
}

.color-swatch-button:hover[b-mc1jp52cty] {
    transform: scale(1.05);
    border-color: var(--accent-color);
    box-shadow: inset 0 0 0 1px var(--white-overlay-20), var(--shadow-md);
}

.color-details[b-mc1jp52cty] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: var(--space-md);
    min-width: 0;
}

.color-details .control-info[b-mc1jp52cty] {
    flex: 1;
    min-width: 0;
}

.color-details .control-info > *[b-mc1jp52cty] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mc1jp52cty] .color-picker-popover {
    z-index: var(--z-popover);
}

.control-info[b-mc1jp52cty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.control-input[b-mc1jp52cty] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.color-control[b-mc1jp52cty] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.color-control[b-mc1jp52cty]  .mud-picker-inline-paper {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
}

.color-text-input[b-mc1jp52cty] {
    max-width: 150px;
}

.slider-control[b-mc1jp52cty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    flex: 1;
}

.slider-value[b-mc1jp52cty] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.slider-value[b-mc1jp52cty]  .mud-input-root {
    max-width: 100px;
}

.control-modified[b-mc1jp52cty] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding-top: var(--space-sm);
    border-top: 1px dashed var(--border-color);
}
/* _content/Ayva.Admin/Pages/ComsAdmin.razor.rz.scp.css */
/*
 * ComsAdmin.razor.css - Login and Admin Panel Container Styles
 * Uses centralized CSS variables from /assets/css/ayva-theme.css
 * MudBlazor overrides are handled globally in ayva-theme.css
 */

/* ===== LOGIN PAGE CONTAINER ===== */
.coms-login-container[b-s5rhz1cjax] {
    min-height: 100vh;
    background: var(--bg-base);
    position: relative;
    overflow: hidden;
}

.coms-login-container[b-s5rhz1cjax]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        radial-gradient(circle, rgba(var(--primary-color-rgb), 0.2) 1px, transparent 1px),
        linear-gradient(to right, rgba(var(--primary-color-rgb), 0.1) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(var(--primary-color-rgb), 0.1) 1px, transparent 1px);
    background-size: 1.25rem 1.25rem;
    pointer-events: none;
}

/* ===== LOGIN CARD ===== */
.login-card[b-s5rhz1cjax] {
    background: var(--bg-card);
    backdrop-filter: blur(20px);
    border-radius: var(--radius-2xl);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-xl);
    max-width: 480px;
    width: 100%;
    animation: slideUp-b-s5rhz1cjax 0.6s ease-out;
}

@keyframes slideUp-b-s5rhz1cjax {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-header[b-s5rhz1cjax] {
    background: var(--accent-gradient);
    padding: 2.5rem 2rem;
    border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
    text-align: center;
}

.login-header h1[b-s5rhz1cjax] {
    color: var(--text-primary);
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    font-family: var(--font-primary);
}

.login-header p[b-s5rhz1cjax] {
    color: var(--text-secondary);
    margin: var(--space-sm) 0 0 0;
    font-size: var(--text-base);
}

.login-body[b-s5rhz1cjax] {
    padding: var(--space-xl);
    background: var(--bg-secondary);
    border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
}

/* ===== FLOATING PARTICLES ANIMATION ===== */
.floating-particles[b-s5rhz1cjax] {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.particle[b-s5rhz1cjax] {
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--accent-color);
    opacity: 0.2;
    border-radius: 50%;
    animation: float-b-s5rhz1cjax 15s infinite;
}

@keyframes float-b-s5rhz1cjax {
    0%, 100% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
    10% { opacity: 0.3; }
    90% { opacity: 0.3; }
    100% { transform: translateY(-100vh) rotate(720deg); opacity: 0; }
}

/* ===== ADMIN PANEL CONTAINER ===== */
.coms-page-container[b-s5rhz1cjax] {
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
    position: relative;
    min-height: 100vh;
    background: var(--bg-base);
}

[b-s5rhz1cjax] .coms-page-container .mud-container {
    width: auto !important;
    max-width: 100%;
}