/* /Layout/MainLayout.razor.rz.scp.css */
/*
 * MainLayout CSS - Mobile-first responsive design
 * FIX (Feb 8, 2026): Mobile responsiveness + UI declutter
 */

/* Base layout - mobile first (no sidebar visible) */
.page[b-0xvxzvf0do] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh; /* Dynamic viewport height for mobile browsers */
}

main[b-0xvxzvf0do] {
    flex: 1;
    width: 100%;
    min-width: 0; /* Prevent flex overflow */
}

/* Sidebar - hidden by default on mobile */
.sidebar[b-0xvxzvf0do] {
    background: var(--ncw-sidebar-bg, #4f46e5);
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: -270px; /* Hidden off-screen */
    width: 270px;
    min-width: 270px;
    height: 100vh;
    height: 100dvh;
    z-index: 1050;
    transition: left 0.3s ease;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Sidebar shown state (mobile) */
.sidebar.show[b-0xvxzvf0do] {
    left: 0;
}

/* Mobile overlay when sidebar is open */
.sidebar-overlay[b-0xvxzvf0do] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

/* Top bar styling */
.top-bar[b-0xvxzvf0do] {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: var(--ncw-topbar-bg, #fff);
    border-bottom: 1px solid var(--ncw-border-light, transparent);
    min-height: 49px;
}

/* Content area */
.content[b-0xvxzvf0do] {
    padding-top: 1rem;
    padding-bottom: 2rem;
    transition: margin-right 0.25s ease;
}

/* Desktop layout (768px and up) */
@media (min-width: 768px) {
    .page[b-0xvxzvf0do] {
        flex-direction: row;
    }

    .sidebar[b-0xvxzvf0do] {
        position: sticky;
        left: 0;
        top: 0;
        height: 100vh;
    }

    main[b-0xvxzvf0do] {
        flex: 1;
        max-width: calc(100% - 270px);
    }

    .content[b-0xvxzvf0do] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Large screens */
@media (min-width: 992px) {
    .content[b-0xvxzvf0do] {
        padding-left: 2rem;
        padding-right: 1.5rem;
    }
}

/* Content shifts left when Lulubot panel is open to prevent overlap */
.content.lulubot-open[b-0xvxzvf0do] {
    margin-right: 380px;
    transition: margin-right 0.25s ease;
}

@media (max-width: 991.98px) {
    .content.lulubot-open[b-0xvxzvf0do] {
        margin-right: 0;
    }
}

/* AI Assistant Floating Button - 48px for touch accessibility */
.ai-float-button[b-0xvxzvf0do] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1040;
    font-size: 1.25rem;
    background: var(--ncw-fab-bg, #4f46e5);
    border: none;
    transition: all 0.3s ease;
}

.ai-float-button:hover[b-0xvxzvf0do] {
    transform: scale(1.1);
    box-shadow: var(--ncw-fab-hover-shadow, 0 6px 20px rgba(102, 126, 234, 0.4));
}

/* Hide floating button when Lulubot panel is visible */
.ai-float-button.hidden[b-0xvxzvf0do] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(100px) scale(0.5);
}

/* Mobile: position above bottom nav area, keep 48px touch target */
@media (max-width: 767.98px) {
    .ai-float-button[b-0xvxzvf0do] {
        bottom: 1rem;
        right: 1rem;
        width: 3rem;
        height: 3rem;
        min-width: 48px;
        min-height: 48px;
        font-size: 1rem;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-agudscccqi] {
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
}

.top-row[b-agudscccqi] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.2);
}

.navbar-brand[b-agudscccqi] {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.nav-section-title[b-agudscccqi] {
    padding: 1rem 1rem 0.25rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ncw-sidebar-text, rgba(255, 255, 255, 0.4));
    opacity: 0.5;
    margin-top: 0.5rem;
}

/* REVAMP (Feb 6, 2026): Highlighted primary section (AI Copilot) */
.nav-section-title.nav-section-primary[b-agudscccqi] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 0.25rem;
}

.bi[b-agudscccqi] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    top: -1px;
    background-size: cover;
    flex-shrink: 0;
}

.bi-house-door-fill-nav-menu[b-agudscccqi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-agudscccqi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-agudscccqi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-agudscccqi] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

    .nav-item:first-of-type[b-agudscccqi] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-agudscccqi] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-agudscccqi]  a {
        color: var(--ncw-sidebar-text, #d7d7d7);
        border-radius: 6px;
        height: 2.5rem;
        min-height: 44px; /* Touch-friendly: 44px minimum tap target */
        display: flex;
        align-items: center;
        line-height: 2.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: background-color 0.15s ease;
    }

.nav-item[b-agudscccqi]  a.active {
    background-color: var(--ncw-sidebar-active, rgba(255,255,255,0.37));
    color: var(--ncw-sidebar-text-active, white);
    font-weight: 500;
}

.nav-item[b-agudscccqi]  a:hover {
    background-color: var(--ncw-sidebar-section, rgba(255,255,255,0.1));
    color: var(--ncw-sidebar-text-active, white);
}

/* Admin sub-section titles (Agents, Tools) */
.nav-section-subtitle[b-agudscccqi] {
    padding: 0.5rem 1rem 0.15rem 1.5rem;
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.3);
}

/* FIX (Jan 12, 2026): Mobile - MainLayout controls sidebar visibility */
/* Nav content is always visible when sidebar is shown */
.nav-scrollable[b-agudscccqi] {
    height: calc(100vh - 3.5rem);
    height: calc(100dvh - 3.5rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Mobile top-row is smaller */
@media (max-width: 767.98px) {
    .top-row[b-agudscccqi] {
        height: 3rem;
    }

    .navbar-brand[b-agudscccqi] {
        font-size: 1rem;
    }

    .nav-scrollable[b-agudscccqi] {
        height: calc(100vh - 3rem);
        height: calc(100dvh - 3rem);
    }

    .nav-item[b-agudscccqi] {
        font-size: 0.95rem;
    }

    .nav-section-title[b-agudscccqi] {
        padding: 0.75rem 1rem 0.2rem;
    }
}

@media (min-width: 768px) {
    .navbar-toggler[b-agudscccqi] {
        display: none;
    }
}
/* /Layout/PublicLayout.razor.rz.scp.css */
/*
 * PublicLayout CSS - Mobile-first responsive design
 * FIX (Jan 12, 2026): Clean layout without sidebar for public pages
 */

.public-page[b-42s8fyqsnm] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #4f46e5;
}

.public-main[b-42s8fyqsnm] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

/* Mobile-first: smaller screens get tighter padding */
@media (max-width: 575.98px) {
    .public-main[b-42s8fyqsnm] {
        padding: 0.5rem;
        align-items: flex-start;
        padding-top: 1rem;
    }
}

/* Tablets and up get more spacing */
@media (min-width: 576px) {
    .public-main[b-42s8fyqsnm] {
        padding: 2rem;
    }
}

.public-footer[b-42s8fyqsnm] {
    background: rgba(255, 255, 255, 0.1);
    color: white !important;
}

.public-footer .text-muted[b-42s8fyqsnm] {
    color: rgba(255, 255, 255, 0.8) !important;
}
/* /Pages/AdminEvidenceLibrary.razor.rz.scp.css */
/* Evidence Library admin page — three-panel layout matching AdminMcpServers */

.oa-admin-shell[b-7us4q479ka] {
  background: var(--oa-bg);
  color: var(--oa-text);
}

.oa-admin-grid[b-7us4q479ka] {
  min-height: calc(100vh - 64px);
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 360px;
}

.oa-left[b-7us4q479ka],
.oa-right[b-7us4q479ka] {
  background: var(--oa-panel-bg);
  overflow-y: auto;
}

.oa-left[b-7us4q479ka] {
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.oa-center[b-7us4q479ka] {
  padding: 20px 16px 28px;
  overflow: auto;
}

.oa-right[b-7us4q479ka] {
  padding: 14px 12px 16px;
}

.oa-brand[b-7us4q479ka] {
  font-size: 1.8rem;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}

.oa-brand .light[b-7us4q479ka] { font-weight: 500; }
.oa-brand .bold[b-7us4q479ka] { font-weight: 700; }

.oa-nav-list[b-7us4q479ka] { list-style: none; margin: 0; padding: 0; }

.oa-nav-item[b-7us4q479ka] {
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-size: 13px;
  margin-bottom: 2px;
}

.oa-nav-item.active[b-7us4q479ka] { background: var(--oa-nav-active-bg); font-weight: 600; }

.oa-nav-dot[b-7us4q479ka] {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid #9ca3af;
}

.oa-operator[b-7us4q479ka] { border-top: 1px solid var(--oa-border); padding-top: 10px; display: flex; gap: 8px; align-items: center; }
.oa-avatar[b-7us4q479ka] { width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #d1d5db, #9ca3af); border: 1px solid #cdd3db; }
.oa-operator-name[b-7us4q479ka] { font-size: 12px; font-weight: 600; line-height: 1.2; }
.oa-operator-role[b-7us4q479ka] { font-size: 11px; color: var(--oa-muted); line-height: 1.2; }

.oa-overview-title[b-7us4q479ka] { font-size: 3rem; line-height: 1.05; letter-spacing: -0.03em; font-weight: 650; }
.oa-overview-sub[b-7us4q479ka] { color: var(--oa-muted); font-size: 0.9rem; }

.oa-panel-card[b-7us4q479ka] { border: 1px solid var(--oa-border); border-radius: 10px; background: var(--oa-panel-bg); }

.oa-kpi-grid[b-7us4q479ka] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; }
.oa-kpi-cell[b-7us4q479ka] { border-right: 1px solid var(--oa-border); border-bottom: 1px solid var(--oa-border); min-height: 94px; padding: 10px 12px; }
.oa-kpi-cell:nth-child(3n)[b-7us4q479ka] { border-right: none; }
.oa-kpi-cell:nth-last-child(-n+3)[b-7us4q479ka] { border-bottom: none; }
.oa-kpi-number[b-7us4q479ka] { font-size: 2.4rem; line-height: 1; font-weight: 650; letter-spacing: -0.03em; }

.oa-subtle[b-7us4q479ka] { font-size: 12px; color: var(--oa-muted); }

.oa-section-title[b-7us4q479ka] { font-size: 2.4rem; line-height: 1.1; letter-spacing: -0.02em; font-weight: 650; }
.oa-result-count[b-7us4q479ka] { font-size: 1rem; font-weight: 400; color: var(--oa-muted); vertical-align: middle; margin-left: 8px; }

.oa-pill[b-7us4q479ka] { border: 1px solid #eaedf2; border-radius: 999px; padding: 4px 8px; font-size: 11px; white-space: nowrap; }
.oa-pill-success[b-7us4q479ka] { border-color: #d7f0de; color: #117a3e; background: #f8fdf9; }
.oa-pill-info[b-7us4q479ka] { border-color: #d9e8ff; color: #0b63d2; background: #f7faff; }
.oa-pill-warn[b-7us4q479ka] { border-color: #f9dcc9; color: #b45309; background: #fff8f3; }
.oa-pill-neutral[b-7us4q479ka] { color: #475569; }

.oa-selected-title[b-7us4q479ka] { margin: 0; font-size: 2.5rem; line-height: 1.05; letter-spacing: -0.02em; font-weight: 650; }
.oa-inspector-header[b-7us4q479ka] { font-size: 1.4rem; line-height: 1.05; letter-spacing: -0.02em; font-weight: 650; margin-bottom: 4px; }

.oa-kv-row[b-7us4q479ka] { min-height: 40px; border-bottom: 1px solid var(--oa-border); padding: 6px 10px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.oa-kv-row:last-child[b-7us4q479ka] { border-bottom: none; }
.oa-kv-value[b-7us4q479ka] { color: var(--oa-kv-value); }
.oa-mono[b-7us4q479ka] { font-family: 'SF Mono', 'Cascadia Code', Consolas, monospace; font-size: 11px; }

.oa-filter-label[b-7us4q479ka] { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--oa-muted); margin-bottom: 6px; }
.oa-tag-badge[b-7us4q479ka] { font-size: 12px; background: var(--oa-tag-bg); border: 1px solid var(--oa-border); border-radius: 6px; padding: 3px 8px; color: var(--oa-tag-color); }

/* === Evidence-specific styles === */

.oa-evidence-list[b-7us4q479ka] { display: flex; flex-direction: column; gap: 8px; }

.oa-evidence-card[b-7us4q479ka] {
  padding: 12px 14px;
  cursor: pointer;
  transition: border-color 0.15s;
}

.oa-evidence-card:hover[b-7us4q479ka] { border-color: var(--oa-border); }
.oa-evidence-card.is-selected[b-7us4q479ka] { border-color: #93c5fd; background: var(--oa-nav-active-bg); }

.oa-evidence-title[b-7us4q479ka] { font-size: 14px; font-weight: 600; color: var(--oa-text); }
.oa-evidence-preview[b-7us4q479ka] { font-size: 13px; color: var(--oa-muted); line-height: 1.4; }
.oa-evidence-content[b-7us4q479ka] { font-size: 14px; line-height: 1.6; white-space: pre-wrap; }
.oa-evidence-excerpt[b-7us4q479ka] { font-size: 13px; line-height: 1.5; color: #374151; font-style: italic; }

.oa-type-badge[b-7us4q479ka] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}

.oa-type-badge-lg[b-7us4q479ka] { width: 34px; height: 34px; font-size: 16px; }

.oa-type-regulation[b-7us4q479ka] { background: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe; }
.oa-type-study[b-7us4q479ka] { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.oa-type-internal[b-7us4q479ka] { background: #f3e8ff; color: #6b21a8; border: 1px solid #e9d5ff; }
.oa-type-web[b-7us4q479ka] { background: #cffafe; color: #155e75; border: 1px solid #a5f3fc; }
.oa-type-expert[b-7us4q479ka] { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.oa-type-lab[b-7us4q479ka] { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }

.oa-score-badge[b-7us4q479ka] {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  white-space: nowrap;
}

.oa-score-badge-lg[b-7us4q479ka] { font-size: 13px; padding: 4px 10px; }

.oa-score-excellent[b-7us4q479ka] { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.oa-score-good[b-7us4q479ka] { background: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe; }
.oa-score-fair[b-7us4q479ka] { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.oa-score-low[b-7us4q479ka] { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }

@media (max-width: 1399.98px) { .oa-admin-grid[b-7us4q479ka] { grid-template-columns: 220px minmax(0, 1fr) 340px; } }
@media (max-width: 1199.98px) { .oa-admin-grid[b-7us4q479ka] { grid-template-columns: 1fr; } }
/* /Pages/AdminMcpServers.razor.rz.scp.css */
/* ── Left panel inner ────────────────────────── */
.oa-left-inner[b-vu2gsj76x3] {
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* ── Center panel inner ─────────────────────── */
.oa-center-inner[b-vu2gsj76x3] {
  padding: 20px 16px 28px;
}

/* ── Right panel inner ──────────────────────── */
.oa-right-inner[b-vu2gsj76x3] {
  padding: 14px 12px 16px;
}

/* ── Brand ──────────────────────────────────── */
.oa-brand[b-vu2gsj76x3] {
  font-size: 1.8rem;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}

.oa-brand .light[b-vu2gsj76x3] { font-weight: 500; }
.oa-brand .bold[b-vu2gsj76x3] { font-weight: 700; }

/* ── Nav list ───────────────────────────────── */
.oa-nav-list[b-vu2gsj76x3] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.oa-nav-item[b-vu2gsj76x3] {
  height: 32px;
  border-radius: var(--ncw-radius-sm);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-size: 13px;
  margin-bottom: 2px;
}

.oa-nav-item.active[b-vu2gsj76x3] {
  background: var(--oa-nav-active-bg);
  font-weight: 600;
}

.oa-nav-dot[b-vu2gsj76x3] {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid var(--ncw-muted);
}

/* ── Operator ───────────────────────────────── */
.oa-operator[b-vu2gsj76x3] {
  border-top: 1px solid var(--ncw-border);
  padding-top: 10px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.oa-avatar[b-vu2gsj76x3] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d1d5db, #9ca3af);
  border: 1px solid var(--ncw-border);
}

.oa-operator-name[b-vu2gsj76x3] { font-size: 12px; font-weight: 600; line-height: 1.2; }
.oa-operator-role[b-vu2gsj76x3] { font-size: 11px; color: var(--ncw-muted); line-height: 1.2; }

/* ── Overview header ────────────────────────── */
.oa-overview-title[b-vu2gsj76x3] {
  font-size: 3rem;
  line-height: 1.05;
  letter-spacing: -0.03em;
  font-weight: 650;
}

.oa-overview-sub[b-vu2gsj76x3] { color: var(--ncw-muted); font-size: 0.9rem; }

/* ── Panel card (shared border/bg) ──────────── */
.oa-panel-card[b-vu2gsj76x3] {
  border: 1px solid var(--ncw-border);
  border-radius: var(--ncw-radius-md);
  background: var(--oa-panel-bg);
}

/* ── KPI grid ───────────────────────────────── */
.oa-kpi-grid[b-vu2gsj76x3] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}

.oa-kpi-cell[b-vu2gsj76x3] {
  border-right: 1px solid var(--ncw-border);
  border-bottom: 1px solid var(--ncw-border);
  min-height: 94px;
  padding: 10px 12px;
}

.oa-kpi-cell:nth-child(3n)[b-vu2gsj76x3] { border-right: none; }
.oa-kpi-cell:nth-last-child(-n+3)[b-vu2gsj76x3] { border-bottom: none; }

.oa-kpi-number[b-vu2gsj76x3] {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 650;
  letter-spacing: -0.03em;
}

.oa-subtle[b-vu2gsj76x3] { font-size: 12px; color: var(--ncw-muted); }

/* ── Section title ──────────────────────────── */
.oa-section-title[b-vu2gsj76x3] {
  font-size: 2.4rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 650;
}

/* ── Agent card grid ────────────────────────── */
.oa-card-grid[b-vu2gsj76x3] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.oa-agent-card[b-vu2gsj76x3] {
  min-height: 72px;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.oa-agent-card.is-selected[b-vu2gsj76x3] {
  border-color: var(--ncw-border);
  background: var(--oa-nav-active-bg);
}

.oa-agent-icon[b-vu2gsj76x3] {
  width: 28px;
  height: 28px;
  border: 1px solid var(--ncw-border);
  border-radius: var(--ncw-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.oa-agent-name[b-vu2gsj76x3] { font-size: 14px; font-weight: 600; color: var(--ncw-text); }

/* ── Pill badges ────────────────────────────── */
.oa-pill[b-vu2gsj76x3] {
  border: 1px solid var(--ncw-border);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  white-space: nowrap;
}

.oa-pill-success[b-vu2gsj76x3] { border-color: #d7f0de; color: #117a3e; background: #f8fdf9; }
.oa-pill-info[b-vu2gsj76x3]    { border-color: #d9e8ff; color: #0b63d2; background: #f7faff; }
.oa-pill-warn[b-vu2gsj76x3]    { border-color: #f9dcc9; color: #b45309; background: #fff8f3; }
.oa-pill-neutral[b-vu2gsj76x3] { color: var(--ncw-text-secondary); }

/* ── Right panel: selected item ─────────────── */
.oa-selected-icon[b-vu2gsj76x3] {
  width: 30px;
  height: 30px;
  border: 1px solid #cfe0ff;
  border-radius: var(--ncw-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0b63d2;
  background: #eff6ff;
}

.oa-selected-title[b-vu2gsj76x3] {
  margin: 0;
  font-size: 2.5rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 650;
}

/* ── Inspector sections ─────────────────────── */
.oa-inspector-header[b-vu2gsj76x3] {
  font-size: 2rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 650;
  margin-bottom: 4px;
}

.oa-kv-row[b-vu2gsj76x3] {
  min-height: 40px;
  border-bottom: 1px solid var(--ncw-border);
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}

.oa-kv-row:last-child[b-vu2gsj76x3] { border-bottom: none; }
.oa-kv-value[b-vu2gsj76x3] { color: var(--oa-kv-value); }
.oa-kv-value.oa-good[b-vu2gsj76x3] { color: #0d8344; font-weight: 600; }

/* ── Modals ─────────────────────────────────── */
.oa-modal-backdrop[b-vu2gsj76x3] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}

.oa-modal-card[b-vu2gsj76x3] {
  width: min(520px, 92vw);
  background: var(--oa-modal-bg);
  border-radius: var(--ncw-radius-md);
  border: 1px solid var(--ncw-border);
  padding: 18px;
}

/* ── Responsive: tablet ────────────────────── */
@media (max-width: 1199.98px) {
  .oa-card-grid[b-vu2gsj76x3] { grid-template-columns: 1fr; }

  .oa-overview-title[b-vu2gsj76x3] { font-size: 2rem; }
  .oa-section-title[b-vu2gsj76x3] { font-size: 1.8rem; }
  .oa-selected-title[b-vu2gsj76x3] { font-size: 1.8rem; }
  .oa-inspector-header[b-vu2gsj76x3] { font-size: 1.5rem; }
  .oa-kpi-number[b-vu2gsj76x3] { font-size: 1.8rem; }
}

/* ── Responsive: mobile ───────────────────── */
@media (max-width: 767.98px) {
  .oa-kpi-grid[b-vu2gsj76x3] {
    grid-template-columns: 1fr;
  }

  .oa-kpi-cell[b-vu2gsj76x3] {
    border-right: none;
    border-bottom: 1px solid var(--ncw-border);
    min-height: auto;
    padding: 8px 12px;
  }

  .oa-kpi-cell:last-child[b-vu2gsj76x3] { border-bottom: none; }

  .oa-overview-title[b-vu2gsj76x3] { font-size: 1.5rem; }
  .oa-section-title[b-vu2gsj76x3] { font-size: 1.3rem; }
  .oa-selected-title[b-vu2gsj76x3] { font-size: 1.3rem; }
  .oa-kpi-number[b-vu2gsj76x3] { font-size: 1.5rem; }
  .oa-center-inner[b-vu2gsj76x3] { padding: 12px 10px 20px; }
  .oa-right-inner[b-vu2gsj76x3] { padding: 10px 8px 12px; }

  .oa-kv-row[b-vu2gsj76x3] {
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px 10px;
  }
}
/* /Pages/AdminMemoryManagement.razor.rz.scp.css */
/* Inherits .oa-* base styles from AdminMcpServers; only memory-specific additions here */

.oa-admin-shell[b-iybtpqaehk] {
  background: var(--oa-bg);
  color: var(--oa-text);
}

.oa-admin-grid[b-iybtpqaehk] {
  min-height: calc(100vh - 64px);
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 360px;
}

.oa-left[b-iybtpqaehk],
.oa-right[b-iybtpqaehk] {
  background: var(--oa-panel-bg);
  overflow-y: auto;
}

.oa-left[b-iybtpqaehk] {
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.oa-center[b-iybtpqaehk] {
  padding: 20px 16px 28px;
  overflow: auto;
}

.oa-right[b-iybtpqaehk] {
  padding: 14px 12px 16px;
}

.oa-brand[b-iybtpqaehk] {
  font-size: 1.8rem;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}

.oa-brand .light[b-iybtpqaehk] { font-weight: 500; }
.oa-brand .bold[b-iybtpqaehk] { font-weight: 700; }

.oa-nav-list[b-iybtpqaehk] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.oa-nav-item[b-iybtpqaehk] {
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-size: 13px;
  margin-bottom: 2px;
}

.oa-nav-item.active[b-iybtpqaehk] {
  background: var(--oa-nav-active-bg);
  font-weight: 600;
}

.oa-nav-dot[b-iybtpqaehk] {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid #9ca3af;
}

.oa-operator[b-iybtpqaehk] {
  border-top: 1px solid var(--oa-border);
  padding-top: 10px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.oa-avatar[b-iybtpqaehk] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d1d5db, #9ca3af);
  border: 1px solid #cdd3db;
}

.oa-operator-name[b-iybtpqaehk] { font-size: 12px; font-weight: 600; line-height: 1.2; }
.oa-operator-role[b-iybtpqaehk] { font-size: 11px; color: var(--oa-muted); line-height: 1.2; }

.oa-overview-title[b-iybtpqaehk] {
  font-size: 3rem;
  line-height: 1.05;
  letter-spacing: -0.03em;
  font-weight: 650;
}

.oa-overview-sub[b-iybtpqaehk] { color: var(--oa-muted); font-size: 0.9rem; }

.oa-panel-card[b-iybtpqaehk] {
  border: 1px solid var(--oa-border);
  border-radius: 10px;
  background: var(--oa-panel-bg);
}

.oa-kpi-grid[b-iybtpqaehk] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}

.oa-kpi-cell[b-iybtpqaehk] {
  border-right: 1px solid var(--oa-border);
  border-bottom: 1px solid var(--oa-border);
  min-height: 94px;
  padding: 10px 12px;
}

.oa-kpi-cell:nth-child(3n)[b-iybtpqaehk] { border-right: none; }
.oa-kpi-cell:nth-last-child(-n+3)[b-iybtpqaehk] { border-bottom: none; }

.oa-kpi-number[b-iybtpqaehk] {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 650;
  letter-spacing: -0.03em;
}

.oa-subtle[b-iybtpqaehk] { font-size: 12px; color: var(--oa-muted); }

.oa-section-title[b-iybtpqaehk] {
  font-size: 2.4rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 650;
}

.oa-result-count[b-iybtpqaehk] {
  font-size: 1rem;
  font-weight: 400;
  color: var(--oa-muted);
  vertical-align: middle;
  margin-left: 8px;
}

.oa-pill[b-iybtpqaehk] {
  border: 1px solid #eaedf2;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  white-space: nowrap;
}

.oa-pill-success[b-iybtpqaehk] { border-color: #d7f0de; color: #117a3e; background: #f8fdf9; }
.oa-pill-info[b-iybtpqaehk] { border-color: #d9e8ff; color: #0b63d2; background: #f7faff; }
.oa-pill-warn[b-iybtpqaehk] { border-color: #f9dcc9; color: #b45309; background: #fff8f3; }
.oa-pill-neutral[b-iybtpqaehk] { color: #475569; }

.oa-selected-title[b-iybtpqaehk] {
  margin: 0;
  font-size: 2.5rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 650;
}

.oa-inspector-header[b-iybtpqaehk] {
  font-size: 1.4rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 650;
  margin-bottom: 4px;
}

.oa-kv-row[b-iybtpqaehk] {
  min-height: 40px;
  border-bottom: 1px solid var(--oa-border);
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}

.oa-kv-row:last-child[b-iybtpqaehk] { border-bottom: none; }
.oa-kv-value[b-iybtpqaehk] { color: var(--oa-kv-value); }

.oa-mono[b-iybtpqaehk] {
  font-family: 'SF Mono', 'Cascadia Code', Consolas, monospace;
  font-size: 11px;
}

/* === Memory-specific styles === */

.oa-filter-label[b-iybtpqaehk] {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--oa-muted);
  margin-bottom: 6px;
}

.oa-memory-list[b-iybtpqaehk] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.oa-memory-card[b-iybtpqaehk] {
  padding: 12px 14px;
  cursor: pointer;
  transition: border-color 0.15s;
}

.oa-memory-card:hover[b-iybtpqaehk] {
  border-color: var(--oa-border);
}

.oa-memory-card.is-selected[b-iybtpqaehk] {
  border-color: #93c5fd;
  background: var(--oa-nav-active-bg);
}

.oa-memory-title[b-iybtpqaehk] {
  font-size: 14px;
  font-weight: 600;
  color: var(--oa-text);
}

.oa-memory-preview[b-iybtpqaehk] {
  font-size: 13px;
  color: var(--oa-muted);
  line-height: 1.4;
}

.oa-memory-content[b-iybtpqaehk] {
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.oa-cat-badge[b-iybtpqaehk] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}

.oa-cat-badge-lg[b-iybtpqaehk] {
  width: 34px;
  height: 34px;
  font-size: 16px;
}

.oa-cat-fact[b-iybtpqaehk] { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.oa-cat-decision[b-iybtpqaehk] { background: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe; }
.oa-cat-constraint[b-iybtpqaehk] { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.oa-cat-assumption[b-iybtpqaehk] { background: #f3e8ff; color: #6b21a8; border: 1px solid #e9d5ff; }
.oa-cat-lesson[b-iybtpqaehk] { background: #cffafe; color: #155e75; border: 1px solid #a5f3fc; }

.oa-cite-type[b-iybtpqaehk] {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--oa-muted);
  background: var(--ncw-surface-3, #f3f4f6);
  padding: 2px 6px;
  border-radius: 4px;
}

.oa-tag-badge[b-iybtpqaehk] {
  font-size: 12px;
  background: var(--oa-tag-bg);
  border: 1px solid var(--oa-border);
  border-radius: 6px;
  padding: 3px 8px;
  color: var(--oa-tag-color);
}

.oa-modal-backdrop[b-iybtpqaehk] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}

.oa-modal-card[b-iybtpqaehk] {
  width: min(520px, 92vw);
  background: var(--oa-modal-bg);
  border-radius: 12px;
  border: 1px solid var(--oa-border);
  padding: 18px;
}

@media (max-width: 1399.98px) {
  .oa-admin-grid[b-iybtpqaehk] { grid-template-columns: 220px minmax(0, 1fr) 340px; }
}

@media (max-width: 1199.98px) {
  .oa-admin-grid[b-iybtpqaehk] { grid-template-columns: 1fr; }
}
/* /Pages/AdminModelRunReview.razor.rz.scp.css */
/* AdminModelRunReview — scoped styles (CIG-006 Phase 2) */

.mrr-output-pre[b-3d9g1brahj] {
    max-height: 500px;
    overflow: auto;
    white-space: pre-wrap;
}

.mrr-prompt-pre[b-3d9g1brahj] {
    max-height: 300px;
    overflow: auto;
    white-space: pre-wrap;
}

.mrr-meta-pre[b-3d9g1brahj] {
    max-height: 200px;
    overflow: auto;
    white-space: pre-wrap;
}
/* /Pages/AdminModelRuns.razor.rz.scp.css */
/* AdminModelRuns — scoped styles (CIG-006 Phase 2) */

.mr-filter-status[b-7h24vpzlz3]     { width: 160px; }
.mr-filter-jurisdiction[b-7h24vpzlz3] { width: 130px; }

.mr-empty-icon[b-7h24vpzlz3] {
    font-size: 3rem;
}

.container-fluid > .d-flex .text-muted[b-7h24vpzlz3] {
    white-space: nowrap;
}

.container-fluid > .d-flex .btn[b-7h24vpzlz3] {
    white-space: nowrap;
}
/* /Pages/AdminNcmRouting.razor.rz.scp.css */
/* AdminNcmRouting — scoped styles (CIG-006 Phase 2) */

.card-body dl dt[b-utfgwc1roe] {
    white-space: nowrap;
    font-size: 0.8rem;
}

.card-body dl dd[b-utfgwc1roe] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-body dl dd code[b-utfgwc1roe] {
    white-space: nowrap;
}

.card .card-body[b-utfgwc1roe] {
    min-width: 200px;
}

.card-footer[b-utfgwc1roe] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Pages/AdminWorkflowCaptureDetail.razor.rz.scp.css */
/* ── Left panel inner ────────────────────────── */
.wc-left-inner[b-ugc448uamy] {
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.wc-brand[b-ugc448uamy] {
  font-size: 1.6rem;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}

.wc-brand .light[b-ugc448uamy] { font-weight: 500; }
.wc-brand .bold[b-ugc448uamy] { font-weight: 700; }

.wc-section-label[b-ugc448uamy] {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ncw-muted);
  font-weight: 600;
  margin-bottom: 4px;
}

.wc-list-search input[b-ugc448uamy] {
  font-size: 12px;
}

/* ── Nav list ───────────────────────────────── */
.wc-nav-list[b-ugc448uamy] {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 35vh;
  overflow-y: auto;
}

.wc-nav-item[b-ugc448uamy] {
  border-radius: var(--ncw-radius-sm);
  padding: 6px 10px;
  margin-bottom: 2px;
  cursor: pointer;
}

.wc-nav-item:hover[b-ugc448uamy] { background: var(--oa-nav-active-bg); }

.wc-nav-item.active[b-ugc448uamy] {
  background: var(--oa-nav-active-bg);
  font-weight: 600;
}

.wc-nav-title[b-ugc448uamy] { font-size: 13px; line-height: 1.3; }
.wc-nav-meta[b-ugc448uamy] { font-size: 11px; color: var(--ncw-muted); }

/* ── Operator (bottom section) ─────────────── */
.wc-operator[b-ugc448uamy] {
  border-top: 1px solid var(--ncw-border);
  padding-top: 10px;
}

/* ── Center panel inner ─────────────────────── */
.wc-center-inner[b-ugc448uamy] {
  padding: 20px 16px 28px;
}

.wc-title[b-ugc448uamy] {
  font-size: 2rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 650;
}

.wc-subtitle[b-ugc448uamy] { color: var(--ncw-muted); font-size: 0.85rem; }

/* ── Tab bar ─────────────────────────────────── */
.wc-tab-bar[b-ugc448uamy] {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid var(--ncw-border);
}

.wc-tab[b-ugc448uamy] {
  padding: 8px 16px;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--ncw-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.15s;
}

.wc-tab:hover[b-ugc448uamy] {
  color: var(--ncw-text);
}

.wc-tab.active[b-ugc448uamy] {
  color: var(--ncw-text);
  font-weight: 600;
  border-bottom-color: var(--ncw-text);
}

/* ── Right panel inner ──────────────────────── */
.wc-right-inner[b-ugc448uamy] {
  padding: 14px 12px 16px;
}

.wc-inspector-title[b-ugc448uamy] {
  margin: 0 0 12px;
  font-size: 1.6rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 650;
}

/* ── Reuse .oa- classes from AdminMcpServers ── */
/* oa-inspector-header, oa-panel-card, oa-kv-row,
   oa-kv-value, oa-good, oa-modal-backdrop, oa-modal-card
   are defined in AdminMcpServers.razor.css and are global
   in Blazor scoped CSS when used as class names.
   We re-declare the ones needed here for isolation. */

[b-ugc448uamy] .oa-inspector-header {
  font-size: 1.2rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 650;
  margin-bottom: 4px;
}

[b-ugc448uamy] .oa-panel-card {
  border: 1px solid var(--ncw-border);
  border-radius: var(--ncw-radius-md);
  background: var(--oa-panel-bg);
}

[b-ugc448uamy] .oa-kv-row {
  min-height: 36px;
  border-bottom: 1px solid var(--ncw-border);
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

[b-ugc448uamy] .oa-kv-row:last-child { border-bottom: none; }
[b-ugc448uamy] .oa-kv-value { color: var(--oa-kv-value); }
[b-ugc448uamy] .oa-kv-value.oa-good { color: #0d8344; font-weight: 600; }

[b-ugc448uamy] .oa-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}

[b-ugc448uamy] .oa-modal-card {
  width: min(520px, 92vw);
  background: var(--oa-modal-bg);
  border-radius: var(--ncw-radius-md);
  border: 1px solid var(--ncw-border);
  padding: 18px;
}

/* ── Responsive ────────────────────────────── */
@media (max-width: 1199.98px) {
  .wc-title[b-ugc448uamy] { font-size: 1.5rem; }
  .wc-inspector-title[b-ugc448uamy] { font-size: 1.3rem; }
}

@media (max-width: 767.98px) {
  .wc-title[b-ugc448uamy] { font-size: 1.2rem; }
  .wc-center-inner[b-ugc448uamy] { padding: 12px 10px 20px; }
  .wc-right-inner[b-ugc448uamy] { padding: 10px 8px 12px; }
}
/* /Pages/AdminWorkflowCaptures.razor.rz.scp.css */
/* ── Left panel inner ────────────────────────── */
.wc-left-inner[b-fj3dpxtdle] {
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.wc-brand[b-fj3dpxtdle] {
  font-size: 1.6rem;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}

.wc-brand .light[b-fj3dpxtdle] { font-weight: 500; }
.wc-brand .bold[b-fj3dpxtdle] { font-weight: 700; }

.wc-section-label[b-fj3dpxtdle] {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ncw-muted);
  font-weight: 600;
  margin-bottom: 4px;
}

.wc-list-search input[b-fj3dpxtdle] {
  font-size: 12px;
}

.wc-filter-label[b-fj3dpxtdle] {
  font-size: 11px;
}

/* ── Nav list ───────────────────────────────── */
.wc-nav-list[b-fj3dpxtdle] {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 35vh;
  overflow-y: auto;
}

.wc-nav-item[b-fj3dpxtdle] {
  border-radius: var(--ncw-radius-sm);
  padding: 6px 10px;
  margin-bottom: 2px;
  cursor: pointer;
}

.wc-nav-item:hover[b-fj3dpxtdle] { background: var(--oa-nav-active-bg); }

.wc-nav-item.active[b-fj3dpxtdle] {
  background: var(--oa-nav-active-bg);
  font-weight: 600;
}

.wc-nav-title[b-fj3dpxtdle] { font-size: 13px; line-height: 1.3; }
.wc-nav-meta[b-fj3dpxtdle] { font-size: 11px; color: var(--ncw-muted); }

/* ── Operator (bottom section) ─────────────── */
.wc-operator[b-fj3dpxtdle] {
  border-top: 1px solid var(--ncw-border);
  padding-top: 10px;
}

/* ── Center panel inner ─────────────────────── */
.wc-center-inner[b-fj3dpxtdle] {
  padding: 20px 16px 28px;
}

.wc-title[b-fj3dpxtdle] {
  font-size: 2rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 650;
}

.wc-subtitle[b-fj3dpxtdle] { color: var(--ncw-muted); font-size: 0.85rem; }

/* ── Empty state ─────────────────────────────── */
.wc-empty-state[b-fj3dpxtdle] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 20px;
}

.wc-empty-icon[b-fj3dpxtdle] {
  font-size: 3rem;
  color: var(--ncw-muted);
  margin-bottom: 16px;
}

/* ── Tab bar ─────────────────────────────────── */
.wc-tab-bar[b-fj3dpxtdle] {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid var(--ncw-border);
}

.wc-tab[b-fj3dpxtdle] {
  padding: 8px 16px;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--ncw-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.15s;
}

.wc-tab:hover[b-fj3dpxtdle] {
  color: var(--ncw-text);
}

.wc-tab.active[b-fj3dpxtdle] {
  color: var(--ncw-text);
  font-weight: 600;
  border-bottom-color: var(--ncw-text);
}

/* ── Right panel inner ──────────────────────── */
.wc-right-inner[b-fj3dpxtdle] {
  padding: 14px 12px 16px;
}

.wc-inspector-title[b-fj3dpxtdle] {
  margin: 0 0 12px;
  font-size: 1.6rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 650;
}

/* ── Reuse .oa- inspector classes ──────────── */
[b-fj3dpxtdle] .oa-inspector-header {
  font-size: 1.2rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 650;
  margin-bottom: 4px;
}

[b-fj3dpxtdle] .oa-panel-card {
  border: 1px solid var(--ncw-border);
  border-radius: var(--ncw-radius-md);
  background: var(--oa-panel-bg);
}

[b-fj3dpxtdle] .oa-kv-row {
  min-height: 36px;
  border-bottom: 1px solid var(--ncw-border);
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

[b-fj3dpxtdle] .oa-kv-row:last-child { border-bottom: none; }
[b-fj3dpxtdle] .oa-kv-value { color: var(--oa-kv-value); }
[b-fj3dpxtdle] .oa-kv-value.oa-good { color: #0d8344; font-weight: 600; }

[b-fj3dpxtdle] .oa-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}

[b-fj3dpxtdle] .oa-modal-card {
  width: min(520px, 92vw);
  background: var(--oa-modal-bg);
  border-radius: var(--ncw-radius-md);
  border: 1px solid var(--ncw-border);
  padding: 18px;
}

/* ── Responsive ────────────────────────────── */
@media (max-width: 1199.98px) {
  .wc-title[b-fj3dpxtdle] { font-size: 1.5rem; }
  .wc-inspector-title[b-fj3dpxtdle] { font-size: 1.3rem; }
}

@media (max-width: 767.98px) {
  .wc-title[b-fj3dpxtdle] { font-size: 1.2rem; }
  .wc-center-inner[b-fj3dpxtdle] { padding: 12px 10px 20px; }
  .wc-right-inner[b-fj3dpxtdle] { padding: 10px 8px 12px; }
}
/* /Pages/Agent/AgentPlayground.razor.rz.scp.css */
/* AgentPlayground responsive overrides */

/* JSON pre blocks: horizontal scroll on mobile instead of overflow */
pre[b-6jl3rfi8q7] {
  overflow-x: auto;
  word-break: break-word;
  white-space: pre-wrap;
}

/* Specialist list: 2 columns on wide screens */
@media (min-width: 1200px) {
  ul.list-unstyled[b-6jl3rfi8q7] {
    columns: 2;
    column-gap: 0.5rem;
  }
}

/* Mobile: reduce card padding */
@media (max-width: 767.98px) {
  h1[b-6jl3rfi8q7] {
    font-size: 1.3rem;
  }

  .card-body[b-6jl3rfi8q7] {
    padding: 0.75rem;
  }

  textarea.form-control[b-6jl3rfi8q7] {
    font-size: 0.9rem;
  }
}
/* /Pages/AgentHistory.razor.rz.scp.css */
/* AgentHistory — NcwThreePanelLayout scoped styles (CIG-006 Phase 2) */

/* ── Left Panel ── */

.ah-left-inner[b-ekghtnmod8] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ah-brand[b-ekghtnmod8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ah-brand .light[b-ekghtnmod8] {
    font-weight: 300;
    font-size: 1.1rem;
    color: var(--ncw-muted, #64748b);
}

.ah-brand .bold[b-ekghtnmod8] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--ncw-text, #1e293b);
}

.ah-live-badge[b-ekghtnmod8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background: var(--bs-success);
    color: #fff;
    border-radius: 12px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.ah-live-dot[b-ekghtnmod8] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    animation: ah-pulse-b-ekghtnmod8 1.5s ease-in-out infinite;
}

@keyframes ah-pulse-b-ekghtnmod8 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.ah-section-label[b-ekghtnmod8] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ncw-muted, #64748b);
    padding-top: 4px;
}

.ah-collapse-btn[b-ekghtnmod8] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ncw-muted, #64748b);
}

/* KPI Grid */
.ah-kpi-grid[b-ekghtnmod8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.ah-kpi[b-ekghtnmod8] {
    display: flex;
    flex-direction: column;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--ncw-border, #e5e7eb);
    background: var(--bs-card-bg, #fff);
}

.ah-kpi--primary[b-ekghtnmod8] {
    border-left: 3px solid var(--bs-primary);
}

.ah-kpi--success[b-ekghtnmod8] {
    border-left: 3px solid var(--bs-success);
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
}

.ah-kpi--warning[b-ekghtnmod8] {
    border-left: 3px solid var(--bs-warning);
}

.ah-kpi--info[b-ekghtnmod8] {
    border-left: 3px solid var(--bs-info);
}

.ah-kpi__value[b-ekghtnmod8] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: var(--ncw-text, #1e293b);
}

.ah-kpi__unit[b-ekghtnmod8] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--ncw-muted, #64748b);
}

.ah-kpi__label[b-ekghtnmod8] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--ncw-muted, #64748b);
    margin-top: 2px;
}

/* Specialist Breakdown */
.ah-specialist-list[b-ekghtnmod8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ah-specialist-card[b-ekghtnmod8] {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid var(--ncw-border, #e5e7eb);
    background: var(--bs-card-bg, #fff);
    font-size: 0.8rem;
}

.ah-specialist-stats[b-ekghtnmod8] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    color: var(--ncw-muted, #64748b);
}

.ah-specialist-progress[b-ekghtnmod8] {
    height: 3px;
    margin-top: 4px;
}

/* Filters */
.ah-filter-group[b-ekghtnmod8] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ah-filter-label[b-ekghtnmod8] {
    font-size: 0.65rem;
    color: var(--ncw-muted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* ── Center Panel ── */

.ah-center-header[b-ekghtnmod8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--ncw-border, #e5e7eb);
}

.ah-loading[b-ekghtnmod8] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
}

.ah-empty-state[b-ekghtnmod8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    text-align: center;
}

.ah-empty-icon[b-ekghtnmod8] {
    font-size: 2.5rem;
    color: var(--ncw-muted, #64748b);
    opacity: 0.3;
    margin-bottom: 12px;
}

/* Table cells */
thead th[b-ekghtnmod8] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--ncw-muted, #64748b);
    background: var(--ncw-surface-2, #f8fafc);
    padding: 8px 12px;
    border-bottom: 1px solid var(--ncw-border, #e5e7eb);
}

tbody td[b-ekghtnmod8] {
    padding: 8px 12px;
    vertical-align: middle;
}

.ah-corr-id[b-ekghtnmod8] {
    font-size: 0.7rem;
    background: var(--ncw-surface-3, #f1f5f9);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--ncw-text-secondary, #475569);
}

.ah-specialist-badge[b-ekghtnmod8] {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
    color: #5b21b6;
    font-size: 0.75rem;
}

.ah-running-dot[b-ekghtnmod8] {
    width: 8px;
    height: 8px;
}

/* ── Right Panel (Inspector) ── */

.ah-detail-header[b-ekghtnmod8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--ncw-border, #e5e7eb);
}

.ah-detail-body[b-ekghtnmod8] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ah-detail-field[b-ekghtnmod8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ah-detail-field label[b-ekghtnmod8] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--ncw-muted, #64748b);
    margin-bottom: 0;
}

.ah-corr-id-full[b-ekghtnmod8] {
    font-size: 0.7rem;
    word-break: break-all;
    background: var(--ncw-surface-3, #f1f5f9);
    padding: 4px 8px;
    border-radius: 4px;
}

.ah-detail-actions[b-ekghtnmod8] {
    padding-top: 8px;
    border-top: 1px solid var(--ncw-border, #e5e7eb);
}

.ah-detail-empty[b-ekghtnmod8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 48px 16px;
    text-align: center;
    color: var(--ncw-muted, #64748b);
    opacity: 0.5;
    font-size: 1.5rem;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .ah-kpi-grid[b-ekghtnmod8] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AgentRegistry.razor.rz.scp.css */
/* AgentRegistry.razor.css — Page-level style only */
.registry-page[b-lrsobqhwgg] { height: calc(100vh - 64px); display: flex; flex-direction: column; }
.registry-toolbar[b-lrsobqhwgg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid var(--ncw-border);
    background: var(--ncw-surface-2);
    flex-shrink: 0;
}
.role-selector[b-lrsobqhwgg] { width: auto; max-width: 200px; font-size: 0.8rem; }
/* /Pages/AIAuditLogs.razor.rz.scp.css */
/* AIAuditLogs — scoped styles (CIG-006 Phase 2) */

/* Filter card labels */
.card-body .row label[b-19dvc84ryg] {
    white-space: nowrap;
    font-size: 0.8rem;
}

.card-body .row .btn[b-19dvc84ryg] {
    white-space: nowrap;
}

.card-body .row .form-select[b-19dvc84ryg] {
    min-width: 0;
}

/* Table column widths */
.al-col-timestamp[b-19dvc84ryg] { width: 160px; }
.al-col-service[b-19dvc84ryg]   { width: 140px; }
.al-col-operation[b-19dvc84ryg] { width: 120px; }
.al-col-status[b-19dvc84ryg]    { width: 80px; }
.al-col-duration[b-19dvc84ryg]  { width: 80px; }
.al-col-actions[b-19dvc84ryg]   { width: 60px; }

/* Summary text truncation */
.al-summary[b-19dvc84ryg] {
    max-width: 300px;
}

/* Detail pre blocks */
.al-detail-pre[b-19dvc84ryg] {
    max-height: 200px;
    overflow: auto;
}
/* /Pages/AICopilot.razor.rz.scp.css */
/* === Chat-Centric 3-Panel Layout === */
/* Extracted from inline <style> to avoid .NET 10 Razor parser issues with nested CSS blocks */

.copilot-layout[b-wk6lsq9y89] {
    display: flex;
    height: calc(100vh - 49px);
    height: calc(100dvh - 49px);
    overflow: hidden;
}

.copilot-center[b-wk6lsq9y89] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--ncw-surface, #fff);
}

.copilot-header[b-wk6lsq9y89] {
    background: var(--ncw-header-bg, #fafafa);
    flex-shrink: 0;
}

.copilot-action-btn[b-wk6lsq9y89] {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.health-pill[b-wk6lsq9y89] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 10px;
    border-radius: 100px;
    font-size: 0.75rem;
}
.health-online[b-wk6lsq9y89] { background: #d1fae5; color: #065f46; }
.health-offline[b-wk6lsq9y89] { background: #fee2e2; color: #991b1b; }
.health-ready[b-wk6lsq9y89] { background: #e0e7ff; color: #3730a3; }
.health-connecting[b-wk6lsq9y89] { background: #fef3c7; color: #92400e; }
.health-connecting .health-dot[b-wk6lsq9y89] { animation: pulse-dot-b-wk6lsq9y89 1s ease-in-out infinite; }
@keyframes pulse-dot-b-wk6lsq9y89 { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.health-dot[b-wk6lsq9y89] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.copilot-messages[b-wk6lsq9y89] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    -webkit-overflow-scrolling: touch;
}

.msg-row[b-wk6lsq9y89] {
    display: flex;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}
.msg-user[b-wk6lsq9y89] { justify-content: flex-end; }
.msg-bot[b-wk6lsq9y89] { justify-content: flex-start; }

.msg-bubble[b-wk6lsq9y89] {
    max-width: 85%;
    padding: 0.75rem 1rem;
    border-radius: 12px;
}
.msg-user .msg-bubble[b-wk6lsq9y89] {
    background: var(--ncw-chat-user-bg, #4f46e5);
    color: var(--ncw-chat-user-color, white);
    border-bottom-right-radius: 4px;
}
.msg-bot .msg-bubble[b-wk6lsq9y89] {
    background: var(--ncw-chat-bot-bg, #f3f4f6);
    color: var(--ncw-chat-bot-color, #1f2937);
    border-bottom-left-radius: 4px;
}
.msg-meta[b-wk6lsq9y89] {
    font-size: 0.7rem;
    opacity: 0.7;
    margin-bottom: 4px;
}
.msg-text[b-wk6lsq9y89] {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.9rem;
    line-height: 1.5;
}

.copilot-empty[b-wk6lsq9y89] {
    margin: auto;
    text-align: center;
    padding: 3rem 1rem;
    max-width: 500px;
}
.copilot-empty-icon[b-wk6lsq9y89] {
    font-size: 3rem;
    color: #4f46e5;
    margin-bottom: 1rem;
}

.copilot-input[b-wk6lsq9y89] {
    flex-shrink: 0;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--ncw-border, #e5e7eb);
    background: var(--ncw-surface, #fff);
}
.copilot-input-inner[b-wk6lsq9y89] {
    max-width: 720px;
    margin: 0 auto;
    position: relative;
}
.copilot-input textarea[b-wk6lsq9y89] {
    resize: none;
    border-radius: 12px;
    padding-right: 3rem;
    font-size: 0.9rem;
    border: 1px solid var(--ncw-chat-input-border, #d1d5db);
    background-color: var(--ncw-chat-input-bg, #fff);
    color: var(--ncw-text, inherit);
}
.copilot-input textarea:focus[b-wk6lsq9y89] {
    border-color: #4f46e5;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2);
    background-color: var(--ncw-chat-input-bg, #fff);
    color: var(--ncw-text, inherit);
}
.copilot-send-btn[b-wk6lsq9y89] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 36px;
    height: 36px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 8px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.typing-cursor[b-wk6lsq9y89] {
    animation: blink-b-wk6lsq9y89 1s step-end infinite;
}
@keyframes blink-b-wk6lsq9y89 {
    from, to { opacity: 1; }
    50% { opacity: 0; }
}

.copilot-right[b-wk6lsq9y89] {
    width: 260px;
    flex-shrink: 0;
    border-left: 1px solid var(--ncw-border, #e5e7eb);
    background: var(--ncw-header-bg, #fafafa);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.context-header[b-wk6lsq9y89] {
    flex-shrink: 0;
    background: var(--ncw-header-bg, #fafafa);
}
.context-body[b-wk6lsq9y89] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
}
.context-section[b-wk6lsq9y89] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--ncw-border, #e5e7eb);
}
.context-section:last-child[b-wk6lsq9y89] {
    border-bottom: none;
}
.context-section-title[b-wk6lsq9y89] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ncw-muted, #6b7280);
    margin-bottom: 0.5rem;
}

.agent-list[b-wk6lsq9y89] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.agent-item[b-wk6lsq9y89] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.8rem;
    transition: background 0.15s;
}
.agent-item:hover[b-wk6lsq9y89] { background: var(--ncw-border-light, rgba(0,0,0,0.04)); }
.agent-item.active[b-wk6lsq9y89] { background: rgba(79, 70, 229, 0.1); }
.agent-item-icon[b-wk6lsq9y89] { font-size: 0.9rem; }
.agent-item-name[b-wk6lsq9y89] { flex: 1; }

.execution-list[b-wk6lsq9y89] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.exec-item[b-wk6lsq9y89] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.exec-dot[b-wk6lsq9y89] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 5px;
    flex-shrink: 0;
}
.dot-success[b-wk6lsq9y89] { background: #10b981; }
.dot-fail[b-wk6lsq9y89] { background: #ef4444; }
.dot-pending[b-wk6lsq9y89] { background: #f59e0b; animation: pulse-b-wk6lsq9y89 1.5s infinite; }
@keyframes pulse-b-wk6lsq9y89 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.exec-info[b-wk6lsq9y89] {
    display: flex;
    justify-content: space-between;
    flex: 1;
    min-width: 0;
}

.session-info[b-wk6lsq9y89] {
    font-size: 0.8rem;
}

.agent-item-name[b-wk6lsq9y89] {
    color: var(--ncw-text, inherit);
}

.context-overlay[b-wk6lsq9y89] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1040;
}

/* ===== RESPONSIVE: Phone (<576px) ===== */
@media (max-width: 575.98px) {
    .copilot-layout[b-wk6lsq9y89] {
        height: calc(100vh - 49px);
        height: calc(100dvh - 49px);
    }
    .copilot-header[b-wk6lsq9y89] {
        padding: 0.35rem 0.75rem !important;
    }
    .copilot-header .fw-semibold[b-wk6lsq9y89] {
        font-size: 0.85rem;
    }
    .copilot-messages[b-wk6lsq9y89] {
        padding: 0.5rem;
        gap: 0.5rem;
    }
    .msg-bubble[b-wk6lsq9y89] {
        max-width: 92%;
        padding: 0.5rem 0.75rem;
    }
    .msg-text[b-wk6lsq9y89] {
        font-size: 0.85rem;
    }
    .copilot-input[b-wk6lsq9y89] {
        padding: 0.5rem;
        padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
    }
    .copilot-input textarea[b-wk6lsq9y89] {
        font-size: 16px;
        min-height: 44px;
    }
    .copilot-empty[b-wk6lsq9y89] {
        padding: 2rem 0.75rem;
    }
    .copilot-empty-icon[b-wk6lsq9y89] {
        font-size: 2rem;
    }
    .copilot-empty h5[b-wk6lsq9y89] {
        font-size: 1rem;
    }
    .copilot-empty p[b-wk6lsq9y89] {
        font-size: 0.85rem;
    }
    .copilot-empty .d-flex.flex-wrap[b-wk6lsq9y89] {
        gap: 0.35rem !important;
    }
    .copilot-empty .btn-sm[b-wk6lsq9y89] {
        font-size: 0.75rem;
        padding: 0.35rem 0.65rem;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
    .copilot-right[b-wk6lsq9y89] {
        width: 85vw;
        max-width: 320px;
    }
}

/* ===== RESPONSIVE: Tablet & small desktop (<992px) ===== */
@media (max-width: 991.98px) {
    .copilot-right[b-wk6lsq9y89] {
        position: fixed;
        top: 0;
        right: -260px;
        height: 100vh;
        height: 100dvh;
        z-index: 1050;
        transition: right 0.3s ease;
    }
    .copilot-right-open[b-wk6lsq9y89] {
        right: 0;
    }
}

/* Large screens: wider messages */
@media (min-width: 1400px) {
    .msg-row[b-wk6lsq9y89], .copilot-input-inner[b-wk6lsq9y89] {
        max-width: 800px;
    }
}

/* Session restore banner */
.session-restore-banner[b-wk6lsq9y89] {
    text-align: center;
    padding: 8px 16px;
    margin: 8px auto;
    max-width: 400px;
    font-size: 0.85rem;
    color: var(--ncw-text-secondary, #6c757d);
    background: var(--ncw-surface-elevated, rgba(255,255,255,0.05));
    border-radius: 20px;
    border: 1px solid var(--ncw-border, rgba(255,255,255,0.1));
    animation: fadeIn-b-wk6lsq9y89 0.3s ease-in;
}
.session-restore-banner i[b-wk6lsq9y89] {
    margin-right: 4px;
}
@keyframes fadeIn-b-wk6lsq9y89 {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Home / Dashboard navigation button */
.copilot-home-btn[b-wk6lsq9y89] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    color: var(--ncw-muted, #6b7280);
    font-size: 1.1rem;
    transition: background 0.15s, color 0.15s;
    text-decoration: none;
}
.copilot-home-btn:hover[b-wk6lsq9y89] {
    background: var(--ncw-border-light, rgba(0,0,0,0.06));
    color: var(--ncw-text, #1f2937);
    text-decoration: none;
}

/* === Grouped agent list === */
.agent-group-header[b-wk6lsq9y89] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ncw-muted, #64748b);
    padding: 8px 12px 4px;
    font-weight: 600;
}
.agent-item-info[b-wk6lsq9y89] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}
.agent-item-desc[b-wk6lsq9y89] {
    font-size: 0.65rem;
    color: var(--ncw-muted, #64748b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === CIG-014: Write-Confirmation Gate === */
.copilot-confirm-gate[b-wk6lsq9y89] {
    background: var(--ncw-warning-bg, #fff8e1);
    border: 1px solid var(--ncw-warning-border, #ffc107);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
}
/* /Pages/AuditCheck.razor.rz.scp.css */
/* AuditCheck — scoped styles (CIG-006 Phase 2) */

.ac-progress-bar[b-sstmm9xfve] {
    height: 25px;
}

.ac-result-icon[b-sstmm9xfve] {
    font-size: 2rem;
}
/* /Pages/AuditDetails.razor.rz.scp.css */
/* AuditDetails — scoped styles (CIG-006 Phase 2) */

.ad-finding-desc[b-srltltbpcl] {
    max-width: 250px;
}
/* /Pages/AuditHistory.razor.rz.scp.css */
/* AuditHistory — scoped styles (CIG-006 Phase 2) */

.auh-col-date[b-6uu1ebr7qx]    { width: 180px; }
.auh-col-result[b-6uu1ebr7qx]  { width: 100px; }
.auh-col-score[b-6uu1ebr7qx]   { width: 100px; }
.auh-col-actions[b-6uu1ebr7qx] { width: 100px; }
/* /Pages/AuditReadiness.razor.rz.scp.css */
/* AuditReadiness — scoped styles (CIG-006 Phase 2) */

.ar-progress-bar[b-4wue5xwojj] {
    height: 25px;
}

.ar-streaming-checks[b-4wue5xwojj] {
    max-height: 200px;
    overflow-y: auto;
}

.ar-empty-icon[b-4wue5xwojj] {
    font-size: 3rem;
    color: #6c757d;
}

.ar-clickable-row[b-4wue5xwojj] {
    cursor: pointer;
}
/* /Pages/CapaCreate.razor.rz.scp.css */
/* CapaCreate — scoped styles (CIG-006 Phase 2) */

.cc-step-circle[b-3jkrq407mi] {
    width: 32px;
    height: 32px;
}
/* /Pages/CapaDashboard.razor.rz.scp.css */
/* CapaDashboard — scoped styles (CIG-006 Phase 2) */

.capd-filter-select[b-2ntgvg0nvf] {
    max-width: 150px;
}

.capd-modal-backdrop[b-2ntgvg0nvf] {
    background-color: rgba(0, 0, 0, 0.5);
}
/* /Pages/CapaView.razor.rz.scp.css */
/* CapaView — scoped styles (CIG-006 Phase 2) */

.cv-prewrap[b-g32sc7qah7] {
    white-space: pre-wrap;
}
/* /Pages/CertificationDashboard.razor.rz.scp.css */
/* CertificationDashboard — scoped styles (CIG-006 Phase 2) */

.cd-filter-select[b-5o1jxptt37] {
    max-width: 150px;
}

.cd-modal-backdrop[b-5o1jxptt37] {
    background-color: rgba(0, 0, 0, 0.5);
}
/* /Pages/CertificationExpiring.razor.rz.scp.css */
/* CertificationExpiring — scoped styles (CIG-006 Phase 2) */

.ce-filter-select[b-fetn7rtl9h] {
    max-width: 150px;
}
/* /Pages/ComplianceDashboard.razor.rz.scp.css */
/* ComplianceDashboard — scoped styles (CIG-006 DesignSystem Phase 2) */

/* Left panel */
.cd-left-inner[b-p1jcxi4469] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cd-brand[b-p1jcxi4469] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.cd-brand .light[b-p1jcxi4469] { font-weight: 300; opacity: 0.7; }
.cd-brand .bold[b-p1jcxi4469]  { font-weight: 700; }

.cd-section-label[b-p1jcxi4469] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0.25rem;
}

/* KPI grid */
.cd-kpi-grid[b-p1jcxi4469] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.cd-kpi[b-p1jcxi4469] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 0.5rem;
    border-radius: 0.5rem;
    text-align: center;
}

.cd-kpi__value[b-p1jcxi4469] { font-size: 1.5rem; font-weight: 700; line-height: 1; }
.cd-kpi__label[b-p1jcxi4469] { font-size: 0.7rem; opacity: 0.85; margin-top: 0.25rem; }

.cd-kpi--primary[b-p1jcxi4469] { background: var(--bs-primary-bg-subtle, #cfe2ff); color: var(--bs-primary, #0d6efd); }
.cd-kpi--success[b-p1jcxi4469] { background: var(--bs-success-bg-subtle, #d1e7dd); color: var(--bs-success, #198754); }
.cd-kpi--warning[b-p1jcxi4469] { background: var(--bs-warning-bg-subtle, #fff3cd); color: var(--bs-warning-text-emphasis, #664d03); }
.cd-kpi--danger[b-p1jcxi4469]  { background: var(--bs-danger-bg-subtle, #f8d7da);  color: var(--bs-danger, #dc3545); }

/* Center panel */
.cd-center-header[b-p1jcxi4469] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.cd-loading[b-p1jcxi4469] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
}

.cd-score-bar[b-p1jcxi4469] {
    height: 18px;
    min-width: 60px;
}

.cd-empty-state[b-p1jcxi4469] {
    text-align: center;
    padding: 3rem 2rem;
}

.cd-empty-icon[b-p1jcxi4469] {
    font-size: 2.5rem;
    color: var(--bs-secondary-color, #6c757d);
    display: block;
    margin-bottom: 1rem;
}

/* Right panel — detail inspector */
.cd-detail-header[b-p1jcxi4469] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.cd-detail-body[b-p1jcxi4469] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cd-detail-field[b-p1jcxi4469] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.cd-detail-field > label[b-p1jcxi4469] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0;
}

.cd-detail-score-bar[b-p1jcxi4469] {
    height: 24px;
    margin-top: 0.25rem;
}

.cd-recommendations[b-p1jcxi4469] {
    padding-left: 1.25rem;
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
}

.cd-detail-actions[b-p1jcxi4469] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.cd-detail-empty[b-p1jcxi4469] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    gap: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 1.5rem;
}
/* /Pages/ExternalAudits.razor.rz.scp.css */
/* ExternalAudits — scoped styles (CIG-006 Phase 2) */

.ea-filter-select[b-6tohnauxv6] {
    max-width: 150px;
}
/* /Pages/FormulationCheck.razor.rz.scp.css */
/* FormulationCheck — scoped styles (CIG-006 Phase 2) */

.fc-col-amount[b-ome5rsey2e]  { min-width: 100px; }
.fc-col-unit[b-ome5rsey2e]    { min-width: 80px; }
.fc-col-actions[b-ome5rsey2e] { width: 50px; }
/* /Pages/FormulationRules.razor.rz.scp.css */
/* FormulationRules — scoped styles (CIG-006 Phase 2) */

.fr-filter-select[b-dw69q1sy81] {
    max-width: 150px;
}

.fr-modal-backdrop[b-dw69q1sy81] {
    background-color: rgba(0, 0, 0, 0.5);
}
/* /Pages/ImportAudit.razor.rz.scp.css */
/* ImportAudit — scoped styles (CIG-006 Phase 2) */

.ia-col-row[b-bxpdefhvyo]      { width: 80px; }
.ia-col-section[b-bxpdefhvyo]  { width: 120px; }
.ia-col-severity[b-bxpdefhvyo] { width: 100px; }
/* /Pages/Index.razor.rz.scp.css */
/* Index (Home Dashboard) — scoped styles (CIG-006 DesignSystem Phase 2) */

/* Dashboard link cards */
.dash-card[b-xfqnxkvgng] {
    transition: transform 0.2s, box-shadow 0.2s;
    border-radius: 10px;
    color: inherit;
}

.dash-card:hover[b-xfqnxkvgng] {
    transform: translateY(-2px);
    box-shadow: var(--ncw-card-hover-shadow, 0 4px 12px rgba(0, 0, 0, 0.1)) !important;
}

/* KPI icon badges */
.dash-icon[b-xfqnxkvgng] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.dash-icon-sm[b-xfqnxkvgng] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

/* Prevent vertical character stacking on numbers */
.dash-card .card-body[b-xfqnxkvgng] {
    min-width: 0;
}

.dash-card .fw-bold[b-xfqnxkvgng] {
    white-space: nowrap;
}

.dash-label[b-xfqnxkvgng] {
    white-space: nowrap;
    font-size: 0.75rem;
}

.dash-card .card-body > .small[b-xfqnxkvgng] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

/* Activity description text */
.activity-desc[b-xfqnxkvgng] {
    font-size: 0.75rem;
}

/* Mobile: compact dashboard cards */
@media (max-width: 575.98px) {
    .dash-card .card-body[b-xfqnxkvgng] {
        padding: 0.75rem !important;
    }

    .dash-card .fs-4[b-xfqnxkvgng] {
        font-size: 1.1rem !important;
    }

    .dash-card .fs-1[b-xfqnxkvgng] {
        font-size: 1.75rem !important;
    }
}
/* /Pages/LabelGenerate.razor.rz.scp.css */
/* LabelGenerate — scoped styles (CIG-006 Phase 2) */

.lg-label-preview[b-purdnmra0h] {
    font-family: Arial, sans-serif;
}
/* /Pages/Labels.razor.rz.scp.css */
/* Labels — scoped styles (CIG-006 Phase 2) */

.lbl-progress-bar[b-cvty4k8jft] {
    height: 20px;
    min-width: 100px;
}

.label-stats .card[b-cvty4k8jft] {
    min-width: 0;
}

.label-stats .card-title[b-cvty4k8jft] {
    white-space: nowrap;
    font-size: 0.85rem;
}

.label-stats .card-body[b-cvty4k8jft] {
    padding: 0.75rem;
}

.label-stats h2[b-cvty4k8jft] {
    white-space: nowrap;
}
/* /Pages/LabelValidate.razor.rz.scp.css */
/* LabelValidate — scoped styles (CIG-006 Phase 2) */

.lv-progress-bar[b-em5q576bvc] {
    height: 30px;
}
/* /Pages/ProfileEdit.razor.rz.scp.css */
/* ProfileEdit — scoped styles (CIG-006 Phase 2) */

.pe-modal-backdrop[b-fiq13vhfv6] {
    background-color: rgba(0, 0, 0, 0.5);
}
/* /Pages/SOPCreate.razor.rz.scp.css */
/* SOPCreate — scoped styles (CIG-006 Phase 2) */

.sop-sidebar[b-ith8a36zvg] {
    min-width: 220px;
}

.sop-section-item[b-ith8a36zvg] {
    white-space: nowrap;
}
/* /Pages/SOPList.razor.rz.scp.css */
/* SOPList — scoped styles (CIG-006 Phase 2) */

.sl-filter-select[b-4xlrh1bt9z] {
    max-width: 200px;
}
/* /Pages/SOPView.razor.rz.scp.css */
/* SOPView — scoped styles (CIG-006 Phase 2) */

.sop-content h1[b-3v8fvxpju8],
.sop-content h2[b-3v8fvxpju8],
.sop-content h3[b-3v8fvxpju8],
.sop-content h4[b-3v8fvxpju8],
.sop-content h5[b-3v8fvxpju8] {
    color: #2c3e50;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
}

.sop-content h1[b-3v8fvxpju8] { font-size: 1.75rem; }
.sop-content h2[b-3v8fvxpju8] { font-size: 1.5rem; }
.sop-content h3[b-3v8fvxpju8] { font-size: 1.25rem; }
.sop-content h4[b-3v8fvxpju8] { font-size: 1.1rem; }

.sop-content p[b-3v8fvxpju8] {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.sop-content ul[b-3v8fvxpju8],
.sop-content ol[b-3v8fvxpju8] {
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.sop-content li[b-3v8fvxpju8] {
    margin-bottom: 0.5rem;
}

.sop-content strong[b-3v8fvxpju8] {
    color: var(--ncw-text, #1a5276);
}

.sop-content hr[b-3v8fvxpju8] {
    margin: 1.5rem 0;
    border-color: var(--ncw-border, #adb5bd);
}

.sop-content code[b-3v8fvxpju8] {
    background-color: var(--ncw-surface-3, #f8f9fa);
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
}
/* /Shared/AgentRegistry/AgentRegistryInspector.razor.rz.scp.css */
/* AgentRegistryInspector.razor.css — Right panel component */
.inspector[b-5b3g4ur82a] { padding: 12px; overflow-y: auto; }
.inspector-loading[b-5b3g4ur82a] { display: flex; align-items: center; justify-content: center; padding: 2rem; }
.inspector-section[b-5b3g4ur82a] { margin-bottom: 12px; border: 1px solid var(--ncw-border); border-radius: var(--ncw-radius-sm); overflow: hidden; }
.inspector-section-header[b-5b3g4ur82a] { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; background: var(--ncw-surface-2); font-weight: 600; font-size: 0.8rem; cursor: pointer; list-style: none; }
.inspector-section-header[b-5b3g4ur82a]::-webkit-details-marker { display: none; }
.inspector-section-body[b-5b3g4ur82a] { padding: 10px 12px; font-size: 0.8rem; }
.inspector-kv[b-5b3g4ur82a] { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid var(--ncw-border-light); }
.inspector-kv:last-child[b-5b3g4ur82a] { border-bottom: none; }
.inspector-kv-key[b-5b3g4ur82a] { color: var(--ncw-muted); }
.inspector-kv-value[b-5b3g4ur82a] { font-weight: 500; }
.badge-edit[b-5b3g4ur82a] { background: #d1fae5; color: #065f46; font-size: 0.65rem; padding: 2px 8px; border-radius: 4px; }
.badge-lock[b-5b3g4ur82a] { background: #fef3c7; color: #92400e; font-size: 0.65rem; padding: 2px 8px; border-radius: 4px; }
.empty-state[b-5b3g4ur82a] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: var(--ncw-muted); gap: 12px; }
.empty-state i[b-5b3g4ur82a] { font-size: 3rem; opacity: 0.3; }
/* /Shared/AgentRegistry/AgentRegistryList.razor.rz.scp.css */
/* AgentRegistryList.razor.css — Left panel component */
.registry-search[b-j2ha9uzbm0] { padding: 12px; border-bottom: 1px solid var(--ncw-border); }
.registry-filters[b-j2ha9uzbm0] { padding: 8px 12px; display: flex; gap: 8px; border-bottom: 1px solid var(--ncw-border); }
.registry-list[b-j2ha9uzbm0] { overflow-y: auto; flex: 1; }
.registry-item[b-j2ha9uzbm0] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; border-left: 3px solid transparent; transition: all 0.15s; }
.registry-item:hover[b-j2ha9uzbm0] { background: var(--ncw-surface-2); }
.registry-item:focus-visible[b-j2ha9uzbm0] { outline: 2px solid var(--ncw-accent); outline-offset: -2px; background: var(--ncw-surface-2); }
.registry-item.selected[b-j2ha9uzbm0] { background: var(--ncw-surface-2); border-left-color: var(--ncw-accent); }
.registry-item-icon[b-j2ha9uzbm0] { font-size: 1.2rem; flex-shrink: 0; }
.registry-item-info[b-j2ha9uzbm0] { flex: 1; min-width: 0; }
.registry-item-name[b-j2ha9uzbm0] { font-weight: 500; font-size: 0.875rem; }
.registry-item-meta[b-j2ha9uzbm0] { font-size: 0.7rem; color: var(--ncw-muted); margin-top: 2px; display: flex; gap: 4px; flex-wrap: wrap; }
.registry-footer[b-j2ha9uzbm0] { padding: 8px 12px; font-size: 0.7rem; color: var(--ncw-muted); border-top: 1px solid var(--ncw-border); }
.registry-list-loading[b-j2ha9uzbm0] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; gap: 8px; }
.registry-list-empty[b-j2ha9uzbm0] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; gap: 8px; }
/* /Shared/AgentRegistry/AgentRegistryWorkSurface.razor.rz.scp.css */
/* AgentRegistryWorkSurface.razor.css — Center panel component */
.work-surface[b-7va1inizld] { padding: 20px; overflow-y: auto; }
.work-surface-loading[b-7va1inizld] { display: flex; align-items: center; justify-content: center; height: 100%; padding: 3rem; }
.agent-header[b-7va1inizld] { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; border-radius: var(--ncw-radius-sm); }
.agent-header:focus-visible[b-7va1inizld] { outline: 2px solid var(--ncw-accent); outline-offset: 2px; }
.agent-header-icon[b-7va1inizld] { font-size: 2rem; }
.agent-header-name[b-7va1inizld] { font-size: 1.25rem; font-weight: 600; }
.five-questions[b-7va1inizld] { background: var(--ncw-surface-2); border-radius: var(--ncw-radius-sm); padding: 16px; margin-bottom: 16px; }
.five-questions ol[b-7va1inizld] { margin: 0; padding-left: 20px; }
.five-questions li[b-7va1inizld] { margin-bottom: 8px; font-size: 0.85rem; }
.five-questions li strong[b-7va1inizld] { color: var(--ncw-text); }
.kpi-row[b-7va1inizld] { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.kpi-tile[b-7va1inizld] { flex: 1; min-width: 120px; background: var(--ncw-surface-2); border-radius: var(--ncw-radius-sm); padding: 12px; text-align: center; }
.kpi-value[b-7va1inizld] { font-size: 1.5rem; font-weight: 700; }
.kpi-label[b-7va1inizld] { font-size: 0.7rem; color: var(--ncw-muted); margin-top: 2px; }
.empty-state[b-7va1inizld] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: var(--ncw-muted); gap: 12px; }
.empty-state i[b-7va1inizld] { font-size: 3rem; opacity: 0.3; }
/* /Shared/AgentRegistry/DraftPublishBanner.razor.rz.scp.css */
.draft-banner[b-24uzy5b84k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    margin-bottom: 16px;
    background: #fef3c7;
    border: 1px solid #f59e0b;
    border-radius: var(--ncw-radius-sm);
    font-size: 0.85rem;
}

[b-24uzy5b84k] [data-theme="dark"] .draft-banner,
:global([data-theme="dark"]) .draft-banner[b-24uzy5b84k] {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.4);
    color: #fbbf24;
}

.draft-banner-text[b-24uzy5b84k] {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #92400e;
}

[b-24uzy5b84k] [data-theme="dark"] .draft-banner-text,
:global([data-theme="dark"]) .draft-banner-text[b-24uzy5b84k] {
    color: #fbbf24;
}

.draft-banner-actions[b-24uzy5b84k] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
/* /Shared/AgentRegistry/RequestChangeModal.razor.rz.scp.css */
.modal-backdrop[b-fpfu7kpu3d] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.modal-dialog[b-fpfu7kpu3d] {
    background: var(--ncw-surface);
    border: 1px solid var(--ncw-border);
    border-radius: var(--ncw-radius);
    width: 480px;
    max-width: 90vw;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

.modal-header[b-fpfu7kpu3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--ncw-border);
}

.modal-header h5[b-fpfu7kpu3d] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
}

.modal-body[b-fpfu7kpu3d] {
    padding: 20px;
}

.modal-footer[b-fpfu7kpu3d] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid var(--ncw-border);
}

.btn-close[b-fpfu7kpu3d] {
    background: transparent;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: var(--ncw-muted);
    padding: 0;
    line-height: 1;
}

.btn-close:hover[b-fpfu7kpu3d] {
    color: var(--ncw-text);
}
/* /Shared/AgentStatusBar.razor.rz.scp.css */
/*
    AgentStatusBar styles
    Phase 1.2 of Agentic UI implementation (Feb 4, 2026)
*/

.agent-status-bar[b-t9o58m797v] {
    display: none;
    background: var(--ncw-surface-2, #f8f9ff);
    border: 1px solid var(--ncw-border, #e0e7ff);
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 12px;
    animation: slideIn-b-t9o58m797v 0.3s ease-out;
}

.agent-status-bar.visible[b-t9o58m797v] {
    display: block;
}

@keyframes slideIn-b-t9o58m797v {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.status-content[b-t9o58m797v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* Specialist Badge */
.specialist-badge[b-t9o58m797v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #4f46e5;
    color: white;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(99, 102, 241, 0.3);
}

.specialist-icon[b-t9o58m797v] {
    font-size: 1rem;
}

.specialist-name[b-t9o58m797v] {
    white-space: nowrap;
}

/* Tool Indicators */
.tool-indicators[b-t9o58m797v] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.tool-chip[b-t9o58m797v] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--ncw-surface, #fff);
    border: 1px solid var(--ncw-border, #d1d5db);
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    color: var(--ncw-text-secondary, #374151);
    transition: all 0.2s ease;
}

.tool-chip.active[b-t9o58m797v] {
    border-color: #fbbf24;
    background: #fffbeb;
    animation: pulse-b-t9o58m797v 1.5s infinite;
}

.tool-chip.completed[b-t9o58m797v] {
    border-color: #10b981;
    background: #ecfdf5;
}

@keyframes pulse-b-t9o58m797v {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.tool-icon[b-t9o58m797v] {
    font-size: 0.7rem;
}

.tool-name[b-t9o58m797v] {
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: 0.7rem;
}

.tool-duration[b-t9o58m797v] {
    color: #6b7280;
    font-size: 0.65rem;
}

.tool-more[b-t9o58m797v] {
    color: #6b7280;
    font-size: 0.75rem;
    font-style: italic;
}

/* Status Message */
.status-message[b-t9o58m797v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ncw-text-secondary, #4b5563);
    font-size: 0.85rem;
}

.status-spinner[b-t9o58m797v] {
    width: 12px;
    height: 12px;
    border: 2px solid #e5e7eb;
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: spin-b-t9o58m797v 0.8s linear infinite;
}

@keyframes spin-b-t9o58m797v {
    to {
        transform: rotate(360deg);
    }
}

/* Progress Bar */
.progress-bar[b-t9o58m797v] {
    height: 3px;
    background: #e5e7eb;
    border-radius: 2px;
    margin-top: 8px;
    overflow: hidden;
}

.progress-fill[b-t9o58m797v] {
    height: 100%;
    background: linear-gradient(90deg, #4f46e5 0%, #6366f1 100%);
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .agent-status-bar[b-t9o58m797v] {
        padding: 6px 10px;
    }

    .status-content[b-t9o58m797v] {
        gap: 6px;
    }

    .specialist-badge[b-t9o58m797v] {
        font-size: 0.75rem;
        padding: 3px 8px;
    }

    .tool-indicators[b-t9o58m797v] {
        display: none; /* Hide on very small screens */
    }

    .status-message[b-t9o58m797v] {
        font-size: 0.75rem;
    }
}

/* Tablet - Show limited info */
@media (min-width: 577px) and (max-width: 768px) {
    .tool-chip[b-t9o58m797v] {
        padding: 2px 6px;
    }

    .tool-name[b-t9o58m797v] {
        max-width: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* /Shared/ConfirmationGate.razor.rz.scp.css */
/*
    ConfirmationGate styles
    Phase 2.5 of Agentic UI implementation (Feb 4, 2026)
*/

.confirmation-gate[b-s452rkoj8t] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}

.confirmation-gate.visible[b-s452rkoj8t] {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-s452rkoj8t 0.2s ease-out;
}

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

.gate-overlay[b-s452rkoj8t] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.gate-modal[b-s452rkoj8t] {
    position: relative;
    width: 90%;
    max-width: 420px;
    background: var(--ncw-surface, #fff);
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    animation: slideUp-b-s452rkoj8t 0.3s ease-out;
}

@keyframes slideUp-b-s452rkoj8t {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gate-header[b-s452rkoj8t] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
}

.gate-header.danger[b-s452rkoj8t] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}

.gate-header.success[b-s452rkoj8t] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.gate-header.warning[b-s452rkoj8t] {
    background: linear-gradient(135deg, #fef9c3 0%, #fef08a 100%);
}

.gate-header.primary[b-s452rkoj8t] {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
}

.gate-icon[b-s452rkoj8t] {
    font-size: 1.3rem;
}

.gate-title[b-s452rkoj8t] {
    flex: 1;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--ncw-text, #1e293b);
}

.btn-close-gate[b-s452rkoj8t] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 6px;
    font-size: 1.2rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-close-gate:hover[b-s452rkoj8t] {
    background: rgba(255, 255, 255, 0.8);
    color: #1e293b;
}

.gate-body[b-s452rkoj8t] {
    padding: 16px;
}

.gate-description[b-s452rkoj8t] {
    margin: 0 0 12px 0;
    font-size: 0.9rem;
    color: var(--ncw-text-secondary, #475569);
    line-height: 1.5;
}

.gate-details[b-s452rkoj8t] {
    background: var(--ncw-surface-2, #f8fafc);
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 12px;
}

.detail-row[b-s452rkoj8t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #e2e8f0;
}

.detail-row:last-child[b-s452rkoj8t] {
    border-bottom: none;
}

.detail-key[b-s452rkoj8t] {
    font-size: 0.75rem;
    color: #64748b;
}

.detail-value[b-s452rkoj8t] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--ncw-text, #1e293b);
}

.affected-items[b-s452rkoj8t] {
    margin-bottom: 12px;
}

.affected-label[b-s452rkoj8t] {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 6px;
}

.affected-list[b-s452rkoj8t] {
    margin: 0;
    padding-left: 20px;
    font-size: 0.8rem;
    color: #475569;
}

.affected-list li[b-s452rkoj8t] {
    padding: 2px 0;
}

.more-items[b-s452rkoj8t] {
    color: #94a3b8;
    font-style: italic;
}

.gate-warning[b-s452rkoj8t] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    background: #fef9c3;
    border: 1px solid #fde047;
    border-radius: 8px;
    font-size: 0.8rem;
    color: #854d0e;
}

.warning-icon[b-s452rkoj8t] {
    font-size: 1rem;
    flex-shrink: 0;
}

.gate-footer[b-s452rkoj8t] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 16px;
    background: var(--ncw-surface-2, #f8fafc);
    border-top: 1px solid var(--ncw-border, #e2e8f0);
}

.gate-btn[b-s452rkoj8t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    font-size: 0.85rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.gate-btn.cancel[b-s452rkoj8t] {
    background: var(--ncw-surface, #fff);
    color: var(--ncw-muted, #64748b);
    border: 1px solid var(--ncw-border, #e2e8f0);
}

.gate-btn.cancel:hover[b-s452rkoj8t] {
    background: var(--ncw-surface-2, #f1f5f9);
    border-color: var(--ncw-border, #cbd5e1);
}

.gate-btn.confirm.danger[b-s452rkoj8t] {
    background: #ef4444;
    color: white;
    border: none;
}

.gate-btn.confirm.danger:hover[b-s452rkoj8t] {
    background: #dc2626;
}

.gate-btn.confirm.success[b-s452rkoj8t] {
    background: #10b981;
    color: white;
    border: none;
}

.gate-btn.confirm.success:hover[b-s452rkoj8t] {
    background: #059669;
}

.gate-btn.confirm.warning[b-s452rkoj8t] {
    background: #f59e0b;
    color: white;
    border: none;
}

.gate-btn.confirm.warning:hover[b-s452rkoj8t] {
    background: #d97706;
}

.gate-btn.confirm.primary[b-s452rkoj8t] {
    background: #6366f1;
    color: white;
    border: none;
}

.gate-btn.confirm.primary:hover[b-s452rkoj8t] {
    background: #4f46e5;
}

/* Mobile responsive */
@media (max-width: 576px) {
    .gate-modal[b-s452rkoj8t] {
        width: 95%;
        margin: 10px;
    }

    .gate-footer[b-s452rkoj8t] {
        flex-direction: column;
    }

    .gate-btn[b-s452rkoj8t] {
        width: 100%;
        justify-content: center;
    }
}
/* /Shared/DesignSystem/Components/NcwCard.razor.rz.scp.css */
.ncw-card[b-jxo1nts361] {
    background: var(--ncw-surface-2);
    border: 1px solid var(--ncw-border);
    border-radius: var(--ncw-radius-md);
    overflow: hidden;
    transition: box-shadow 0.15s ease-in-out;
}

.ncw-card:hover[b-jxo1nts361] {
    box-shadow: var(--ncw-card-hover-shadow);
}

/* Colored stat card variants inherit Bootstrap bg-* text color */
.ncw-card.bg-primary[b-jxo1nts361],
.ncw-card.bg-success[b-jxo1nts361],
.ncw-card.bg-warning[b-jxo1nts361],
.ncw-card.bg-danger[b-jxo1nts361],
.ncw-card.bg-info[b-jxo1nts361] {
    color: #fff;
    border-color: transparent;
}

.ncw-card__body[b-jxo1nts361] {
    padding: 0.5rem 0.75rem;
    min-width: 0;
}

@media (min-width: 992px) {
    .ncw-card__body[b-jxo1nts361] {
        padding: 0.75rem 1rem;
    }
}

.ncw-card__title[b-jxo1nts361] {
    font-size: clamp(0.75rem, 2vw, 1rem);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.25rem;
}

.ncw-card__value[b-jxo1nts361] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.ncw-card__subtitle[b-jxo1nts361] {
    font-size: 0.8rem;
    opacity: 0.8;
    margin-top: 0.25rem;
}
/* /Shared/DesignSystem/Components/NcwEmptyState.razor.rz.scp.css */
.ncw-empty-state[b-2hc85xneh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    text-align: center;
}

.ncw-empty-state__icon[b-2hc85xneh9] {
    font-size: 2rem;
    opacity: 0.3;
    margin-bottom: 0.75rem;
    color: var(--ncw-muted);
}

.ncw-empty-state__message[b-2hc85xneh9] {
    font-size: 0.95rem;
    color: var(--ncw-text-secondary);
    font-weight: 500;
}

.ncw-empty-state__description[b-2hc85xneh9] {
    font-size: 0.85rem;
    color: var(--ncw-muted);
    margin-top: 0.5rem;
    max-width: 400px;
}

.ncw-empty-state__action[b-2hc85xneh9] {
    margin-top: 1rem;
}
/* /Shared/DesignSystem/Components/NcwPageHeader.razor.rz.scp.css */
.ncw-page-header[b-egvmjyc1hj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 576px) {
    .ncw-page-header[b-egvmjyc1hj] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.ncw-page-header__title[b-egvmjyc1hj] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--ncw-text);
}

.ncw-page-header__subtitle[b-egvmjyc1hj] {
    font-size: 0.85rem;
    color: var(--ncw-muted);
    margin-top: 0.25rem;
}

.ncw-page-header__actions[b-egvmjyc1hj] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}
/* /Shared/DesignSystem/Forms/NcwFilterBar.razor.rz.scp.css */
.ncw-filter-bar[b-fofy3jybtq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 576px) {
    .ncw-filter-bar[b-fofy3jybtq] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.ncw-filter-bar__trailing[b-fofy3jybtq] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}
/* /Shared/DesignSystem/Layouts/NcwThreePanelLayout.razor.rz.scp.css */
.ncw-threepanel[b-e3q4x4mgzy] {
  min-height: calc(100vh - 64px); /* adjust if header height changes */
  display: grid;
  grid-template-columns: var(--ncw-left-width) minmax(0, 1fr) var(--ncw-right-width);
  background: var(--ncw-surface);
  color: var(--ncw-text);
}

.ncw-threepanel__left[b-e3q4x4mgzy],
.ncw-threepanel__center[b-e3q4x4mgzy],
.ncw-threepanel__right[b-e3q4x4mgzy] {
  overflow: auto;
}

.ncw-threepanel__left[b-e3q4x4mgzy] {
  border-right: 1px solid var(--ncw-border);
  background: var(--ncw-surface);
}

.ncw-threepanel__center[b-e3q4x4mgzy] {
  background: var(--ncw-surface);
}

.ncw-threepanel__right[b-e3q4x4mgzy] {
  border-left: 1px solid var(--ncw-border);
  background: var(--ncw-surface);
}

/* Tablet: 2-column (left + center side-by-side, right stacks below) */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .ncw-threepanel[b-e3q4x4mgzy] {
    grid-template-columns: var(--ncw-left-width) minmax(0, 1fr);
    grid-template-rows: auto auto;
  }

  .ncw-threepanel__right[b-e3q4x4mgzy] {
    grid-column: 1 / -1;
    border-left: none;
    border-top: 1px solid var(--ncw-border);
  }
}

/* Mobile: single column stacked */
@media (max-width: 767.98px) {
  .ncw-threepanel[b-e3q4x4mgzy] {
    grid-template-columns: 1fr;
  }

  .ncw-threepanel__left[b-e3q4x4mgzy] {
    border-right: none;
    border-bottom: 1px solid var(--ncw-border);
  }

  .ncw-threepanel__right[b-e3q4x4mgzy] {
    border-left: none;
    border-top: 1px solid var(--ncw-border);
  }
}
/* /Shared/ExecutionInspector.razor.rz.scp.css */
/*
    ExecutionInspector styles
    Phase 1.3 of Agentic UI implementation (Feb 4, 2026)
    Phase 3.1: Enhanced with animated timeline rendering (Feb 4, 2026)
*/

.execution-inspector[b-pgddbxmp2j] {
    display: none;
    flex-direction: column;
    background: var(--ncw-surface, #ffffff);
    border: 1px solid var(--ncw-border, #e5e7eb);
    border-radius: 12px;
    box-shadow: var(--ncw-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.08));
    max-height: 500px;
    overflow: hidden;
    animation: slideIn-b-pgddbxmp2j 0.3s ease-out;
}

.execution-inspector.visible[b-pgddbxmp2j] {
    display: flex;
}

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

/* Header */
.inspector-header[b-pgddbxmp2j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--ncw-surface-2, #f8f9ff);
    border-bottom: 1px solid var(--ncw-border, #e5e7eb);
}

.header-title[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-title h6[b-pgddbxmp2j] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ncw-text, #1f2937);
}

.header-icon[b-pgddbxmp2j] {
    font-size: 1rem;
}

.header-actions[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-copy[b-pgddbxmp2j] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: var(--ncw-surface, #fff);
    border: 1px solid var(--ncw-border, #d1d5db);
    border-radius: 6px;
    font-size: 0.7rem;
    color: var(--ncw-text-secondary, #4b5563);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-copy:hover[b-pgddbxmp2j] {
    background: var(--ncw-surface-3, #f3f4f6);
    border-color: var(--ncw-border, #9ca3af);
}

.copy-icon[b-pgddbxmp2j] {
    font-size: 0.75rem;
}

.correlation-id[b-pgddbxmp2j] {
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: 0.65rem;
}

.btn-close[b-pgddbxmp2j] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 4px;
    font-size: 1.2rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-close:hover[b-pgddbxmp2j] {
    background: #f3f4f6;
    color: #1f2937;
}

/* Phase 3.3: Replay Controls Styles (Feb 4, 2026) */
.replay-controls[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: linear-gradient(135deg, #fdf4ff 0%, #f5f3ff 100%);
    border-bottom: 1px solid #e9d5ff;
}

.replay-btn[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--ncw-surface, #fff);
    border: 1px solid var(--ncw-border, #d1d5db);
    border-radius: 6px;
    color: var(--ncw-text-secondary, #4b5563);
    cursor: pointer;
    transition: all 0.2s ease;
}

.replay-btn:hover:not(:disabled)[b-pgddbxmp2j] {
    background: var(--ncw-surface-3, #f3f4f6);
    border-color: var(--ncw-border, #9ca3af);
}

.replay-btn:disabled[b-pgddbxmp2j] {
    opacity: 0.4;
    cursor: not-allowed;
}

.replay-btn.play[b-pgddbxmp2j] {
    width: 32px;
    height: 32px;
    background: #4f46e5;
    border: none;
    color: white;
    border-radius: 50%;
}

.replay-btn.play:hover[b-pgddbxmp2j] {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
}

.replay-progress[b-pgddbxmp2j] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 100px;
}

.replay-step[b-pgddbxmp2j] {
    font-size: 0.65rem;
    color: #6b7280;
    text-align: center;
}

.replay-slider[b-pgddbxmp2j] {
    width: 100%;
    height: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: #e5e7eb;
    border-radius: 2px;
    outline: none;
}

.replay-slider[b-pgddbxmp2j]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    background: #6366f1;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.15s ease;
}

.replay-slider[b-pgddbxmp2j]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
}

.replay-speed[b-pgddbxmp2j] {
    flex-shrink: 0;
}

.speed-select[b-pgddbxmp2j] {
    padding: 4px 8px;
    border: 1px solid var(--ncw-border, #d1d5db);
    border-radius: 4px;
    font-size: 0.7rem;
    background: var(--ncw-surface, #fff);
    color: var(--ncw-text-secondary, #4b5563);
    cursor: pointer;
}

/* Replay current step highlight */
.timeline-item.replay-current[b-pgddbxmp2j] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 8px;
    margin: -4px -8px;
    padding: 4px 8px 20px 8px;
    box-shadow: 0 0 0 2px #fbbf24;
}

.timeline-item.replay-current .timeline-marker[b-pgddbxmp2j] {
    animation: replayPulse-b-pgddbxmp2j 1s ease-in-out infinite;
}

@keyframes replayPulse-b-pgddbxmp2j {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.6);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(251, 191, 36, 0);
    }
}

/* Phase 3.5: View Toggle Styles (Feb 4, 2026) */
.view-toggle[b-pgddbxmp2j] {
    display: flex;
    background: var(--ncw-surface-3, #f3f4f6);
    border-radius: 6px;
    padding: 2px;
}

.view-btn[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 24px;
    background: transparent;
    border: none;
    border-radius: 4px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    opacity: 0.6;
}

.view-btn:hover[b-pgddbxmp2j] {
    opacity: 1;
}

.view-btn.active[b-pgddbxmp2j] {
    background: var(--ncw-surface, #fff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 1;
}

/* Phase 3.4: Export Dropdown Styles (Feb 4, 2026) */
.export-dropdown[b-pgddbxmp2j] {
    position: relative;
}

.btn-export[b-pgddbxmp2j] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ncw-surface, #fff);
    border: 1px solid var(--ncw-border, #d1d5db);
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-export:hover[b-pgddbxmp2j] {
    background: var(--ncw-surface-3, #f3f4f6);
    border-color: #6366f1;
}

.export-menu[b-pgddbxmp2j] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 4px;
    min-width: 160px;
    background: var(--ncw-surface, #fff);
    border: 1px solid var(--ncw-border, #e5e7eb);
    border-radius: 8px;
    box-shadow: var(--ncw-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.15));
    z-index: 100;
    animation: exportMenuSlide-b-pgddbxmp2j 0.2s ease-out;
    overflow: hidden;
}

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

.export-option[b-pgddbxmp2j] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: transparent;
    border: none;
    font-size: 0.8rem;
    color: var(--ncw-text-secondary, #374151);
    cursor: pointer;
    transition: background 0.15s ease;
    text-align: left;
}

.export-option:hover[b-pgddbxmp2j] {
    background: var(--ncw-surface-3, #f3f4f6);
}

.export-option:not(:last-child)[b-pgddbxmp2j] {
    border-bottom: 1px solid var(--ncw-border-light, #f3f4f6);
}

.export-icon[b-pgddbxmp2j] {
    font-size: 1rem;
}

/* Progress Section */
.inspector-progress[b-pgddbxmp2j] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--ncw-border-light, #f3f4f6);
}

.progress-header[b-pgddbxmp2j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.progress-label[b-pgddbxmp2j] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--ncw-text-secondary, #4b5563);
}

.progress-spinner[b-pgddbxmp2j] {
    width: 14px;
    height: 14px;
    border: 2px solid #e5e7eb;
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: spin-b-pgddbxmp2j 0.8s linear infinite;
}

@keyframes spin-b-pgddbxmp2j {
    to {
        transform: rotate(360deg);
    }
}

.progress-bar[b-pgddbxmp2j] {
    height: 4px;
    background: #e5e7eb;
    border-radius: 2px;
    overflow: hidden;
}

/* Phase 3.1: Progress bar with shimmer effect (Feb 4, 2026) */
.progress-fill[b-pgddbxmp2j] {
    height: 100%;
    background: linear-gradient(90deg, #4f46e5 0%, #6366f1 50%, #4f46e5 100%);
    background-size: 200% 100%;
    border-radius: 2px;
    transition: width 0.3s ease;
    animation: progressShimmer-b-pgddbxmp2j 2s linear infinite;
}

@keyframes progressShimmer-b-pgddbxmp2j {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Timeline Container */
.timeline-container[b-pgddbxmp2j] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
}

.timeline[b-pgddbxmp2j] {
    position: relative;
}

/* Timeline Item - Phase 3.1: Enhanced with staggered animations (Feb 4, 2026) */
.timeline-item[b-pgddbxmp2j] {
    display: flex;
    position: relative;
    padding-bottom: 16px;
    animation: timelineItemEntry-b-pgddbxmp2j 0.4s ease-out backwards;
}

/* Staggered entry delays based on item position */
.timeline-item:nth-child(1)[b-pgddbxmp2j] { animation-delay: 0ms; }
.timeline-item:nth-child(2)[b-pgddbxmp2j] { animation-delay: 100ms; }
.timeline-item:nth-child(3)[b-pgddbxmp2j] { animation-delay: 200ms; }
.timeline-item:nth-child(4)[b-pgddbxmp2j] { animation-delay: 300ms; }
.timeline-item:nth-child(5)[b-pgddbxmp2j] { animation-delay: 400ms; }
.timeline-item:nth-child(6)[b-pgddbxmp2j] { animation-delay: 500ms; }
.timeline-item:nth-child(7)[b-pgddbxmp2j] { animation-delay: 600ms; }
.timeline-item:nth-child(8)[b-pgddbxmp2j] { animation-delay: 700ms; }
.timeline-item:nth-child(9)[b-pgddbxmp2j] { animation-delay: 800ms; }
.timeline-item:nth-child(10)[b-pgddbxmp2j] { animation-delay: 900ms; }

@keyframes timelineItemEntry-b-pgddbxmp2j {
    from {
        opacity: 0;
        transform: translateX(-15px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.timeline-item:last-child[b-pgddbxmp2j] {
    padding-bottom: 0;
}

.timeline-item:last-child .timeline-connector[b-pgddbxmp2j] {
    display: none;
}

/* Timeline Marker - Phase 3.1: Enhanced with pop-in animation (Feb 4, 2026) */
.timeline-marker[b-pgddbxmp2j] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    z-index: 1;
    flex-shrink: 0;
    animation: markerPopIn-b-pgddbxmp2j 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
    transition: all 0.3s ease;
}

@keyframes markerPopIn-b-pgddbxmp2j {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.timeline-item.executing .timeline-marker[b-pgddbxmp2j] {
    background: #fef3c7;
    border-color: #fbbf24;
    animation: markerPopIn-b-pgddbxmp2j 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
               pulse-b-pgddbxmp2j 1.5s ease-in-out infinite;
}

.timeline-item.success .timeline-marker[b-pgddbxmp2j] {
    background: #d1fae5;
    border-color: #10b981;
    animation: markerPopIn-b-pgddbxmp2j 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
               successBounce-b-pgddbxmp2j 0.5s ease forwards;
}

.timeline-item.failed .timeline-marker[b-pgddbxmp2j] {
    background: #fee2e2;
    border-color: #ef4444;
    animation: markerPopIn-b-pgddbxmp2j 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
               failedShake-b-pgddbxmp2j 0.4s ease forwards;
}

@keyframes pulse-b-pgddbxmp2j {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.4);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(251, 191, 36, 0);
    }
}

@keyframes successBounce-b-pgddbxmp2j {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

@keyframes failedShake-b-pgddbxmp2j {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    75% { transform: translateX(-2px); }
}

.marker-icon[b-pgddbxmp2j] {
    font-size: 0.8rem;
}

/* Timeline Connector - Phase 3.1: Enhanced with draw animation (Feb 4, 2026) */
.timeline-connector[b-pgddbxmp2j] {
    position: absolute;
    left: 13px;
    top: 28px;
    bottom: 0;
    width: 2px;
    background: #e5e7eb;
    transform-origin: top;
    animation: connectorDraw-b-pgddbxmp2j 0.5s ease-out backwards;
    animation-delay: inherit;
}

@keyframes connectorDraw-b-pgddbxmp2j {
    from {
        transform: scaleY(0);
        opacity: 0;
    }
    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

.timeline-item.success .timeline-connector[b-pgddbxmp2j] {
    background: #10b981;
    animation: connectorDraw-b-pgddbxmp2j 0.5s ease-out backwards,
               connectorGlow-b-pgddbxmp2j 2s ease-in-out infinite;
}

@keyframes connectorGlow-b-pgddbxmp2j {
    0%, 100% {
        box-shadow: 0 0 2px rgba(16, 185, 129, 0.3);
    }
    50% {
        box-shadow: 0 0 6px rgba(16, 185, 129, 0.6);
    }
}

.timeline-item.executing .timeline-connector[b-pgddbxmp2j] {
    background: linear-gradient(180deg, #fbbf24 0%, #e5e7eb 100%);
    animation: connectorDraw-b-pgddbxmp2j 0.5s ease-out backwards,
               connectorPulse-b-pgddbxmp2j 1.5s ease-in-out infinite;
}

@keyframes connectorPulse-b-pgddbxmp2j {
    0%, 100% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
}

/* Timeline Content */
.timeline-content[b-pgddbxmp2j] {
    flex: 1;
    margin-left: 12px;
    padding-top: 2px;
}

.step-header[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.step-time[b-pgddbxmp2j] {
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: 0.7rem;
    color: #6b7280;
}

.step-type[b-pgddbxmp2j] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ncw-text, #1f2937);
}

.step-spinner[b-pgddbxmp2j] {
    width: 10px;
    height: 10px;
    border: 2px solid #fef3c7;
    border-top-color: #fbbf24;
    border-radius: 50%;
    animation: spin-b-pgddbxmp2j 0.6s linear infinite;
}

.step-success[b-pgddbxmp2j] {
    color: #10b981;
    font-size: 0.8rem;
    font-weight: bold;
}

.step-failed[b-pgddbxmp2j] {
    color: #ef4444;
    font-size: 0.8rem;
    font-weight: bold;
}

.step-description[b-pgddbxmp2j] {
    font-size: 0.75rem;
    color: var(--ncw-text-secondary, #4b5563);
    line-height: 1.4;
}

.step-duration[b-pgddbxmp2j] {
    font-size: 0.65rem;
    color: var(--ncw-muted, #9ca3af);
    margin-top: 2px;
}

/* Empty States */
.timeline-empty[b-pgddbxmp2j],
.inspector-empty[b-pgddbxmp2j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    text-align: center;
    color: #6b7280;
}

.empty-icon[b-pgddbxmp2j] {
    font-size: 2rem;
    margin-bottom: 12px;
}

.empty-text[b-pgddbxmp2j] {
    font-size: 0.85rem;
}

.inspector-empty p[b-pgddbxmp2j] {
    margin: 0;
}

.empty-hint[b-pgddbxmp2j] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 4px !important;
}

/* Footer */
.inspector-footer[b-pgddbxmp2j] {
    padding: 12px 16px;
    border-top: 1px solid var(--ncw-border-light, #f3f4f6);
    background: var(--ncw-surface-2, #f9fafb);
}

.trace-link[b-pgddbxmp2j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #6366f1;
    text-decoration: none;
    transition: color 0.2s ease;
}

.trace-link:hover[b-pgddbxmp2j] {
    color: #4f46e5;
    text-decoration: underline;
}

.link-icon[b-pgddbxmp2j] {
    font-size: 0.9rem;
}

/* Phase 2.3: Routing Decision Visualization (Feb 4, 2026) */
/* Phase 3.1: Enhanced with slide-in animation (Feb 4, 2026) */
.routing-decision[b-pgddbxmp2j] {
    margin-top: 8px;
    padding: 8px 10px;
    background: linear-gradient(135deg, #fdf4ff 0%, #f5f3ff 100%);
    border: 1px solid #e9d5ff;
    border-radius: 8px;
    animation: routingSlideIn-b-pgddbxmp2j 0.4s ease-out backwards;
    animation-delay: 0.2s;
}

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

.routing-header[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.routing-label[b-pgddbxmp2j] {
    font-size: 0.7rem;
    color: #6b7280;
}

.routing-specialist[b-pgddbxmp2j] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4f46e5;
    background: #eef2ff;
    padding: 2px 8px;
    border-radius: 4px;
}

.routing-confidence[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.confidence-bar[b-pgddbxmp2j] {
    flex: 1;
    height: 6px;
    background: #e5e7eb;
    border-radius: 3px;
    overflow: hidden;
}

/* Phase 3.1: Enhanced confidence bar with fill animation (Feb 4, 2026) */
.confidence-fill[b-pgddbxmp2j] {
    height: 100%;
    border-radius: 3px;
    animation: confidenceFill-b-pgddbxmp2j 0.8s ease-out backwards;
    animation-delay: 0.4s;
}

@keyframes confidenceFill-b-pgddbxmp2j {
    from {
        width: 0% !important;
    }
}

.confidence-fill.high[b-pgddbxmp2j] {
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.confidence-fill.medium[b-pgddbxmp2j] {
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}

.confidence-fill.low[b-pgddbxmp2j] {
    background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

.confidence-value[b-pgddbxmp2j] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #4b5563;
    white-space: nowrap;
}

.routing-alternatives[b-pgddbxmp2j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    padding-top: 6px;
    border-top: 1px dashed #e9d5ff;
}

.alternatives-label[b-pgddbxmp2j] {
    font-size: 0.65rem;
    color: #9ca3af;
}

.alternative-item[b-pgddbxmp2j] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.65rem;
    color: #6b7280;
    background: #f9fafb;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
}

.alt-confidence[b-pgddbxmp2j] {
    font-weight: 600;
    color: #9ca3af;
}

/* Phase 3.2: Tool Call Preview Styles (Feb 4, 2026) */
.timeline-item.hovered[b-pgddbxmp2j] {
    background: rgba(99, 102, 241, 0.03);
    border-radius: 8px;
    margin: -4px -8px;
    padding: 4px 8px 20px 8px;
}

.btn-preview[b-pgddbxmp2j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid var(--ncw-border, #d1d5db);
    border-radius: 4px;
    color: var(--ncw-muted, #6b7280);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.7rem;
    padding: 0;
}

.btn-preview:hover[b-pgddbxmp2j] {
    background: var(--ncw-surface-3, #f3f4f6);
    border-color: #6366f1;
    color: #6366f1;
}

.step-preview[b-pgddbxmp2j] {
    margin-top: 8px;
    padding: 10px 12px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    animation: previewSlideIn-b-pgddbxmp2j 0.3s ease-out;
}

@keyframes previewSlideIn-b-pgddbxmp2j {
    from {
        opacity: 0;
        transform: translateY(-8px);
        max-height: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
}

.preview-header[b-pgddbxmp2j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e2e8f0;
}

.preview-label[b-pgddbxmp2j] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.preview-type[b-pgddbxmp2j] {
    font-size: 0.65rem;
    font-family: 'Monaco', 'Menlo', monospace;
    color: #6366f1;
    background: #eef2ff;
    padding: 2px 6px;
    border-radius: 4px;
}

.preview-properties[b-pgddbxmp2j] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}

.preview-property[b-pgddbxmp2j] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 4px 6px;
    background: var(--ncw-surface, #fff);
    border-radius: 4px;
    border: 1px solid var(--ncw-border, #e5e7eb);
}

.prop-key[b-pgddbxmp2j] {
    font-size: 0.6rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.prop-value[b-pgddbxmp2j] {
    font-size: 0.7rem;
    color: #1e293b;
    font-weight: 500;
    word-break: break-word;
}

.preview-more[b-pgddbxmp2j] {
    grid-column: span 2;
    text-align: center;
    font-size: 0.65rem;
    color: #64748b;
    font-style: italic;
    padding-top: 4px;
}

.preview-summary[b-pgddbxmp2j] {
    margin-top: 8px;
    padding: 8px;
    background: var(--ncw-surface, #fff);
    border-radius: 4px;
    border: 1px solid var(--ncw-border, #e5e7eb);
    font-size: 0.7rem;
    color: var(--ncw-text-secondary, #475569);
    line-height: 1.4;
}

.preview-error[b-pgddbxmp2j] {
    margin-top: 8px;
    padding: 8px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 4px;
    font-size: 0.7rem;
    color: #dc2626;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.preview-error i[b-pgddbxmp2j] {
    flex-shrink: 0;
    margin-top: 1px;
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .execution-inspector[b-pgddbxmp2j] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 60vh;
        border-radius: 12px 12px 0 0;
        z-index: 1000;
    }

    .inspector-header[b-pgddbxmp2j] {
        padding: 10px 12px;
    }

    .timeline-container[b-pgddbxmp2j] {
        padding: 10px 12px;
    }

    .timeline-content[b-pgddbxmp2j] {
        margin-left: 8px;
    }

    /* Phase 3.2: Preview mobile styles (Feb 4, 2026) */
    .preview-properties[b-pgddbxmp2j] {
        grid-template-columns: 1fr;
    }

    .preview-more[b-pgddbxmp2j] {
        grid-column: span 1;
    }

    .btn-preview[b-pgddbxmp2j] {
        width: 18px;
        height: 18px;
        font-size: 0.65rem;
    }

    /* Phase 3.3: Replay controls mobile styles (Feb 4, 2026) */
    .replay-controls[b-pgddbxmp2j] {
        flex-wrap: wrap;
        padding: 8px 12px;
        gap: 6px;
    }

    .replay-btn[b-pgddbxmp2j] {
        width: 24px;
        height: 24px;
    }

    .replay-btn.play[b-pgddbxmp2j] {
        width: 28px;
        height: 28px;
    }

    .replay-progress[b-pgddbxmp2j] {
        flex-basis: 100%;
        order: 1;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .execution-inspector[b-pgddbxmp2j] {
        max-height: 400px;
    }
}
/* /Shared/HandoffGraph.razor.rz.scp.css */
/*
    HandoffGraph styles
    Phase 3.5 of Agentic UI implementation (Feb 4, 2026)
*/

.handoff-graph[b-bztd7ypdvf] {
    display: none;
    flex-direction: column;
    background: var(--ncw-surface, #ffffff);
    border: 1px solid var(--ncw-border, #e5e7eb);
    border-radius: 12px;
    overflow: hidden;
    animation: graphSlideIn-b-bztd7ypdvf 0.3s ease-out;
}

.handoff-graph.visible[b-bztd7ypdvf] {
    display: flex;
}

@keyframes graphSlideIn-b-bztd7ypdvf {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Header */
.graph-header[b-bztd7ypdvf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #fdf4ff 0%, #f5f3ff 100%);
    border-bottom: 1px solid #e9d5ff;
}

.graph-icon[b-bztd7ypdvf] {
    font-size: 1.1rem;
}

.graph-header h6[b-bztd7ypdvf] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ncw-text, #1f2937);
    flex: 1;
}

.node-count[b-bztd7ypdvf] {
    font-size: 0.7rem;
    color: #4f46e5;
    background: #eef2ff;
    padding: 2px 8px;
    border-radius: 10px;
}

/* Graph Container */
.graph-container[b-bztd7ypdvf] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

/* Graph Nodes */
.graph-node[b-bztd7ypdvf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: var(--ncw-surface-2, #f8fafc);
    border: 2px solid var(--ncw-border, #e2e8f0);
    border-radius: 12px;
    min-width: 180px;
    transition: all 0.3s ease;
    animation: nodePopIn-b-bztd7ypdvf 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}

@keyframes nodePopIn-b-bztd7ypdvf {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.graph-node .node-icon[b-bztd7ypdvf] {
    font-size: 1.3rem;
    flex-shrink: 0;
}

.graph-node .node-label[b-bztd7ypdvf] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ncw-text, #1e293b);
}

.graph-node .node-details[b-bztd7ypdvf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.graph-node .node-tools[b-bztd7ypdvf] {
    font-size: 0.65rem;
    color: #64748b;
}

.graph-node .node-duration[b-bztd7ypdvf] {
    font-size: 0.65rem;
    color: #94a3b8;
    font-family: 'Monaco', 'Menlo', monospace;
}

.graph-node .node-status[b-bztd7ypdvf] {
    flex-shrink: 0;
}

/* Start Node */
.start-node[b-bztd7ypdvf] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-color: #3b82f6;
}

/* End Node */
.end-node[b-bztd7ypdvf] {
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    border-color: #9ca3af;
}

.end-node.success[b-bztd7ypdvf] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    border-color: #10b981;
}

.end-node.failed[b-bztd7ypdvf] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    border-color: #ef4444;
}

/* Specialist Node States */
.specialist-node.active[b-bztd7ypdvf] {
    border-color: #fbbf24;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    animation: nodePopIn-b-bztd7ypdvf 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
               nodePulse-b-bztd7ypdvf 2s ease-in-out infinite;
}

@keyframes nodePulse-b-bztd7ypdvf {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.4);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(251, 191, 36, 0);
    }
}

.specialist-node.success[b-bztd7ypdvf] {
    border-color: #10b981;
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
}

.specialist-node.failed[b-bztd7ypdvf] {
    border-color: #ef4444;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
}

/* Status Indicators */
.status-indicator[b-bztd7ypdvf] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fbbf24;
    animation: statusBlink-b-bztd7ypdvf 1s ease-in-out infinite;
}

@keyframes statusBlink-b-bztd7ypdvf {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.status-check[b-bztd7ypdvf] {
    color: #10b981;
    font-size: 1rem;
    font-weight: bold;
}

.status-fail[b-bztd7ypdvf] {
    color: #ef4444;
    font-size: 1rem;
    font-weight: bold;
}

/* Flow Segment */
.flow-segment[b-bztd7ypdvf] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Flow Connector */
.flow-connector[b-bztd7ypdvf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 8px 0;
}

.connector-line[b-bztd7ypdvf] {
    width: 2px;
    height: 24px;
    background: linear-gradient(180deg, #c4b5fd 0%, #a78bfa 100%);
    animation: connectorDraw-b-bztd7ypdvf 0.5s ease-out backwards;
}

@keyframes connectorDraw-b-bztd7ypdvf {
    from {
        transform: scaleY(0);
        opacity: 0;
    }
    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

.connector-badge[b-bztd7ypdvf] {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.6rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 8px;
    white-space: nowrap;
}

.connector-badge.high[b-bztd7ypdvf] {
    background: #dcfce7;
    color: #166534;
}

.connector-badge.medium[b-bztd7ypdvf] {
    background: #fef9c3;
    color: #854d0e;
}

.connector-badge.low[b-bztd7ypdvf] {
    background: #fee2e2;
    color: #991b1b;
}

.flow-connector.final .connector-line[b-bztd7ypdvf] {
    background: linear-gradient(180deg, #a78bfa 0%, #6b7280 100%);
}

/* Summary */
.graph-summary[b-bztd7ypdvf] {
    display: flex;
    justify-content: space-around;
    padding: 12px 16px;
    background: var(--ncw-surface-2, #f9fafb);
    border-top: 1px solid var(--ncw-border, #e5e7eb);
}

.summary-item[b-bztd7ypdvf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.summary-label[b-bztd7ypdvf] {
    font-size: 0.65rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.summary-value[b-bztd7ypdvf] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ncw-text, #1e293b);
}

/* Empty State */
.graph-empty[b-bztd7ypdvf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    text-align: center;
    color: #6b7280;
}

.graph-empty .empty-icon[b-bztd7ypdvf] {
    font-size: 2rem;
    margin-bottom: 8px;
    opacity: 0.5;
}

.graph-empty p[b-bztd7ypdvf] {
    margin: 0;
    font-size: 0.85rem;
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .graph-container[b-bztd7ypdvf] {
        padding: 12px;
    }

    .graph-node[b-bztd7ypdvf] {
        min-width: 150px;
        padding: 8px 12px;
    }

    .graph-node .node-icon[b-bztd7ypdvf] {
        font-size: 1.1rem;
    }

    .graph-node .node-label[b-bztd7ypdvf] {
        font-size: 0.75rem;
    }

    .connector-badge[b-bztd7ypdvf] {
        position: static;
        transform: none;
        margin-top: 4px;
    }

    .flow-connector[b-bztd7ypdvf] {
        flex-direction: row;
        gap: 8px;
    }

    .graph-summary[b-bztd7ypdvf] {
        flex-wrap: wrap;
        gap: 12px;
    }

    .summary-item[b-bztd7ypdvf] {
        flex: 1 1 30%;
    }
}