@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-lgso071t3q] {
    background: #fef2f2;
    border-top: 1px solid #fecaca;
    bottom: 0;
    box-sizing: border-box;
    color: #991b1b;
    display: none;
    font-size: 0.875rem;
    left: 0;
    padding: 0.75rem 1.5rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    align-items: center;
    gap: 0.75rem;
}

#blazor-error-ui .reload[b-lgso071t3q] {
    color: #dc2626;
    font-weight: 600;
    text-decoration: underline;
    margin-left: 0.5rem;
}

#blazor-error-ui .dismiss[b-lgso071t3q] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #991b1b;
    opacity: 0.6;
}

#blazor-error-ui .dismiss:hover[b-lgso071t3q] {
    opacity: 1;
}

[b-lgso071t3q] #aig-sidebar-list {
    background-color: transparent;
    border: none;
}

[b-lgso071t3q] #aig-sidebar-list .e-list-parent {
    padding: 0;
    background-color: transparent;
}

[b-lgso071t3q] #aig-sidebar-list .e-list-item {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

[b-lgso071t3q] #aig-sidebar-list .e-list-item .e-text-content {
    padding: 0;
}

[b-lgso071t3q] #aig-sidebar-list button:focus {
    outline: none;
    box-shadow: none;
}
/* /Components/Layout/SyncBlockingOverlay.razor.rz.scp.css */
/*
    The dialog's own backdrop, rather than a separate covering div.

    ::backdrop is painted by the browser in the top layer directly beneath the dialog, so it covers the entire
    viewport including anything that sets its own z-index. The previous overlay was a fixed-position div, which is
    still subject to stacking contexts — the Settings sub-navigation painted straight over it and stayed sharp.
*/
dialog[b-1janfyoclg]::backdrop {
    background-color: rgb(17 24 39 / 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/*
    Fallback backdrop for when the dialog is NOT in the top layer.

    Sits one below the dialog's z-index and covers the viewport, so the page is dimmed and click-blocked even
    without modality. It cannot beat an ancestor stacking context the way the top layer can, but 2147483645 beats
    anything this application sets, and it is strictly better than the nothing that was there before.
*/
.aig-sync-backdrop[b-1janfyoclg] {
    position: fixed;
    inset: 0;
    z-index: 2147483645;
    background-color: rgb(17 24 39 / 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/*
    Centred and on top WITHOUT depending on the top layer.

    showModal() should handle both, but when it does not take effect the dialog falls back to the UA default of
    position:absolute in normal flow — which put it in the top-left corner with no backdrop. Pinning it here means
    the dialog is correct in both cases, and the top layer becomes an upgrade rather than a requirement.

    z-index is one below the maximum so the paired backdrop can sit directly beneath it.
*/
dialog[b-1janfyoclg] {
    position: fixed;
    inset: 0;
    margin: auto;
    z-index: 2147483646;
}

/* Suppress the default focus ring on the dialog itself; the content inside owns focus styling. */
dialog:focus-visible[b-1janfyoclg] {
    outline: none;
}

/*
    The track, and the sweeping bar inside it.

    overflow:hidden is what makes the sweep read as continuous: the bar travels from fully off the left edge to
    fully off the right, so the jump back to the start happens outside the clipped area and is never seen.
*/
.aig-progress-track[b-1janfyoclg] {
    position: relative;
    overflow: hidden;
}

/*
    A keyframe animation on a plain div — after trying most of the alternatives.

    A poll-driven bar positioned from the server stuttered, because a 900ms ease sat on a 1000ms tick and dead-
    stopped between updates. Syncfusion's SfProgressBar rendered as a static sliver at the left of this 8px track
    and never moved at all. This version was confirmed working before either of those replaced it, so it is what
    the dialog uses.

    The cost is honesty: this sweeps whether or not the sync is advancing. That signal is not lost, it is just
    carried elsewhere — the phase, object count, current distinguished name and elapsed timer all come from the
    one-second poll and all visibly freeze if the collector stops responding.
*/
.aig-progress-indeterminate[b-1janfyoclg] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40%;
    border-radius: 9999px;
    background-color: rgb(79 70 229);
    animation: aig-sweep-b-1janfyoclg 2s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

@keyframes aig-sweep-b-1janfyoclg {
    from { left: -40%; }
    to   { left: 100%; }
}

/*
    Reduced, not removed.

    Windows disables animation effects by default on many servers and VMs, so this branch is what a lot of
    operators actually see — not a rare accessibility path. Removing the animation is what produced an earlier
    solid full-width bar that read as "finished" on a sync that had barely started, which is worse than the
    motion the preference was trying to avoid. So the sweep stays, at less than half speed and constant velocity.
*/
@media (prefers-reduced-motion: reduce) {
    .aig-progress-indeterminate[b-1janfyoclg] {
        animation-duration: 4.5s;
        animation-timing-function: linear;
    }
}

/* /Components/Pages/AdChanges.razor.rz.scp.css */
/* Syncfusion Grid — styled to match QuickGrid "tailwind" theme */

/* Container — remove default Syncfusion border, match rounded card */
[b-3j0jdsa3v6] .e-grid {
    border: none !important;
    background: #fff !important;
    font-size: 0.875rem !important;
    box-shadow: none !important;
}

/* Header — clean, no heavy background */
[b-3j0jdsa3v6] .e-grid .e-gridheader {
    border-bottom: 1px solid #e5e7eb !important;
    background: transparent !important;
}

[b-3j0jdsa3v6] .e-grid .e-headercell,
[b-3j0jdsa3v6] .e-grid .e-headercelldiv {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    background: transparent !important;
    letter-spacing: 0.03em;
}

[b-3j0jdsa3v6] .e-grid .e-headercell {
    padding: 0.875rem 1rem !important;
    border: none !important;
}

[b-3j0jdsa3v6] .e-grid .e-headercell:hover {
    background: #eef2ff !important;
}

[b-3j0jdsa3v6] .e-grid .e-sortfilter .e-headercelldiv {
    color: #1f2937 !important;
}

/* Sort icon */
[b-3j0jdsa3v6] .e-grid .e-icon-ascending,
[b-3j0jdsa3v6] .e-grid .e-icon-descending {
    color: #6366f1 !important;
}

/* Filter icon */
[b-3j0jdsa3v6] .e-grid .e-filtermenudiv,
[b-3j0jdsa3v6] .e-grid .e-icon-filter {
    color: #9ca3af !important;
}

[b-3j0jdsa3v6] .e-grid .e-filtered .e-icon-filter {
    color: #6366f1 !important;
}

/* Body rows — clean white, subtle separator */
[b-3j0jdsa3v6] .e-grid .e-row,
[b-3j0jdsa3v6] .e-grid .e-altrow {
    background: #fff !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

[b-3j0jdsa3v6] .e-grid .e-row:hover,
[b-3j0jdsa3v6] .e-grid .e-altrow:hover {
    background: #eef2ff !important;
}

[b-3j0jdsa3v6] .e-grid .e-row:hover td,
[b-3j0jdsa3v6] .e-grid .e-altrow:hover td {
    background: transparent !important;
}

/* Body cells */
[b-3j0jdsa3v6] .e-grid .e-rowcell {
    padding: 0.75rem 1rem !important;
    color: #4b5563 !important;
    border: none !important;
    font-size: 0.875rem !important;
}

/* Virtualization — smooth scrollbar */
[b-3j0jdsa3v6] .e-grid .e-gridcontent .e-content {
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}

[b-3j0jdsa3v6] .e-grid .e-gridcontent .e-content::-webkit-scrollbar {
    width: 6px;
}

[b-3j0jdsa3v6] .e-grid .e-gridcontent .e-content::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

[b-3j0jdsa3v6] .e-grid .e-gridcontent .e-content::-webkit-scrollbar-track {
    background: transparent;
}

/* Remove content area borders */
[b-3j0jdsa3v6] .e-grid .e-gridcontent {
    border: none !important;
}

/* Selection highlight */
[b-3j0jdsa3v6] .e-grid .e-selectionbackground {
    background: rgba(99, 102, 241, 0.08) !important;
}

/* Resize handler */
[b-3j0jdsa3v6] .e-grid .e-rhandler {
    border-color: #e5e7eb !important;
}

/* ---------- Dark mode (.dark class) ---------- */
:global(.dark)[b-3j0jdsa3v6]  .e-grid {
    background: #111827 !important;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-gridheader {
    border-bottom-color: #374151 !important;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-headercell,
:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-headercelldiv,
:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-sortfilter .e-headercelldiv {
    color: #d1d5db !important;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-headercell:hover {
    background: rgba(31, 41, 55, 0.5) !important;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-row,
:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-altrow {
    background: #111827 !important;
    border-bottom-color: #1f2937 !important;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-row:hover,
:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-altrow:hover {
    background: rgba(31, 41, 55, 0.5) !important;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-rowcell {
    color: #d1d5db !important;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-gridcontent .e-content {
    scrollbar-color: #4b5563 transparent;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-gridcontent .e-content::-webkit-scrollbar-thumb {
    background: #4b5563;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .e-selectionbackground {
    background: rgba(99, 102, 241, 0.15) !important;
}

/* ---------- Activity histogram strip ---------- */
/* Bars use CSS-only hover tooltip so we avoid a Blazor server roundtrip per
   mouseover (60 bars × hover events would be unworkable on InteractiveServer). */

[b-3j0jdsa3v6] .hist-strip {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 1px;
    height: 38px;
}

[b-3j0jdsa3v6] .hist-bar {
    position: relative;
    flex: 1;
    min-height: 1px;
    background-color: #4338ca;
    border-radius: 1px;
    cursor: crosshair;
    transition: background-color 0.1s;
}

[b-3j0jdsa3v6] .hist-bar.is-empty {
    background-color: #f1f5f9;
}

[b-3j0jdsa3v6] .hist-bar:hover {
    background-color: #312e81;
}

[b-3j0jdsa3v6] .hist-bar.is-empty:hover {
    background-color: #e2e8f0;
}

/* Floating tooltip — shown via :hover, absolute-positioned above the bar. */
[b-3j0jdsa3v6] .hist-tooltip {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.25);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.08s, visibility 0.08s;
    z-index: 5;
}

[b-3j0jdsa3v6] .hist-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px;
    border-style: solid;
    border-color: #0f172a transparent transparent transparent;
}

[b-3j0jdsa3v6] .hist-tooltip .hist-tooltip-count {
    font-weight: 700;
    color: #a5b4fc;
}

[b-3j0jdsa3v6] .hist-bar:hover .hist-tooltip {
    opacity: 1;
    visibility: visible;
}

/* Edge bars — flip tooltip so it doesn't overflow the strip. */
[b-3j0jdsa3v6] .hist-bar:first-of-type .hist-tooltip,
[b-3j0jdsa3v6] .hist-bar:nth-of-type(-n+3) .hist-tooltip {
    left: 0;
    transform: translateX(0);
}

[b-3j0jdsa3v6] .hist-bar:first-of-type .hist-tooltip::after,
[b-3j0jdsa3v6] .hist-bar:nth-of-type(-n+3) .hist-tooltip::after {
    left: 12px;
    transform: translateX(0);
}

[b-3j0jdsa3v6] .hist-bar:last-of-type .hist-tooltip,
[b-3j0jdsa3v6] .hist-bar:nth-last-of-type(-n+3) .hist-tooltip {
    left: auto;
    right: 0;
    transform: translateX(0);
}

[b-3j0jdsa3v6] .hist-bar:last-of-type .hist-tooltip::after,
[b-3j0jdsa3v6] .hist-bar:nth-last-of-type(-n+3) .hist-tooltip::after {
    left: auto;
    right: 12px;
    transform: translateX(0);
}

/* Axis row underneath — tick marks + date labels at ~8 positions. */
[b-3j0jdsa3v6] .hist-axis {
    position: relative;
    height: 22px;
    margin-top: 4px;
    border-top: 1px solid #e5e7eb;
}

[b-3j0jdsa3v6] .hist-axis-tick {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 10px;
    color: #64748b;
    line-height: 1;
    pointer-events: none;
}

[b-3j0jdsa3v6] .hist-axis-tick::before {
    content: "";
    width: 1px;
    height: 4px;
    background-color: #cbd5e1;
}

/* First / last tick: anchor to edge so labels don't overflow. */
[b-3j0jdsa3v6] .hist-axis-tick.is-first {
    left: 0 !important;
    transform: translateX(0);
    align-items: flex-start;
}

[b-3j0jdsa3v6] .hist-axis-tick.is-last {
    right: 0 !important;
    left: auto !important;
    transform: translateX(0);
    align-items: flex-end;
}

:global(.dark)[b-3j0jdsa3v6]  .hist-bar.is-empty {
    background-color: #1f2937;
}

:global(.dark)[b-3j0jdsa3v6]  .hist-bar.is-empty:hover {
    background-color: #374151;
}

:global(.dark)[b-3j0jdsa3v6]  .hist-axis {
    border-top-color: #374151;
}

:global(.dark)[b-3j0jdsa3v6]  .hist-axis-tick {
    color: #9ca3af;
}

:global(.dark)[b-3j0jdsa3v6]  .hist-axis-tick::before {
    background-color: #4b5563;
}

/* ---------- Responsive layout: percentage columns, wrapping two-line cells ---------- */
[b-3j0jdsa3v6] .e-grid .e-rowcell {
    white-space: normal !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere;
}

/* Names may run to two lines rather than being cut off; DNs and other long tokens break anywhere. */
[b-3j0jdsa3v6] .e-grid .aig-cell-link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-align: left;
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

[b-3j0jdsa3v6] .e-grid .aig-cell-link:hover {
    color: #4f46e5;
    text-decoration: underline;
}

/* Object-type tag under the target name: a small tinted pill, colour by object family (see GetObjectTypeTagClass). */
[b-3j0jdsa3v6] .e-grid .aig-type-tag {
    display: inline-block;
    max-width: 100%;
    margin-top: 0.25rem;
    padding: 0 0.4rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

[b-3j0jdsa3v6] .e-grid .aig-cell-sub {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #6b7280;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Floating row menu */
.aig-row-menu[b-3j0jdsa3v6] {
    position: absolute;
    width: 248px;
    overflow-y: auto;
    border-radius: 0.5rem;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.2), 0 8px 10px -6px rgba(15, 23, 42, 0.1);
    padding: 0.375rem;
}

.aig-row-menu-title[b-3j0jdsa3v6] {
    padding: 0.375rem 0.625rem 0.5rem;
    font-size: 0.75rem;
    color: #6b7280;
    border-bottom: 1px solid #f3f4f6;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aig-row-menu .aig-action[b-3j0jdsa3v6] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    padding: 0.4rem 0.625rem;
    font-size: 0.8125rem;
    color: #1f2937;
    text-align: left;
    cursor: pointer;
}

.aig-row-menu .aig-action i[b-3j0jdsa3v6] {
    width: 1rem;
    text-align: center;
    color: #6b7280;
}

.aig-row-menu .aig-action:hover:not(:disabled)[b-3j0jdsa3v6] {
    background: #eef2ff;
    color: #3730a3;
}

.aig-row-menu .aig-action:hover:not(:disabled) i[b-3j0jdsa3v6] {
    color: #4f46e5;
}

.aig-row-menu .aig-action:disabled[b-3j0jdsa3v6] {
    color: #9ca3af;
    cursor: not-allowed;
}

/* Dark mode for the additions */
:global(.dark)[b-3j0jdsa3v6]  .e-grid .aig-cell-sub {
    color: #9ca3af;
}

:global(.dark)[b-3j0jdsa3v6]  .e-grid .aig-cell-link:hover {
    color: #a5b4fc;
}

:global(.dark) .aig-row-menu[b-3j0jdsa3v6] {
    border-color: #374151;
    background: #1f2937;
}

:global(.dark) .aig-row-menu-title[b-3j0jdsa3v6] {
    border-bottom-color: #374151;
}

:global(.dark) .aig-row-menu .aig-action[b-3j0jdsa3v6] {
    color: #e5e7eb;
}

:global(.dark) .aig-row-menu .aig-action:hover:not(:disabled)[b-3j0jdsa3v6] {
    background: #312e81;
    color: #e0e7ff;
}

:global(.dark) .aig-row-menu .aig-action:disabled[b-3j0jdsa3v6] {
    color: #6b7280;
}
/* /Components/Pages/Chat.razor.rz.scp.css */
/* Animations */
@keyframes typing-dots-b-agyj48iwpv {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
}

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

@keyframes slideInRight-b-agyj48iwpv {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.typing-indicator[b-agyj48iwpv]::after {
    content: '.';
    animation: typing-dots-b-agyj48iwpv 1.5s infinite;
}

.message-animate[b-agyj48iwpv] {
    animation: fadeInUp-b-agyj48iwpv 0.3s ease-out;
}

.grid-panel-enter[b-agyj48iwpv] {
    animation: slideInRight-b-agyj48iwpv 0.3s ease-out;
}

/* Report item hover effect */
.report-item[b-agyj48iwpv] {
    cursor: pointer;
    border-left: 3px solid transparent;
}

.report-item:hover[b-agyj48iwpv] {
    background-color: #eef2ff;
    border-left-color: #6366f1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    color: #4338ca;
}

.dark .report-item:hover[b-agyj48iwpv] {
    background-color: rgba(99, 102, 241, 0.15);
    border-left-color: #818cf8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #c7d2fe;
}

/* Three-dot menu button - always visible, shadow on hover */
.item-menu-btn[b-agyj48iwpv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    color: #9ca3af;
    transition: all 0.15s;
    flex-shrink: 0;
    cursor: pointer;
}

.item-menu-btn:hover[b-agyj48iwpv] {
    color: #6b7280;
    background-color: #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dark .item-menu-btn:hover[b-agyj48iwpv] {
    color: #d1d5db;
    background-color: #4b5563;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Report context menu */
.report-context-menu[b-agyj48iwpv] {
    position: absolute;
    right: 4px;
    top: 100%;
    z-index: 50;
    min-width: 120px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    padding: 4px 0;
}

.dark .report-context-menu[b-agyj48iwpv] {
    background: #1f2937;
    border-color: #374151;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.report-context-menu button[b-agyj48iwpv] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 6px 12px;
    font-size: 0.8125rem;
    color: #374151;
    transition: background-color 0.1s;
}

.dark .report-context-menu button[b-agyj48iwpv] {
    color: #d1d5db;
}

.report-context-menu button:hover[b-agyj48iwpv] {
    background-color: #f3f4f6;
}

.dark .report-context-menu button:hover[b-agyj48iwpv] {
    background-color: #374151;
}

.report-context-menu button.menu-delete[b-agyj48iwpv] {
    color: #dc2626;
}

.dark .report-context-menu button.menu-delete[b-agyj48iwpv] {
    color: #f87171;
}

.report-context-menu button.menu-delete:hover[b-agyj48iwpv] {
    background-color: #fef2f2;
}

.dark .report-context-menu button.menu-delete:hover[b-agyj48iwpv] {
    background-color: rgba(220, 38, 38, 0.15);
}

/* Create folder button */
.create-folder-btn[b-agyj48iwpv] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #9ca3af;
    transition: all 0.15s;
    cursor: pointer;
    line-height: 1;
}

.create-folder-btn:hover[b-agyj48iwpv] {
    color: #6366f1;
    background-color: #e0e7ff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dark .create-folder-btn:hover[b-agyj48iwpv] {
    color: #818cf8;
    background-color: rgba(99, 102, 241, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Markdown Content Styling */
.markdown-content[b-agyj48iwpv] {
    font-family: 'Georgia', 'Times New Roman', 'Noto Serif', serif;
    line-height: 1.75;
    font-size: 0.9375rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    letter-spacing: 0.01em;
}

/* Message Layout Classes */
.message-row[b-agyj48iwpv] {
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: flex-start;
}

.message-row.user-message[b-agyj48iwpv] {
    justify-content: flex-end;
}

.message-row.assistant-message[b-agyj48iwpv] {
    justify-content: flex-start;
}

.message-content-wrapper[b-agyj48iwpv] {
    display: flex;
    flex-direction: column;
    max-width: 75%;
    min-width: 0;
}

.message-row.user-message .message-content-wrapper[b-agyj48iwpv] {
    align-items: flex-end;
}

.message-row.assistant-message .message-content-wrapper[b-agyj48iwpv] {
    align-items: flex-start;
}

/* Resizable Splitter Handle */
.splitter-handle[b-agyj48iwpv] {
    width: 5px;
    cursor: col-resize;
    background: transparent;
    flex-shrink: 0;
    position: relative;
    z-index: 20;
    transition: background-color 0.2s;
}

.splitter-handle:hover[b-agyj48iwpv],
.splitter-handle:active[b-agyj48iwpv] {
    background: #6366f1;
}

.splitter-handle[b-agyj48iwpv]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 40px;
    border-radius: 2px;
    background: #d1d5db;
    opacity: 0;
    transition: opacity 0.2s;
}

.splitter-handle:hover[b-agyj48iwpv]::after {
    opacity: 1;
    background: white;
}

/* Export Buttons */
.export-btn[b-agyj48iwpv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 4px 10px;
    border-radius: 6px;
    color: #6b7280;
    transition: all 0.15s;
    cursor: pointer;
    border: 1px solid transparent;
}

.export-btn:hover[b-agyj48iwpv] {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
}

.dark .export-btn:hover[b-agyj48iwpv] {
    background: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}

.export-label[b-agyj48iwpv] {
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    color: inherit;
}

/* Save Report Button */
.save-report-btn[b-agyj48iwpv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 4px 8px;
    border-radius: 6px;
    color: #6b7280;
    transition: all 0.15s;
    cursor: pointer;
}

.save-report-btn:hover[b-agyj48iwpv] {
    background: #f3f4f6;
    color: #6366f1;
}

.dark .save-report-btn:hover[b-agyj48iwpv] {
    background: #374151;
    color: #818cf8;
}

.save-report-label[b-agyj48iwpv] {
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    color: inherit;
}

/* Column Selector - compact sizing */
[b-agyj48iwpv] .column-selector .e-multi-select-wrapper {
    min-height: 28px !important;
    padding: 2px 4px !important;
}

[b-agyj48iwpv] .column-selector .e-multi-select-wrapper .e-chips {
    height: 22px !important;
    font-size: 0.75rem !important;
}

[b-agyj48iwpv] .column-selector input.e-dropdownbase {
    font-size: 0.75rem !important;
}

/* Professional Grid Styling */
.e-grid[b-agyj48iwpv] {
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #e5e7eb !important;
}

.dark .e-grid[b-agyj48iwpv] {
    border-color: #374151 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.e-grid .e-gridheader[b-agyj48iwpv] {
    background: linear-gradient(to bottom, #f9fafb, #f3f4f6) !important;
    border-bottom: 2px solid #e5e7eb !important;
}

.dark .e-grid .e-gridheader[b-agyj48iwpv] {
    background: linear-gradient(to bottom, #374151, #1f2937) !important;
    border-bottom-color: #4b5563 !important;
}

.e-grid .e-headercell[b-agyj48iwpv] {
    color: #374151 !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    padding: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.dark .e-grid .e-headercell[b-agyj48iwpv] {
    color: #f3f4f6 !important;
}

.e-grid .e-rowcell[b-agyj48iwpv] {
    color: #111827 !important;
    background: white !important;
    padding: 0.875rem 1rem !important;
    font-size: 0.875rem !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.dark .e-grid .e-rowcell[b-agyj48iwpv] {
    color: #e5e7eb !important;
    background: #1f2937 !important;
    border-bottom-color: #374151 !important;
}

.e-grid .e-altrow .e-rowcell[b-agyj48iwpv] {
    background: #f9fafb !important;
}

.dark .e-grid .e-altrow .e-rowcell[b-agyj48iwpv] {
    background: #111827 !important;
}

.e-grid .e-row:hover .e-rowcell[b-agyj48iwpv] {
    background: #f3f4f6 !important;
}

.dark .e-grid .e-row:hover .e-rowcell[b-agyj48iwpv] {
    background: #374151 !important;
}

.e-grid .e-gridpager[b-agyj48iwpv] {
    background: #fafafa !important;
    border-top: 2px solid #e5e7eb !important;
    padding: 0.75rem 1rem !important;
}

.dark .e-grid .e-gridpager[b-agyj48iwpv] {
    background: #111827 !important;
    border-top-color: #374151 !important;
}

.e-grid .e-gridpager .e-numericitem[b-agyj48iwpv],
.e-grid .e-gridpager .e-currentitem[b-agyj48iwpv] {
    color: #111827 !important;
    font-weight: 500 !important;
}

.dark .e-grid .e-gridpager .e-numericitem[b-agyj48iwpv],
.dark .e-grid .e-gridpager .e-currentitem[b-agyj48iwpv] {
    color: #e5e7eb !important;
}

.e-grid .e-gridpager .e-currentitem[b-agyj48iwpv] {
    background: #6366f1 !important;
    color: white !important;
    border-radius: 0.375rem !important;
}

/* Markdown Styling - Using ::deep to apply to dynamically rendered content */
[b-agyj48iwpv] .markdown-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 1.25rem 0;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

[b-agyj48iwpv] .dark .markdown-content table {
    border-color: #374151;
    background-color: #1f2937;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[b-agyj48iwpv] .markdown-content thead {
    background: linear-gradient(to bottom, #f9fafb, #f3f4f6);
    border-bottom: 2px solid #e5e7eb;
}

[b-agyj48iwpv] .dark .markdown-content thead {
    background: linear-gradient(to bottom, #374151, #1f2937);
    border-bottom-color: #4b5563;
}

[b-agyj48iwpv] .markdown-content th {
    padding: 0.875rem 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.9375rem;
    color: #111827;
    white-space: nowrap;
}

[b-agyj48iwpv] .dark .markdown-content th {
    color: #f3f4f6;
}

[b-agyj48iwpv] .markdown-content td {
    padding: 0.75rem 1rem;
    border-top: 1px solid #e5e7eb;
    font-size: 0.9375rem;
    color: #374151;
}

[b-agyj48iwpv] .dark .markdown-content td {
    color: #d1d5db;
    border-top-color: #374151;
}

[b-agyj48iwpv] .markdown-content tbody tr {
    transition: background-color 0.15s ease-in-out;
}

[b-agyj48iwpv] .markdown-content tbody tr:hover {
    background-color: #f9fafb;
}

[b-agyj48iwpv] .dark .markdown-content tbody tr:hover {
    background-color: #374151;
}

[b-agyj48iwpv] .markdown-content tbody tr:nth-child(even) {
    background-color: #fafafa;
}

[b-agyj48iwpv] .dark .markdown-content tbody tr:nth-child(even) {
    background-color: #1f2937;
}

[b-agyj48iwpv] .markdown-content pre {
    background-color: #0d1117;
    border-radius: 0.5rem;
    padding: 1.25rem;
    overflow-x: auto;
    margin: 1.25rem 0;
    border: 1px solid #30363d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
}

[b-agyj48iwpv] .dark .markdown-content pre {
    background-color: #161b22;
    border-color: #30363d;
}

[b-agyj48iwpv] .markdown-content pre code {
    color: #e6edf3;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.6;
    display: block;
}

[b-agyj48iwpv] .markdown-content pre::before {
    content: 'Code';
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 0.7rem;
    color: #8b949e;
    font-family: system-ui, -apple-system, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-agyj48iwpv] .markdown-content code {
    background-color: rgba(175, 184, 193, 0.2);
    color: #c9302c;
    padding: 0.2em 0.4em;
    border-radius: 0.25rem;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875em;
    font-weight: 500;
    border: 1px solid rgba(175, 184, 193, 0.3);
}

[b-agyj48iwpv] .dark .markdown-content code {
    background-color: rgba(110, 118, 129, 0.4);
    color: #ff7b72;
    border-color: rgba(110, 118, 129, 0.5);
}

[b-agyj48iwpv] .markdown-content pre code {
    background-color: transparent;
    color: #e6edf3;
    padding: 0;
    border: none;
    font-weight: normal;
}

[b-agyj48iwpv] .markdown-content ul, [b-agyj48iwpv] .markdown-content ol {
    margin: 1rem 0;
    padding-left: 1.75rem;
}

[b-agyj48iwpv] .markdown-content li {
    margin: 0.5rem 0;
    line-height: 1.7;
}

[b-agyj48iwpv] .markdown-content ul {
    list-style-type: disc;
}

[b-agyj48iwpv] .markdown-content ol {
    list-style-type: decimal;
}

[b-agyj48iwpv] .markdown-content blockquote {
    border-left: 4px solid #6366f1;
    padding: 0.75rem 0 0.75rem 1.25rem;
    margin: 1.25rem 0;
    background-color: rgba(99, 102, 241, 0.05);
    border-radius: 0 0.375rem 0.375rem 0;
    color: #4b5563;
    font-style: italic;
}

[b-agyj48iwpv] .dark .markdown-content blockquote {
    background-color: rgba(99, 102, 241, 0.1);
    color: #9ca3af;
    border-left-color: #818cf8;
}

[b-agyj48iwpv] .markdown-content h1, [b-agyj48iwpv] .markdown-content h2, [b-agyj48iwpv] .markdown-content h3,
[b-agyj48iwpv] .markdown-content h4, [b-agyj48iwpv] .markdown-content h5, [b-agyj48iwpv] .markdown-content h6 {
    font-weight: 600;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
    line-height: 1.3;
    color: #111827;
}

[b-agyj48iwpv] .dark .markdown-content h1, [b-agyj48iwpv] .dark .markdown-content h2, [b-agyj48iwpv] .dark .markdown-content h3,
[b-agyj48iwpv] .dark .markdown-content h4, [b-agyj48iwpv] .dark .markdown-content h5, [b-agyj48iwpv] .dark .markdown-content h6 {
    color: #f3f4f6;
}

[b-agyj48iwpv] .markdown-content h1 {
    font-size: 1.875rem;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 0.5rem;
}

[b-agyj48iwpv] .dark .markdown-content h1 {
    border-bottom-color: #374151;
}

[b-agyj48iwpv] .markdown-content h2 {
    font-size: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.375rem;
}

[b-agyj48iwpv] .dark .markdown-content h2 {
    border-bottom-color: #374151;
}

[b-agyj48iwpv] .markdown-content h3 {
    font-size: 1.25rem;
}

[b-agyj48iwpv] .markdown-content h4 {
    font-size: 1.125rem;
}

[b-agyj48iwpv] .markdown-content a {
    color: #6366f1;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}

[b-agyj48iwpv] .markdown-content a:hover {
    color: #4f46e5;
    border-bottom-color: #4f46e5;
}

[b-agyj48iwpv] .dark .markdown-content a {
    color: #818cf8;
}

[b-agyj48iwpv] .dark .markdown-content a:hover {
    color: #a5b4fc;
    border-bottom-color: #a5b4fc;
}

[b-agyj48iwpv] .markdown-content p {
    margin: 0.875rem 0;
    line-height: 1.7;
}

[b-agyj48iwpv] .markdown-content p:first-child {
    margin-top: 0;
}

[b-agyj48iwpv] .markdown-content p:last-child {
    margin-bottom: 0;
}

[b-agyj48iwpv] .markdown-content hr {
    border: none;
    border-top: 2px solid #e5e7eb;
    margin: 2rem 0;
}

[b-agyj48iwpv] .dark .markdown-content hr {
    border-top-color: #374151;
}

[b-agyj48iwpv] .markdown-content strong {
    font-weight: 600;
    color: #111827;
}

[b-agyj48iwpv] .dark .markdown-content strong {
    color: #f9fafb;
}

[b-agyj48iwpv] .markdown-content em {
    font-style: italic;
    color: #374151;
}

[b-agyj48iwpv] .dark .markdown-content em {
    color: #d1d5db;
}

/* Show Results Button */
button[title].query-results-btn[b-agyj48iwpv] {
    z-index: 10;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

button[title].query-results-btn:hover[b-agyj48iwpv] {
    transform: scale(1.05);
}
/* /Components/Pages/Collectors.razor.rz.scp.css */
/* QuickGrid "tailwind" theme — clean modern datagrid */

/* Container */
[b-v507nbvxsd] .quickgrid[theme=tailwind] {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #fff;
    font-size: 0.875rem;
    width: 100%;
}

[b-v507nbvxsd] .quickgrid[theme=tailwind] table {
    width: 100%;
}

/* Header cells */
[b-v507nbvxsd] .quickgrid[theme=tailwind] thead th {
    padding: 0.875rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #4b5563;
    background: transparent;
    border-bottom: 1px solid #e5e7eb;
    letter-spacing: 0.03em;
    text-align: left;
}

[b-v507nbvxsd] .quickgrid[theme=tailwind] .col-title {
    gap: 0.35rem;
    font-weight: 600;
    color: #4b5563;
}

[b-v507nbvxsd] .quickgrid[theme=tailwind] button.col-title:hover {
    background: transparent;
    color: #6b7280;
}

[b-v507nbvxsd] .quickgrid[theme=tailwind] .sort-indicator {
    color: #6366f1;
}

/* Body rows */
[b-v507nbvxsd] .quickgrid[theme=tailwind] tbody tr {
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.1s;
}

[b-v507nbvxsd] .quickgrid[theme=tailwind] tbody tr:last-child {
    border-bottom: none;
}

[b-v507nbvxsd] .quickgrid[theme=tailwind] tbody tr:hover {
    background-color: #eef2ff;
}

/* Body cells */
[b-v507nbvxsd] .quickgrid[theme=tailwind] tbody td {
    padding: 0.875rem 1.25rem;
    color: #4b5563;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    [b-v507nbvxsd] .quickgrid[theme=tailwind] {
        border-color: #374151;
        background: #111827;
    }

    [b-v507nbvxsd] .quickgrid[theme=tailwind] thead th {
        color: #d1d5db;
        border-bottom-color: #374151;
    }

    [b-v507nbvxsd] .quickgrid[theme=tailwind] .col-title {
        color: #d1d5db;
    }

    [b-v507nbvxsd] .quickgrid[theme=tailwind] button.col-title:hover {
        color: #d1d5db;
    }

    [b-v507nbvxsd] .quickgrid[theme=tailwind] tbody tr {
        border-bottom-color: #1f2937;
    }

    [b-v507nbvxsd] .quickgrid[theme=tailwind] tbody tr:hover {
        background-color: rgba(31, 41, 55, 0.5);
    }

    [b-v507nbvxsd] .quickgrid[theme=tailwind] tbody td {
        color: #d1d5db;
    }
}

/* Also support .dark class (Tailwind dark mode) */
:global(.dark)[b-v507nbvxsd]  .quickgrid[theme=tailwind] {
    border-color: #374151;
    background: #111827;
}

:global(.dark)[b-v507nbvxsd]  .quickgrid[theme=tailwind] thead th {
    color: #6b7280;
    border-bottom-color: #374151;
}

:global(.dark)[b-v507nbvxsd]  .quickgrid[theme=tailwind] .col-title {
    color: #6b7280;
}

:global(.dark)[b-v507nbvxsd]  .quickgrid[theme=tailwind] button.col-title:hover {
    color: #d1d5db;
}

:global(.dark)[b-v507nbvxsd]  .quickgrid[theme=tailwind] tbody tr {
    border-bottom-color: #1f2937;
}

:global(.dark)[b-v507nbvxsd]  .quickgrid[theme=tailwind] tbody tr:hover {
    background-color: rgba(31, 41, 55, 0.5);
}

:global(.dark)[b-v507nbvxsd]  .quickgrid[theme=tailwind] tbody td {
    color: #d1d5db;
}
/* /Components/Pages/Error.razor.rz.scp.css */
/* Component-specific styles for Error */
/* Using Bootstrap classes in the markup */
/* /Components/Pages/Home.razor.rz.scp.css */
/* Component-specific styles for Home */
/* Currently using Tailwind utility classes in the markup */
/* /Components/Pages/Settings.razor.rz.scp.css */
/* Settings vertical tabs — clean sidebar nav style */

/* Tab header column */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header {
    min-width: 180px !important;
    width: auto !important;
    border-right: 1px solid #e5e7eb !important;
    background: transparent !important;
}

/* Hide default Syncfusion indicator line/bar */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-indicator,
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-hscroll-bar,
[b-9xg7pd6d4y] .settings-vertical-tabs .e-indicator {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
}

[b-9xg7pd6d4y] .settings-vertical-tabs .e-toolbar-item.e-active::before,
[b-9xg7pd6d4y] .settings-vertical-tabs .e-toolbar-item.e-active::after {
    display: none !important;
}

[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-items {
    overflow: visible !important;
    background: transparent !important;
}

/* Tab items — proper spacing and sizing */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item {
    padding: 4px 8px !important;
    min-height: 44px !important;
    min-width: 160px !important;
    width: auto !important;
    border: none !important;
    background: transparent !important;
}

[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item .e-tab-wrap {
    padding: 0 !important;
}

/* Tab text */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-tab-text {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    color: #4b5563 !important;
    text-decoration: none !important;
}

/* Tab icons */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header svg {
    width: 1.125rem !important;
    height: 1.125rem !important;
    flex-shrink: 0 !important;
}

/* Layout inside header template */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item .flex,
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item > div {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 0.375rem !important;
    transition: all 0.15s !important;
    color: #4b5563 !important;
    text-decoration: none !important;
}

/* Hover */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item:not(.e-active):hover .flex,
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item:not(.e-active):hover > div {
    background-color: #eef2ff !important;
    color: #4338ca !important;
}

/* Active tab */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item.e-active .flex,
[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item.e-active > div {
    background-color: #eef2ff !important;
    color: #4338ca !important;
}

[b-9xg7pd6d4y] .settings-vertical-tabs .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    font-weight: 600 !important;
    color: #4338ca !important;
}

/* Content area */
[b-9xg7pd6d4y] .settings-vertical-tabs .e-content {
    border: none !important;
}

/* Dark mode */
:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header {
    border-right-color: #374151 !important;
}

:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header .e-tab-text,
:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header .e-toolbar-item .flex,
:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header .e-toolbar-item > div {
    color: #d1d5db !important;
}

:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header .e-toolbar-item:not(.e-active):hover .flex,
:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header .e-toolbar-item:not(.e-active):hover > div {
    background-color: rgba(99, 102, 241, 0.15) !important;
    color: #c7d2fe !important;
}

:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header .e-toolbar-item.e-active .flex,
:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header .e-toolbar-item.e-active > div {
    background-color: rgba(99, 102, 241, 0.15) !important;
    color: #c7d2fe !important;
    border-left-color: #818cf8 !important;
}

:global(.dark)[b-9xg7pd6d4y]  .settings-vertical-tabs .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: #c7d2fe !important;
}

/* /Components/Pages/Setup.razor.rz.scp.css */
/* Component-specific styles for Setup */
/* Currently using Tailwind utility classes in the markup */
/* /Demo/UI/DemoBanner.razor.rz.scp.css */
/* Read-only demo notice. Colours are the product's indigo "primary" palette (@theme in Styles/site.css)
   (50 #eef2ff, 200 #c7d2fe, 300 #a5b4fc, 500 #6366f1, 800 #3730a3, 950 #1e1b4b) and the badge repeats the nav's
   primary-500 -> purple-500 gradient, so the bar reads as part of the app rather than as a warning. */

.aig-demo-banner[b-ssb2n3ho5a] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.375rem 1.5rem;
    border-bottom: 1px solid #c7d2fe;
    background-color: #eef2ff;
    color: #3730a3;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.aig-demo-badge[b-ssb2n3ho5a] {
    flex-shrink: 0;
    border-radius: 0.25rem;
    padding: 0.0625rem 0.375rem;
    background-image: linear-gradient(to right, #6366f1, #a855f7);
    color: #ffffff;
    font-size: 0.625rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.aig-demo-icon[b-ssb2n3ho5a] {
    flex-shrink: 0;
    color: #6366f1;
    font-size: 0.75rem;
}

/* The text wraps instead of truncating: on a phone the whole sentence stays readable, and the bar grows by a line
   rather than pushing anything sideways. */
.aig-demo-text[b-ssb2n3ho5a] {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* The product's dark: utilities follow the operating system (Tailwind v4 default), so this does too. */
@media (prefers-color-scheme: dark) {
    .aig-demo-banner[b-ssb2n3ho5a] {
        border-bottom-color: #3730a3;
        background-color: #1e1b4b;
        color: #c7d2fe;
    }

    .aig-demo-icon[b-ssb2n3ho5a] {
        color: #a5b4fc;
    }
}

@media (max-width: 639.98px) {
    .aig-demo-banner[b-ssb2n3ho5a] {
        align-items: flex-start;
        gap: 0.5rem;
        padding: 0.375rem 1rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
    }

    .aig-demo-badge[b-ssb2n3ho5a],
    .aig-demo-icon[b-ssb2n3ho5a] {
        margin-top: 0.0625rem;
    }

    /* The badge already says "Demo"; the icon is the first thing to go when space is short. */
    .aig-demo-icon[b-ssb2n3ho5a] {
        display: none;
    }
}

@media print {
    .aig-demo-banner[b-ssb2n3ho5a] {
        border-bottom-color: #000000;
        background: none;
        color: #000000;
    }
}