/* /Components/Account/Login.razor.rz.scp.css */
.login-divider[b-jxof70awyt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0;
}

.login-divider__line[b-jxof70awyt] {
    flex: 1;
    height: 1px;
    background-color: var(--rz-border-color);
}

.login-divider__text[b-jxof70awyt] {
    color: var(--rz-text-secondary-color);
    font-size: 0.875rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Minimal layout — all styling via Radzen theme + app.css utilities */

[b-6s2dmy27tp] .header-actions {
    margin-left: auto;
}

[b-6s2dmy27tp] .header-row {
    width: 100%;
}

[b-6s2dmy27tp] .wod-sidebar {
    width: max-content;
}

[b-6s2dmy27tp] .wod-footer {
    display: flex;
    align-items: center;
    gap: var(--wod-space-2);
    width: 100%;
    font-size: var(--wod-text-xs);
    color: var(--wod-text-secondary);
}

[b-6s2dmy27tp] .wod-footer-app {
    font-weight: 600;
}

[b-6s2dmy27tp] .wod-footer-version {
    margin-left: auto;
}
/* /Components/Pages/CharacterSheet.razor.rz.scp.css */
/* CharacterSheet scoped styles */

/* Input widths */
.cs-name[b-q1c0td7e9j] { width: 220px; }
.cs-medium[b-q1c0td7e9j] { width: 160px; }
.cs-large[b-q1c0td7e9j] { width: 220px; }
.cs-small[b-q1c0td7e9j] { width: 120px; }
.cs-narrow[b-q1c0td7e9j] { width: 90px; }

/* Section fieldsets */
.cs-section[b-q1c0td7e9j] { padding: var(--wod-space-3); }
.cs-section-wide[b-q1c0td7e9j] { padding: var(--wod-space-3); min-width: 260px; }
.cs-section-mid[b-q1c0td7e9j] { padding: var(--wod-space-3); min-width: 240px; }
.cs-section-sm[b-q1c0td7e9j] { padding: var(--wod-space-3); min-width: 220px; }

/* Track spacer */
.cs-track-spacer[b-q1c0td7e9j] { margin-top: var(--wod-space-1); }

/* Validation list */
.cs-validation-list[b-q1c0td7e9j] { margin: 0; padding-left: var(--wod-space-4); }

/* Specializations */
.virt-label[b-q1c0td7e9j] { width: 110px; display: inline-block; }
.skill-row + .skill-row[b-q1c0td7e9j] { margin-top: var(--wod-space-1); }
.cs-overview[b-q1c0td7e9j], .cs-traits[b-q1c0td7e9j] { max-width: 100%; }
.spec-hint[b-q1c0td7e9j] { margin-bottom: var(--wod-space-1); }
.spec-empty[b-q1c0td7e9j] { font-size: var(--wod-text-xs); color: var(--wod-text-muted); opacity: 0.8; }
.spec-group[b-q1c0td7e9j] { display: flex; flex-direction: column; gap: var(--wod-space-1); }
.spec-skill[b-q1c0td7e9j] { font-weight: 600; text-transform: capitalize; }
.spec-chip[b-q1c0td7e9j] { display: inline-flex; align-items: center; gap: var(--wod-space-1); background: var(--rz-base-200); border: 1px solid var(--rz-border-color); padding: 2px 6px; border-radius: 12px; font-size: var(--wod-text-xs); }
.spec-remove[b-q1c0td7e9j] { cursor: pointer; background: transparent; border: none; color: var(--rz-danger); font-weight: bold; padding: 0 2px; line-height: 1; }
.spec-remove:hover[b-q1c0td7e9j] { color: var(--rz-on-danger); background: var(--rz-danger); border-radius: 50%; }
.blood-hint[b-q1c0td7e9j] { margin-top: var(--wod-space-1); }
/* /Components/Shared/ThemeSelector.razor.rz.scp.css */
/* ── ThemeSelector: option layout ─────────────────────────────────────── */

[b-73y51696gf] .wod-theme-option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-73y51696gf] .wod-theme-option__name {
    flex: 1;
}

/* ── Swatch strip ─────────────────────────────────────────────────────── */

[b-73y51696gf] .wod-swatch-strip {
    display: flex;
    gap: 3px;
    flex-shrink: 0;
}

[b-73y51696gf] .wod-swatch {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid var(--wod-surface-border);
}

/* ── Hover preview card ───────────────────────────────────────────────── */

[b-73y51696gf] .wod-theme-preview {
    position: absolute;
    left: calc(100% + 8px);
    top: 0;
    z-index: 200;
    display: none;
    pointer-events: none;
    width: 130px;
    border-radius: var(--wod-radius-md, 6px);
    border: 1px solid var(--wod-surface-border);
    box-shadow: var(--wod-shadow-md);
    overflow: hidden;
}

[b-73y51696gf] .wod-theme-preview__bg {
    background: var(--wod-surface);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-73y51696gf] .wod-theme-preview__text {
    font-size: 0.75rem;
    color: var(--wod-text);
    line-height: 1.2;
}

[b-73y51696gf] .wod-theme-preview__primary {
    display: block;
    height: 18px;
    border-radius: var(--wod-radius-sm, 4px);
    background: var(--wod-primary);
}

/* Show on hover or keyboard focus within the option row */
[b-73y51696gf] .wod-theme-option:hover .wod-theme-preview,
[b-73y51696gf] .wod-theme-option:focus-within .wod-theme-preview {
    display: block;
}