@import '_content/EDBS_NG.WebApp.Components/EDBS_NG.WebApp.Components.ronukbcrfn.bundle.scp.css';

/* /Components/Designer/CoreLayoutBrowserDialog.razor.rz.scp.css */
/* Core Layouts Browser — Forge workbench look.
   Renders teleported under body > .rz-dialog-wrapper, which inherits the --c-* tokens
   (forge-workbench.css:11-15). The per-module --mod-* accents are NOT mirrored there,
   so Form/Grid badge tints use the always-available --c-info / --c-success. */

.core-browser[b-yafgn2l6x2] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 0.75rem;
    color: var(--c-text, #d4dae0);
    font-family: var(--f-sans, system-ui, sans-serif);
}

.core-browser__split[b-yafgn2l6x2] {
    display: grid;
    grid-template-columns: minmax(280px, 340px) 1fr;
    gap: 0.75rem;
    flex: 1 1 auto;
    min-height: 0;
}

/* ── Panels (card shell) ───────────────────────────────────────────── */
.core-browser__panel[b-yafgn2l6x2] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--c-bg-elev, #1c2128);
    border: 1px solid var(--c-border, #20262e);
    border-radius: 8px;
    overflow: hidden;
}

.core-browser__panel-head[b-yafgn2l6x2] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    font-size: var(--fz-sm, 12px);
    font-weight: 600;
    color: var(--c-text-dim, #8a96a3);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.core-browser__panel-head[b-yafgn2l6x2]  .rzi { font-size: 16px; color: var(--c-text-mute, #5a6573); }

.core-browser__panel-title[b-yafgn2l6x2] { flex: 0 0 auto; }

.core-browser__count[b-yafgn2l6x2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 17px;
    padding: 0 7px;
    border-radius: 9px;
    background: var(--c-bg-active, #232a33);
    color: var(--c-text-dim, #8a96a3);
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.66rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    letter-spacing: 0;
}

/* On the preview head, push the entity-name subtitle to the right. */
.core-browser__panel-subtitle[b-yafgn2l6x2] {
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--c-accent, #4ec9b0);
}
.core-browser__panel-suffix[b-yafgn2l6x2] { color: var(--c-text-mute, #5a6573); }

/* ── Search box ────────────────────────────────────────────────────── */
.core-browser__search[b-yafgn2l6x2] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.5rem 0.5rem 0;
    height: 30px;
    padding: 0 0.5rem;
    border: 1px solid var(--c-border-strong, #2e3640);
    background: var(--c-bg-deepest, #0e1116);
    border-radius: 6px;
    color: var(--c-text-dim, #8a96a3);
}
.core-browser__search:focus-within[b-yafgn2l6x2] {
    border-color: var(--c-accent, #4ec9b0);
    box-shadow: 0 0 0 2px rgba(78, 201, 176, 0.2);
    background: var(--c-bg-active, #232a33);
}
.core-browser__search[b-yafgn2l6x2]  .rzi { font-size: 15px; color: var(--c-text-mute, #5a6573); flex: 0 0 auto; }

.core-browser__search-input[b-yafgn2l6x2] {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    background: transparent;
    border: 0;
    outline: 0;
    color: var(--c-text, #d4dae0);
    font-family: inherit;
    font-size: 0.8rem;
}
.core-browser__search-input[b-yafgn2l6x2]::placeholder { color: var(--c-text-mute, #5a6573); }

.core-browser__search-clear[b-yafgn2l6x2] {
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
    border: 0;
    background: transparent;
    color: var(--c-text-mute, #5a6573);
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.core-browser__search-clear:hover[b-yafgn2l6x2] {
    background: var(--c-bg-hover, #1a1f26);
    color: var(--c-text, #d4dae0);
}
.core-browser__search-clear[b-yafgn2l6x2]  .rzi { font-size: 14px; }

/* ── Entity list ───────────────────────────────────────────────────── */
.core-browser__list[b-yafgn2l6x2] {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
    padding: 0.35rem 0;
}

.core-browser__entry[b-yafgn2l6x2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.32rem 0.7rem;
    cursor: pointer;
    font-size: 0.82rem;
    color: var(--c-text-dim, #8a96a3);
    border-left: 2px solid transparent;
    user-select: none;
}
.core-browser__entry:hover[b-yafgn2l6x2] {
    background: var(--c-bg-hover, #1a1f26);
    color: var(--c-text, #d4dae0);
}
.core-browser__entry--selected[b-yafgn2l6x2],
.core-browser__entry--selected:hover[b-yafgn2l6x2] {
    background: var(--c-bg-selected, #1a3a48);
    border-left-color: var(--c-accent, #4ec9b0);
    color: var(--c-text, #d4dae0);
    font-weight: 600;
}

.core-browser__name[b-yafgn2l6x2] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.core-browser__badges[b-yafgn2l6x2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}
.core-browser__badge[b-yafgn2l6x2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
}
.core-browser__badge[b-yafgn2l6x2]  .rzi { font-size: 15px; }
.core-browser__badge--form[b-yafgn2l6x2]  .rzi { color: var(--c-info, #61afef); }
.core-browser__badge--grid[b-yafgn2l6x2]  .rzi { color: var(--c-success, #a3d977); }

.core-browser__empty[b-yafgn2l6x2],
.core-browser__hint[b-yafgn2l6x2] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1.25rem;
    color: var(--c-text-mute, #5a6573);
    font-size: 0.82rem;
    text-align: center;
}

/* ── Preview pane ──────────────────────────────────────────────────── */
.core-browser__preview[b-yafgn2l6x2] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: transparent;
    border: none;
}

/* Radzen tab nav (Form/Grid) — mirror the workbench .rz-tabview theming, which
   forge-workbench.css scopes to .forge-shell and so doesn't reach this teleported dialog. */
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav-container { background: transparent; }
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav {
    background: var(--c-bg-tool, #161a20);
    border-bottom: 1px solid var(--c-border, #20262e);
    margin: 0;
    padding: 0 4px;
    list-style: none;
    display: flex;
    gap: 0;
}
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0;
    margin: 0 0 -1px;
    padding: 0;
}
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li:hover { background: var(--c-bg-hover, #1a1f26) !important; }
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li.rz-tabview-selected,
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li.rz-state-active {
    border-bottom-color: var(--c-accent, #4ec9b0) !important;
    background: transparent !important;
}
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li button {
    background: transparent;
    border: none;
    color: var(--c-text-dim, #8a96a3);
    font-size: var(--fz-sm, 12px);
    font-family: var(--f-sans, system-ui, sans-serif);
    padding: 0 12px;
    height: 30px;
    cursor: pointer;
}
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li .rz-tabview-title { color: inherit; }
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li:hover button,
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li:hover .rz-tabview-title { color: var(--c-text, #d4dae0); }
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li.rz-tabview-selected button,
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li.rz-tabview-selected .rz-tabview-title {
    color: var(--c-text, #d4dae0);
    font-weight: 500;
}
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li.rz-state-disabled button,
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-nav li.rz-state-disabled .rz-tabview-title {
    color: var(--c-text-mute, #5a6573);
    opacity: 0.55;
}
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-ink-bar { display: none !important; }
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-panels {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
    background: var(--c-bg-deepest, #0e1116);
    border: none;
    padding: 0;
}
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-panel { padding: 0; }

/* Dark-mode scrollbars for every scrollable area in the dialog — forge-workbench.css
   scopes its scrollbar rules to .forge-shell, which the teleported dialog is outside of. */
.core-browser__list[b-yafgn2l6x2],
.core-browser__pre[b-yafgn2l6x2],
.core-browser__preview[b-yafgn2l6x2]  .rz-tabview-panels {
    scrollbar-width: thin;
    scrollbar-color: var(--c-border-strong, #2e3640) transparent;
}
.core-browser[b-yafgn2l6x2]  ::-webkit-scrollbar { width: 10px; height: 10px; }
.core-browser[b-yafgn2l6x2]  ::-webkit-scrollbar-track { background: transparent; }
.core-browser[b-yafgn2l6x2]  ::-webkit-scrollbar-thumb {
    background: var(--c-border-strong, #2e3640);
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.core-browser[b-yafgn2l6x2]  ::-webkit-scrollbar-thumb:hover {
    background: var(--c-text-mute, #5a6573);
    background-clip: padding-box;
}

.core-browser__pre[b-yafgn2l6x2] {
    margin: 0;
    padding: 0.6rem 0.85rem;
    font-family: var(--f-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
    font-size: 0.74rem;
    line-height: 1.5;
    color: var(--c-text, #d4dae0);
    background: var(--c-bg-deepest, #0e1116);
    white-space: pre;
    overflow: auto;
    height: 100%;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.core-browser__footer[b-yafgn2l6x2] {
    flex: 0 0 auto;
}
/* /Components/DevBar/DevBar.razor.rz.scp.css */
.devbar[b-9ib6tqxt8d] {
    /* Floats over the entire viewport bottom: full width including sidebar area,
       not constrained by RadzenLayout. Browser-devtools-style overlay. */
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background: #111827;
    color: #e5e7eb;
    border-top: 1px solid #0b1220;
    box-shadow: 0 -2px 14px rgba(0, 0, 0, 0.32);
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 0.78rem;
    transition: height 200ms ease;
    overflow: hidden;
    min-height: 0;
    z-index: 1000;
}

.devbar--collapsed[b-9ib6tqxt8d] { height: 36px; }
/* Expanded: ~2/3 of the viewport — generous enough for status grids and log
   details while leaving the upper third visible so the page underneath stays
   useful. The min-height guards against tiny viewports collapsing the body. */
.devbar--open[b-9ib6tqxt8d]      { height: 66vh; min-height: 240px; }
/* Fullscreen takeover for deep-dive sessions (long diffs, big status lists).
   Wins over `--open` because it follows in source order. */
.devbar--fullscreen[b-9ib6tqxt8d] { height: 100vh; max-height: 100vh; }

.devbar__header[b-9ib6tqxt8d] {
    flex: 0 0 36px;
    height: 36px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
}

.devbar__solution[b-9ib6tqxt8d] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    white-space: nowrap;
    z-index: 1;
}

.devbar__toggle[b-9ib6tqxt8d] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.78rem;
    line-height: 1;
}
.devbar__toggle:hover[b-9ib6tqxt8d] { background: rgba(255, 255, 255, 0.08); }
.devbar__toggle[b-9ib6tqxt8d]  .rz-icon,
.devbar__toggle[b-9ib6tqxt8d]  .rzi { font-size: 18px; }

.devbar__title[b-9ib6tqxt8d] {
    letter-spacing: 0.04em;
    font-weight: 700;
    color: #93c5fd;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.devbar__counts[b-9ib6tqxt8d] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    font-variant-numeric: tabular-nums;
    opacity: 0.92;
}
.devbar__count[b-9ib6tqxt8d]        { font-weight: 600; }
.devbar__count--info[b-9ib6tqxt8d]  { color: #60a5fa; }
.devbar__count--warn[b-9ib6tqxt8d]  { color: #fbbf24; }
.devbar__count--error[b-9ib6tqxt8d] { color: #f87171; }
.devbar__count--debug[b-9ib6tqxt8d] { color: #94a3b8; }

.devbar__filters[b-9ib6tqxt8d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    color: #cbd5e1;
}
.devbar__select[b-9ib6tqxt8d],
.devbar__search[b-9ib6tqxt8d] {
    height: 24px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.05);
    color: inherit;
    padding: 0 0.45rem;
    font-size: 0.74rem;
    outline: none;
}
.devbar__search[b-9ib6tqxt8d] { width: 180px; }
.devbar__select:focus[b-9ib6tqxt8d],
.devbar__search:focus[b-9ib6tqxt8d] { border-color: #60a5fa; box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.25); }

.devbar__check[b-9ib6tqxt8d] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    user-select: none;
    opacity: 0.9;
    font-size: 0.72rem;
}
.devbar__check input[b-9ib6tqxt8d] { accent-color: #60a5fa; }

.devbar__actions[b-9ib6tqxt8d] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.25rem;
}
.devbar__btn[b-9ib6tqxt8d] {
    height: 26px;
    width: 26px;
    border: 0;
    background: transparent;
    color: inherit;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.devbar__btn:hover[b-9ib6tqxt8d] { background: rgba(255, 255, 255, 0.08); }
.devbar__btn[b-9ib6tqxt8d]  .rz-icon,
.devbar__btn[b-9ib6tqxt8d]  .rzi { font-size: 18px; }

.devbar__tabs[b-9ib6tqxt8d] {
    flex: 0 0 32px;
    height: 32px;
    display: flex;
    gap: 0.25rem;
    padding: 0 0.5rem;
    background: rgba(0, 0, 0, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.devbar__tab[b-9ib6tqxt8d] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 100%;
    padding: 0 0.85rem;
    border: 0;
    background: transparent;
    color: #cbd5e1;
    cursor: pointer;
    font-size: 0.78rem;
    border-bottom: 2px solid transparent;
}
.devbar__tab:hover[b-9ib6tqxt8d] {
    background: rgba(255, 255, 255, 0.04);
    color: #f1f5f9;
}
.devbar__tab--active[b-9ib6tqxt8d] {
    border-bottom-color: #60a5fa;
    color: #f1f5f9;
}
.devbar__tab[b-9ib6tqxt8d]  .rz-icon,
.devbar__tab[b-9ib6tqxt8d]  .rzi { font-size: 16px; }

.devbar__body[b-9ib6tqxt8d] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #0f172a;
}
/* /Components/DevBar/Git/BranchCreateDialog.razor.rz.scp.css */
/* Sizing, background, border and text color all come from the rz-textbox/rz-input-md classes +
   the outlined RadzenFormField (identical to the RemoteDialog's RadzenTextBox). Only the monospace
   font is layered on top — a branch slug is a technical identifier, matching the workbench's mono
   usage for code/paths/values. */
.branch-dialog__input[b-ikqpyx9e6r] {
    width: 100%;
    font-family: var(--f-mono, ui-monospace, monospace);
}

.branch-dialog__preview[b-ikqpyx9e6r] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
}
.branch-dialog__preview-label[b-ikqpyx9e6r] {
    color: var(--c-text-mute, #5a6573);
}
.branch-dialog__preview code[b-ikqpyx9e6r] {
    font-family: var(--f-mono, ui-monospace, monospace);
    color: var(--c-accent, #6ea8fe);
    background: var(--c-bg-hover, #1a1f26);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}
.branch-dialog__preview-empty[b-ikqpyx9e6r] {
    color: var(--c-text-mute, #5a6573);
}

.branch-dialog__error[b-ikqpyx9e6r] {
    font-size: 0.74rem;
    color: #fecaca;
}
.branch-dialog__error code[b-ikqpyx9e6r] {
    font-family: var(--f-mono, ui-monospace, monospace);
}
/* /Components/DevBar/Git/GitBranchesSection.razor.rz.scp.css */
.devbar-git-branches[b-k1oamppfjq] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.75rem;
}

.devbar-git-branches__toolbar[b-k1oamppfjq] {
    margin-bottom: 0.5rem;
}

.devbar-git-branches__empty[b-k1oamppfjq] {
    color: var(--c-text-mute, #5a6573);
    padding: 1rem 0;
}

.devbar-git-branches__list[b-k1oamppfjq] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    overflow: auto;
}

.devbar-git-branches__row[b-k1oamppfjq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    color: var(--c-text-dim, #8a96a3);
}
.devbar-git-branches__row[b-k1oamppfjq]  .rzi { font-size: 14px; color: var(--c-text-mute, #5a6573); }
.devbar-git-branches__row--current[b-k1oamppfjq] { color: var(--c-text, #d4dae0); }
.devbar-git-branches__row--current[b-k1oamppfjq]  .rzi { color: var(--c-success, #a3d977); }

.devbar-git-branches__name[b-k1oamppfjq] {
    font-family: var(--f-mono, ui-monospace, monospace);
}
.devbar-git-branches__upstream[b-k1oamppfjq] {
    color: var(--c-text-mute, #5a6573);
    font-size: 0.72rem;
}

.devbar-git-branches__btn[b-k1oamppfjq] {
    margin-left: auto;
    height: 22px;
    width: 22px;
    border: 0;
    background: transparent;
    color: var(--c-text-dim, #8a96a3);
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.devbar-git-branches__row:hover .devbar-git-branches__btn[b-k1oamppfjq] { opacity: 1; }
.devbar-git-branches__btn:hover[b-k1oamppfjq] { background: var(--c-bg-hover, #1a1f26); color: var(--c-text, #d4dae0); }
.devbar-git-branches__btn:disabled[b-k1oamppfjq] { opacity: 0.4; cursor: not-allowed; }
.devbar-git-branches__btn[b-k1oamppfjq]  .rzi { font-size: 14px; }
/* /Components/DevBar/Git/GitLogSection.razor.rz.scp.css */
.devbar-git-log[b-inbvimvmey] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.devbar-git-log__empty[b-inbvimvmey] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c-text-mute, #5a6573);
    padding: 1rem;
}

.devbar-git-log__layout[b-inbvimvmey] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.devbar-git-log__list[b-inbvimvmey] {
    flex: 1 1 auto;
    overflow: auto;
    padding: 0.25rem 0.5rem;
    min-width: 0;
}

.devbar-git-log__row[b-inbvimvmey] {
    display: grid;
    grid-template-columns: 70px 140px 80px 1fr;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.74rem;
}
.devbar-git-log__row:hover[b-inbvimvmey] { background: var(--c-bg-hover, #1a1f26); }
.devbar-git-log__row--selected[b-inbvimvmey] { background: var(--c-bg-selected, #1a3a48); }

.devbar-git-log__hash[b-inbvimvmey] {
    font-family: var(--f-mono, ui-monospace, monospace);
    color: var(--c-accent, #4ec9b0);
}
.devbar-git-log__author[b-inbvimvmey] { color: var(--c-text-dim, #8a96a3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.devbar-git-log__when[b-inbvimvmey]   { color: var(--c-text-mute, #5a6573); font-variant-numeric: tabular-nums; }
.devbar-git-log__subject[b-inbvimvmey] {
    color: var(--c-text, #d4dae0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.devbar-git-log__more[b-inbvimvmey] {
    padding: 0.5rem;
    text-align: center;
}

.devbar-git-log__detail[b-inbvimvmey] {
    flex: 0 0 460px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-deepest, #0e1116);
    min-width: 0;
    overflow: hidden;
}
.devbar-git-log__detail-body[b-inbvimvmey] {
    flex: 1 1 auto;
    overflow: auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.devbar-git-log__detail-header[b-inbvimvmey] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    font-size: 0.72rem;
}
.devbar-git-log__detail-header code[b-inbvimvmey] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--c-accent, #4ec9b0);
    font-family: var(--f-mono, ui-monospace, monospace);
}
.devbar-git-log__close[b-inbvimvmey] {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    border-radius: 4px;
    padding: 2px;
}
.devbar-git-log__close:hover[b-inbvimvmey] { background: var(--c-bg-hover, #1a1f26); }

.devbar-git-log__detail-meta[b-inbvimvmey] {
    padding: 0.35rem 0.5rem;
    font-size: 0.72rem;
    color: var(--c-text-dim, #8a96a3);
    border-bottom: 1px solid var(--c-border, #20262e);
}

.devbar-git-log__body[b-inbvimvmey] {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.5rem;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.74rem;
    white-space: pre-wrap;
    color: var(--c-text, #d4dae0);
    max-height: 140px;
    overflow: auto;
    border-bottom: 1px solid var(--c-border, #20262e);
}

.devbar-git-log__files-title[b-inbvimvmey] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--c-text-mute, #5a6573);
}
.devbar-git-log__files-count[b-inbvimvmey] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 16px;
    padding: 0 5px;
    border-radius: 8px;
    background: var(--c-bg-active, #232a33);
    color: var(--c-text-dim, #8a96a3);
    font-size: 0.62rem;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    letter-spacing: 0;
}
.devbar-git-log__files-loading[b-inbvimvmey] {
    padding: 0.5rem;
    color: var(--c-text-mute, #5a6573);
    font-size: 0.72rem;
    font-style: italic;
}
.devbar-git-log__files[b-inbvimvmey] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    padding: 0.2rem 0.25rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    max-height: 180px;
    overflow: auto;
}
.devbar-git-log__file[b-inbvimvmey] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.2rem 0.3rem;
    border: 0;
    background: transparent;
    color: var(--c-text, #d4dae0);
    border-radius: 3px;
    cursor: pointer;
    text-align: left;
    font-size: 0.74rem;
}
.devbar-git-log__file:hover[b-inbvimvmey] {
    background: var(--c-bg-hover, #1a1f26);
}
.devbar-git-log__file--selected[b-inbvimvmey] {
    background: var(--c-bg-selected, #1a3a48);
    color: var(--c-text, #d4dae0);
}
.devbar-git-log__file-path[b-inbvimvmey] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--f-mono, ui-monospace, monospace);
    min-width: 0;
    flex: 1 1 auto;
}

.devbar-git-log__diff-header[b-inbvimvmey] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.5rem;
    background: var(--c-accent-soft, rgba(78, 201, 176, 0.14));
    color: var(--c-text-dim, #8a96a3);
    font-size: 0.72rem;
    font-family: var(--f-mono, ui-monospace, monospace);
    border-bottom: 1px solid rgba(78, 201, 176, 0.2);
}
.devbar-git-log__diff-header[b-inbvimvmey]  .rzi { font-size: 14px; color: var(--c-accent, #4ec9b0); }

.devbar-git-log__diff[b-inbvimvmey] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.72rem;
    line-height: 1.4;
    padding: 0.25rem 0;
}
.devbar-git-log__diff-line[b-inbvimvmey] {
    padding: 0 0.6rem;
    white-space: pre-wrap;
    word-break: break-word;
}
.devbar-git-log__diff-line--add[b-inbvimvmey]  { background: rgba(163, 217, 119, 0.10); color: #b5e890; }
.devbar-git-log__diff-line--del[b-inbvimvmey]  { background: rgba(239, 95, 107, 0.10); color: #f5a0a7; }
.devbar-git-log__diff-line--hunk[b-inbvimvmey] { background: var(--c-accent-soft, rgba(78, 201, 176, 0.14)); color: var(--c-accent, #4ec9b0); }
.devbar-git-log__diff-line--meta[b-inbvimvmey] { color: var(--c-text-mute, #5a6573); }
.devbar-git-log__diff-line--ctx[b-inbvimvmey]  { color: var(--c-text-dim, #8a96a3); }
/* /Components/DevBar/Git/GitMergeRequestsSection.razor.rz.scp.css */
.devbar-git-mrs[b-forjjw4fhg] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.75rem;
}

.devbar-git-mrs__empty[b-forjjw4fhg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--c-text-mute, #5a6573);
    padding: 1rem 0;
}

.devbar-git-mrs__list[b-forjjw4fhg] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.devbar-git-mrs__row[b-forjjw4fhg] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.35rem 0.4rem;
    border: 1px solid var(--c-border, #20262e);
    border-radius: 4px;
}
.devbar-git-mrs__row:hover[b-forjjw4fhg] { background: var(--c-bg-hover, #1a1f26); }

.devbar-git-mrs__title[b-forjjw4fhg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--c-text, #d4dae0);
    text-decoration: none;
    min-width: 0;
}
.devbar-git-mrs__title:hover[b-forjjw4fhg] { color: var(--c-accent, #4ec9b0); }
.devbar-git-mrs__title[b-forjjw4fhg]  .rzi { font-size: 14px; color: var(--c-accent, #4ec9b0); }
.devbar-git-mrs__iid[b-forjjw4fhg] {
    color: var(--c-text-mute, #5a6573);
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.72rem;
}
.devbar-git-mrs__name[b-forjjw4fhg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.devbar-git-mrs__meta[b-forjjw4fhg] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    color: var(--c-text-mute, #5a6573);
    padding-left: 1.2rem;
}
.devbar-git-mrs__meta code[b-forjjw4fhg] {
    font-family: var(--f-mono, ui-monospace, monospace);
    color: var(--c-text-dim, #8a96a3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40%;
}
.devbar-git-mrs__meta[b-forjjw4fhg]  .rzi { font-size: 13px; }
.devbar-git-mrs__author[b-forjjw4fhg] { color: var(--c-text-dim, #8a96a3); }
/* /Components/DevBar/Git/GitRemotesSection.razor.rz.scp.css */
.devbar-git-remotes[b-uir9q3koe6] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.75rem;
}

.devbar-git-remotes__toolbar[b-uir9q3koe6] {
    margin-bottom: 0.5rem;
}

.devbar-git-remotes__empty[b-uir9q3koe6] {
    color: var(--c-text-mute, #5a6573);
    padding: 1rem 0;
}

.devbar-git-remotes__table[b-uir9q3koe6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.74rem;
}
.devbar-git-remotes__table th[b-uir9q3koe6] {
    text-align: left;
    color: var(--c-text-mute, #5a6573);
    font-weight: 600;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.25rem 0.3rem;
    border-bottom: 1px solid var(--c-border, #20262e);
}
.devbar-git-remotes__table td[b-uir9q3koe6] {
    padding: 0.25rem 0.3rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    color: var(--c-text, #d4dae0);
    vertical-align: top;
}
.devbar-git-remotes__table code[b-uir9q3koe6] {
    font-family: var(--f-mono, ui-monospace, monospace);
    color: var(--c-text-dim, #8a96a3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 320px;
    display: inline-block;
}

.devbar-git-remotes__actions[b-uir9q3koe6] {
    display: flex;
    gap: 0.25rem;
    justify-content: flex-end;
}
.devbar-git-remotes__btn[b-uir9q3koe6] {
    height: 22px;
    width: 22px;
    border: 0;
    background: transparent;
    color: var(--c-text-dim, #8a96a3);
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.devbar-git-remotes__btn:hover[b-uir9q3koe6] { background: var(--c-bg-hover, #1a1f26); color: var(--c-text, #d4dae0); }
.devbar-git-remotes__btn:disabled[b-uir9q3koe6] { opacity: 0.4; cursor: not-allowed; }
.devbar-git-remotes__btn--danger:hover[b-uir9q3koe6] { background: rgba(239, 95, 107, 0.18); color: #fecaca; }
.devbar-git-remotes__btn[b-uir9q3koe6]  .rzi { font-size: 14px; }
/* /Components/DevBar/Git/GitStatusBadge.razor.rz.scp.css */
.git-badge[b-183bfxae5j] {
    width: 20px;
    height: 16px;
    border-radius: 3px;
    font-family: var(--f-sans, system-ui, sans-serif);
    font-weight: 700;
    font-size: 0.65rem;
    line-height: 1;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    border: 1px solid transparent;
    flex: 0 0 auto;
}
.git-badge--modified[b-183bfxae5j]  { background: rgba(229, 192, 123, 0.16); color: var(--c-warn, #e5c07b); border-color: rgba(229, 192, 123, 0.32); }
.git-badge--added[b-183bfxae5j]     { background: rgba(163, 217, 119, 0.16); color: var(--c-success, #a3d977); border-color: rgba(163, 217, 119, 0.32); }
.git-badge--deleted[b-183bfxae5j]   { background: rgba(239, 95, 107, 0.16); color: var(--c-error, #ef5f6b); border-color: rgba(239, 95, 107, 0.32); }
.git-badge--renamed[b-183bfxae5j]   { background: rgba(167, 139, 250, 0.16); color: #a78bfa; border-color: rgba(167, 139, 250, 0.32); }
.git-badge--untracked[b-183bfxae5j] { background: rgba(97, 175, 239, 0.16); color: var(--c-info, #61afef); border-color: rgba(97, 175, 239, 0.32); }
.git-badge--conflict[b-183bfxae5j]  { background: rgba(251, 113, 133, 0.22); color: #fecaca; border-color: rgba(251, 113, 133, 0.45); }
/* /Components/DevBar/Git/GitStatusSection.razor.rz.scp.css */
.devbar-git-status[b-lphy4oriep] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.devbar-git-status__toolbar[b-lphy4oriep] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    border-bottom: 1px solid var(--c-border, #20262e);
}

.devbar-git-status__toggle[b-lphy4oriep] {
    display: inline-flex;
    align-items: stretch;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--c-border-strong, #2e3640);
}
.devbar-git-status__toggle-btn[b-lphy4oriep] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    height: 22px;
    padding: 0 0.5rem;
    border: 0;
    background: transparent;
    color: var(--c-text-mute, #5a6573);
    cursor: pointer;
    font-size: 0.7rem;
}
.devbar-git-status__toggle-btn:hover[b-lphy4oriep] {
    background: var(--c-bg-hover, #1a1f26);
    color: var(--c-text-dim, #8a96a3);
}
.devbar-git-status__toggle-btn--active[b-lphy4oriep] {
    background: var(--c-accent-soft, rgba(78, 201, 176, 0.14));
    color: var(--c-accent, #4ec9b0);
}
.devbar-git-status__toggle-btn[b-lphy4oriep]  .rzi { font-size: 14px; }
.devbar-git-status__toggle-btn + .devbar-git-status__toggle-btn[b-lphy4oriep] {
    border-left: 1px solid var(--c-border-strong, #2e3640);
}

.devbar-git-status__empty[b-lphy4oriep] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: var(--c-text-mute, #5a6573);
    padding: 1rem;
}

.devbar-git-status__lists[b-lphy4oriep] {
    flex: 1 1 auto;
    overflow: auto;
    padding: 0.4rem 0.75rem;
}

.devbar-git-status__bucket[b-lphy4oriep] {
    margin-bottom: 0.55rem;
}
.devbar-git-status__bucket-title[b-lphy4oriep] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--c-text-mute, #5a6573);
    margin: 0.1rem 0 0.35rem;
}
.devbar-git-status__bucket-count[b-lphy4oriep] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 16px;
    padding: 0 5px;
    border-radius: 8px;
    background: var(--c-bg-active, #232a33);
    color: var(--c-text-dim, #8a96a3);
    font-size: 0.62rem;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    letter-spacing: 0;
}
.devbar-git-status__bucket--conflict .devbar-git-status__bucket-title[b-lphy4oriep] { color: #fb7185; }
.devbar-git-status__bucket--conflict .devbar-git-status__bucket-count[b-lphy4oriep] {
    background: rgba(251, 113, 133, 0.22);
    color: #fecaca;
}

.devbar-git-status__row[b-lphy4oriep] {
    display: grid;
    grid-template-columns: 20px 22px 1fr;
    align-items: center;
    gap: 0.45rem;
    padding: 0.04rem 0.4rem;
    border-radius: 4px;
    border-left: 2px solid transparent;
    transition: background 80ms ease, border-color 80ms ease;
}

.devbar-git-status__row--folder[b-lphy4oriep] {
    grid-template-columns: 20px 18px 1fr auto;
    color: var(--c-text-dim, #8a96a3);
    cursor: default;
}
.devbar-git-status__row--folder:hover[b-lphy4oriep] {
    background: var(--c-bg-hover, #1a1f26);
    border-left-color: rgba(148, 163, 184, 0.45);
}
.devbar-git-status__chevron[b-lphy4oriep] {
    height: 18px;
    width: 18px;
    border: 0;
    background: transparent;
    color: var(--c-text-mute, #5a6573);
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.devbar-git-status__chevron:hover[b-lphy4oriep] { background: var(--c-bg-hover, #1a1f26); color: var(--c-text, #d4dae0); }
.devbar-git-status__chevron[b-lphy4oriep]  .rzi { font-size: 16px; }

.devbar-git-status__action--folder[b-lphy4oriep] {
    opacity: 1 !important;
}

.devbar-git-status__folder-label[b-lphy4oriep] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.devbar-git-status__folder-label[b-lphy4oriep]  .rzi {
    font-size: 14px;
    color: var(--c-text-mute, #5a6573);
    flex: 0 0 auto;
}
.devbar-git-status__row--folder .devbar-git-status__name[b-lphy4oriep] {
    color: var(--c-text, #d4dae0);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.devbar-git-status__folder-count[b-lphy4oriep] {
    color: var(--c-text-mute, #5a6573);
    font-size: 0.7rem;
    padding: 0.05rem 0.4rem;
    border-radius: 8px;
    background: var(--c-bg-active, #232a33);
    font-variant-numeric: tabular-nums;
    align-self: center;
    justify-self: end;
}
.devbar-git-status__row:hover[b-lphy4oriep] {
    background: var(--c-bg-hover, #1a1f26);
}
.devbar-git-status__row--modified:hover[b-lphy4oriep]  { border-left-color: rgba(229, 192, 123, 0.55); }
.devbar-git-status__row--added:hover[b-lphy4oriep]     { border-left-color: rgba(163, 217, 119, 0.55); }
.devbar-git-status__row--deleted:hover[b-lphy4oriep]   { border-left-color: rgba(239, 95, 107, 0.55); }
.devbar-git-status__row--renamed:hover[b-lphy4oriep]   { border-left-color: rgba(167, 139, 250, 0.55); }
.devbar-git-status__row--untracked:hover[b-lphy4oriep] { border-left-color: rgba(97, 175, 239, 0.55); }
.devbar-git-status__row--conflict:hover[b-lphy4oriep]  { border-left-color: rgba(251, 113, 133, 0.55); }

.devbar-git-status__action[b-lphy4oriep] {
    height: 18px;
    width: 18px;
    border: 1px solid var(--c-border-strong, #2e3640);
    background: var(--c-bg-elev, #1c2128);
    color: var(--c-text-dim, #8a96a3);
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 80ms ease, background 80ms ease, border-color 80ms ease;
}
.devbar-git-status__row:hover .devbar-git-status__action[b-lphy4oriep],
.devbar-git-status__row:focus-within .devbar-git-status__action[b-lphy4oriep] {
    opacity: 1;
}
@media (hover: none) {
    .devbar-git-status__action[b-lphy4oriep] { opacity: 1; }
}
.devbar-git-status__action:hover[b-lphy4oriep] {
    background: var(--c-accent-soft, rgba(78, 201, 176, 0.14));
    border-color: var(--c-accent, #4ec9b0);
    color: var(--c-text, #d4dae0);
}
.devbar-git-status__action:disabled[b-lphy4oriep] { opacity: 0.35; cursor: not-allowed; }
.devbar-git-status__action[b-lphy4oriep]  .rzi { font-size: 14px; }

.devbar-git-status__path[b-lphy4oriep] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.76rem;
    line-height: 1.2;
}
.devbar-git-status__dir[b-lphy4oriep]  { color: var(--c-text-mute, #5a6573); }
.devbar-git-status__name[b-lphy4oriep] { color: var(--c-text, #d4dae0); font-weight: 500; }
.devbar-git-status__arrow[b-lphy4oriep] { color: var(--c-text-mute, #5a6573); margin: 0 0.15rem; }

.devbar-git-status__commit[b-lphy4oriep] {
    flex: 0 0 auto;
    border-top: 1px solid var(--c-border, #20262e);
    padding: 0.6rem 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-end;
    background: var(--c-bg-deepest, #0e1116);
}

.devbar-git-status__msg[b-lphy4oriep] {
    flex: 1 1 auto;
    min-width: 220px;
    min-height: 52px;
    max-height: 120px;
    background: var(--c-bg-elev, #1c2128);
    border: 1px solid var(--c-border-strong, #2e3640);
    border-radius: 4px;
    color: var(--c-text, #d4dae0);
    padding: 0.4rem 0.55rem;
    font-family: inherit;
    font-size: 0.78rem;
    resize: vertical;
    line-height: 1.4;
}
.devbar-git-status__msg[b-lphy4oriep]::placeholder { color: var(--c-text-mute, #5a6573); }
.devbar-git-status__msg:focus[b-lphy4oriep] {
    outline: none;
    border-color: var(--c-accent, #4ec9b0);
    box-shadow: 0 0 0 2px rgba(78, 201, 176, 0.2);
    background: var(--c-bg-active, #232a33);
}

.devbar-git-status__hint[b-lphy4oriep] {
    color: var(--c-text-mute, #5a6573);
    font-size: 0.7rem;
    align-self: center;
}

.devbar-git-status__protected[b-lphy4oriep] {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.74rem;
    color: #f3c98b;
    background: rgba(240, 173, 78, 0.12);
    border: 1px solid rgba(240, 173, 78, 0.3);
    border-radius: 4px;
    padding: 0.35rem 0.5rem;
}
.devbar-git-status__protected code[b-lphy4oriep] {
    font-family: var(--f-mono, ui-monospace, monospace);
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.08);
}
.devbar-git-status__protected[b-lphy4oriep]  .rzi { font-size: 14px; }
/* /Components/DevBar/Git/GitTabBody.razor.rz.scp.css */
.devbar-git[b-yd9v69vz1a] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: var(--c-text, #d4dae0);
    font-size: 0.78rem;
}

.devbar-git__empty[b-yd9v69vz1a] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--c-text-mute, #5a6573);
    padding: 1rem;
    text-align: center;
}
.devbar-git__empty code[b-yd9v69vz1a] {
    background: var(--c-bg-elev, #1c2128);
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    color: var(--c-text-dim, #8a96a3);
}

.devbar-git__layout[b-yd9v69vz1a] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.devbar-git__header[b-yd9v69vz1a] {
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0 0.75rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-deepest, #0e1116);
}
.devbar-git__branch[b-yd9v69vz1a] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--c-accent, #4ec9b0);
}
.devbar-git__branch[b-yd9v69vz1a]  .rzi { font-size: 16px; }
.devbar-git__repo[b-yd9v69vz1a] {
    font-family: var(--f-mono, ui-monospace, monospace);
    color: var(--c-text-mute, #5a6573);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50%;
}
/* Right-aligned action group: a single auto margin pushes the whole cluster to the far
   right, so push + refresh stay adjacent (two separate auto margins would split the gap
   and strand the push button in the middle). */
.devbar-git__actions[b-yd9v69vz1a] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}
.devbar-git__error[b-yd9v69vz1a] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    color: var(--c-error, #ef5f6b);
    font-size: 0.72rem;
}
.devbar-git__btn[b-yd9v69vz1a] {
    height: 24px;
    width: 24px;
    border: 0;
    background: transparent;
    color: inherit;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.devbar-git__btn:hover[b-yd9v69vz1a] { background: var(--c-bg-hover, #1a1f26); }
.devbar-git__btn:disabled[b-yd9v69vz1a] { opacity: 0.4; cursor: not-allowed; }
.devbar-git__btn[b-yd9v69vz1a]  .rzi { font-size: 16px; }

.devbar-git__nav[b-yd9v69vz1a] {
    flex: 0 0 28px;
    display: flex;
    gap: 0.25rem;
    padding: 0 0.5rem;
    background: var(--c-bg-deepest, #0e1116);
    border-bottom: 1px solid var(--c-border, #20262e);
}
.devbar-git__nav-btn[b-yd9v69vz1a] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    height: 100%;
    padding: 0 0.6rem;
    border: 0;
    background: transparent;
    color: var(--c-text-dim, #8a96a3);
    cursor: pointer;
    font-size: 0.74rem;
    border-bottom: 2px solid transparent;
}
.devbar-git__nav-btn:hover[b-yd9v69vz1a] { color: var(--c-text, #d4dae0); }
.devbar-git__nav-btn--active[b-yd9v69vz1a] {
    color: var(--c-text, #d4dae0);
    border-bottom-color: var(--c-accent, #4ec9b0);
}
.devbar-git__nav-btn[b-yd9v69vz1a]  .rzi { font-size: 14px; }
.devbar-git__badge[b-yd9v69vz1a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: var(--c-accent-soft, rgba(78, 201, 176, 0.14));
    color: var(--c-accent, #4ec9b0);
    font-size: 0.65rem;
    font-variant-numeric: tabular-nums;
}

.devbar-git__body[b-yd9v69vz1a] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: var(--c-bg-deepest, #0e1116);
}

/* "Erweitert" / "Zurück zum Workflow" toggle bar between the guided panel and the raw sections. */
.devbar-git__mode[b-yd9v69vz1a] {
    flex: 0 0 26px;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 0.75rem;
    border: 0;
    border-top: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-deepest, #0e1116);
    color: var(--c-text-dim, #8a96a3);
    font-size: 0.72rem;
    cursor: pointer;
    text-align: left;
}
.devbar-git__mode:hover[b-yd9v69vz1a] { color: var(--c-text, #d4dae0); }
.devbar-git__mode--back[b-yd9v69vz1a] {
    border-top: 0;
    border-bottom: 1px solid var(--c-border, #20262e);
}
.devbar-git__mode[b-yd9v69vz1a]  .rzi { font-size: 15px; }
/* /Components/DevBar/Git/GitWorkflowPanel.razor.rz.scp.css */
.wf-panel[b-tzf13nhgps] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.85rem;
    max-width: 640px;
    margin: 0 auto;
    width: 100%;
}

/* Progress rail */
.wf-panel__rail[b-tzf13nhgps] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}
.wf-rail__step[b-tzf13nhgps] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex: 1 1 0;
    min-width: 0;
    color: var(--c-text-mute, #5a6573);
    font-size: 0.7rem;
}
.wf-rail__step:not(:last-child)[b-tzf13nhgps]::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--c-border, #20262e);
    margin-left: 0.35rem;
}
.wf-rail__dot[b-tzf13nhgps] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--c-border, #20262e);
    font-size: 0.66rem;
    font-variant-numeric: tabular-nums;
}
.wf-rail__label[b-tzf13nhgps] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wf-rail__step--active[b-tzf13nhgps] { color: var(--c-text, #d4dae0); }
.wf-rail__step--active .wf-rail__dot[b-tzf13nhgps] {
    border-color: var(--c-accent, #4ec9b0);
    background: var(--c-accent, #4ec9b0);
    color: #06231d;
    font-weight: 700;
}
.wf-rail__step--done[b-tzf13nhgps] { color: var(--c-text-dim, #8a96a3); }
.wf-rail__step--done .wf-rail__dot[b-tzf13nhgps] {
    border-color: var(--c-accent, #4ec9b0);
    color: var(--c-accent, #4ec9b0);
}

.wf-panel__body[b-tzf13nhgps] { display: flex; flex-direction: column; gap: 0.6rem; }

.wf-panel__commit[b-tzf13nhgps] {
    width: 100%;
    resize: vertical;
    font-family: inherit;
    font-size: 0.8rem;
}

.wf-panel__error[b-tzf13nhgps] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    color: var(--c-error, #ef5f6b);
}
.wf-panel__error[b-tzf13nhgps]  .rzi { font-size: 15px; }

/* MR checklist rows (rendered into the step card body) */
.wf-check[b-tzf13nhgps] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.76rem;
    padding: 0.1rem 0;
}
.wf-check[b-tzf13nhgps]  .rzi { font-size: 15px; }
.wf-check--ok[b-tzf13nhgps] { color: var(--c-accent, #4ec9b0); }
.wf-check--wait[b-tzf13nhgps] { color: var(--c-warn, #e0af68); }
/* /Components/DevBar/Git/GitWorkflowStepCard.razor.rz.scp.css */
.wf-card[b-tszzcfarq2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--c-border, #20262e);
    border-left-width: 3px;
    border-radius: 6px;
    background: var(--c-bg-elev, #161b22);
}

.wf-card--info[b-tszzcfarq2] { border-left-color: var(--c-accent, #4ec9b0); }
.wf-card--warn[b-tszzcfarq2] { border-left-color: var(--c-warn, #e0af68); }
.wf-card--success[b-tszzcfarq2] { border-left-color: var(--c-accent, #4ec9b0); }
.wf-card--done[b-tszzcfarq2] { border-left-color: #7aa2f7; }

.wf-card__head[b-tszzcfarq2] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}
.wf-card__icon[b-tszzcfarq2] {
    flex: 0 0 auto;
    display: inline-flex;
    color: var(--c-accent, #4ec9b0);
}
.wf-card--warn .wf-card__icon[b-tszzcfarq2] { color: var(--c-warn, #e0af68); }
.wf-card--done .wf-card__icon[b-tszzcfarq2] { color: #7aa2f7; }
.wf-card__icon[b-tszzcfarq2]  .rzi { font-size: 20px; }

.wf-card__headings[b-tszzcfarq2] { min-width: 0; }
.wf-card__title[b-tszzcfarq2] {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--c-text, #d4dae0);
}
.wf-card__text[b-tszzcfarq2] {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--c-text-dim, #8a96a3);
}
.wf-card__text[b-tszzcfarq2]  code {
    background: var(--c-bg-deepest, #0e1116);
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    color: var(--c-accent, #4ec9b0);
    font-family: var(--f-mono, ui-monospace, monospace);
}

.wf-card__body[b-tszzcfarq2] { font-size: 0.78rem; }

.wf-card__actions[b-tszzcfarq2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.wf-card__primary[b-tszzcfarq2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.85rem;
    border: 0;
    border-radius: 5px;
    background: var(--c-accent, #4ec9b0);
    color: #06231d;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}
.wf-card__primary:hover:not(:disabled)[b-tszzcfarq2] { filter: brightness(1.08); }
.wf-card__primary:disabled[b-tszzcfarq2] { opacity: 0.45; cursor: not-allowed; }
.wf-card__primary[b-tszzcfarq2]  .rzi { font-size: 16px; }

.wf-card__secondary[b-tszzcfarq2] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.7rem;
    border: 1px solid var(--c-border, #20262e);
    border-radius: 5px;
    background: transparent;
    color: var(--c-text-dim, #8a96a3);
    font-size: 0.78rem;
    text-decoration: none;
    cursor: pointer;
}
.wf-card__secondary:hover[b-tszzcfarq2] { color: var(--c-text, #d4dae0); border-color: var(--c-text-mute, #5a6573); }
.wf-card__secondary[b-tszzcfarq2]  .rzi { font-size: 15px; }
/* /Components/DevBar/Git/MergeRequestCreateDialog.razor.rz.scp.css */
.mr-dialog__route[b-3w3eqlpyvj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--c-text-dim, #8a96a3);
}
.mr-dialog__route code[b-3w3eqlpyvj] {
    background: var(--c-bg-deepest, #0e1116);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    color: var(--c-accent, #4ec9b0);
    font-family: var(--f-mono, ui-monospace, monospace);
}

.mr-dialog__input[b-3w3eqlpyvj] { width: 100%; }
.mr-dialog__textarea[b-3w3eqlpyvj] {
    width: 100%;
    resize: vertical;
    font-family: inherit;
}

.mr-dialog__check[b-3w3eqlpyvj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    cursor: pointer;
}
.mr-dialog__check input[b-3w3eqlpyvj] { cursor: pointer; }
/* /Components/DevBar/InfoTabBody.razor.rz.scp.css */
.devbar-info[b-jphibcaoju] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem 1rem;
    font-size: 0.78rem;
    /* Re-enable text selection. The workbench root (.forge-shell) sets `user-select: none`
       for the app chrome and it inherits down into the DevBar; opt back in so the info
       values (paths, versions, assembly list) can be selected/copied with the mouse. */
    -webkit-user-select: text;
    user-select: text;
}

.devbar-info table[b-jphibcaoju] {
    border-collapse: collapse;
    width: 100%;
}

.devbar-info th[b-jphibcaoju] {
    text-align: left;
    width: 160px;
    padding: 4px 12px 4px 0;
    font-weight: 600;
    color: var(--c-text-mute, #5a6573);
    vertical-align: top;
}

.devbar-info td[b-jphibcaoju] {
    padding: 4px 0;
    font-family: var(--f-mono, ui-monospace, monospace);
    word-break: break-all;
    color: var(--c-text, #d4dae0);
}

.devbar-info code[b-jphibcaoju] {
    background: var(--c-bg-elev, #1c2128);
    padding: 1px 6px;
    border-radius: 3px;
}

.devbar-info__section[b-jphibcaoju] {
    margin: 0.9rem 0 0.35rem;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--c-text-mute, #5a6573);
    border-top: 1px solid var(--c-border, #2a2f37);
    padding-top: 0.65rem;
}

.devbar-info__empty[b-jphibcaoju] {
    opacity: 0.6;
}

.devbar-info__asm td[b-jphibcaoju] {
    padding: 3px 0;
}

.devbar-info__asm-name[b-jphibcaoju] {
    white-space: nowrap;
    word-break: normal;
    padding-right: 16px !important;
    color: var(--c-text, #d4dae0);
}

.devbar-info__asm-ver[b-jphibcaoju] {
    width: 100%;
    color: var(--c-text-mute, #5a6573);
}
/* /Components/DevBar/LogsTabBody.razor.rz.scp.css */
.devbar-logs[b-pz04yfizyd] {
    /* Fill the (definite-height) .forge-bottom-body and split into a fixed toolbar + an inner
       scroll region. The scroll MUST live on an inner element: .forge-bottom-body is the page's
       actual scroller, and if .devbar-logs itself owned overflow it became a sticky-context that
       never scrolls — so the toolbar (and the "more" button) scrolled out of view instead of
       pinning. Scrolling inside .devbar-logs__scroll keeps both pinned. */
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.74rem;
    line-height: 1.5;
}
.devbar-logs__scroll[b-pz04yfizyd] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    /* Disable browser scroll anchoring. When a large batch of log lines lands at once (a
       Build/Clean flood, esp. crossing the 500-row tail cap), anchoring shoves scrollTop to keep
       the old content in view and fires spurious 'scroll' events. The tail-follow handler
       (forgePanel.scrollLogToBottom) reads those as "user scrolled up" and permanently pauses
       auto-follow. Opting out keeps our explicit scroll-to-bottom authoritative. */
    overflow-anchor: none;
    /* Re-enable text selection for the log content. The workbench root (.forge-shell) sets
       `user-select: none` for the app chrome, and that inherits all the way down into the DevBar;
       without this opt-back-in the log lines can't be selected/copied with the mouse. */
    -webkit-user-select: text;
    user-select: text;
}

.devbar-logs__empty[b-pz04yfizyd] {
    padding: 1rem;
    opacity: 0.6;
    text-align: center;
    font-style: italic;
}

/* Sticky filter toolbar — pinned at the top of the scroll container (same proven pattern as
   the "ältere ausgeblendet" button below it). Fixed height so that button can dock beneath it. */
.devbar-logs__toolbar[b-pz04yfizyd] {
    flex: 0 0 auto;
    box-sizing: border-box;
    height: 32px;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0 0.75rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-elev, #161b22);
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.72rem;
}

.devbar-logs__search[b-pz04yfizyd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 1 1 240px;
    max-width: 360px;
}
.devbar-logs__search input[b-pz04yfizyd] {
    width: 100%;
    height: 22px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-deepest, #0e1116);
    color: var(--c-text, #e5e7eb);
    padding: 0 1.4rem 0 0.45rem;
    font-family: inherit;
    font-size: 0.72rem;
    outline: none;
}
.devbar-logs__search input:focus[b-pz04yfizyd] {
    border-color: var(--c-info, #61afef);
    box-shadow: 0 0 0 2px rgba(97, 175, 239, 0.22);
}
.devbar-logs__search-clear[b-pz04yfizyd] {
    position: absolute;
    right: 2px;
    width: 18px;
    height: 18px;
    border: 0;
    background: transparent;
    color: var(--c-text-mute, #5a6573);
    cursor: pointer;
    border-radius: 3px;
    line-height: 1;
    font-size: 0.7rem;
}
.devbar-logs__search-clear:hover[b-pz04yfizyd] { color: var(--c-text, #e5e7eb); }

.devbar-logs__tb-field[b-pz04yfizyd] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--c-text-mute, #5a6573);
    white-space: nowrap;
}
.devbar-logs__tb-field select[b-pz04yfizyd] {
    height: 22px;
    border-radius: 4px;
    border: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-deepest, #0e1116);
    color: var(--c-text, #e5e7eb);
    padding: 0 0.35rem;
    font-family: inherit;
    font-size: 0.72rem;
    outline: none;
    cursor: pointer;
}
.devbar-logs__tb-field select:focus[b-pz04yfizyd] {
    border-color: var(--c-info, #61afef);
    box-shadow: 0 0 0 2px rgba(97, 175, 239, 0.22);
}

/* Clear-list button — pushed to the far right of the toolbar. */
.devbar-logs__tb-btn[b-pz04yfizyd] {
    margin-left: auto;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 22px;
    border: 1px solid var(--c-border, #20262e);
    border-radius: 4px;
    background: var(--c-bg-deepest, #0e1116);
    color: var(--c-text-mute, #5a6573);
    cursor: pointer;
}
.devbar-logs__tb-btn:hover[b-pz04yfizyd] {
    color: var(--c-text, #e5e7eb);
    border-color: var(--c-info, #61afef);
}
.devbar-logs__tb-btn[b-pz04yfizyd]  .rz-icon,
.devbar-logs__tb-btn[b-pz04yfizyd]  .rzi { font-size: 16px; }

/* "N ältere ausgeblendet — alle anzeigen" header, shown when the tail cap hides older rows. */
.devbar-logs__more[b-pz04yfizyd] {
    position: sticky;
    top: 0; /* now sticky within the inner scroll region (.devbar-logs__scroll) */
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 4px 0.75rem;
    border: none;
    border-bottom: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-elev, #161b22);
    color: var(--c-text-mute, #5a6573);
    font-family: inherit;
    font-size: 0.72rem;
    cursor: pointer;
}
.devbar-logs__more:hover[b-pz04yfizyd] { background: var(--c-bg-hover, #1a1f26); }
.devbar-logs__more-cta[b-pz04yfizyd] {
    color: var(--c-info, #61afef);
    font-weight: 600;
}

.devbar-logs__row[b-pz04yfizyd] {
    display: grid;
    grid-template-columns: 90px 18px 180px 1fr;
    gap: 0.5rem;
    padding: 1px 0.75rem;
    border-bottom: 1px dotted var(--c-border, #20262e);
    align-items: baseline;
}
.devbar-logs__row:hover[b-pz04yfizyd] { background: var(--c-bg-hover, #1a1f26); }

.devbar-logs__time[b-pz04yfizyd]   { opacity: 0.65; font-variant-numeric: tabular-nums; }
.devbar-logs__level[b-pz04yfizyd]  { text-align: center; font-weight: 700; }
.devbar-logs__source[b-pz04yfizyd] {
    color: var(--c-accent, #4ec9b0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.devbar-logs__msg[b-pz04yfizyd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
/* Clicked-open row: show the full message, wrapped, instead of truncating. */
.devbar-logs__msg--wrap[b-pz04yfizyd] {
    overflow: visible;
    text-overflow: clip;
    white-space: pre-wrap;
    word-break: break-word;
}

.devbar-logs__row--debug .devbar-logs__level[b-pz04yfizyd] { color: var(--c-text-mute, #5a6573); }
.devbar-logs__row--info  .devbar-logs__level[b-pz04yfizyd] { color: var(--c-info, #61afef); }
.devbar-logs__row--warn  .devbar-logs__level[b-pz04yfizyd] { color: var(--c-warn, #e5c07b); }
.devbar-logs__row--warn[b-pz04yfizyd]              { background: rgba(229, 192, 123, 0.07); }
.devbar-logs__row--error .devbar-logs__level[b-pz04yfizyd] { color: var(--c-error, #ef5f6b); }
.devbar-logs__row--error[b-pz04yfizyd]             { background: rgba(239, 95, 107, 0.10); }

.devbar-logs__ex[b-pz04yfizyd] {
    grid-column: 1 / -1;
    margin-top: 2px;
    padding: 4px 8px;
    background: rgba(239, 95, 107, 0.06);
    border-left: 3px solid rgba(239, 95, 107, 0.5);
    border-radius: 4px;
}
.devbar-logs__ex pre[b-pz04yfizyd] {
    margin: 4px 0 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.7rem;
    opacity: 0.9;
}
/* /Components/DevBar/SqlBrowser/SqlBrowserContent.razor.rz.scp.css */
.devbar-sql-content[b-eilxkymv7y] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    color: var(--c-text, #d4dae0);
}

.devbar-sql-content__toolbar[b-eilxkymv7y] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-deepest, #0e1116);
}
.devbar-sql-content__row-limit[b-eilxkymv7y] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.74rem;
    color: var(--c-text-dim, #8a96a3);
}
.devbar-sql-content__row-limit select[b-eilxkymv7y] {
    height: 22px;
    font-size: 0.74rem;
    padding: 0 0.4rem;
    border: 1px solid var(--c-border-strong, #2e3640);
    border-radius: 4px;
    background: var(--c-bg-elev, #1c2128);
    color: inherit;
    outline: none;
}
.devbar-sql-content__row-limit select:focus[b-eilxkymv7y] {
    border-color: var(--c-accent, #4ec9b0);
    box-shadow: 0 0 0 2px rgba(78, 201, 176, 0.2);
}

.devbar-sql-content__tab-host[b-eilxkymv7y] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: 100%;
}
/* /Components/DevBar/SqlBrowser/SqlBrowserDataTab.razor.rz.scp.css */
.devbar-sql-data__empty[b-35ygmsh8ej] {
    padding: 1rem;
    color: var(--c-text-mute, #5a6573);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.devbar-sql-data__empty[b-35ygmsh8ej]  .rzi { font-size: 18px; color: var(--c-text-mute, #5a6573); }

.devbar-sql-data__definition-host[b-35ygmsh8ej],
.devbar-sql-data__grid-host[b-35ygmsh8ej] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}
.devbar-sql-data__caption[b-35ygmsh8ej] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-deepest, #0e1116);
    color: var(--c-text, #d4dae0);
}
.devbar-sql-data__caption[b-35ygmsh8ej]  .rzi { font-size: 14px; color: var(--c-accent, #4ec9b0); }
.devbar-sql-data__meta[b-35ygmsh8ej] {
    margin-left: auto;
    color: var(--c-text-mute, #5a6573);
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
}
.devbar-sql-data__monaco[b-35ygmsh8ej] {
    flex: 1 1 auto;
    min-height: 0;
}
.devbar-sql-data__result[b-35ygmsh8ej] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0.4rem 0.6rem 0.5rem;
    display: flex;
    flex-direction: column;
}
/* /Components/DevBar/SqlBrowser/SqlBrowserQueryTab.razor.rz.scp.css */
.devbar-sql-query[b-aqsh8e9fj9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 0.4rem;
    padding: 0.5rem 0.6rem;
}

.devbar-sql-query__editor-host[b-aqsh8e9fj9] {
    display: flex;
    flex-direction: column;
    flex: 0 0 220px;
    min-height: 140px;
    border: 1px solid var(--c-border-strong, #2e3640);
    border-radius: 4px;
    overflow: hidden;
    background: var(--c-bg-deepest, #0e1116);
}
.devbar-sql-query__editor[b-aqsh8e9fj9] {
    flex: 1 1 auto;
    min-height: 0;
}
.devbar-sql-query__toolbar[b-aqsh8e9fj9] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.35rem 0.5rem;
    background: var(--c-bg-deepest, #0e1116);
    border-top: 1px solid var(--c-border, #20262e);
}
.devbar-sql-query__hint[b-aqsh8e9fj9] {
    font-size: 0.72rem;
    color: var(--c-text-mute, #5a6573);
}

.devbar-sql-query__result[b-aqsh8e9fj9] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* /Components/DevBar/SqlBrowser/SqlBrowserTabBody.razor.rz.scp.css */
.devbar-sql-browser[b-hlo98uhp94] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;

    /* Re-enable text selection for the SQL browser content. The workbench root (.forge-shell)
       sets `user-select: none` for the app chrome and it inherits down into the DevBar; opting
       back in here (inherited) makes the query results, SQL text and connection-error output
       selectable/copyable. The navigation tree keeps its own `user-select: none` (its rows are
       click-to-load, not text). */
    -webkit-user-select: text;
    user-select: text;

    --rz-base-50:  var(--c-bg-editor, #0e1116);
    --rz-base-100: var(--c-bg-elev, #1c2128);
    --rz-base-200: var(--c-bg-active, #232a33);
    --rz-border:   var(--c-border, #20262e);

    --rz-danger-lighter:  rgba(239, 95, 107, 0.18);
    --rz-info-lighter:    rgba(97, 175, 239, 0.18);
    --rz-primary-lighter: rgba(78, 201, 176, 0.22);
}

.devbar-sql-browser__targets[b-hlo98uhp94] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.6rem;
    background: var(--c-bg-tool, #161b22);
    border-bottom: 1px solid var(--c-border, #20262e);
    flex: 0 0 auto;
}
.devbar-sql-browser__target-label[b-hlo98uhp94] {
    font-size: 0.78rem;
    color: var(--c-text-dim, #8a96a3);
}
.devbar-sql-browser__target-select[b-hlo98uhp94] {
    background: var(--c-bg-elev, #1c2128);
    color: var(--c-text, #d4dae0);
    border: 1px solid var(--c-border, #20262e);
    border-radius: 3px;
    padding: 0.15rem 0.4rem;
    font-size: 0.78rem;
}
.devbar-sql-browser__target-dot[b-hlo98uhp94] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--c-text-mute, #5a6573);
}
.devbar-sql-browser__target-dot.is-connected[b-hlo98uhp94] { background: var(--rz-success-dark, #3fb950); }
.devbar-sql-browser__target-dot.is-failed[b-hlo98uhp94]    { background: var(--rz-danger, #ef5f6b); }
.devbar-sql-browser__target-dot.is-checking[b-hlo98uhp94]  { background: var(--rz-warning, #d29922); }
.devbar-sql-browser__target-dot.is-idle[b-hlo98uhp94]      { background: var(--c-text-mute, #5a6573); }

.devbar-sql-browser__empty[b-hlo98uhp94] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1rem 1.25rem;
    color: var(--c-text-dim, #8a96a3);
}
.devbar-sql-browser__hint[b-hlo98uhp94] {
    margin-top: 0.25rem;
    font-size: 0.78rem;
    color: var(--c-text-mute, #5a6573);
}
.devbar-sql-browser__hint code[b-hlo98uhp94] {
    background: var(--c-bg-elev, #1c2128);
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.74rem;
    color: var(--c-text, #d4dae0);
}

.devbar-sql-browser__failed[b-hlo98uhp94] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.75rem 1rem;
    color: var(--c-text-dim, #8a96a3);
}
.devbar-sql-browser__failed-head[b-hlo98uhp94] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.devbar-sql-browser__error[b-hlo98uhp94] {
    margin: 0;
    padding: 0.4rem 0.6rem;
    background: rgba(239, 95, 107, 0.12);
    border: 1px solid rgba(239, 95, 107, 0.40);
    color: #fecaca;
    border-radius: 3px;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.78rem;
    white-space: pre-wrap;
    max-height: 120px;
    overflow: auto;
}
/* /Components/DevBar/SqlBrowser/SqlBrowserTree.razor.rz.scp.css */
.devbar-sql-tree[b-jqrdghtqde] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    font-size: 0.82rem;
    color: var(--c-text-dim, #8a96a3);
}

.devbar-sql-tree__toolbar[b-jqrdghtqde] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    background: var(--c-bg-deepest, #0e1116);
}

.devbar-sql-tree__search[b-jqrdghtqde] {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    height: 24px;
    padding: 0 0.4rem;
    border: 1px solid var(--c-border-strong, #2e3640);
    background: var(--c-bg-elev, #1c2128);
    border-radius: 4px;
    color: var(--c-text-dim, #8a96a3);
    min-width: 0;
}
.devbar-sql-tree__search:focus-within[b-jqrdghtqde] {
    border-color: var(--c-accent, #4ec9b0);
    box-shadow: 0 0 0 2px rgba(78, 201, 176, 0.2);
    background: var(--c-bg-active, #232a33);
}
.devbar-sql-tree__search[b-jqrdghtqde]  .rzi {
    font-size: 14px;
    color: var(--c-text-mute, #5a6573);
    flex: 0 0 auto;
}
.devbar-sql-tree__search-input[b-jqrdghtqde] {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    background: transparent;
    border: 0;
    outline: 0;
    color: inherit;
    font-size: 0.76rem;
}
.devbar-sql-tree__search-input[b-jqrdghtqde]::placeholder { color: var(--c-text-mute, #5a6573); }
.devbar-sql-tree__search-clear[b-jqrdghtqde] {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
    border: 0;
    background: transparent;
    color: var(--c-text-mute, #5a6573);
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.devbar-sql-tree__search-clear:hover[b-jqrdghtqde] {
    background: var(--c-bg-hover, #1a1f26);
    color: var(--c-text, #d4dae0);
}
.devbar-sql-tree__search-clear[b-jqrdghtqde]  .rzi { font-size: 12px; }

.devbar-sql-tree__btn[b-jqrdghtqde] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 26px;
    padding: 0;
    border: 1px solid var(--c-border-strong, #2e3640);
    background: var(--c-bg-elev, #1c2128);
    color: var(--c-text-dim, #8a96a3);
    border-radius: 4px;
    cursor: pointer;
}
.devbar-sql-tree__btn:hover:not(:disabled)[b-jqrdghtqde] {
    background: var(--c-accent-soft, rgba(78, 201, 176, 0.14));
    border-color: var(--c-accent, #4ec9b0);
    color: var(--c-text, #d4dae0);
}
.devbar-sql-tree__btn:disabled[b-jqrdghtqde] { opacity: 0.45; cursor: default; }
.devbar-sql-tree__btn[b-jqrdghtqde]  .rzi { font-size: 14px; }

.devbar-sql-tree__empty[b-jqrdghtqde] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: var(--c-text-mute, #5a6573);
    padding: 1rem;
}

.devbar-sql-tree__rows[b-jqrdghtqde] {
    flex: 1 1 auto;
    overflow: auto;
    padding: 0.25rem 0;
}

.devbar-sql-tree__row[b-jqrdghtqde] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.22rem 0.5rem;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    border-left: 2px solid transparent;
}
.devbar-sql-tree__row:hover[b-jqrdghtqde] {
    background: var(--c-bg-hover, #1a1f26);
}
.devbar-sql-tree__row--schema[b-jqrdghtqde] {
    font-weight: 600;
    color: var(--c-text, #d4dae0);
}
.devbar-sql-tree__row--folder[b-jqrdghtqde] {
    color: var(--c-text-dim, #8a96a3);
}
.devbar-sql-tree__row--leaf[b-jqrdghtqde] {
    color: var(--c-text-dim, #8a96a3);
}
.devbar-sql-tree__row--leaf:hover[b-jqrdghtqde] {
    border-left-color: rgba(78, 201, 176, 0.55);
}
.devbar-sql-tree__row--selected[b-jqrdghtqde] {
    background: var(--c-bg-selected, #1a3a48) !important;
    border-left-color: var(--c-accent, #4ec9b0) !important;
    color: var(--c-text, #d4dae0);
}

.devbar-sql-tree__row[b-jqrdghtqde]  .rzi {
    font-size: 16px;
    color: var(--c-text-mute, #5a6573);
    flex: 0 0 auto;
}
.devbar-sql-tree__row--schema[b-jqrdghtqde]  .rzi {
    color: var(--c-text-dim, #8a96a3);
}
.devbar-sql-tree__row--selected[b-jqrdghtqde]  .rzi {
    color: var(--c-accent, #4ec9b0);
}

.devbar-sql-tree__name[b-jqrdghtqde] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.devbar-sql-tree__count[b-jqrdghtqde] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 16px;
    padding: 0 6px;
    border-radius: 8px;
    background: var(--c-bg-active, #232a33);
    color: var(--c-text-dim, #8a96a3);
    font-size: 0.66rem;
    font-variant-numeric: tabular-nums;
}
/* /Components/DevBar/Terminal/TerminalTabBody.razor.rz.scp.css */
.devbar-terminal[b-2oqlul2jtm] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--c-bg-deepest, #0e1116);
}

/* Host for the xterm canvas. The fit addon measures this element's height, so it must be definite. */
.devbar-terminal__host[b-2oqlul2jtm] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    padding: 4px 6px;
    box-sizing: border-box;
}

.devbar-terminal__msg[b-2oqlul2jtm] {
    padding: 1rem;
    font-size: 0.8rem;
    color: var(--c-text-mute, #5a6573);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-4nuvsr98xu] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-4nuvsr98xu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/ReportDesigner/CoreReportBrowserDialog.razor.rz.scp.css */
/* Core Reports Browser — Forge workbench look. Mirrors CoreLayoutBrowserDialog.razor.css but flat
   (no Form/Grid tabs — a single XML preview). Renders teleported under body > .rz-dialog-wrapper,
   which inherits the --c-* tokens (forge-workbench.css), but not the .forge-shell-scoped rules, so
   the panel/scrollbar theming is restated here. */

.core-browser[b-zpv5j3wj7a] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 0.75rem;
    color: var(--c-text, #d4dae0);
    font-family: var(--f-sans, system-ui, sans-serif);
}

.core-browser__split[b-zpv5j3wj7a] {
    display: grid;
    grid-template-columns: minmax(280px, 340px) 1fr;
    gap: 0.75rem;
    flex: 1 1 auto;
    min-height: 0;
}

/* ── Panels (card shell) ───────────────────────────────────────────── */
.core-browser__panel[b-zpv5j3wj7a] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--c-bg-elev, #1c2128);
    border: 1px solid var(--c-border, #20262e);
    border-radius: 8px;
    overflow: hidden;
}

.core-browser__panel-head[b-zpv5j3wj7a] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    font-size: var(--fz-sm, 12px);
    font-weight: 600;
    color: var(--c-text-dim, #8a96a3);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.core-browser__panel-head[b-zpv5j3wj7a]  .rzi { font-size: 16px; color: var(--c-text-mute, #5a6573); }

.core-browser__panel-title[b-zpv5j3wj7a] { flex: 0 0 auto; }

.core-browser__count[b-zpv5j3wj7a] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 17px;
    padding: 0 7px;
    border-radius: 9px;
    background: var(--c-bg-active, #232a33);
    color: var(--c-text-dim, #8a96a3);
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.66rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    letter-spacing: 0;
}

/* On the preview head, push the report-name subtitle to the right. */
.core-browser__panel-subtitle[b-zpv5j3wj7a] {
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--c-accent, #4ec9b0);
}
.core-browser__panel-suffix[b-zpv5j3wj7a] { color: var(--c-text-mute, #5a6573); }

/* ── Search box ────────────────────────────────────────────────────── */
.core-browser__search[b-zpv5j3wj7a] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.5rem 0.5rem 0;
    height: 30px;
    padding: 0 0.5rem;
    border: 1px solid var(--c-border-strong, #2e3640);
    background: var(--c-bg-deepest, #0e1116);
    border-radius: 6px;
    color: var(--c-text-dim, #8a96a3);
}
.core-browser__search:focus-within[b-zpv5j3wj7a] {
    border-color: var(--c-accent, #4ec9b0);
    box-shadow: 0 0 0 2px rgba(78, 201, 176, 0.2);
    background: var(--c-bg-active, #232a33);
}
.core-browser__search[b-zpv5j3wj7a]  .rzi { font-size: 15px; color: var(--c-text-mute, #5a6573); flex: 0 0 auto; }

.core-browser__search-input[b-zpv5j3wj7a] {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    background: transparent;
    border: 0;
    outline: 0;
    color: var(--c-text, #d4dae0);
    font-family: inherit;
    font-size: 0.8rem;
}
.core-browser__search-input[b-zpv5j3wj7a]::placeholder { color: var(--c-text-mute, #5a6573); }

.core-browser__search-clear[b-zpv5j3wj7a] {
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
    border: 0;
    background: transparent;
    color: var(--c-text-mute, #5a6573);
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.core-browser__search-clear:hover[b-zpv5j3wj7a] {
    background: var(--c-bg-hover, #1a1f26);
    color: var(--c-text, #d4dae0);
}
.core-browser__search-clear[b-zpv5j3wj7a]  .rzi { font-size: 14px; }

/* ── Report list ───────────────────────────────────────────────────── */
.core-browser__list[b-zpv5j3wj7a] {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
    padding: 0.35rem 0;
}

.core-browser__entry[b-zpv5j3wj7a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.32rem 0.7rem;
    cursor: pointer;
    font-size: 0.82rem;
    color: var(--c-text-dim, #8a96a3);
    border-left: 2px solid transparent;
    user-select: none;
}
.core-browser__entry:hover[b-zpv5j3wj7a] {
    background: var(--c-bg-hover, #1a1f26);
    color: var(--c-text, #d4dae0);
}
.core-browser__entry--selected[b-zpv5j3wj7a],
.core-browser__entry--selected:hover[b-zpv5j3wj7a] {
    background: var(--c-bg-selected, #1a3a48);
    border-left-color: var(--c-accent, #4ec9b0);
    color: var(--c-text, #d4dae0);
    font-weight: 600;
}

.core-browser__name[b-zpv5j3wj7a] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.core-browser__empty[b-zpv5j3wj7a],
.core-browser__hint[b-zpv5j3wj7a] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1.25rem;
    color: var(--c-text-mute, #5a6573);
    font-size: 0.82rem;
    text-align: center;
}

/* ── Preview pane ──────────────────────────────────────────────────── */
.core-browser__preview[b-zpv5j3wj7a] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Dark-mode scrollbars for every scrollable area in the dialog — forge-workbench.css
   scopes its scrollbar rules to .forge-shell, which the teleported dialog is outside of. */
.core-browser__list[b-zpv5j3wj7a],
.core-browser__pre[b-zpv5j3wj7a] {
    scrollbar-width: thin;
    scrollbar-color: var(--c-border-strong, #2e3640) transparent;
}
.core-browser[b-zpv5j3wj7a]  ::-webkit-scrollbar { width: 10px; height: 10px; }
.core-browser[b-zpv5j3wj7a]  ::-webkit-scrollbar-track { background: transparent; }
.core-browser[b-zpv5j3wj7a]  ::-webkit-scrollbar-thumb {
    background: var(--c-border-strong, #2e3640);
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.core-browser[b-zpv5j3wj7a]  ::-webkit-scrollbar-thumb:hover {
    background: var(--c-text-mute, #5a6573);
    background-clip: padding-box;
}

.core-browser__pre[b-zpv5j3wj7a] {
    margin: 0;
    padding: 0.6rem 0.85rem;
    font-family: var(--f-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
    font-size: 0.74rem;
    line-height: 1.5;
    color: var(--c-text, #d4dae0);
    background: var(--c-bg-deepest, #0e1116);
    white-space: pre;
    overflow: auto;
    height: 100%;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.core-browser__footer[b-zpv5j3wj7a] {
    flex: 0 0 auto;
}
/* /Components/RibbonDesigner/RibbonLayoutBrowserDialog.razor.rz.scp.css */
/* Base Ribbon Layouts Browser — Forge workbench look, split list + preview (XML / render).
   Renders teleported under body > .rz-dialog-wrapper, which inherits the --c-* tokens + Radzen
   bridge (forge-workbench.css:11-15) but NOT the .forge-shell-scoped tab/scrollbar theming —
   so those are mirrored here. */

.ribbon-browser[b-k3traap79d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 0.75rem;
    color: var(--c-text, #d4dae0);
    font-family: var(--f-sans, system-ui, sans-serif);
}

/* ── Read-only note bar ────────────────────────────────────────────── */
.ribbon-browser__note[b-k3traap79d] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--c-border, #20262e);
    border-left: 2px solid var(--c-warn, #e5c07b);
    border-radius: 6px;
    background: var(--c-bg-elev, #1c2128);
    color: var(--c-text-dim, #8a96a3);
    font-size: 0.78rem;
    line-height: 1.45;
}
.ribbon-browser__note[b-k3traap79d]  .rzi { font-size: 16px; color: var(--c-warn, #e5c07b); flex: 0 0 auto; margin-top: 1px; }
.ribbon-browser__note strong[b-k3traap79d] { color: var(--c-text, #d4dae0); }
.ribbon-browser__note code[b-k3traap79d] {
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.72rem;
    padding: 0.05rem 0.3rem;
    border-radius: 4px;
    background: var(--c-bg-deepest, #0e1116);
    color: var(--c-text, #d4dae0);
}

/* ── Split (list | preview) ────────────────────────────────────────── */
.ribbon-browser__split[b-k3traap79d] {
    display: grid;
    grid-template-columns: minmax(240px, 300px) 1fr;
    gap: 0.75rem;
    flex: 1 1 auto;
    min-height: 0;
}

/* ── Panels (card shell) ───────────────────────────────────────────── */
.ribbon-browser__panel[b-k3traap79d] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--c-bg-elev, #1c2128);
    border: 1px solid var(--c-border, #20262e);
    border-radius: 8px;
    overflow: hidden;
}

.ribbon-browser__panel-head[b-k3traap79d] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--c-border, #20262e);
    font-size: var(--fz-sm, 12px);
    font-weight: 600;
    color: var(--c-text-dim, #8a96a3);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.ribbon-browser__panel-head[b-k3traap79d]  .rzi { font-size: 16px; color: var(--c-text-mute, #5a6573); }
.ribbon-browser__panel-title[b-k3traap79d] { flex: 0 0 auto; }

.ribbon-browser__count[b-k3traap79d] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 17px;
    padding: 0 7px;
    border-radius: 9px;
    background: var(--c-bg-active, #232a33);
    color: var(--c-text-dim, #8a96a3);
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.66rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    letter-spacing: 0;
}

.ribbon-browser__panel-subtitle[b-k3traap79d] {
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--c-accent, #4ec9b0);
}
.ribbon-browser__panel-suffix[b-k3traap79d] { color: var(--c-text-mute, #5a6573); }

/* ── Search box ────────────────────────────────────────────────────── */
.ribbon-browser__search[b-k3traap79d] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.5rem 0.5rem 0;
    height: 30px;
    padding: 0 0.5rem;
    border: 1px solid var(--c-border-strong, #2e3640);
    background: var(--c-bg-deepest, #0e1116);
    border-radius: 6px;
    color: var(--c-text-dim, #8a96a3);
}
.ribbon-browser__search:focus-within[b-k3traap79d] {
    border-color: var(--c-accent, #4ec9b0);
    box-shadow: 0 0 0 2px rgba(78, 201, 176, 0.2);
    background: var(--c-bg-active, #232a33);
}
.ribbon-browser__search[b-k3traap79d]  .rzi { font-size: 15px; color: var(--c-text-mute, #5a6573); flex: 0 0 auto; }
.ribbon-browser__search-input[b-k3traap79d] {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    background: transparent;
    border: 0;
    outline: 0;
    color: var(--c-text, #d4dae0);
    font-family: inherit;
    font-size: 0.8rem;
}
.ribbon-browser__search-input[b-k3traap79d]::placeholder { color: var(--c-text-mute, #5a6573); }
.ribbon-browser__search-clear[b-k3traap79d] {
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
    border: 0;
    background: transparent;
    color: var(--c-text-mute, #5a6573);
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.ribbon-browser__search-clear:hover[b-k3traap79d] { background: var(--c-bg-hover, #1a1f26); color: var(--c-text, #d4dae0); }
.ribbon-browser__search-clear[b-k3traap79d]  .rzi { font-size: 14px; }

/* ── List of base layouts ──────────────────────────────────────────── */
.ribbon-browser__list[b-k3traap79d] {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
    padding: 0.35rem 0;
}

.ribbon-browser__entry[b-k3traap79d] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.4rem 0.7rem;
    cursor: pointer;
    border-left: 2px solid transparent;
    user-select: none;
}
.ribbon-browser__entry:hover[b-k3traap79d] { background: var(--c-bg-hover, #1a1f26); }
.ribbon-browser__entry--selected[b-k3traap79d],
.ribbon-browser__entry--selected:hover[b-k3traap79d] {
    background: var(--c-bg-selected, #1a3a48);
    border-left-color: var(--c-accent, #4ec9b0);
}

.ribbon-browser__row-name[b-k3traap79d] {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--c-text, #d4dae0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ribbon-browser__row-path[b-k3traap79d] {
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.7rem;
    color: var(--c-text-mute, #5a6573);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Empty / hint states ───────────────────────────────────────────── */
.ribbon-browser__empty[b-k3traap79d],
.ribbon-browser__hint[b-k3traap79d] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 100%;
    padding: 1.5rem;
    text-align: center;
    color: var(--c-text-mute, #5a6573);
    font-size: 0.82rem;
}
.ribbon-browser__empty[b-k3traap79d]  .rzi { font-size: 26px; color: var(--c-text-mute, #5a6573); }
.ribbon-browser__empty code[b-k3traap79d] {
    font-family: var(--f-mono, ui-monospace, monospace);
    font-size: 0.74rem;
    padding: 0.05rem 0.3rem;
    border-radius: 4px;
    background: var(--c-bg-deepest, #0e1116);
    color: var(--c-text-dim, #8a96a3);
}

/* ── Preview pane (Vorschau / XML tabs) ────────────────────────────── */
.ribbon-browser__preview[b-k3traap79d] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.ribbon-browser__render[b-k3traap79d] {
    padding: 0.75rem;
    overflow: auto;
    height: 100%;
}

.ribbon-browser__preview[b-k3traap79d]  .rz-tabview {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: transparent;
    border: none;
}

/* Radzen tab nav (Vorschau/XML) — mirror the workbench .rz-tabview theming. */
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav-container { background: transparent; }
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav {
    background: var(--c-bg-tool, #161a20);
    border-bottom: 1px solid var(--c-border, #20262e);
    margin: 0;
    padding: 0 4px;
    list-style: none;
    display: flex;
    gap: 0;
}
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0;
    margin: 0 0 -1px;
    padding: 0;
}
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li:hover { background: var(--c-bg-hover, #1a1f26) !important; }
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li.rz-tabview-selected,
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li.rz-state-active {
    border-bottom-color: var(--c-accent, #4ec9b0) !important;
    background: transparent !important;
}
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li button {
    background: transparent;
    border: none;
    color: var(--c-text-dim, #8a96a3);
    font-size: var(--fz-sm, 12px);
    font-family: var(--f-sans, system-ui, sans-serif);
    padding: 0 12px;
    height: 30px;
    cursor: pointer;
}
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li .rz-tabview-title { color: inherit; }
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li:hover button,
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li:hover .rz-tabview-title { color: var(--c-text, #d4dae0); }
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li.rz-tabview-selected button,
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-nav li.rz-tabview-selected .rz-tabview-title {
    color: var(--c-text, #d4dae0);
    font-weight: 500;
}
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-ink-bar { display: none !important; }
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-panels {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
    background: var(--c-bg-deepest, #0e1116);
    border: none;
    padding: 0;
}
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-panel { padding: 0; height: 100%; }

.ribbon-browser__pre[b-k3traap79d] {
    margin: 0;
    padding: 0.6rem 0.85rem;
    font-family: var(--f-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
    font-size: 0.74rem;
    line-height: 1.5;
    color: var(--c-text, #d4dae0);
    background: var(--c-bg-deepest, #0e1116);
    white-space: pre;
    overflow: auto;
    height: 100%;
}

/* ── Scrollbars (dark) — .forge-shell-scoped rules don't reach this teleported dialog. */
.ribbon-browser__list[b-k3traap79d],
.ribbon-browser__pre[b-k3traap79d],
.ribbon-browser__render[b-k3traap79d],
.ribbon-browser__preview[b-k3traap79d]  .rz-tabview-panels {
    scrollbar-width: thin;
    scrollbar-color: var(--c-border-strong, #2e3640) transparent;
}
.ribbon-browser[b-k3traap79d]  ::-webkit-scrollbar { width: 10px; height: 10px; }
.ribbon-browser[b-k3traap79d]  ::-webkit-scrollbar-track { background: transparent; }
.ribbon-browser[b-k3traap79d]  ::-webkit-scrollbar-thumb {
    background: var(--c-border-strong, #2e3640);
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.ribbon-browser[b-k3traap79d]  ::-webkit-scrollbar-thumb:hover {
    background: var(--c-text-mute, #5a6573);
    background-clip: padding-box;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.ribbon-browser__footer[b-k3traap79d] {
    flex: 0 0 auto;
}
/* /Components/Shared/RenameArtifactDialog.razor.rz.scp.css */
/* Borderless, transparent input that fills the RadzenFormField box — the field itself
   draws the outline + floating label. Without this the unstyled default <input> gets
   clipped vertically inside the outlined variant. Mirrors BranchCreateDialog's pattern. */
.forge-rename-input[b-t6wj95cfpk] {
    width: 100%;
    background: transparent;
    border: 0;
    outline: none;
    color: inherit;
    font: inherit;
    box-sizing: border-box;
    padding: 0.35rem 0;
    line-height: 1.5;
}
/* /Components/Shared/SqlResultGrid.razor.rz.scp.css */
/*
   Shared SQL result grid. Renders on two surfaces:
     1. /sql-queries (light): Radzen --rz-base-* / --rz-border variables resolve
        to the default Radzen light-theme greys.
     2. DevBar SQL Browser (dark): the SqlBrowserTabBody root overrides those same
        --rz-* custom properties for its subtree, so the same selectors here get
        dark surfaces automatically. No per-call Theme parameter needed.
*/
.codegen-sql-result-empty[b-uq71ipu60u] {
    padding: 0.75rem;
    opacity: 0.7;
    font-size: 0.82rem;
}

.codegen-sql-result-scroll[b-uq71ipu60u] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--rz-border);
    border-radius: 4px;
}
.codegen-sql-result-table[b-uq71ipu60u] {
    width: 100%;
    border-collapse: collapse;
    font-family: ui-monospace, "Cascadia Code", Consolas, Menlo, monospace;
    font-size: 0.78rem;
    color: inherit;
}
.codegen-sql-result-table th[b-uq71ipu60u] {
    position: sticky;
    top: 0;
    background: var(--rz-base-100);
    text-align: left;
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--rz-border);
    font-weight: 600;
    color: inherit;
}
.codegen-sql-result-table td[b-uq71ipu60u] {
    padding: 0.22rem 0.6rem;
    border-bottom: 1px solid var(--rz-base-200);
    white-space: nowrap;
}
.codegen-sql-result-table tr:hover td[b-uq71ipu60u] {
    background: var(--rz-base-50);
}
/* /Components/Workbench/BranchRunBanner.razor.rz.scp.css */
.runbar[b-qad2hi8lc7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.35rem 0.85rem;
    font-size: 0.78rem;
    border-top: 1px solid var(--c-border, #20262e);
    border-bottom: 1px solid var(--c-border, #20262e);
    background: rgba(63, 185, 122, 0.14);
    color: #8fe3b4;
}

.runbar__msg[b-qad2hi8lc7] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex: 1;
    min-width: 0;
}
.runbar__msg code[b-qad2hi8lc7] {
    font-family: var(--f-mono, ui-monospace, monospace);
    padding: 0.05rem 0.35rem;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
}

.runbar__btn[b-qad2hi8lc7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 24px;
    padding: 0 0.7rem;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    background: #3fb97a;
    color: #04130b;
}
.runbar__btn:hover[b-qad2hi8lc7] { background: #54c98c; }
.runbar__btn[b-qad2hi8lc7]  .rzi { font-size: 14px; }
/* /Components/Workbench/GitGuardBar.razor.rz.scp.css */
.forge-guard[b-3khuzn6r17] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.35rem 0.85rem;
    font-size: 0.78rem;
    border-top: 1px solid var(--c-border, #20262e);
    border-bottom: 1px solid var(--c-border, #20262e);
}

.forge-guard__msg[b-3khuzn6r17] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex: 1;
    min-width: 0;
}
.forge-guard__msg code[b-3khuzn6r17] {
    font-family: var(--f-mono, ui-monospace, monospace);
    padding: 0.05rem 0.35rem;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
}

.forge-guard__btn[b-3khuzn6r17] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 24px;
    padding: 0 0.7rem;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
}
.forge-guard__btn:disabled[b-3khuzn6r17] { opacity: 0.5; cursor: not-allowed; }
.forge-guard__btn[b-3khuzn6r17]  .rzi { font-size: 14px; }

.forge-guard__dismiss[b-3khuzn6r17] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    width: 22px;
    border: 0;
    background: transparent;
    color: inherit;
    opacity: 0.6;
    border-radius: 4px;
    cursor: pointer;
}
.forge-guard__dismiss:hover:not(:disabled)[b-3khuzn6r17] { opacity: 1; background: rgba(255, 255, 255, 0.12); }
.forge-guard__dismiss:disabled[b-3khuzn6r17] { opacity: 0.3; cursor: not-allowed; }
.forge-guard__dismiss[b-3khuzn6r17]  .rzi { font-size: 15px; }

/* Warning state — protected branch / no remote. */
.forge-guard--warn[b-3khuzn6r17] {
    background: rgba(240, 173, 78, 0.12);
    color: #f3c98b;
}
.forge-guard--warn .forge-guard__btn--primary[b-3khuzn6r17] {
    background: #f0ad4e;
    color: #1a1205;
}
.forge-guard--warn .forge-guard__btn--primary:hover:not(:disabled)[b-3khuzn6r17] { background: #f4bd6a; }

/* Info state — push / connect. */
.forge-guard--info[b-3khuzn6r17] {
    background: rgba(110, 168, 254, 0.10);
    color: #9ec1ff;
}
.forge-guard--info .forge-guard__btn--primary[b-3khuzn6r17] {
    background: var(--c-accent, #6ea8fe);
    color: #051022;
}
.forge-guard--info .forge-guard__btn--primary:hover:not(:disabled)[b-3khuzn6r17] { background: #87b6ff; }
