@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* _content/LetterlAIne.Web/Components/Jobs/JobCaptureDrawer.razor.rz.scp.css */
/* Custom Drawer Side-panel Styles */
.custom-drawer[b-1fq19kyauj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
}

.custom-drawer.open[b-1fq19kyauj] {
    pointer-events: auto;
}

.drawer-overlay[b-1fq19kyauj] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-modal-backdrop, rgba(15, 23, 42, 0.3));
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.custom-drawer.open .drawer-overlay[b-1fq19kyauj] {
    opacity: 1;
    pointer-events: auto;
}

.drawer-content[b-1fq19kyauj] {
    position: relative;
    width: min(560px, 100vw);
    height: 100%;
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff));
    box-shadow: var(--theme-shadow-lg);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s ease;
    z-index: 1001;
    border-left: 1px solid var(--theme-color-border, #e2e8f0);
    color: var(--theme-color-sectionText, var(--theme-color-text, #334155));
}

.custom-drawer.open .drawer-content[b-1fq19kyauj] {
    transform: translateX(0);
}

.drawer-container[b-1fq19kyauj] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
    box-sizing: border-box;
}

.drawer-header[b-1fq19kyauj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-bottom: 1px solid var(--theme-color-divider, #e2e8f0);
    padding-bottom: 1.25rem;
}

.drawer-header h3[b-1fq19kyauj] {
    font-size: 1.25rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-heading, var(--theme-color-text, #1e293b));
    margin: 0;
    line-height: 1.2;
}

.drawer-header p[b-1fq19kyauj] {
    font-size: 0.85rem;
    color: var(--theme-color-textMuted, #64748b);
    margin: 0;
}

.drawer-body[b-1fq19kyauj] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Form grid and fields in Drawer */
.studio-form-grid[b-1fq19kyauj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.studio-form-grid label[b-1fq19kyauj],
.studio-field[b-1fq19kyauj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-fieldLabel, var(--theme-color-cardTextMuted, #475569));
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.studio-input[b-1fq19kyauj],
.studio-textarea[b-1fq19kyauj] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    background: var(--theme-color-surface, #ffffff);
    color: var(--theme-color-inputText, var(--theme-color-text, #0f172a));
    font: inherit;
    font-size: 0.86rem;
    font-weight: var(--theme-font-weight-normal, 450);
    line-height: 1.4;
    padding: 0.65rem 0.75rem;
    text-transform: none;
    letter-spacing: 0;
}

.studio-textarea[b-1fq19kyauj] {
    min-height: 86px;
    resize: vertical;
}

.studio-textarea.tall[b-1fq19kyauj] {
    min-height: 118px;
}

.studio-input:focus[b-1fq19kyauj],
.studio-textarea:focus[b-1fq19kyauj] {
    outline: 2px solid color-mix(in srgb, var(--theme-color-focus, #3b82f6) 18%, transparent);
    border-color: var(--theme-color-focus, #2563eb);
}

.studio-actions[b-1fq19kyauj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.inline-progress[b-1fq19kyauj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.studio-error[b-1fq19kyauj] {
    color: var(--theme-status-rejected-text, #991b1b);
    background: var(--theme-status-rejected-bg, #fee2e2);
    border: 1px solid var(--theme-color-danger, #fecaca);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.45rem 0.65rem;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.studio-empty-state[b-1fq19kyauj] {
    background: var(--theme-color-emptyState, var(--theme-color-surface2, #f8fafc));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    font-size: 0.85rem;
    line-height: 1.45;
    padding: 0.85rem;
}

/* Premium Workspace overrides when Studio Preview is open */
.custom-drawer.studio-open .drawer-content[b-1fq19kyauj] {
    width: min(1680px, calc(100vw - 3rem));
}

.custom-drawer.studio-open .drawer-container[b-1fq19kyauj] {
    padding: 1.5rem 1.75rem;
}

.studio-workspace-container[b-1fq19kyauj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.75rem;
    align-items: start;
    box-sizing: border-box;
    min-width: 0;
}

@media (min-width: 1180px) {
    .custom-drawer.studio-open .studio-workspace-container[b-1fq19kyauj] {
        grid-template-columns: minmax(520px, 1.1fr) minmax(500px, 0.9fr);
        gap: 2rem;
    }
}

.studio-left-pane[b-1fq19kyauj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-right: 0.5rem;
    min-width: 0;
}

.studio-right-pane[b-1fq19kyauj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    border-left: 1px solid var(--theme-color-divider, #e2e8f0);
    padding-left: 1.5rem;
    min-width: 0;
    align-self: start;
    min-height: min(640px, calc(100vh - 16rem));
}

@media (max-width: 1179px) {
    .studio-right-pane[b-1fq19kyauj] {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid var(--theme-color-divider, #e2e8f0);
        padding-top: 1.25rem;
        min-height: 0;
    }
}

@media (max-width: 780px) {
    .custom-drawer.studio-open .drawer-content[b-1fq19kyauj] {
        width: 100vw;
    }

    .custom-drawer.studio-open .drawer-container[b-1fq19kyauj] {
        padding: 1rem;
    }
}

/* Glassmorphic cards for metadata and duplicates check */
.glass-card[b-1fq19kyauj] {
    background: color-mix(in srgb, var(--theme-color-card, #ffffff) 88%, transparent) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8)) !important;
    border-radius: var(--theme-radius-card, 12px);
    box-shadow: var(--theme-shadow-sm);
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    padding: 1.25rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover[b-1fq19kyauj] {
    box-shadow: var(--theme-shadow-md);
    border-color: var(--theme-color-primary, rgba(59, 130, 246, 0.4));
    transform: translateY(-2px);
}

/* Retry box (used for warnings in duplicate checks) */
.retry-container[b-1fq19kyauj] {
    background: var(--theme-status-applied-bg, #fffbeb);
    border: 1px solid var(--theme-color-warning, #fef3c7);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.retry-container p[b-1fq19kyauj] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--theme-status-applied-text, var(--theme-color-warning, #b45309));
    line-height: 1.4;
}

/* Status badging inside duplicate items list */
.status-badge[b-1fq19kyauj] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.saved[b-1fq19kyauj] { background: var(--theme-status-saved-bg, #f1f5f9); color: var(--theme-status-saved-text, #475569); }
.status-badge.evaluated[b-1fq19kyauj] { background: var(--theme-status-evaluated-bg, #dbeafe); color: var(--theme-status-evaluated-text, #1e40af); }
.status-badge.applied[b-1fq19kyauj] { background: var(--theme-status-applied-bg, #fef3c7); color: var(--theme-status-applied-text, #92400e); }
.status-badge.interview[b-1fq19kyauj] { background: var(--theme-status-interview-bg, #f3e8ff); color: var(--theme-status-interview-text, #6b21a8); }
.status-badge.offer[b-1fq19kyauj] { background: var(--theme-status-offer-bg, #d1fae5); color: var(--theme-status-offer-text, #065f46); }
.status-badge.rejected[b-1fq19kyauj] { background: var(--theme-status-rejected-bg, #fee2e2); color: var(--theme-status-rejected-text, #991b1b); }
.status-badge.archived[b-1fq19kyauj] { background: var(--theme-status-saved-bg, #e2e8f0); color: var(--theme-color-textMuted, #64748b); }

.status-badge.top-fit[b-1fq19kyauj] { background: color-mix(in srgb, var(--theme-color-scoreHigh, #065f46) 16%, transparent); color: var(--theme-color-scoreHigh, #065f46); }
.status-badge.stretch[b-1fq19kyauj] { background: color-mix(in srgb, var(--theme-color-scoreMid, #92400e) 16%, transparent); color: var(--theme-color-scoreMid, #92400e); }
.status-badge.low-fit[b-1fq19kyauj] { background: color-mix(in srgb, var(--theme-color-scoreLow, #991b1b) 16%, transparent); color: var(--theme-color-scoreLow, #991b1b); }
/* _content/LetterlAIne.Web/Components/Jobs/JobPipelineBoard.razor.rz.scp.css */
/* Kanban Board Layout */
.pipeline-board[b-ldowonwuyy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    align-items: start;
    overflow-x: auto;
}

@media (min-width: 1440px) {
    .pipeline-board[b-ldowonwuyy] {
        grid-template-columns: repeat(6, 1fr);
    }
}

.board-column[b-ldowonwuyy] {
    background: var(--theme-color-kanbanColumn, var(--theme-color-surface2, #f8fafc));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 500px;
    max-height: 80vh;
}

.column-header[b-ldowonwuyy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--theme-color-divider, #e2e8f0);
    padding-bottom: 0.75rem;
}

.column-title-row[b-ldowonwuyy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.column-dot[b-ldowonwuyy] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--theme-color-border, #cbd5e1);
}

.column-dot.saved[b-ldowonwuyy] { background: var(--theme-status-saved-text, #64748b); }
.column-dot.evaluated[b-ldowonwuyy] { background: var(--theme-status-evaluated-text, #3b82f6); }
.column-dot.applied[b-ldowonwuyy] { background: var(--theme-status-applied-text, #f59e0b); }
.column-dot.interview[b-ldowonwuyy] { background: var(--theme-status-interview-text, #a855f7); }
.column-dot.offer[b-ldowonwuyy] { background: var(--theme-status-offer-text, #10b981); }
.column-dot.rejected[b-ldowonwuyy] { background: var(--theme-status-rejected-text, #ef4444); }

.column-header h4[b-ldowonwuyy] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--theme-color-text, #1e293b);
}

.column-count[b-ldowonwuyy] {
    background: var(--theme-color-tag, #e2e8f0);
    color: var(--theme-color-tagText, #475569);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
}

.column-cards-area[b-ldowonwuyy] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    overflow-y: auto;
    flex: 1;
    padding-right: 0.25rem;
}

.column-empty-state[b-ldowonwuyy] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    border: 2px dashed var(--theme-color-kanbanEmptyBorder, var(--theme-color-border, #e2e8f0));
    border-radius: var(--theme-radius-card, 8px);
    color: var(--theme-color-textFaint, #94a3b8);
    background: var(--theme-color-emptyState, transparent);
    font-size: 0.8rem;
    font-weight: 500;
}

/* Glassmorphic Pipeline Card */
.job-pipeline-card[b-ldowonwuyy] {
    background: var(--theme-color-kanbanCard, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-kanbanCardBorder, var(--theme-color-border, rgba(226, 232, 240, 0.8)));
    border-radius: var(--theme-radius-card, 8px);
    padding: 1rem;
    box-shadow: var(--theme-shadow-sm, 0 2px 4px rgba(15, 23, 42, 0.02));
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.job-pipeline-card:hover[b-ldowonwuyy] {
    transform: translateY(-2px);
    box-shadow: 0 8px 12px -3px rgba(15, 23, 42, 0.06), 0 3px 6px -2px rgba(15, 23, 42, 0.03);
    border-color: var(--theme-color-primaryHover, var(--theme-color-primary, rgba(59, 130, 246, 0.4)));
}

.card-header[b-ldowonwuyy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.company-label[b-ldowonwuyy] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--theme-color-primary, #3b82f6);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.fit-score-badge[b-ldowonwuyy] {
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.15rem 0.4rem;
    border-radius: 6px;
}

.fit-score-badge.top[b-ldowonwuyy] { background: color-mix(in srgb, var(--theme-color-scoreHigh, #065f46) 16%, transparent); color: var(--theme-color-scoreHigh, #065f46); }
.fit-score-badge.medium[b-ldowonwuyy] { background: color-mix(in srgb, var(--theme-color-scoreMid, #92400e) 16%, transparent); color: var(--theme-color-scoreMid, #92400e); }
.fit-score-badge.low[b-ldowonwuyy] { background: color-mix(in srgb, var(--theme-color-scoreLow, #991b1b) 16%, transparent); color: var(--theme-color-scoreLow, #991b1b); }

.job-title-label[b-ldowonwuyy] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--theme-color-text, #0f172a);
    line-height: 1.3;
}

.card-meta[b-ldowonwuyy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meta-item[b-ldowonwuyy] {
    font-size: 0.78rem;
    color: var(--theme-color-textMuted, #64748b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-footer[b-ldowonwuyy] {
    border-top: 1px solid var(--theme-color-divider, #f1f5f9);
    padding-top: 0.5rem;
    margin-top: 0.25rem;
}

.quick-status-selector[b-ldowonwuyy] {
    width: 100%;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: 6px;
    font-size: 0.75rem;
    color: var(--theme-color-textMuted, #475569);
    padding: 0.25rem 0.5rem;
    background: var(--theme-color-surface, #ffffff);
    cursor: pointer;
    outline: none;
}

.quick-status-selector:focus[b-ldowonwuyy] {
    border-color: var(--theme-color-primary, #3b82f6);
}
/* _content/LetterlAIne.Web/Components/Jobs/JobPipelineMetrics.razor.rz.scp.css */
/* Pipeline Metric Cards */
.dashboard-metrics[b-1yvwfeolwk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}

.metric-card[b-1yvwfeolwk] {
    padding: 1.5rem;
    background: var(--theme-color-metricCard, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-metricCardBorder, var(--theme-color-border, rgba(226, 232, 240, 0.8)));
    border-radius: var(--theme-radius-card, 8px);
    box-shadow: var(--theme-shadow-sm, 0 4px 6px -1px rgba(0, 0, 0, 0.02));
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 120px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.metric-card:hover[b-1yvwfeolwk] {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.04), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
    border-color: var(--theme-color-primary, rgba(59, 130, 246, 0.3));
}

.metric-card[b-1yvwfeolwk]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--theme-color-border, #e2e8f0);
}

.metric-card.primary[b-1yvwfeolwk]::before { background: var(--theme-color-primary, #3b82f6); }
.metric-card.success[b-1yvwfeolwk]::before { background: var(--theme-color-scoreHigh, #10b981); }
.metric-card.warning[b-1yvwfeolwk]::before { background: var(--theme-color-scoreMid, #f59e0b); }

.metric-label[b-1yvwfeolwk] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--theme-color-textMuted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.metric-value[b-1yvwfeolwk] {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--theme-color-text, #0f172a);
    line-height: 1;
    margin-top: 0.5rem;
}

.metric-subtext[b-1yvwfeolwk] {
    font-size: 0.75rem;
    color: var(--theme-color-textFaint, #94a3b8);
    margin-top: 0.25rem;
}
/* _content/LetterlAIne.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════
   MainLayout.razor.css — APL-123 Sidebar Navigation Shell
   ════════════════════════════════════════════════════════════ */

/* ── Root Layout: sidebar + main content ────────────────── */
.app-layout[b-ag720kqpo2] {
    display: grid;
    grid-template-columns: 240px 1fr;
    min-height: 100vh;
    background-color: var(--theme-color-bg, #f1f5f9);
    color: var(--theme-color-text, #121316);
    font-family: var(--theme-font-family, 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif);
}

.app-layout.no-sidebar[b-ag720kqpo2] {
    grid-template-columns: 1fr;
}

/* ── Sidebar ─────────────────────────────────────────────── */
.sidebar[b-ag720kqpo2] {
    display: flex;
    flex-direction: column;
    background: var(--theme-color-nav, var(--theme-color-surface, rgba(255, 255, 255, 0.95)));
    backdrop-filter: blur(var(--theme-glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--theme-glass-blur, 16px));
    border-right: 1px solid var(--theme-color-sidebarBorder, var(--theme-color-border, rgba(226, 232, 240, 0.9)));
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    box-shadow: var(--theme-shadow-sm, 2px 0 12px rgba(0, 0, 0, 0.04));
    transition: width var(--theme-transition-speed, 0.25s) ease;
    z-index: 50;
}

/* ── Brand Section ───────────────────────────────────────── */
.sidebar-brand[b-ag720kqpo2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.4rem 1.25rem 1.2rem;
    border-bottom: 1px solid var(--theme-color-divider, #f1f5f9);
}

.sidebar-logo[b-ag720kqpo2] {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.08));
    flex-shrink: 0;
    mix-blend-mode: multiply;
}

html.dark .sidebar-logo[b-ag720kqpo2] {
    filter: invert(1) drop-shadow(0 2px 4px rgba(255,255,255,0.08));
    mix-blend-mode: screen;
}

.sidebar-title[b-ag720kqpo2] {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0;
    background: linear-gradient(135deg, var(--theme-color-primary, #1e3a8a) 0%, var(--theme-color-focus, #6366f1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand-highlight[b-ag720kqpo2] {
    color: var(--theme-color-focus, #6366f1);
    -webkit-text-fill-color: var(--theme-color-focus, #6366f1);
}

/* ── Navigation ──────────────────────────────────────────── */
.sidebar-nav[b-ag720kqpo2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 1rem 0.75rem;
    flex: 1;
}

.nav-item[b-ag720kqpo2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
    border-radius: 8px;
    color: var(--theme-color-navText, #475569);
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 500;
    transition: background var(--theme-transition-speed, 0.12s), color var(--theme-transition-speed, 0.12s), transform var(--theme-transition-speed, 0.1s);
    cursor: pointer;
    user-select: none;
}

.nav-item:hover[b-ag720kqpo2] {
    background: var(--theme-color-primaryHighlight, #f0f4ff);
    color: var(--theme-color-navActiveText, var(--theme-color-primary, #3730a3));
    transform: translateX(2px);
}

.nav-item.active[b-ag720kqpo2] {
    background: var(--theme-color-navActive, #e0e7ff);
    color: var(--theme-color-navActiveText, #4f46e5);
    font-weight: 700;
    box-shadow: none;
    border: 1px solid var(--theme-color-divider, rgba(0, 0, 0, 0.05));
}

.nav-item.active .nav-icon[b-ag720kqpo2] {
    filter: none;
}

.nav-icon[b-ag720kqpo2] {
    flex-shrink: 0;
    width: 1.5rem;
    text-align: center;
    color: var(--theme-color-sidebarIcon, currentColor);
    transition: color var(--theme-transition-speed, 0.12s) ease;
}

.nav-item:hover .nav-icon[b-ag720kqpo2],
.nav-item.active .nav-icon[b-ag720kqpo2] {
    color: currentColor;
}

.nav-label[b-ag720kqpo2] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Spacer ──────────────────────────────────────────────── */
.sidebar-spacer[b-ag720kqpo2] {
    flex: 1;
}

/* ── Footer ──────────────────────────────────────────────── */
.sidebar-footer[b-ag720kqpo2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem;
    border-top: 1px solid var(--theme-color-divider, #f1f5f9);
}


.settings-link[b-ag720kqpo2] {
    color: var(--theme-color-navText, #64748b);
}

/* Keyboard Navigation Focus Indicator */
.nav-item:focus[b-ag720kqpo2] {
    outline: none;
}

.nav-item:focus-visible[b-ag720kqpo2] {
    outline: var(--theme-focus-ring-width, 2px) var(--theme-focus-ring-style, solid) var(--theme-color-focus, #6366f1);
    outline-offset: -2px;
}

/* ── Main Body ───────────────────────────────────────────── */
.app-body[b-ag720kqpo2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: var(--ui-page-margin);
    min-width: 0;
    box-sizing: border-box;
    overflow-y: auto;
}

/* ── Collapsed sidebar state ─────────────────────────────── */
.sidebar.collapsed[b-ag720kqpo2] {
    width: 64px;
}

.sidebar.collapsed .sidebar-title[b-ag720kqpo2],
.sidebar.collapsed .nav-label[b-ag720kqpo2],
.sidebar.collapsed .theme-quick-switcher[b-ag720kqpo2] {
    display: none;
}

.sidebar.collapsed .sidebar-brand[b-ag720kqpo2] {
    justify-content: center;
    padding: 1.25rem 0;
}

.sidebar.collapsed .nav-item[b-ag720kqpo2] {
    justify-content: center;
    padding: 0.7rem;
}

/* ── Responsive: mobile ──────────────────────────────────── */
@media (max-width: 768px) {
    .app-layout[b-ag720kqpo2] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .sidebar[b-ag720kqpo2] {
        position: relative;
        height: auto;
        flex-direction: row;
        align-items: center;
        padding: 0;
        border-right: none;
        border-bottom: 1px solid var(--theme-color-sidebarBorder, var(--theme-color-border, rgba(226, 232, 240, 0.9)));
        overflow-x: auto;
        overflow-y: hidden;
    }

    .sidebar-brand[b-ag720kqpo2] {
        padding: 0.75rem 1rem;
        border-bottom: none;
        border-right: 1px solid var(--theme-color-divider, #f1f5f9);
    }

    .sidebar-nav[b-ag720kqpo2] {
        flex-direction: row;
        padding: 0.5rem;
        gap: 0.15rem;
        flex: 1;
        overflow-x: auto;
    }

    .sidebar-spacer[b-ag720kqpo2] {
        display: none;
    }

    .sidebar-footer[b-ag720kqpo2] {
        flex-direction: row;
        border-top: none;
        border-left: 1px solid var(--theme-color-divider, #f1f5f9);
        padding: 0.5rem;
    }


    .nav-label[b-ag720kqpo2] {
        display: none;
    }

    .nav-item[b-ag720kqpo2] {
        flex-direction: column;
        gap: 0.15rem;
        padding: 0.5rem 0.6rem;
        font-size: 0.7rem;
    }

    .app-body[b-ag720kqpo2] {
        padding: var(--ui-space-2);
    }
}

/* Reset default button styles for nav-item elements */
button.nav-item[b-ag720kqpo2] {
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

/* ── App Footer ─────────────────────────────────────────── */
.app-footer[b-ag720kqpo2] {
    margin-top: auto;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    border-top: 1px solid var(--theme-color-divider, var(--theme-color-border, rgba(0, 0, 0, 0.1)));
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    color: var(--theme-color-navText, #64748b);
    flex-wrap: wrap;
    gap: 8px;
}

.app-footer-links[b-ag720kqpo2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.app-footer-links a[b-ag720kqpo2] {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
    transition: color var(--theme-transition-speed, 0.12s) ease;
}

.app-footer-links a:hover[b-ag720kqpo2] {
    color: var(--theme-color-primary, #3730a3);
}

.app-footer .legal-separator[b-ag720kqpo2] {
    color: inherit;
    user-select: none;
}

.app-footer-contact[b-ag720kqpo2] {
    font-size: 0.75rem;
    color: var(--theme-color-navText, #64748b);
}

.app-footer-contact a[b-ag720kqpo2] {
    color: var(--theme-color-primary, #3730a3);
    text-decoration: underline;
    font-weight: 600;
    transition: color var(--theme-transition-speed, 0.12s) ease;
}

.app-footer-contact a:hover[b-ag720kqpo2] {
    color: var(--theme-color-focus, #6366f1);
}
/* _content/LetterlAIne.Web/Components/Layout/PublicLayout.razor.rz.scp.css */
.public-layout[b-m0357unmmd] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    background: var(--theme-color-bg, #fbfaf7);
    color: var(--theme-color-text, #172033);
    font-family: var(--theme-font-family), "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
    transition: background var(--theme-transition-speed, 0.2s) ease, color var(--theme-transition-speed, 0.2s) ease;
}

.public-header[b-m0357unmmd] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--theme-color-border, rgba(23, 32, 51, 0.1));
    background: color-mix(in srgb, var(--theme-color-bg, #fbfaf7) 92%, transparent);
    backdrop-filter: blur(var(--theme-glass-blur, 14px));
    -webkit-backdrop-filter: blur(var(--theme-glass-blur, 14px));
    transition: background var(--theme-transition-speed, 0.2s) ease, border-color var(--theme-transition-speed, 0.2s) ease;
}

.header-container[b-m0357unmmd] {
    width: min(1160px, calc(100% - 40px));
    min-height: 72px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.brand-link[b-m0357unmmd] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--theme-color-text, #172033);
    font-weight: var(--theme-font-weight-bold, 900);
    text-decoration: none;
}

.brand-logo[b-m0357unmmd] {
    width: 56px;
    height: 56px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

html.dark .brand-logo[b-m0357unmmd] {
    filter: invert(1);
    mix-blend-mode: screen;
}

.brand-title[b-m0357unmmd] {
    color: var(--theme-color-text, #172033);
    font-size: 1.4rem;
    letter-spacing: -0.02em;
    font-family: var(--theme-font-headingFamily), inherit;
    font-weight: 900;
}

.brand-highlight[b-m0357unmmd] {
    color: var(--theme-color-primary, #24646a);
}

.desktop-nav[b-m0357unmmd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    flex: 1;
}

.desktop-nav a[b-m0357unmmd],
.mobile-nav a[b-m0357unmmd],
.footer-links-group a[b-m0357unmmd],
.header-cta[b-m0357unmmd] {
    color: var(--theme-color-textMuted, #4b5870);
    font-size: 0.92rem;
    font-weight: var(--theme-font-weight-bold, 750);
    letter-spacing: 0;
    text-decoration: none;
    transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.desktop-nav a:hover[b-m0357unmmd],
.mobile-nav a:hover[b-m0357unmmd],
.footer-links-group a:hover[b-m0357unmmd],
.footer-links-group a.active[b-m0357unmmd] {
    color: var(--theme-color-primary, #24646a);
}

.header-cta[b-m0357unmmd] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--theme-color-border, #c9d0d7);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0 16px;
    background: var(--theme-color-card, #ffffff);
    color: var(--theme-color-text, #172033);
}

.header-cta:hover[b-m0357unmmd] {
    border-color: var(--theme-color-primary, #172033);
    background: var(--theme-color-surface2, #f3f4f6);
}

/* Styled Public Theme Toggle Button */
.public-theme-toggle-btn[b-m0357unmmd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--theme-radius-control, 8px);
    border: 1px solid var(--theme-color-border, #c9d0d7);
    background: var(--theme-color-card, #ffffff);
    color: var(--theme-color-text, #172033);
    cursor: pointer;
    outline: none;
    transition: background-color var(--theme-transition-speed, 0.2s) ease, border-color var(--theme-transition-speed, 0.2s) ease, color var(--theme-transition-speed, 0.2s) ease;
    margin-right: 12px;
}
.public-theme-toggle-btn:hover[b-m0357unmmd] {
    border-color: var(--theme-color-primary, #172033);
    background: var(--theme-color-surface2, #f3f4f6);
}

.brand-link:focus-visible[b-m0357unmmd],
.desktop-nav a:focus-visible[b-m0357unmmd],
.header-cta:focus-visible[b-m0357unmmd],
.mobile-nav summary:focus-visible[b-m0357unmmd],
.mobile-nav a:focus-visible[b-m0357unmmd],
.footer-links-group a:focus-visible[b-m0357unmmd],
.public-theme-toggle-btn:focus-visible[b-m0357unmmd] {
    outline: 3px solid var(--theme-color-focus, #d79b35);
    outline-offset: 3px;
}

.mobile-nav[b-m0357unmmd] {
    display: none;
    position: relative;
}

.mobile-nav summary[b-m0357unmmd] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #c9d0d7;
    border-radius: 8px;
    padding: 0 12px;
    background: #ffffff;
    color: #172033;
    cursor: pointer;
    font-size: 0.92rem;
    font-weight: 800;
    list-style: none;
}

.mobile-nav summary[b-m0357unmmd]::-webkit-details-marker {
    display: none;
}

.menu-lines[b-m0357unmmd],
.menu-lines[b-m0357unmmd]::before,
.menu-lines[b-m0357unmmd]::after {
    width: 16px;
    height: 2px;
    display: block;
    border-radius: 999px;
    background: #172033;
}

.menu-lines[b-m0357unmmd] {
    position: relative;
}

.menu-lines[b-m0357unmmd]::before,
.menu-lines[b-m0357unmmd]::after {
    content: "";
    position: absolute;
    left: 0;
}

.menu-lines[b-m0357unmmd]::before {
    top: -5px;
}

.menu-lines[b-m0357unmmd]::after {
    top: 5px;
}

.mobile-nav nav[b-m0357unmmd] {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: min(280px, calc(100vw - 32px));
    display: grid;
    gap: 6px;
    border: 1px solid #d8dee4;
    border-radius: 8px;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(23, 32, 51, 0.12);
}

.mobile-nav a[b-m0357unmmd] {
    border-radius: 6px;
    padding: 11px 12px;
}

.mobile-nav a:hover[b-m0357unmmd] {
    background: #f4f7f7;
}

.public-body[b-m0357unmmd] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.public-footer[b-m0357unmmd] {
    margin-top: auto;
    border-top: 1px solid var(--theme-color-border, #d8dee4);
    background: var(--theme-color-surface2, #f2f4f0);
    color: var(--theme-color-textMuted, #4b5870);
    transition: background var(--theme-transition-speed, 0.2s) ease, border-color var(--theme-transition-speed, 0.2s) ease;
}

.footer-container[b-m0357unmmd] {
    width: min(1160px, calc(100% - 40px));
    margin: 0 auto;
    padding: 46px 0 38px;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(180px, 0.7fr) minmax(180px, 0.7fr);
    gap: 44px;
}

.footer-brand[b-m0357unmmd] {
    max-width: 460px;
}

.footer-title[b-m0357unmmd] {
    display: block;
    color: var(--theme-color-text, #172033);
    font-size: 1.35rem;
    font-weight: var(--theme-font-weight-bold, 900);
}

.footer-tagline[b-m0357unmmd] {
    margin: 14px 0 0;
    color: #566273;
    line-height: 1.6;
}

.footer-notice[b-m0357unmmd] {
    margin: 10px 0 0;
    color: #6f7d8b;
    font-size: 0.84rem;
    line-height: 1.5;
}

.footer-links-group[b-m0357unmmd] {
    display: grid;
    align-content: start;
    gap: 10px;
}

.footer-links-group h2[b-m0357unmmd] {
    margin: 0 0 4px;
    color: #172033;
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0;
}

.footer-bottom[b-m0357unmmd] {
    width: min(1160px, calc(100% - 40px));
    margin: 0 auto;
    border-top: 1px solid #d8dee4;
    padding: 18px 0 24px;
}

.footer-bottom-container[b-m0357unmmd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-bottom p[b-m0357unmmd] {
    margin: 0;
    color: #6f7d8b;
    font-size: 0.84rem;
    line-height: 1.5;
}

.footer-legal-links[b-m0357unmmd] {
    font-size: 0.84rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-legal-links a[b-m0357unmmd] {
    color: #6f7d8b;
    text-decoration: none;
    font-weight: var(--theme-font-weight-bold, 750);
    transition: color 160ms ease;
}

.footer-legal-links a:hover[b-m0357unmmd] {
    color: var(--theme-color-primary, #24646a);
}

.legal-separator[b-m0357unmmd] {
    color: #6f7d8b;
    user-select: none;
}

@media (max-width: 900px) {
    .desktop-nav[b-m0357unmmd],
    .header-cta[b-m0357unmmd] {
        display: none;
    }

    .mobile-nav[b-m0357unmmd] {
        display: block;
    }

    .footer-container[b-m0357unmmd] {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

@media (max-width: 560px) {
    .header-container[b-m0357unmmd],
    .footer-container[b-m0357unmmd],
    .footer-bottom[b-m0357unmmd] {
        width: min(100% - 28px, 1160px);
    }
}

/* Compact Legal Footer Styles */
.public-footer.compact-footer[b-m0357unmmd] {
    padding: 2rem 0;
    background: var(--theme-color-surface2, #f2f4f0);
}

.footer-container-compact[b-m0357unmmd] {
    width: min(860px, calc(100% - 40px));
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.footer-brand-compact[b-m0357unmmd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-brand-compact .footer-title[b-m0357unmmd] {
    font-size: 1.15rem;
}

.footer-tagline-compact[b-m0357unmmd] {
    margin: 0;
    font-size: 0.88rem;
    color: #566273;
}

.footer-links-compact[b-m0357unmmd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.88rem;
}

.footer-links-compact a[b-m0357unmmd] {
    color: #566273;
    text-decoration: none;
    font-weight: var(--theme-font-weight-bold, 750);
    transition: color 160ms ease;
}

.footer-links-compact a:hover[b-m0357unmmd] {
    color: var(--theme-color-primary, #24646a);
}

@media (max-width: 768px) {
    .footer-container-compact[b-m0357unmmd] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/LetterlAIne.Web/Components/Pages/AdminDashboard.razor.rz.scp.css */
/* ── Shell & Loading State ───────────────────────────────────────── */
.admin-denied-shell[b-4ckg9sxjmq] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    padding: 2rem;
}

.admin-denied-card[b-4ckg9sxjmq] {
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.7));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    border-radius: var(--theme-radius-modal, var(--theme-radius-card, 16px));
    padding: 3rem;
    max-width: 480px;
    text-align: center;
    box-shadow: var(--theme-shadow-lg);
}

.denied-icon[b-4ckg9sxjmq] {
    font-size: 3.5rem;
    display: block;
    margin-bottom: 1.5rem;
}

.admin-denied-card h1[b-4ckg9sxjmq] {
    font-size: 1.75rem;
    font-weight: var(--theme-font-weight-bold, 700);
    color: var(--theme-color-heading, #0f172a);
    margin-bottom: 1rem;
}

.admin-denied-card p[b-4ckg9sxjmq] {
    font-size: 0.95rem;
    color: var(--theme-color-textMuted, #475569);
    line-height: 1.6;
    margin-bottom: 2rem;
}

.admin-loading-shell[b-4ckg9sxjmq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70vh;
    gap: 1.5rem;
    color: var(--theme-color-textFaint, #64748b);
    font-size: 0.95rem;
}

/* ── Dashboard Layout ────────────────────────────────────────────── */
.admin-container[b-4ckg9sxjmq] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}

/* ── Header ──────────────────────────────────────────────────────── */
.admin-header[b-4ckg9sxjmq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    border-bottom: 1px solid var(--theme-color-divider, #e2e8f0);
    padding-bottom: 1.5rem;
}

.admin-badge[b-4ckg9sxjmq] {
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 700);
    letter-spacing: 0.1em;
    background: color-mix(in srgb, var(--theme-color-primary, #3b82f6) 10%, transparent);
    color: var(--theme-color-primary, #1d4ed8);
    padding: 0.25rem 0.5rem;
    border-radius: var(--theme-radius-control, 4px);
    display: inline-block;
    margin-bottom: 0.5rem;
}

.admin-header h1[b-4ckg9sxjmq] {
    font-size: 2.25rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-heading, #0f172a);
    letter-spacing: -0.02em;
    margin: 0 0 0.25rem 0;
}

.admin-header p[b-4ckg9sxjmq] {
    font-size: 0.95rem;
    color: var(--theme-color-textFaint, #64748b);
    margin: 0;
}

.header-actions[b-4ckg9sxjmq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.hangfire-btn-link[b-4ckg9sxjmq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #dc2626);
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-semibold, 600);
    padding: 0.5rem 1rem;
    border-radius: var(--theme-radius-control, 8px);
    border: 1px solid color-mix(in srgb, var(--theme-color-danger, #ef4444) 20%, transparent);
    text-decoration: none;
    transition: all 0.2s ease;
}

.hangfire-btn-link:hover[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 20%, transparent);
    transform: translateY(-1px);
    box-shadow: var(--theme-shadow-sm);
}

/* ── Diagnostics Row ────────────────────────────────────────────── */
.diagnostics-row[b-4ckg9sxjmq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}

.diagnostic-card[b-4ckg9sxjmq] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.25rem;
    box-shadow: var(--theme-shadow-sm);
}

.diag-header[b-4ckg9sxjmq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--theme-color-divider, #f1f5f9);
    padding-bottom: 0.75rem;
}

.diag-header h3[b-4ckg9sxjmq] {
    font-size: 0.95rem;
    font-weight: var(--theme-font-weight-bold, 700);
    color: var(--theme-color-text, #334155);
    margin: 0;
}

.status-indicator[b-4ckg9sxjmq] {
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 700);
    padding: 0.2rem 0.5rem;
    border-radius: var(--ui-radius-pill, 9999px);
}

.status-indicator.healthy[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 10%, transparent);
    color: var(--theme-color-success, #059669);
}

.status-indicator.warning[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 10%, transparent);
    color: var(--theme-color-warning, #d97706);
}

.status-indicator.unhealthy[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #dc2626);
}

/* Health List */
.health-checks-list[b-4ckg9sxjmq] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.health-checks-list li[b-4ckg9sxjmq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
}

.check-name[b-4ckg9sxjmq] {
    color: var(--theme-color-textMuted, #475569);
    font-weight: var(--theme-font-weight-medium, 500);
}

.check-badge[b-4ckg9sxjmq] {
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-semibold, 600);
    padding: 0.15rem 0.4rem;
    border-radius: var(--theme-radius-control, 4px);
}

.check-badge.ok[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent);
    color: var(--theme-color-success, #0ca678);
}

.check-badge.err[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 12%, transparent);
    color: var(--theme-color-danger, #ff6b6b);
}

/* Hangfire Telemetry Grid */
.hangfire-stats-grid[b-4ckg9sxjmq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.h-metric[b-4ckg9sxjmq] {
    background: var(--theme-color-surfaceOffset, #f8fafc);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.75rem 0.5rem;
    text-align: center;
    border: 1px solid var(--theme-color-divider, #f1f5f9);
}

.h-metric small[b-4ckg9sxjmq] {
    display: block;
    font-size: 0.7rem;
    color: var(--theme-color-textFaint, #64748b);
    font-weight: var(--theme-font-weight-semibold, 600);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.h-metric strong[b-4ckg9sxjmq] {
    font-size: 1.25rem;
    color: var(--theme-color-text, #1e293b);
    font-weight: var(--theme-font-weight-bold, 700);
}

.highlight-active[b-4ckg9sxjmq] {
    color: var(--theme-color-primary, #2563eb) !important;
}

.highlight-failed[b-4ckg9sxjmq] {
    color: var(--theme-color-danger, #dc2626) !important;
}

/* ── KPI Grid ───────────────────────────────────────────────────── */
.metrics-grid[b-4ckg9sxjmq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.25rem;
}

.metric-card[b-4ckg9sxjmq] {
    background: var(--theme-color-metricCard, var(--theme-color-card, var(--theme-color-surface, #ffffff)));
    border: 1px solid var(--theme-color-metricCardBorder, var(--theme-color-border, #e2e8f0));
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: var(--theme-shadow-sm);
    transition: all 0.2s ease;
}

.metric-card:hover[b-4ckg9sxjmq] {
    transform: translateY(-2px);
    box-shadow: var(--theme-shadow-md);
    border-color: var(--theme-color-primaryHover, var(--theme-color-primary, #cbd5e1));
}

.m-icon[b-4ckg9sxjmq] {
    font-size: 1.75rem;
    background: var(--theme-color-surfaceOffset, #f8fafc);
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--theme-radius-control, 10px);
    border: 1px solid var(--theme-color-divider, #f1f5f9);
}

.m-data[b-4ckg9sxjmq] {
    display: flex;
    flex-direction: column;
}

.m-data small[b-4ckg9sxjmq] {
    font-size: 0.75rem;
    color: var(--theme-color-textFaint, #64748b);
    font-weight: var(--theme-font-weight-semibold, 600);
}

.m-data h2[b-4ckg9sxjmq] {
    font-size: 1.5rem;
    font-weight: var(--theme-font-weight-bold, 700);
    color: var(--theme-color-heading, #0f172a);
    margin: 0.15rem 0 0 0;
}

.review-alert[b-4ckg9sxjmq] {
    color: var(--theme-color-danger, #dc2626) !important;
}

/* ── Operational Feeds ──────────────────────────────────────────── */
.operational-feeds[b-4ckg9sxjmq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
    gap: 2rem;
}

.feeds-column-left[b-4ckg9sxjmq] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.feeds-column-right[b-4ckg9sxjmq] {
    display: flex;
    flex-direction: column;
}

.feed-section[b-4ckg9sxjmq] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.5rem;
    box-shadow: var(--theme-shadow-sm);
}

.feed-section.full-height[b-4ckg9sxjmq] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.section-title[b-4ckg9sxjmq] {
    font-size: 1rem;
    font-weight: var(--theme-font-weight-bold, 700);
    color: var(--theme-color-text, #1e293b);
    margin: 0 0 1.25rem 0;
    border-bottom: 2px solid var(--theme-color-divider, #f1f5f9);
    padding-bottom: 0.75rem;
}

/* Dense Table */
.table-container[b-4ckg9sxjmq] {
    overflow-x: auto;
    width: 100%;
}

.dense-table[b-4ckg9sxjmq] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    text-align: left;
}

.dense-table th[b-4ckg9sxjmq] {
    font-weight: var(--theme-font-weight-semibold, 600);
    color: var(--theme-color-textFaint, #64748b);
    background: var(--theme-color-surfaceOffset, #f8fafc);
    padding: 0.75rem;
    border-bottom: 1px solid var(--theme-color-border, #cbd5e1);
    font-size: 0.75rem;
    text-transform: uppercase;
}

.dense-table td[b-4ckg9sxjmq] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--theme-color-divider, #f1f5f9);
    color: var(--theme-color-text, #334155);
    vertical-align: middle;
}

.dense-table tr:hover td[b-4ckg9sxjmq] {
    background: var(--theme-color-surfaceOffset, #f8fafc);
}

.text-muted[b-4ckg9sxjmq] {
    font-size: 0.7rem;
    color: var(--theme-color-textFaint, #94a3b8);
}

/* Badges & Cell highlights */
.status-badge[b-4ckg9sxjmq] {
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 700);
    padding: 0.15rem 0.4rem;
    border-radius: var(--theme-radius-control, 4px);
    display: inline-block;
}

.status-badge.active[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent);
    color: var(--theme-color-success, #0ca678);
}

.status-badge.deleted[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 12%, transparent);
    color: var(--theme-color-warning, #f76707);
}

.action-highlight[b-4ckg9sxjmq] {
    font-weight: var(--theme-font-weight-bold, 700);
    color: var(--theme-color-primary, #2563eb);
    background: color-mix(in srgb, var(--theme-color-primary, #2563eb) 10%, transparent);
    padding: 0.15rem 0.4rem;
    border-radius: var(--theme-radius-control, 4px);
}

.user-cell[b-4ckg9sxjmq] {
    font-weight: var(--theme-font-weight-medium, 500);
    color: var(--theme-color-text, #1e293b);
}

.entity-badge[b-4ckg9sxjmq] {
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-semibold, 600);
    background: var(--theme-color-surfaceOffset, #f1f5f9);
    color: var(--theme-color-textMuted, #475569);
    padding: 0.1rem 0.35rem;
    border-radius: var(--theme-radius-control, 4px);
    display: inline-block;
    margin-bottom: 0.15rem;
}
/* _content/LetterlAIne.Web/Components/Pages/Contacts.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════
   Contacts.razor.css — Recruiter & Network CRM Workspace
   ════════════════════════════════════════════════════════════ */

.contacts-grid[b-bb94ad2ek4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

/* ── Contact Card Styling ────────────────────────────────── */
.contact-card[b-bb94ad2ek4] {
    display: flex;
    flex-direction: column;
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.95));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.9));
    border-radius: var(--theme-radius-card, 8px);
    padding: 1.5rem;
    box-shadow: var(--theme-shadow-sm, 0 4px 12px rgba(0, 0, 0, 0.02));
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.contact-card:hover[b-bb94ad2ek4] {
    transform: translateY(-2px);
    border-color: var(--theme-color-primary, rgba(99, 102, 241, 0.25));
    box-shadow: var(--theme-shadow-md, 0 8px 24px rgba(99, 102, 241, 0.08));
}

/* Card Header */
.contact-card-header[b-bb94ad2ek4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--theme-color-divider, #f1f5f9);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position: relative;
}

.avatar-circle[b-bb94ad2ek4] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--theme-color-avatarBg, #e0e7ff);
    color: var(--theme-color-primary, #4f46e5);
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
    flex-shrink: 0;
}

.contact-meta[b-bb94ad2ek4] {
    flex: 1;
    min-width: 0;
}

.contact-meta h3[b-bb94ad2ek4] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--theme-color-text, #0f172a);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contact-company[b-bb94ad2ek4] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--theme-color-primary, #4f46e5);
    margin-top: 0.15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Card Body */
.contact-card-body[b-bb94ad2ek4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contact-detail-row[b-bb94ad2ek4] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.detail-icon[b-bb94ad2ek4] {
    font-size: 1rem;
    flex-shrink: 0;
    width: 1.25rem;
    text-align: center;
}

.detail-text[b-bb94ad2ek4] {
    font-size: 0.85rem;
    color: var(--theme-color-textMuted, #475569);
    font-weight: 500;
}

/* Card Notes */
.contact-notes-box[b-bb94ad2ek4] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-divider, #f1f5f9);
    border-radius: var(--theme-radius-card, 8px);
    padding: 0.85rem;
    margin-top: 0.5rem;
}

.notes-header[b-bb94ad2ek4] {
    margin: 0 0 0.4rem 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--theme-color-textMuted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.notes-preview[b-bb94ad2ek4] {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--theme-color-textMuted, #475569);
    white-space: pre-line;
    max-height: 90px;
    overflow-y: auto;
}

/* Card Footer */
.contact-card-footer[b-bb94ad2ek4] {
    margin-top: 1.25rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--theme-color-divider, #f1f5f9);
    display: flex;
    justify-content: flex-end;
}

/* ── Inline Linked Job Card in Drawer ───────────────────── */
.linked-job-info-card[b-bb94ad2ek4] {
    background: var(--theme-color-primaryHighlight, #eff6ff);
    border: 1px solid var(--theme-color-border, #bfdbfe);
    border-radius: var(--theme-radius-card, 8px);
    padding: 0.85rem;
    margin-bottom: 0.5rem;
}

.linked-job-info-card .label[b-bb94ad2ek4] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--theme-color-primary, #1e40af);
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.25rem;
}

.linked-job-info-card strong[b-bb94ad2ek4] {
    font-size: 0.95rem;
    color: var(--theme-color-text, #1e3a8a);
}

.linked-job-info-card p[b-bb94ad2ek4] {
    font-size: 0.82rem;
    color: var(--theme-color-primary, #2563eb);
    margin: 0.15rem 0 0 0;
}

/* ── Status Badges Colors ───────────────────────────────── */
.status-badge[b-bb94ad2ek4] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.status-badge.saved[b-bb94ad2ek4] {
    background: var(--theme-status-saved-bg, var(--theme-color-tag, #f1f5f9));
    color: var(--theme-status-saved-text, var(--theme-color-tagText, #475569));
}

.status-badge.evaluated[b-bb94ad2ek4] {
    background: var(--theme-status-evaluated-bg, #ecfdf5);
    color: var(--theme-status-evaluated-text, #065f46);
}

.status-badge.applied[b-bb94ad2ek4] {
    background: var(--theme-status-applied-bg, #eff6ff);
    color: var(--theme-status-applied-text, #1e40af);
}

.status-badge.interview[b-bb94ad2ek4] {
    background: var(--theme-status-interview-bg, #fef3c7);
    color: var(--theme-status-interview-text, #92400e);
}

.status-badge.offer[b-bb94ad2ek4] {
    background: var(--theme-status-offer-bg, #f0fdf4);
    color: var(--theme-status-offer-text, #166534);
}

.status-badge.rejected[b-bb94ad2ek4] {
    background: var(--theme-status-rejected-bg, #fef2f2);
    color: var(--theme-status-rejected-text, #991b1b);
}
/* _content/LetterlAIne.Web/Components/Pages/Datenschutz.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════
   Datenschutz.razor.css — Clean legal pages styling
   ════════════════════════════════════════════════════════════ */

.legal-page-container[b-v2g0h3dxa4] {
    max-width: 860px;
    width: 100%;
    margin: 3rem auto;
    padding: 0 1.5rem;
    box-sizing: border-box;
}

.legal-content[b-v2g0h3dxa4] {
    background: #ffffff;
    color: #111827;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 3rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.legal-intro[b-v2g0h3dxa4] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4b5563;
    border-left: 3px solid var(--theme-color-primary, #24646a);
    padding-left: 1rem;
    margin: 1.5rem 0 2rem;
    font-style: italic;
}

/* Table of Contents */
.legal-toc[b-v2g0h3dxa4] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 2rem 0 2.5rem;
}

.legal-toc h2[b-v2g0h3dxa4] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 1rem 0;
    border: none;
    padding: 0;
}

.legal-toc ul[b-v2g0h3dxa4] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.6rem 1.5rem;
}

.legal-toc a[b-v2g0h3dxa4] {
    color: #4b5563;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.15s ease;
}

.legal-toc a:hover[b-v2g0h3dxa4] {
    color: var(--theme-color-primary, #24646a);
    text-decoration: underline;
}

.legal-section[b-v2g0h3dxa4] {
    margin-bottom: 2.25rem;
    scroll-margin-top: 100px; /* Offset for sticky header when jumping */
}

.legal-section h2[b-v2g0h3dxa4] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.85rem;
    letter-spacing: -0.01em;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 0.5rem;
}

.legal-text[b-v2g0h3dxa4] {
    font-size: 1rem;
    line-height: 1.65;
    color: #374151;
    margin: 0;
}

.legal-text strong[b-v2g0h3dxa4] {
    color: #111827;
}

.legal-text a[b-v2g0h3dxa4] {
    color: var(--theme-color-primary, #24646a);
    text-decoration: underline;
}

.legal-text a:hover[b-v2g0h3dxa4] {
    color: var(--theme-color-primaryHighlight, #1c4e53);
}

.legal-list[b-v2g0h3dxa4] {
    color: #374151;
    font-size: 1rem;
    line-height: 1.65;
    margin: 0.75rem 0 0.75rem 1.5rem;
    padding: 0;
}

.legal-list li[b-v2g0h3dxa4] {
    margin-bottom: 0.4rem;
}

.legal-back-row[b-v2g0h3dxa4] {
    margin-top: 3.5rem;
    padding-top: 1.75rem;
    border-top: 1px solid #e5e7eb;
}

.btn-legal-back[b-v2g0h3dxa4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: var(--theme-color-primary, #24646a);
    font-size: 0.95rem;
    font-weight: 600;
    transition: color 0.15s ease, transform 0.15s ease;
}

.btn-legal-back:hover[b-v2g0h3dxa4] {
    color: var(--theme-color-primaryHighlight, #1c4e53);
    transform: translateX(-2px);
}

@media (max-width: 640px) {
    .legal-page-container[b-v2g0h3dxa4] {
        padding: 0;
        margin: 1rem 0;
    }

    .legal-content[b-v2g0h3dxa4] {
        border-radius: 0;
        box-shadow: none;
        border-left: none;
        border-right: none;
        padding: 1.5rem 1.25rem;
    }

    .legal-toc ul[b-v2g0h3dxa4] {
        grid-template-columns: 1fr;
    }
}
/* _content/LetterlAIne.Web/Components/Pages/Documents.razor.rz.scp.css */
/* Premium Styling System for LetterlAIne Document Center */

.documents-page[b-69jrmcq8ea] {
    display: grid;
    gap: 2rem;
    padding: 2rem;
    font-family: var(--theme-font-family, 'Inter', system-ui, sans-serif);
    color: var(--theme-color-text, #1e293b);
    background: var(--theme-color-bg, #f5f7f8);
    min-height: 100vh;
}

.font-outfit[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
}

/* Glassmorphism primitives */
.glass-card[b-69jrmcq8ea] {
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.45));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--theme-color-border, rgba(255, 255, 255, 0.5));
    border-radius: var(--theme-radius-card, 8px);
    box-shadow: var(--theme-shadow-md, 0 8px 32px 0 rgba(15, 23, 42, 0.05));
    padding: 1.5rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-panel[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, rgba(255, 255, 255, 0.25));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid var(--theme-color-border, rgba(255, 255, 255, 0.35));
    border-radius: var(--theme-radius-card, 8px);
    padding: 1.25rem;
}

/* KPI Banner & Header */
.documents-header[b-69jrmcq8ea] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.header-brand h1[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 2.25rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0 0 0.5rem;
    background: linear-gradient(135deg, var(--theme-color-text, #0f172a) 0%, var(--theme-color-primary, #3b82f6) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header-brand p[b-69jrmcq8ea] {
    font-size: 1rem;
    color: var(--theme-color-textMuted, #475569);
    margin: 0;
    line-height: 1.5;
}

.analytics-row[b-69jrmcq8ea] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.kpi-card[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 6.5rem;
    text-align: center;
    transition: transform 0.2s ease;
}

.kpi-card:hover[b-69jrmcq8ea] {
    transform: translateY(-2px);
}

.kpi-value[b-69jrmcq8ea] {
    font-size: 1.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-primary, #2563eb);
    margin-bottom: 0.25rem;
}

.kpi-label[b-69jrmcq8ea] {
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-textMuted, #475569);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Tab controls styling */
[b-69jrmcq8ea] .fluent-tabs {
    border-bottom: none;
}

/* Workspace Layout split-grid */
.workspace-layout[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 1.5rem;
    align-items: start;
}

/* Sidebar List panel */
.sidebar-panel[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 800px;
}

.sidebar-header[b-69jrmcq8ea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-header h2[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 1.25rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0;
    color: var(--theme-color-text, #0f172a);
}

.library-subtitle[b-69jrmcq8ea] {
    font-size: 0.8rem;
    color: var(--theme-color-textMuted, #64748b);
    line-height: 1.4;
}

.library-scrollable[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow-y: auto;
    max-height: 650px;
    padding-right: 0.25rem;
}

/* Custom scrollbars */
.library-scrollable[b-69jrmcq8ea]::-webkit-scrollbar {
    width: 6px;
}
.library-scrollable[b-69jrmcq8ea]::-webkit-scrollbar-track {
    background: transparent;
}
.library-scrollable[b-69jrmcq8ea]::-webkit-scrollbar-thumb {
    background: var(--theme-color-border, rgba(148, 163, 184, 0.4));
    border-radius: var(--theme-radius-control, 4px);
}

/* Document / Persona interactive cards */
.library-item-card[b-69jrmcq8ea] {
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.5));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    border-radius: var(--theme-radius-card, 8px);
    padding: 1rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.library-item-card:hover[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, rgba(255, 255, 255, 0.85));
    border-color: var(--theme-color-primary, #cbd5e1);
    transform: translateX(3px);
    box-shadow: var(--theme-shadow-sm);
}

.library-item-card.active[b-69jrmcq8ea] {
    background: var(--theme-color-surface, #ffffff);
    border-color: var(--theme-color-primary, #2563eb);
    box-shadow: var(--theme-shadow-md);
    transform: translateX(4px);
}

.item-meta[b-69jrmcq8ea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category-badge[b-69jrmcq8ea], .tone-badge[b-69jrmcq8ea], .default-badge[b-69jrmcq8ea], .version-badge[b-69jrmcq8ea], .ai-badge[b-69jrmcq8ea] {
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    letter-spacing: 0.02em;
}

.category-badge.cv[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #eff6ff);
    color: var(--theme-color-tagText, #1d4ed8);
}
.category-badge.project[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #ecfdf5);
    color: var(--theme-color-tagText, #047857);
}
.category-badge.certificate[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #fdf2f8);
    color: var(--theme-color-tagText, #be185d);
}
.category-badge.linkedin[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f0fdfa);
    color: var(--theme-color-tagText, #0f766e);
}
.category-badge.other[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f8fafc);
    color: var(--theme-color-tagText, #475569);
}

.tone-badge[b-69jrmcq8ea] {
    background: var(--theme-status-interview-bg, #faf5ff);
    color: var(--theme-status-interview-text, #6b21a8);
}
.default-badge[b-69jrmcq8ea] {
    background: var(--theme-status-applied-bg, #fffbeb);
    color: var(--theme-status-applied-text, #b45309);
}
.ai-badge[b-69jrmcq8ea] {
    background: var(--theme-status-evaluated-bg, #ecfeff);
    color: var(--theme-status-evaluated-text, #0e7490);
}
.version-badge[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f1f5f9);
    color: var(--theme-color-tagText, #475569);
    font-weight: var(--theme-font-weight-normal, 450);
}

.item-name[b-69jrmcq8ea] {
    font-size: 0.95rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0;
    color: var(--theme-color-text, #0f172a);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.item-desc[b-69jrmcq8ea] {
    font-size: 0.8rem;
    color: var(--theme-color-textMuted, #64748b);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.item-date[b-69jrmcq8ea] {
    font-size: 0.7rem;
    color: var(--theme-color-textFaint, #94a3b8);
}

/* Workspace Editor panel */
.workspace-editor[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 600px;
}

.editor-header[b-69jrmcq8ea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--theme-color-divider, rgba(226, 232, 240, 0.5));
    padding-bottom: 1rem;
}

.editor-header h3[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 1.35rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0;
    color: var(--theme-color-text, #0f172a);
}

/* Persona Builder */
.persona-builder-panel[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid var(--theme-color-border, rgba(203, 213, 225, 0.8));
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-surface2, rgba(248, 250, 252, 0.6));
    padding: 1rem;
}

.builder-heading[b-69jrmcq8ea] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.builder-kicker[b-69jrmcq8ea],
.builder-step-label[b-69jrmcq8ea] {
    display: block;
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--theme-color-primary, #2563eb);
}

.builder-heading h4[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0.15rem 0 0;
    color: var(--theme-color-text, #0f172a);
}

.builder-empty[b-69jrmcq8ea] {
    border: 1px dashed var(--theme-color-border, rgba(148, 163, 184, 0.8));
    border-radius: var(--theme-radius-card, 8px);
    padding: 1rem;
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.85rem;
    background: var(--theme-color-emptyState, rgba(255, 255, 255, 0.45));
}

.builder-grid[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: 1fr 1fr 0.85fr;
    gap: 1rem;
}

.builder-step[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.reference-checklist[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 16rem;
    overflow-y: auto;
    padding-right: 0.2rem;
}

.reference-check-item[b-69jrmcq8ea] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.9));
    border-radius: var(--theme-radius-control, 8px);
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.55));
    padding: 0.65rem;
    cursor: pointer;
}

.reference-check-item input[b-69jrmcq8ea] {
    margin-top: 0.2rem;
    accent-color: var(--theme-color-primary, #2563eb);
}

.reference-check-item span[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.reference-check-item strong[b-69jrmcq8ea] {
    font-size: 0.82rem;
    color: var(--theme-color-text, #0f172a);
    line-height: 1.3;
}

.reference-check-item small[b-69jrmcq8ea] {
    font-size: 0.72rem;
    color: var(--theme-color-textMuted, #64748b);
}

.builder-review[b-69jrmcq8ea] {
    justify-content: space-between;
}

.builder-review-copy[b-69jrmcq8ea] {
    font-size: 0.82rem;
    color: var(--theme-color-textMuted, #64748b);
    line-height: 1.45;
    margin: 0;
}

.builder-success[b-69jrmcq8ea] {
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-scoreHigh, #047857);
}

/* Upload Drop Panel (Create Mode) */
.upload-drop-panel[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.upload-dropzone[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 11rem;
    border: 1px solid var(--theme-color-border, rgba(148, 163, 184, 0.5));
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-dropzone, rgba(248, 250, 252, 0.4));
    color: var(--theme-color-text, #334155);
    text-align: center;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.upload-dropzone:hover[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, rgba(255, 255, 255, 0.7));
    border-color: var(--theme-color-primary, #2563eb);
}

.upload-icon-circle[b-69jrmcq8ea] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 9999px;
    background: var(--theme-color-primaryHighlight, rgba(37, 99, 235, 0.1));
    color: var(--theme-color-primary, #2563eb);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
    transition: transform 0.2s ease;
}

.upload-dropzone:hover .upload-icon-circle[b-69jrmcq8ea] {
    transform: scale(1.1);
}

.upload-icon-circle svg[b-69jrmcq8ea] {
    width: 1.5rem;
    height: 1.5rem;
}

.upload-dropzone strong[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 0.95rem;
}

.upload-dropzone span[b-69jrmcq8ea] {
    font-size: 0.75rem;
    color: var(--theme-color-textFaint, #64748b);
}

/* Status Alert */
.status-alert[b-69jrmcq8ea] {
    padding: 0.75rem 1rem;
    border-radius: var(--theme-radius-control, 8px);
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-normal, 450);
}
.status-alert.info[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-primary, #3b82f6) 10%, transparent);
    border-left: 4px solid var(--theme-color-primary, #3b82f6);
    color: var(--theme-color-primary, #1d4ed8);
}
.status-alert.mini[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-surface, #ffffff) 50%, transparent);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    font-size: 0.75rem;
    padding: 0.5rem;
    color: var(--theme-color-textMuted, #475569);
    border-radius: var(--theme-radius-control, 6px);
    margin-top: 0.5rem;
}

/* Editor Form inputs */
.editor-form[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-row[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.glass-input-group[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.glass-input-group span[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-textMuted, #475569);
}

.glass-input[b-69jrmcq8ea] {
    width: 100%;
    box-sizing: border-box;
    background: var(--theme-color-inputBg, var(--theme-color-surface, rgba(255, 255, 255, 0.6)));
    border: 1px solid var(--theme-color-inputBorder, var(--theme-color-border, rgba(203, 213, 225, 0.8)));
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.7rem 0.9rem;
    color: var(--theme-color-inputText, var(--theme-color-text, #0f172a));
    font-family: var(--theme-font-family), 'Inter', sans-serif;
    font-size: 0.9rem;
    outline: none;
    transition: all 0.2s ease;
}

.glass-input[b-69jrmcq8ea]::placeholder {
    color: var(--theme-color-inputPlaceholder, var(--theme-color-textFaint, #94a3b8));
}

.glass-input:focus[b-69jrmcq8ea] {
    background: var(--theme-color-surface, #ffffff);
    border-color: var(--theme-color-primary, #2563eb);
    box-shadow: 0 0 0 var(--theme-focus-ring-width, 3px) var(--theme-color-primaryHighlight, rgba(37, 99, 235, 0.15));
}

.glass-input.selection[b-69jrmcq8ea] {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.8rem center;
    background-size: 1rem;
    padding-right: 2.2rem;
}

textarea.glass-input[b-69jrmcq8ea] {
    resize: vertical;
}

textarea.ai-preview[b-69jrmcq8ea] {
    min-height: 12rem;
    background: var(--theme-color-surface2, rgba(15, 23, 42, 0.03));
}

.checkbox-cell[b-69jrmcq8ea] {
    justify-content: center;
    height: 100%;
}

.form-actions[b-69jrmcq8ea] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 0.5rem;
}

/* Version Control Workbench */
.version-workbench[b-69jrmcq8ea] {
    border-top: 1px solid var(--theme-color-divider, rgba(226, 232, 240, 0.5));
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.workbench-header h4[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0 0 0.2rem;
    color: var(--theme-color-text, #0f172a);
}

.workbench-sub[b-69jrmcq8ea] {
    font-size: 0.75rem;
    color: var(--theme-color-textMuted, #64748b);
}

.version-timeline-grid[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 1.5rem;
    align-items: start;
}

/* Timeline Timeline milestone list */
.timeline-container[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    padding-left: 0.5rem;
}

.timeline-milestone[b-69jrmcq8ea] {
    display: flex;
    gap: 1rem;
    position: relative;
}

.timeline-milestone[b-69jrmcq8ea]::before {
    content: '';
    position: absolute;
    left: 1rem;
    top: 2rem;
    bottom: -1rem;
    width: 2px;
    background: var(--theme-color-border, rgba(226, 232, 240, 0.8));
}

.timeline-milestone:last-child[b-69jrmcq8ea]::before {
    display: none;
}

.milestone-ring[b-69jrmcq8ea] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ui-radius-pill, 9999px);
    background: color-mix(in srgb, var(--theme-color-primary, #2563eb) 10%, transparent);
    border: 2px solid var(--theme-color-primary, #2563eb);
    color: var(--theme-color-primary, #2563eb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    flex-shrink: 0;
    z-index: 2;
}

.milestone-content[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding-top: 0.25rem;
}

.milestone-title[b-69jrmcq8ea] {
    font-size: 0.85rem;
    color: var(--theme-color-text, #0f172a);
}

.milestone-meta[b-69jrmcq8ea] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.milestone-meta span[b-69jrmcq8ea] {
    font-size: 0.7rem;
    color: var(--theme-color-textMuted, #64748b);
}

.hash-span[b-69jrmcq8ea] {
    background: var(--theme-color-surfaceOffset, rgba(241, 245, 249, 0.8));
    padding: 0.1rem 0.35rem;
    border-radius: var(--theme-radius-control, 4px);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.5));
    color: var(--theme-color-textMuted, #475569);
}

/* Compact version drop box */
.new-version-box[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-surface, #ffffff) 45%, transparent);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    border-radius: var(--theme-radius-control, 10px);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.new-version-box h5[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0;
    color: var(--theme-color-text, #334155);
}

.upload-dropzone.compact[b-69jrmcq8ea] {
    min-height: 6rem;
    padding: 1rem;
}

.upload-dropzone.compact strong[b-69jrmcq8ea] {
    font-size: 0.85rem;
}

.upload-dropzone.compact span[b-69jrmcq8ea] {
    font-size: 0.7rem;
}

/* Animations */
.animate-fade-in[b-69jrmcq8ea] {
    animation: fadeIn-b-69jrmcq8ea 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes fadeIn-b-69jrmcq8ea {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsiveness adjustments */
@media (max-width: 980px) {
    .workspace-layout[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
    .builder-grid[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
    .version-timeline-grid[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .form-row[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
    .documents-header[b-69jrmcq8ea] {
        flex-direction: column;
        align-items: flex-start;
    }
    .analytics-row[b-69jrmcq8ea] {
        width: 100%;
        justify-content: space-between;
    }
}

/* Batch Upload Queue Panel */
.upload-queue-panel[b-69jrmcq8ea] {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: color-mix(in srgb, var(--theme-color-surface, #ffffff) 35%, transparent) !important;
    border-radius: var(--theme-radius-card, 12px);
}

.queue-header[b-69jrmcq8ea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.queue-header h4[b-69jrmcq8ea] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0;
    color: var(--theme-color-text, #0f172a);
}

.queue-list[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    max-height: 350px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.queue-item-card[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.9rem 1.1rem !important;
    border-radius: var(--theme-radius-control, 10px);
    background: color-mix(in srgb, var(--theme-color-surface, #ffffff) 65%, transparent) !important;
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8)) !important;
    transition: all 0.25s ease;
}

.queue-item-card.processing[b-69jrmcq8ea] {
    border-left: 4px solid var(--theme-color-primary, #3b82f6) !important;
}

.queue-item-card.completed[b-69jrmcq8ea] {
    border-left: 4px solid var(--theme-color-success, #10b981) !important;
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent) !important;
}

.queue-item-card.failed[b-69jrmcq8ea] {
    border-left: 4px solid var(--theme-color-danger, #ef4444) !important;
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 12%, transparent) !important;
}

.queue-item-header[b-69jrmcq8ea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.queue-item-header .file-name[b-69jrmcq8ea] {
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-text, #0f172a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 75%;
}

.queue-item-header .file-size[b-69jrmcq8ea] {
    font-size: 0.75rem;
    color: var(--theme-color-textFaint, #64748b);
}

.queue-item-body[b-69jrmcq8ea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.status-row[b-69jrmcq8ea] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-text[b-69jrmcq8ea] {
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-normal, 450);
    color: var(--theme-color-textMuted, #475569);
}

.spinner-mini[b-69jrmcq8ea] {
    width: 0.85rem;
    height: 0.85rem;
    border: 2px solid color-mix(in srgb, var(--theme-color-primary, #3b82f6) 20%, transparent);
    border-top: 2px solid var(--theme-color-primary, #3b82f6);
    border-radius: 50%;
    animation: spin-b-69jrmcq8ea 0.8s linear infinite;
}

.success-icon[b-69jrmcq8ea] {
    width: 0.95rem;
    height: 0.95rem;
    color: var(--theme-color-success, #10b981);
}

.failed-icon[b-69jrmcq8ea] {
    width: 0.95rem;
    height: 0.95rem;
    color: var(--theme-color-danger, #ef4444);
}

@keyframes spin-b-69jrmcq8ea {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.classification-badge[b-69jrmcq8ea] {
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.15rem 0.45rem;
    border-radius: 9999px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.classification-badge.cv[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-primary, #3b82f6) 10%, transparent);
    color: var(--theme-color-primaryHover, #1d4ed8);
}

.classification-badge.project[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 10%, transparent);
    color: var(--theme-color-success, #047857);
}

.classification-badge.certificate[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #be185d);
}

.classification-badge.linkedin[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-success, #0f766e) 10%, transparent);
    color: var(--theme-color-success, #0f766e);
}

.classification-badge.other[b-69jrmcq8ea] {
    background: var(--theme-color-surfaceOffset, #f8fafc);
    color: var(--theme-color-textMuted, #475569);
}

.classification-badge.new-version[b-69jrmcq8ea] {
    background: var(--theme-color-surfaceOffset, #f1f5f9);
    color: var(--theme-color-textMuted, #475569);
}

.queue-log[b-69jrmcq8ea] {
    font-size: 0.75rem;
    color: var(--theme-color-danger, #ef4444);
    margin: 0;
    width: 100%;
    font-family: var(--ui-font-monospace, monospace);
}
/* _content/LetterlAIne.Web/Components/Pages/Focus.razor.rz.scp.css */
.focus-shell[b-8d2l3s6r0p] {
    min-height: calc(100vh - 48px);
    padding: 2.5rem 2rem;
    background: var(--theme-color-bg, radial-gradient(circle at top right, #111827, #030712));
    color: var(--theme-color-text, #f3f4f6);
    font-family: var(--theme-font-family, 'Inter', system-ui, -apple-system, sans-serif);

    /* Semantic aliases mapped to global theme tokens */
    --focus-bg: var(--theme-color-bg);
    --focus-surface: var(--theme-color-surface);
    --focus-surface2: var(--theme-color-surface2);
    --focus-surface-offset: var(--theme-color-surfaceOffset);
    --focus-border: var(--theme-color-border);
    --focus-divider: var(--theme-color-divider);
    --focus-text: var(--theme-color-text);
    --focus-text-muted: var(--theme-color-textMuted);
    --focus-text-faint: var(--theme-color-textFaint);
    
    /* Brand & Accent */
    --focus-primary: var(--theme-color-primary);
    --focus-primary-hover: var(--theme-color-primaryHover);
    --focus-focus-ring: var(--theme-color-focus);
    --focus-danger: var(--theme-color-danger);
    --focus-success: var(--theme-color-success);
    
    /* Spacing & Radii (Scaled by Density) */
    --focus-radius-card: var(--theme-radius-card, 18px);
    --focus-radius-control: var(--theme-radius-control, 10px);
    
    /* Specialized Glassmorphic Colors (using color-mix) with standard fallback */
    --focus-glass-bg: var(--focus-surface);
    --focus-glass-border: var(--focus-border);
}

@supports (background: color-mix(in srgb, red 50%, transparent)) {
    .focus-shell[b-8d2l3s6r0p] {
        --focus-glass-bg: color-mix(in srgb, var(--focus-surface) calc(var(--theme-glass-opacity, 0.75) * 100%), transparent);
        --focus-glass-border: color-mix(in srgb, var(--focus-border) 45%, transparent);
    }
}

.focus-header[b-8d2l3s6r0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--theme-color-divider, rgba(255, 255, 255, 0.08));
}

.focus-header h1[b-8d2l3s6r0p] {
    margin: 0.3rem 0 0;
    font-size: 2.25rem;
    font-weight: var(--theme-font-headingWeight, 800);
    letter-spacing: 0;
    background: linear-gradient(135deg, var(--theme-color-primary, #38bdf8), var(--theme-color-timerRing, #14b8a6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.eyebrow[b-8d2l3s6r0p] {
    color: var(--theme-color-primary, #14b8a6);
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 700);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.focus-header-stats[b-8d2l3s6r0p] {
    display: flex;
    gap: 1.5rem;
}

.stat-box[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0.5rem 1rem;
    background: color-mix(in srgb, var(--focus-text) 3%, transparent);
    border: 1px solid color-mix(in srgb, var(--focus-text) 6%, transparent);
    border-radius: var(--focus-radius-card);
}

.stat-box strong[b-8d2l3s6r0p] {
    font-size: 1.25rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--focus-text);
}

.stat-box small[b-8d2l3s6r0p] {
    font-size: 0.7rem;
    color: var(--focus-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.2rem;
}

.focus-alert[b-8d2l3s6r0p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    border: 1px solid color-mix(in srgb, var(--focus-danger) 30%, transparent);
    border-radius: var(--focus-radius-card);
    background: color-mix(in srgb, var(--focus-danger) 10%, transparent);
    color: var(--focus-danger);
    font-weight: var(--theme-font-weight-medium, 500);
}

.alert-close[b-8d2l3s6r0p] {
    background: none;
    border: none;
    color: inherit;
    font-size: 1.25rem;
    cursor: pointer;
    margin-left: auto;
}

.glass-panel[b-8d2l3s6r0p] {
    border: 1px solid var(--theme-color-border, rgba(255, 255, 255, 0.08));
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-surface, rgba(17, 24, 39, 0.7));
    backdrop-filter: blur(16px);
    box-shadow: var(--theme-shadow-md, 0 8px 32px 0 rgba(0, 0, 0, 0.37));
}

.setup-panel[b-8d2l3s6r0p] {
    padding: 2.5rem;
    max-width: 900px;
    margin: 0 auto;
}

.setup-header h2[b-8d2l3s6r0p] {
    font-size: 1.75rem;
    font-weight: var(--theme-font-headingWeight, 800);
    margin: 0 0 0.5rem;
}

.setup-grid[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2rem;
}

.field-grid[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.row-flex[b-8d2l3s6r0p] {
    display: flex;
    gap: 1.25rem;
}

.half-width[b-8d2l3s6r0p] {
    width: 50%;
}

.full-width[b-8d2l3s6r0p] {
    width: 100%;
}

.glass-input-wrapper[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.glass-input-wrapper span[b-8d2l3s6r0p] {
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-semibold, 600);
    color: var(--focus-text-muted);
}

.field-hint[b-8d2l3s6r0p] {
    font-size: 0.75rem;
    color: var(--focus-text-muted);
}

input[b-8d2l3s6r0p],
select[b-8d2l3s6r0p],
textarea[b-8d2l3s6r0p] {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--focus-border);
    border-radius: var(--focus-radius-control);
    background: var(--focus-surface2);
    color: var(--focus-text);
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    transition: all 0.2s ease;
}

input:focus[b-8d2l3s6r0p],
select:focus[b-8d2l3s6r0p],
textarea:focus[b-8d2l3s6r0p] {
    outline: none;
    border-color: var(--theme-color-focus, #14b8a6);
    background: var(--theme-color-surface2, rgba(255, 255, 255, 0.08));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-color-focus, #14b8a6) 20%, transparent);
}

textarea[b-8d2l3s6r0p] {
    min-height: 120px;
}

.glass-checkbox-wrapper[b-8d2l3s6r0p] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
}

.checkbox-custom[b-8d2l3s6r0p] {
    width: 18px;
    height: 18px;
    border: 1px solid var(--focus-border);
    border-radius: var(--focus-radius-control, 4px);
    background: var(--focus-surface2);
    position: relative;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

input[type="checkbox"][b-8d2l3s6r0p] {
    display: none;
}

.glass-checkbox-wrapper input[type="checkbox"]:checked ~ .checkbox-custom[b-8d2l3s6r0p] {
    background: var(--theme-color-primary, #14b8a6);
    border-color: var(--theme-color-primary, #14b8a6);
}

.glass-checkbox-wrapper input[type="checkbox"]:checked ~ .checkbox-custom[b-8d2l3s6r0p]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.35rem;
    height: 0.65rem;
    border: solid var(--theme-color-surface, #ffffff);
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -60%) rotate(45deg);
}

.checkbox-label strong[b-8d2l3s6r0p] {
    display: block;
    font-size: 0.95rem;
    color: var(--focus-text);
}

.checkbox-label small[b-8d2l3s6r0p] {
    display: block;
    font-size: 0.8rem;
    color: var(--focus-text-muted);
    margin-top: 0.2rem;
}

.focus-preview-steps[b-8d2l3s6r0p] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-top: 2rem;
}

.step-card[b-8d2l3s6r0p] {
    padding: 1rem;
    background: var(--focus-glass-bg);
    border: 1px solid color-mix(in srgb, var(--focus-text) 6%, transparent);
    border-radius: var(--focus-radius-card);
    text-align: center;
}

.step-num[b-8d2l3s6r0p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--theme-color-stepperActive, #14b8a6) 16%, transparent);
    color: var(--theme-color-stepperActive, #14b8a6);
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-bold, 700);
    margin-bottom: 0.5rem;
}

.step-card strong[b-8d2l3s6r0p] {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.step-card p[b-8d2l3s6r0p] {
    font-size: 0.75rem;
    color: var(--focus-text-muted);
    margin: 0;
}

.btn-glow[b-8d2l3s6r0p] {
    position: relative;
    padding: 0.85rem 1.75rem;
    border: none;
    border-radius: var(--focus-radius-control);
    background: linear-gradient(135deg, var(--theme-color-primary, #14b8a6), var(--theme-color-primaryHover, #0d9488));
    color: var(--theme-color-textInverse, #ffffff);
    font-weight: var(--theme-font-weight-bold, 700);
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 4px 20px color-mix(in srgb, var(--theme-color-primary, #14b8a6) 30%, transparent);
    transition: all 0.3s ease;
}

.btn-glow:hover[b-8d2l3s6r0p] {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px color-mix(in srgb, var(--theme-color-primary, #14b8a6) 45%, transparent);
}

.btn-glow:disabled[b-8d2l3s6r0p] {
    background: var(--focus-text-faint); opacity: 0.5;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
}

.btn-primary[b-8d2l3s6r0p] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: var(--focus-radius-control);
    background: var(--theme-color-primary, #14b8a6);
    color: var(--theme-color-textInverse, #ffffff);
    font-weight: var(--theme-font-weight-semibold, 600);
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary:hover[b-8d2l3s6r0p] {
    background: var(--theme-color-primaryHover, #0d9488);
}

.btn-secondary[b-8d2l3s6r0p] {
    padding: 0.75rem 1.5rem;
    border: 1px solid var(--focus-border);
    border-radius: var(--focus-radius-control);
    background: var(--focus-surface2);
    color: var(--focus-text);
    font-weight: var(--theme-font-weight-semibold, 600);
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--focus-text) 10%, transparent);
}

.btn-danger[b-8d2l3s6r0p] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: var(--focus-radius-control);
    background: var(--theme-color-danger, #ef4444);
    color: var(--theme-color-textInverse, #ffffff);
    font-weight: var(--theme-font-weight-semibold, 600);
    cursor: pointer;
    transition: background 0.2s;
}

.btn-danger:hover[b-8d2l3s6r0p] {
    background: var(--focus-primary-hover);
}

.btn-large[b-8d2l3s6r0p] {
    padding: 1rem 2rem;
    font-size: 1.1rem;
}

.btn-margin[b-8d2l3s6r0p] {
    margin-top: 1.5rem;
}

.btn-xs[b-8d2l3s6r0p] {
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    border-radius: var(--focus-radius-control);
}

.focus-phase-pipeline[b-8d2l3s6r0p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 1.5rem;
    margin-bottom: 2rem;
}

.focus-phase-pipeline[b-8d2l3s6r0p]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.5rem;
    right: 1.5rem;
    height: 2px;
    background: var(--focus-divider);
    z-index: 1;
}

.pipeline-step[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    z-index: 2;
}

.pipeline-step .dot[b-8d2l3s6r0p] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--theme-color-surfaceOffset, #1f2937);
    border: 2px solid var(--focus-glass-border);
    transition: all 0.3s ease;
}

.pipeline-step .label[b-8d2l3s6r0p] {
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-semibold, 600);
    color: var(--theme-color-textFaint, #6b7280);
    transition: all 0.3s ease;
}

.pipeline-step.active .dot[b-8d2l3s6r0p] {
    background: var(--theme-color-stepperActive, #14b8a6);
    border-color: var(--theme-color-stepperActive, #14b8a6);
    box-shadow: 0 0 12px var(--theme-color-stepperActive, #14b8a6);
    transform: scale(1.2);
}

.pipeline-step.active .label[b-8d2l3s6r0p] {
    color: var(--theme-color-stepperActive, #14b8a6);
    font-weight: var(--theme-font-weight-bold, 700);
}

.pipeline-step.completed .dot[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-stepperActive, #14b8a6) 40%, transparent);
    border-color: color-mix(in srgb, var(--theme-color-stepperActive, #14b8a6) 40%, transparent);
}

.pipeline-step.completed .label[b-8d2l3s6r0p] {
    color: var(--focus-text-muted);
}

.focus-layout[b-8d2l3s6r0p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1.5rem;
}

.focus-stage[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.focus-card[b-8d2l3s6r0p] {
    padding: 2.5rem;
}

.phase-container[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
}

.text-center[b-8d2l3s6r0p] {
    text-align: center;
    align-items: center;
}

.max-width-text[b-8d2l3s6r0p] {
    max-width: 600px;
}

.target-job-pill[b-8d2l3s6r0p] {
    display: inline-flex;
    padding: 0.5rem 1rem;
    background: color-mix(in srgb, var(--focus-primary) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--focus-primary) 30%, transparent);
    border-radius: var(--focus-radius-card, 20px);
    color: var(--focus-primary);
    font-weight: var(--theme-font-weight-semibold, 600);
    font-size: 0.9rem;
    margin-top: 1rem;
}

.completed-icon[b-8d2l3s6r0p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--focus-success) 15%, transparent);
    color: var(--theme-color-timerRing, var(--theme-color-primary, #14b8a6));
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.fit-score-badge[b-8d2l3s6r0p] {
    display: inline-flex;
    align-self: flex-start;
    padding: 0.35rem 0.75rem;
    border-radius: var(--focus-radius-card, 20px);
    font-weight: var(--theme-font-weight-bold, 700);
    font-size: 0.85rem;
}

.fit-score-badge.high-fit[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-scoreHigh, #10b981) 16%, transparent);
    color: var(--theme-color-scoreHigh, #10b981);
}

.fit-score-badge.medium-fit[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-scoreMid, #f59e0b) 16%, transparent);
    color: var(--theme-color-scoreMid, #f59e0b);
}

.fit-score-badge.low-fit[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-scoreLow, #ef4444) 16%, transparent);
    color: var(--theme-color-scoreLow, #ef4444);
}

.queue-list[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.queue-item[b-8d2l3s6r0p] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: var(--focus-glass-bg);
    border: 1px solid color-mix(in srgb, var(--focus-text) 6%, transparent);
    border-radius: var(--focus-radius-card);
}

.queue-item.active[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--focus-primary) 8%, transparent);
    border-color: color-mix(in srgb, var(--focus-primary) 24%, transparent);
}

.queue-indicator[b-8d2l3s6r0p] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--focus-text) 20%, transparent);
    margin-right: 1rem;
}

.queue-item.active .queue-indicator[b-8d2l3s6r0p] {
    background: var(--theme-color-primary, #14b8a6);
    box-shadow: 0 0 8px var(--theme-color-primary, #14b8a6);
}

.queue-info[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
}

.queue-info strong[b-8d2l3s6r0p] {
    font-size: 1rem;
}

.item-status-badge[b-8d2l3s6r0p] {
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.5rem;
    border-radius: var(--focus-radius-control, 4px);
}

.item-status-badge.queued[b-8d2l3s6r0p] {
    background: var(--focus-surface2);
    color: var(--focus-text-muted);
}

.item-status-badge.active[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-primary, #14b8a6) 16%, transparent);
    color: var(--theme-color-primary, #14b8a6);
}

.item-status-badge.done[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 15%, transparent);
    color: var(--theme-color-success, #10b981);
}

.focus-task-actions[b-8d2l3s6r0p] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.mission-goal-card[b-8d2l3s6r0p] {
    padding: 1.25rem;
}

.progress-bar-container[b-8d2l3s6r0p] {
    height: 8px;
    background: var(--focus-surface2);
    border-radius: var(--focus-radius-control, 4px);
    overflow: hidden;
}

.progress-bar-fill[b-8d2l3s6r0p] {
    height: 100%;
    background: var(--theme-color-primary, #14b8a6);
    border-radius: var(--focus-radius-control, 4px);
    transition: width 0.3s ease;
}

.portal-grid[b-8d2l3s6r0p] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.portal-button[b-8d2l3s6r0p] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    text-decoration: none;
    color: var(--focus-text);
    font-weight: var(--theme-font-weight-bold, 700);
    transition: all 0.2s;
}

.portal-button:hover[b-8d2l3s6r0p] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--focus-primary) 30%, transparent);
    background: color-mix(in srgb, var(--focus-primary) 4%, transparent);
}

.search-capture-form[b-8d2l3s6r0p] {
    padding: 1.5rem;
}

.search-capture-form h3[b-8d2l3s6r0p] {
    margin: 0;
    font-size: 1.2rem;
}

.focus-summary-grid[b-8d2l3s6r0p] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}

.summary-card[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
}

.summary-card strong[b-8d2l3s6r0p] {
    font-size: 2rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-primary, #14b8a6);
}

.summary-card span[b-8d2l3s6r0p] {
    font-size: 0.85rem;
    color: var(--focus-text-muted);
    margin-top: 0.25rem;
}

.timer-panel[b-8d2l3s6r0p] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timer-ring-container[b-8d2l3s6r0p] {
    position: relative;
    width: 200px;
    height: 200px;
}

.timer-ring[b-8d2l3s6r0p] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.timer-face[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: var(--theme-color-bg, #0f172a);
}

.timer-time[b-8d2l3s6r0p] {
    font-size: 2.5rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-text, #f9fafb);
    font-variant-numeric: tabular-nums;
}

.timer-label[b-8d2l3s6r0p] {
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 700);
    color: var(--focus-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

.focus-context-sidebar[b-8d2l3s6r0p] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: fit-content;
}

.sidebar-section h3[b-8d2l3s6r0p] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: var(--theme-font-weight-bold, 700);
    color: var(--focus-text);
}

.focus-facts[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.focus-facts > div[b-8d2l3s6r0p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.focus-facts dt[b-8d2l3s6r0p] {
    font-size: 0.85rem;
    color: var(--focus-text-muted);
}

.focus-facts dd[b-8d2l3s6r0p] {
    font-size: 0.9rem;
    font-weight: var(--theme-font-weight-semibold, 600);
    margin: 0;
}

.status-chip[b-8d2l3s6r0p] {
    padding: 0.2rem 0.5rem;
    border-radius: var(--focus-radius-control, 4px);
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 700);
}

.status-chip.saved[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-primary, #3b82f6) 15%, transparent);
    color: var(--theme-color-primary, #3b82f6);
}

.status-chip.evaluated[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-primaryHighlight, #8b5cf6) 15%, transparent);
    color: var(--theme-color-primaryHighlight, #8b5cf6);
}

.status-chip.applied[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 15%, transparent);
    color: var(--theme-color-success, #10b981);
}

.focus-checklist[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.glass-textarea[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--focus-text) 3%, transparent);
    border: 1px solid color-mix(in srgb, var(--focus-text) 8%, transparent);
    color: var(--focus-text);
    border-radius: var(--focus-radius-control);
    padding: 0.75rem;
    font-size: 0.9rem;
    width: 100%;
}

.focus-editor-backdrop[b-8d2l3s6r0p] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-modal-backdrop, rgba(0, 0, 0, 0.6));
    backdrop-filter: blur(8px);
    z-index: 100;
}

.focus-editor[b-8d2l3s6r0p] {
    position: fixed;
    bottom: 0;
    left: 5%;
    right: 5%;
    height: 85vh;
    border-radius: var(--focus-radius-card) var(--focus-radius-card) 0 0;
    z-index: 101;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.editor-header[b-8d2l3s6r0p] {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--focus-divider);
}

.close-button[b-8d2l3s6r0p] {
    font-size: 2rem;
    background: none;
    border: none;
    color: var(--focus-text-muted);
    cursor: pointer;
}

.editor-body[b-8d2l3s6r0p] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 1.5rem;
    padding: 1.5rem 2rem;
    overflow-y: auto;
}

.editor-left[b-8d2l3s6r0p],
.editor-right[b-8d2l3s6r0p] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow-y: auto;
}

.glass-card[b-8d2l3s6r0p] {
    background: var(--focus-glass-bg);
    border: 1px solid color-mix(in srgb, var(--focus-text) 6%, transparent);
    border-radius: var(--focus-radius-card);
    padding: 1.5rem;
}

.glass-card-scroll[b-8d2l3s6r0p] {
    background: var(--focus-glass-bg);
    border: 1px solid color-mix(in srgb, var(--focus-text) 6%, transparent);
    border-radius: var(--focus-radius-card);
    padding: 1.5rem;
    max-height: 400px;
    overflow-y: auto;
}

.copilot-action-presets[b-8d2l3s6r0p] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.copilot-status[b-8d2l3s6r0p] {
    color: var(--theme-color-timerRing, #14b8a6);
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-semibold, 600);
}

.recommendation-content[b-8d2l3s6r0p] {
    font-size: 0.95rem;
    line-height: 1.6;
}

.next-action-card[b-8d2l3s6r0p] {
    background: color-mix(in srgb, var(--focus-primary) 5%, transparent);
    border: 1px solid color-mix(in srgb, var(--focus-primary) 20%, transparent);
    border-radius: var(--focus-radius-control);
    padding: 1rem;
}

.suggestion-card[b-8d2l3s6r0p] {
    padding: 1rem;
    border-radius: var(--focus-radius-control);
    background: var(--focus-surface2);
}

.card-header-flex[b-8d2l3s6r0p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.diff-area[b-8d2l3s6r0p] {
    background: var(--focus-surface-offset);
    border-radius: var(--focus-radius-control);
    padding: 0.75rem;
    overflow-x: auto;
}

.diff-area pre[b-8d2l3s6r0p] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--focus-primary);
}

.editor-footer[b-8d2l3s6r0p] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.25rem 2rem;
    border-top: 1px solid var(--focus-divider);
}

.focus-toast[b-8d2l3s6r0p] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem 1.5rem;
    background: var(--focus-surface);
    border: 1px solid var(--focus-primary);
    border-radius: var(--focus-radius-card);
    z-index: 1000;
    box-shadow: var(--theme-shadow-md);
}

.animate-fade-in[b-8d2l3s6r0p] {
    animation: fadeIn-b-8d2l3s6r0p 0.3s ease-out;
}

.animate-slide-down[b-8d2l3s6r0p] {
    animation: slideDown-b-8d2l3s6r0p 0.3s ease-out;
}

.animate-slide-up[b-8d2l3s6r0p] {
    animation: slideUp-b-8d2l3s6r0p 0.3s ease-out;
}

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

@keyframes slideDown-b-8d2l3s6r0p {
    from { transform: translateY(-10px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes slideUp-b-8d2l3s6r0p {
    from { transform: translateY(50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@media (max-width: 1024px) {
    .focus-layout[b-8d2l3s6r0p] {
        grid-template-columns: 1fr;
    }
    
    .focus-context-sidebar[b-8d2l3s6r0p] {
        width: 100%;
    }
}
/* _content/LetterlAIne.Web/Components/Pages/Home.razor.rz.scp.css */
.dashboard-container[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    color: var(--theme-color-text, #0f172a);
}

.dashboard-header[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard-header h1[b-0em169leew] {
    font-size: 1.75rem;
    font-weight: var(--theme-font-headingWeight, 800);
    margin: 0;
    letter-spacing: -0.03em;
    color: var(--theme-color-heading, var(--theme-color-text, #1e293b));
}

.dashboard-header p[b-0em169leew] {
    font-size: 0.95rem;
    color: var(--theme-color-headingMuted, var(--theme-color-textMuted, #64748b));
    margin: 0;
}

/* Dashboard Metric Cards */
.dashboard-metrics[b-0em169leew] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}

.metric-card[b-0em169leew] {
    padding: 1.5rem;
    background: var(--theme-color-metricCard, var(--theme-color-card, var(--theme-color-surface, #ffffff)));
    border: 1px solid var(--theme-color-metricCardBorder, var(--theme-color-border, rgba(226, 232, 240, 0.8)));
    border-radius: var(--theme-radius-card, 16px);
    box-shadow: var(--theme-shadow-sm);
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 120px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.metric-card:hover[b-0em169leew] {
    transform: translateY(-4px);
    box-shadow: var(--theme-shadow-md);
    border-color: var(--theme-color-primaryHover, var(--theme-color-primary, rgba(59, 130, 246, 0.3)));
}

.metric-card[b-0em169leew]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--theme-color-divider, #e2e8f0);
}

.metric-card.primary[b-0em169leew]::before { background: var(--theme-color-primary, #3b82f6); }
.metric-card.success[b-0em169leew]::before { background: var(--theme-color-success, #10b981); }
.metric-card.warning[b-0em169leew]::before { background: var(--theme-color-warning, #f59e0b); }
.metric-card.danger[b-0em169leew]::before { background: var(--theme-color-danger, #ef4444); }

.metric-label[b-0em169leew] {
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.metric-value[b-0em169leew] {
    font-size: 2.25rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #0f172a));
    line-height: 1;
    margin-top: 0.5rem;
}

.metric-subtext[b-0em169leew] {
    font-size: 0.75rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
    margin-top: 0.25rem;
}

/* Captures Grid & List area */
.grid-card[b-0em169leew] {
    padding: 1.5rem;
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    border-radius: var(--theme-radius-card, 16px);
    box-shadow: var(--theme-shadow-sm);
    color: var(--theme-color-sectionText, var(--theme-color-text, #334155));
}

.grid-card-header[b-0em169leew] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.grid-card-header h3[b-0em169leew] {
    font-size: 1.1rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0;
    color: var(--theme-color-sectionHeading, var(--theme-color-heading, #1e293b));
}

/* Inbox Loading state */
.inbox-loading-overlay[b-0em169leew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.inbox-empty-logo[b-0em169leew] {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
    opacity: 0.15;
    margin-bottom: 0.5rem;
    mix-blend-mode: multiply;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.inbox-empty-logo:hover[b-0em169leew] {
    opacity: 0.25;
    transform: scale(1.05);
}

html.dark .inbox-empty-logo[b-0em169leew] {
    filter: invert(1);
    mix-blend-mode: screen;
}

.inbox-loading-overlay p[b-0em169leew] {
    color: var(--theme-color-sectionTextMuted, var(--theme-color-textMuted, #64748b));
    font-size: 0.95rem;
}

.inbox-empty-title[b-0em169leew] {
    font-size: 1.1rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-sectionText, var(--theme-color-cardText, #475569)) !important;
}

.inbox-empty-copy[b-0em169leew] {
    font-size: 0.85rem;
    color: var(--theme-color-sectionTextMuted, var(--theme-color-textFaint, #94a3b8)) !important;
    margin: 0;
}

.source-link[b-0em169leew] {
    color: var(--theme-color-primary, #3b82f6);
    text-decoration: none;
}

/* Status Badges */
.status-badge[b-0em169leew] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.success[b-0em169leew] {
    background-color: var(--theme-status-offer-bg, #d1fae5);
    color: var(--theme-status-offer-text, #065f46);
}

.status-badge.failed[b-0em169leew] {
    background-color: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #991b1b);
}

.status-badge.processing[b-0em169leew] {
    background-color: var(--theme-status-evaluated-bg, #dbeafe);
    color: var(--theme-status-evaluated-text, #1e40af);
}

.status-badge.pending[b-0em169leew] {
    background-color: var(--theme-status-saved-bg, #f3f4f6);
    color: var(--theme-status-saved-text, #374151);
}

/* Drawer / Side-panel Content styles */
.drawer-container[b-0em169leew] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
    box-sizing: border-box;
}

.drawer-header[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-bottom: 1px solid var(--theme-color-divider, #e2e8f0);
    padding-bottom: 1.25rem;
}

.drawer-header h3[b-0em169leew] {
    font-size: 1.25rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-heading, var(--theme-color-text, #1e293b));
    margin: 0;
    line-height: 1.2;
}

.drawer-header .company[b-0em169leew] {
    font-size: 1rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-primary, #3b82f6);
}

.drawer-header .meta-info[b-0em169leew] {
    display: flex;
    gap: 1rem;
    font-size: 0.8rem;
    color: var(--theme-color-textFaint, #94a3b8);
}

.drawer-body[b-0em169leew] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Score Panel styling */
.score-panel[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem;
    background: var(--theme-color-card, var(--theme-color-surface2, #f8fafc)) !important;
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
}

.score-circle[b-0em169leew] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-textInverse, #ffffff);
    box-shadow: var(--theme-shadow-sm);
}

.score-circle.high[b-0em169leew] { background: var(--theme-color-scoreHigh, #10b981); }
.score-circle.medium[b-0em169leew] { background: var(--theme-color-scoreMid, #f59e0b); }
.score-circle.low[b-0em169leew] { background: var(--theme-color-scoreLow, #ef4444); }

.score-text[b-0em169leew] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.score-text .label[b-0em169leew] {
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.score-text .description[b-0em169leew] {
    font-size: 0.9rem;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    font-weight: var(--theme-font-weight-normal, 450);
    line-height: 1.4;
}

/* Summary Card */
.summary-card[b-0em169leew] {
    padding: 1.25rem;
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
}

.summary-card h4[b-0em169leew] {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #475569));
}

.summary-card p[b-0em169leew] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    line-height: 1.5;
}

/* Pros and Cons Split Grid */
.pros-cons-grid[b-0em169leew] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.pros-list[b-0em169leew], .cons-list[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pros-list h5[b-0em169leew], .cons-list h5[b-0em169leew] {
    margin: 0 0 0.25rem 0;
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-bold, 760);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.pros-list h5[b-0em169leew] { color: var(--theme-color-success, #10b981); }
.cons-list h5[b-0em169leew] { color: var(--theme-color-danger, #ef4444); }

.bullet-item[b-0em169leew] {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.bullet-item[b-0em169leew]::before {
    content: '•';
    font-weight: bold;
}

.bullet-item.pro[b-0em169leew]::before { color: var(--theme-color-success, #10b981); }
.bullet-item.con[b-0em169leew]::before { color: var(--theme-color-danger, #ef4444); }

/* Retry box */
.retry-container[b-0em169leew] {
    background: var(--theme-status-applied-bg, #fffbeb);
    border: 1px solid var(--theme-color-warning, #fef3c7);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.retry-container p[b-0em169leew] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--theme-status-applied-text, var(--theme-color-warning, #b45309));
    line-height: 1.4;
}

.retry-container.error-state[b-0em169leew] {
    background: var(--theme-status-rejected-bg, #fef2f2);
    border-color: var(--theme-color-danger, #fecaca);
}

.retry-container.processing-state[b-0em169leew] {
    background: var(--theme-status-evaluated-bg, #eff6ff);
    border-color: var(--theme-color-border, #dbeafe);
}

.retry-container.neutral-state[b-0em169leew] {
    background: var(--theme-color-surface2, #f8fafc);
    border-color: var(--theme-color-divider, #cbd5e1);
}

.status-message-title[b-0em169leew] {
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-status-evaluated-text, var(--theme-color-primary, #1e40af)) !important;
    margin: 0;
}

.status-message-title.danger[b-0em169leew] {
    color: var(--theme-status-rejected-text, #991b1b) !important;
    margin-bottom: 0.25rem;
}

.status-message-title.neutral[b-0em169leew] {
    color: var(--theme-color-cardHeading, var(--theme-color-text, #334155)) !important;
}

.status-message-copy[b-0em169leew] {
    font-size: 0.85rem;
    color: var(--theme-status-evaluated-text, var(--theme-color-primary, #1e3a8a)) !important;
    margin: 0;
}

.status-message-copy.danger[b-0em169leew] {
    font-size: 0.8rem;
    color: var(--theme-status-rejected-text, #7f1d1d) !important;
}

.status-message-copy.neutral[b-0em169leew] {
    font-size: 0.8rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
    margin-top: 0.15rem;
}

.danger-icon[b-0em169leew] {
    color: var(--theme-status-rejected-text, var(--theme-color-danger, #991b1b));
}

.score-note[b-0em169leew] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.82rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
}

.persona-comparison-card[b-0em169leew] {
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    padding: 0.85rem;
    background: var(--theme-color-card, var(--theme-color-surface2, #f8fafc));
}

.persona-comparison-date[b-0em169leew] {
    font-size: 0.78rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
    margin: 0.5rem 0 0;
}

.ki-empfehlung-title[b-0em169leew] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-primary, #0f766e)) !important;
}

.studio-empty-title[b-0em169leew] {
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-text, #334155)) !important;
    margin: 0;
}

.studio-empty-copy[b-0em169leew] {
    font-size: 0.83rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
    margin: 0;
}

/* Raw content accordion / scrollable area */
.raw-content-scroll[b-0em169leew] {
    max-height: 250px;
    overflow-y: auto;
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    padding: 1rem;
    font-size: 0.8rem;
    color: var(--theme-color-cardText, var(--theme-color-text, #475569));
    white-space: pre-wrap;
    font-family: var(--ui-font-monospace, monospace);
}

.clickable-row[b-0em169leew] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.clickable-row:hover[b-0em169leew] {
    background-color: var(--theme-color-surface2, #f8fafc);
}

/* Custom Drawer Side-panel Styles */
.custom-drawer[b-0em169leew] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
}

.custom-drawer.open[b-0em169leew] {
    pointer-events: auto;
}

.drawer-overlay[b-0em169leew] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-modal-backdrop, rgba(15, 23, 42, 0.3));
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.custom-drawer.open .drawer-overlay[b-0em169leew] {
    opacity: 1;
    pointer-events: auto;
}

.drawer-content[b-0em169leew] {
    position: relative;
    width: min(560px, 100vw);
    height: 100%;
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff));
    box-shadow: var(--theme-shadow-lg);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s ease;
    z-index: 1001;
    border-left: 1px solid var(--theme-color-border, #e2e8f0);
    color: var(--theme-color-sectionText, var(--theme-color-text, #334155));
}

.custom-drawer.open .drawer-content[b-0em169leew] {
    transform: translateX(0);
}

/* German Status & Fit Chips */
.status-badge.top-fit[b-0em169leew] {
    background-color: var(--theme-status-offer-bg, #d1fae5);
    color: var(--theme-status-offer-text, #065f46);
    border: 1px solid var(--theme-color-success, #a7f3d0);
}

.status-badge.stretch[b-0em169leew] {
    background-color: var(--theme-status-applied-bg, #fef3c7);
    color: var(--theme-status-applied-text, #92400e);
    border: 1px solid var(--theme-color-warning, #fde68a);
}

.status-badge.low-fit[b-0em169leew] {
    background-color: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #991b1b);
    border: 1px solid var(--theme-color-danger, #fecaca);
}

.status-badge.unrated[b-0em169leew] {
    background-color: var(--theme-status-saved-bg, #f1f5f9);
    color: var(--theme-status-saved-text, #475569);
    border: 1px solid var(--theme-color-border, #e2e8f0);
}

/* Neu Badge for recent jobs */
.new-badge[b-0em169leew] {
    background-color: var(--theme-status-evaluated-bg, #dbeafe);
    color: var(--theme-status-evaluated-text, #1e40af);
    font-size: 0.65rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.1rem 0.4rem;
    border-radius: var(--theme-radius-control, 4px);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: var(--theme-shadow-sm);
}

/* KI-Empfehlung improvements */
.ki-empfehlung-card[b-0em169leew] {
    border: 1px solid var(--theme-color-border, rgba(15, 118, 110, 0.15));
    background-color: var(--theme-color-section, var(--theme-color-primaryHighlight, #f0fdfa));
}

.ki-empfehlung-badge[b-0em169leew] {
    background-color: var(--theme-color-primaryHighlight, rgba(15, 118, 110, 0.12));
    color: var(--theme-color-primary, #0f766e);
    font-size: 0.65rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.15rem 0.65rem;
    border-radius: 9999px;
    letter-spacing: 0.025em;
}

.ki-empfehlung-disclaimer[b-0em169leew] {
    margin: 0.25rem 0 0 0;
    font-size: 0.75rem;
    color: var(--theme-color-sectionTextMuted, var(--theme-color-primary, #0d9488));
    line-height: 1.4;
}

.ki-empfehlung-item[b-0em169leew] {
    padding: 0.6rem 0.85rem;
    background-color: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 10px);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.ki-empfehlung-item:hover[b-0em169leew] {
    border-color: var(--theme-color-primary, #0f766e);
    box-shadow: var(--theme-shadow-sm);
    transform: translateY(-1px);
}

.ki-empfehlung-item.completed[b-0em169leew] {
    background-color: var(--theme-color-surface2, #f8fafc);
    border-color: var(--theme-color-divider, #cbd5e1);
    opacity: 0.7;
}

.ki-empfehlung-item.completed[b-0em169leew]  .fluent-checkbox {
    text-decoration: line-through;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
}

/* Bewerbungsstudio */
.application-studio[b-0em169leew],
.copilot-chat[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.25rem 0;
}

.studio-form-grid[b-0em169leew] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.studio-form-grid label[b-0em169leew],
.studio-field[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-fieldLabel, var(--theme-color-cardTextMuted, #475569));
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.studio-input[b-0em169leew],
.studio-textarea[b-0em169leew] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    background: var(--theme-color-surface, #ffffff);
    color: var(--theme-color-inputText, var(--theme-color-text, #0f172a));
    font: inherit;
    font-size: 0.86rem;
    font-weight: var(--theme-font-weight-normal, 450);
    line-height: 1.4;
    padding: 0.65rem 0.75rem;
    text-transform: none;
    letter-spacing: 0;
}

.studio-textarea[b-0em169leew] {
    min-height: 86px;
    resize: vertical;
}

.studio-textarea.tall[b-0em169leew] {
    min-height: 118px;
}

.studio-input:focus[b-0em169leew],
.studio-textarea:focus[b-0em169leew] {
    outline: 2px solid color-mix(in srgb, var(--theme-color-focus, #3b82f6) 18%, transparent);
    border-color: var(--theme-color-focus, #2563eb);
}

.studio-actions[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.inline-progress[b-0em169leew] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.studio-error[b-0em169leew] {
    color: var(--theme-status-rejected-text, #991b1b);
    background: var(--theme-status-rejected-bg, #fee2e2);
    border: 1px solid var(--theme-color-danger, #fecaca);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.45rem 0.65rem;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.studio-empty-state[b-0em169leew] {
    background: var(--theme-color-emptyState, var(--theme-color-surface2, #f8fafc));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    font-size: 0.85rem;
    line-height: 1.45;
    padding: 0.85rem;
}

.draft-output-grid[b-0em169leew],
.copilot-output-list[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.copy-card[b-0em169leew] {
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-card, 8px);
    box-shadow: var(--theme-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.04));
    padding: 0.9rem;
}

.copy-card-header[b-0em169leew] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.copy-card h5[b-0em169leew] {
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #0f172a));
    font-size: 0.84rem;
    font-weight: var(--theme-font-headingWeight, 800);
    margin: 0;
}

.copy-card p[b-0em169leew] {
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    font-size: 0.86rem;
    line-height: 1.55;
    margin: 0;
    white-space: pre-wrap;
}

.copy-button[b-0em169leew],
.preset-button[b-0em169leew] {
    appearance: none;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-cardText, var(--theme-color-text, #1e293b));
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.45rem 0.65rem;
}

.copy-button:hover[b-0em169leew],
.preset-button:hover[b-0em169leew] {
    border-color: var(--theme-color-primary, #2563eb);
    color: var(--theme-color-primaryHover, #1d4ed8);
}

.preset-button:disabled[b-0em169leew] {
    cursor: not-allowed;
    opacity: 0.65;
}

.preset-grid[b-0em169leew] {
    display: grid;
    grid-template-columns: repeat(3, minmax(118px, 1fr));
    gap: 0.65rem;
}

@media (max-width: 640px) {
    .studio-form-grid[b-0em169leew],
    .preset-grid[b-0em169leew] {
        grid-template-columns: 1fr;
    }
}

/* Premium Bewerbungsstudio Workspace overrides */
.custom-drawer.studio-open .drawer-content[b-0em169leew] {
    width: min(1680px, calc(100vw - 3rem));
}

.custom-drawer.studio-open .drawer-container[b-0em169leew] {
    padding: 1.5rem 1.75rem;
}

.studio-workspace-container[b-0em169leew] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.75rem;
    align-items: start;
    box-sizing: border-box;
    min-width: 0;
}

@media (min-width: 1180px) {
    .custom-drawer.studio-open .studio-workspace-container[b-0em169leew] {
        grid-template-columns: minmax(520px, 1.1fr) minmax(500px, 0.9fr);
        gap: 2rem;
    }
}

.studio-left-pane[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-right: 0.5rem;
    min-width: 0;
}

.studio-right-pane[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    border-left: 1px solid var(--theme-color-divider, #e2e8f0);
    padding-left: 1.5rem;
    min-width: 0;
    align-self: start;
    min-height: min(640px, calc(100vh - 16rem));
}

@media (max-width: 1179px) {
    .studio-right-pane[b-0em169leew] {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid var(--theme-color-divider, #e2e8f0);
        padding-top: 1.25rem;
        min-height: 0;
    }
}

@media (max-width: 780px) {
    .custom-drawer.studio-open .drawer-content[b-0em169leew] {
        width: 100vw;
    }

    .custom-drawer.studio-open .drawer-container[b-0em169leew] {
        padding: 1rem;
    }
}

/* Glassmorphic cards for drafts */
.glass-card[b-0em169leew] {
    background: color-mix(in srgb, var(--theme-color-card, #ffffff) 88%, transparent) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8)) !important;
    border-radius: var(--theme-radius-card, 12px);
    box-shadow: var(--theme-shadow-sm);
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    padding: 1.25rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover[b-0em169leew] {
    box-shadow: var(--theme-shadow-md);
    border-color: var(--theme-color-primary, rgba(59, 130, 246, 0.4));
    transform: translateY(-2px);
}

/* Read-only editable textarea styling */
.draft-textarea-polished[b-0em169leew] {
    width: 100%;
    border: 1px solid transparent;
    background: transparent;
    color: var(--theme-color-inputText, var(--theme-color-cardText, #334155));
    font-size: 0.88rem;
    line-height: 1.6;
    padding: 0.5rem 0;
    resize: none;
    min-height: 120px;
    outline: none;
    font-family: inherit;
    transition: border-color 0.2s, background 0.2s;
}

.draft-textarea-polished:focus[b-0em169leew] {
    border-bottom: 1px solid var(--theme-color-border, #cbd5e1);
    background: color-mix(in srgb, var(--theme-color-surface2, #f8fafc) 70%, transparent);
    padding: 0.5rem;
    border-radius: var(--theme-radius-control, 4px);
}

/* Version Toggle Selector */
.version-badge-container[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.version-selector-slider[b-0em169leew] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    overflow-x: auto;
    padding: 0.25rem 0;
}

.version-btn[b-0em169leew] {
    border: 1px solid var(--theme-color-border, #cbd5e1);
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #475569));
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.3rem 0.6rem;
    border-radius: var(--theme-radius-control, 6px);
    cursor: pointer;
    transition: all 0.2s;
}

.version-btn.active[b-0em169leew] {
    background: var(--theme-color-primary, #3b82f6);
    color: var(--theme-color-textInverse, #ffffff);
    border-color: var(--theme-color-primary, #3b82f6);
}

.version-btn:hover:not(.active)[b-0em169leew] {
    background: var(--theme-color-surface2, #f1f5f9);
    border-color: var(--theme-color-divider, #94a3b8);
}

/* Quality Gate Diagnostic visual indicators */
.quality-gate-panel[b-0em169leew] {
    border: 1px solid var(--theme-color-border, rgba(59, 130, 246, 0.15));
    background: var(--theme-color-card, var(--theme-color-surface2, #f8fafc));
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.compliance-dial-container[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.compliance-dial-score[b-0em169leew] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--theme-font-headingWeight, 800);
    font-size: 1.15rem;
    color: var(--theme-color-primary, #1e3a8a);
    box-shadow: var(--theme-shadow-sm);
    border: 3px solid var(--theme-color-primary, #3b82f6);
}

.compliance-dial-info[b-0em169leew] {
    display: flex;
    flex-direction: column;
}

.compliance-dial-info h4[b-0em169leew] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #1e3a8a));
}

.compliance-dial-info p[b-0em169leew] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
}

.category-scores-list[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.category-score-row[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.category-score-meta[b-0em169leew] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #475569));
}

.category-progress-bar-bg[b-0em169leew] {
    height: 6px;
    background: var(--theme-color-divider, #cbd5e1);
    border-radius: var(--theme-radius-control, 3px);
    overflow: hidden;
}

.category-progress-bar-fg[b-0em169leew] {
    height: 100%;
    background: var(--theme-color-primary, #3b82f6);
    border-radius: var(--theme-radius-control, 3px);
    transition: width 0.3s;
}

.category-progress-bar-fg.high[b-0em169leew] { background: var(--theme-color-scoreHigh, #10b981); }
.category-progress-bar-fg.medium[b-0em169leew] { background: var(--theme-color-scoreMid, #f59e0b); }
.category-progress-bar-fg.low[b-0em169leew] { background: var(--theme-color-scoreLow, #ef4444); }

.category-score-explanation[b-0em169leew] {
    margin: 0.15rem 0 0 0;
    font-size: 0.75rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
}

.diagnostic-heading[b-0em169leew] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 760);
    text-transform: uppercase;
}

.diagnostic-heading.danger[b-0em169leew] {
    color: var(--theme-status-rejected-text, var(--theme-color-danger, #991b1b));
}

.diagnostic-heading.warning[b-0em169leew] {
    color: var(--theme-status-applied-text, var(--theme-color-warning, #92400e));
}

.warning-item-visual[b-0em169leew] {
    background: var(--theme-status-rejected-bg, #fff5f5);
    border-left: 3px solid var(--theme-color-danger, #ef4444);
    border-radius: 0 var(--theme-radius-control, 8px) var(--theme-radius-control, 8px) 0;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
    color: var(--theme-status-rejected-text, #991b1b);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.warning-item-visual span[b-0em169leew] {
    font-size: 0.95rem;
}

.suggestion-item-visual[b-0em169leew] {
    background: var(--theme-status-applied-bg, #fdfaf2);
    border-left: 3px solid var(--theme-color-warning, #f59e0b);
    border-radius: 0 var(--theme-radius-control, 8px) var(--theme-radius-control, 8px) 0;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
    color: var(--theme-status-applied-text, #92400e);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.suggestion-item-visual span[b-0em169leew] {
    font-size: 0.95rem;
}

/* Chat bubble styling for Job Copilot Chat */
.copilot-chat-bubble[b-0em169leew] {
    background: var(--theme-color-surface2, #f1f5f9);
    border-radius: var(--theme-radius-card, 12px) var(--theme-radius-card, 12px) var(--theme-radius-card, 12px) 0;
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    line-height: 1.55;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    max-width: 90%;
    align-self: flex-start;
    white-space: pre-wrap;
    box-shadow: var(--theme-shadow-sm);
    cursor: default;
}

.copilot-chat-bubble.user-chat-bubble[b-0em169leew] {
    background: var(--theme-color-primary, #3b82f6);
    color: var(--theme-color-textInverse, #ffffff);
    border-radius: var(--theme-radius-card, 12px) var(--theme-radius-card, 12px) 0 var(--theme-radius-card, 12px);
    align-self: flex-end;
    cursor: default;
}

.copilot-chat-bubble.ai-chat-bubble[b-0em169leew] {
    background: var(--theme-status-applied-bg, #fffbeb);
    border: 1.5px solid var(--theme-color-warning, #fef3c7);
    border-radius: var(--theme-radius-card, 12px);
    padding: 0.85rem;
    width: 100%;
}

.ai-badge[b-0em169leew] {
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-status-applied-text, #b45309);
    font-size: 0.82rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    text-transform: uppercase;
}

.ai-status[b-0em169leew] {
    font-size: 0.75rem;
    background: var(--theme-status-offer-bg, #eafaf1);
    color: var(--theme-status-offer-text, var(--theme-color-success, #10b981));
    padding: 0.15rem 0.4rem;
    border-radius: var(--ui-radius-pill, 9999px);
    font-weight: var(--theme-font-weight-bold, 760);
}

.ai-suggestion-copy[b-0em169leew] {
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-status-applied-text, #451a03);
    margin-bottom: 0.5rem;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4;
}

.suggestion-chat-bubble[b-0em169leew] {
    background: var(--theme-color-card, var(--theme-color-surface2, #f8fafc));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-transform: none;
    letter-spacing: 0;
}

.copilot-working-bubble[b-0em169leew] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    background: var(--theme-color-surface2, #f1f5f9);
    cursor: default;
}

.chat-bubble-container[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1 1 300px;
    min-height: 240px;
    max-height: min(520px, 45vh);
    overflow-y: auto;
    padding: 0.75rem 0;
    border-top: 1px solid var(--theme-color-divider, #f1f5f9);
    border-bottom: 1px solid var(--theme-color-divider, #f1f5f9);
    margin: 0.5rem 0;
}

/* ─── Draft Result Zone ─────────────────────────────────────────────── */
.draft-result-zone[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

/* Loading State */
.draft-loading-state[b-0em169leew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 3rem 2rem;
    background: var(--theme-color-primaryHighlight, #f0f9ff);
    border-radius: var(--theme-radius-card, 12px);
    border: 1px solid var(--theme-color-border, #bae6fd);
    text-align: center;
}

.draft-loading-steps[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    width: 100%;
    max-width: 280px;
    text-align: left;
}

.draft-loading-step[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.85rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
    transition: color 0.3s ease;
}

.draft-loading-step.active[b-0em169leew] {
    color: var(--theme-color-primary, #1e40af);
    font-weight: var(--theme-font-weight-bold, 760);
}

.draft-loading-step.done[b-0em169leew] {
    color: var(--theme-color-success, #10b981);
    font-weight: var(--theme-font-weight-normal, 450);
}

.draft-loading-step .step-dot[b-0em169leew] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
    transition: background 0.3s ease;
}

.draft-loading-step.active .step-dot[b-0em169leew] {
    background: var(--theme-color-primary, #3b82f6);
    box-shadow: 0 0 0 var(--theme-focus-ring-width, 3px) color-mix(in srgb, var(--theme-color-primary, #3b82f6) 25%, transparent);
    animation: pulse-dot-b-0em169leew 1.2s ease-in-out infinite;
}

.draft-loading-step.done .step-dot[b-0em169leew] {
    background: var(--theme-color-success, #10b981);
}

@keyframes pulse-dot-b-0em169leew {
    0%, 100% { box-shadow: 0 0 0 var(--theme-focus-ring-width, 3px) color-mix(in srgb, var(--theme-color-primary, #3b82f6) 25%, transparent); }
    50% { box-shadow: 0 0 0 calc(var(--theme-focus-ring-width, 3px) * 2) color-mix(in srgb, var(--theme-color-primary, #3b82f6) 10%, transparent); }
}

/* Empty State */
.draft-empty-state[b-0em169leew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
    padding: 3rem 2rem;
    background: var(--theme-color-emptyState, #fafafa);
    border-radius: var(--theme-radius-card, 12px);
    border: 2px dashed var(--theme-color-border, #e2e8f0);
}

.draft-empty-icon[b-0em169leew] {
    font-size: 2.5rem;
    line-height: 1;
}

.draft-empty-title[b-0em169leew] {
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #334155));
    font-size: 1rem;
    margin: 0;
}

.draft-empty-subtitle[b-0em169leew] {
    font-size: 0.83rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    margin: 0;
    max-width: 300px;
}

.draft-empty-steps[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.draft-empty-step[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #475569));
    background: var(--theme-color-surface2, #f1f5f9);
    border-radius: var(--theme-radius-control, 6px);
    padding: 0.3rem 0.6rem;
}

.draft-empty-step-arrow[b-0em169leew] {
    color: var(--theme-color-textFaint, #94a3b8);
    font-size: 0.85rem;
}

.step-number[b-0em169leew] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--theme-color-primary, #3b82f6);
    color: var(--theme-color-textInverse, #ffffff);
    font-size: 0.68rem;
    font-weight: var(--theme-font-weight-bold, 760);
    flex-shrink: 0;
}

/* Error State */
.draft-error-state[b-0em169leew] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 1.25rem;
    background: var(--theme-status-rejected-bg, #fef2f2);
    border: 1px solid var(--theme-color-danger, #fecaca);
    border-radius: var(--theme-radius-card, 10px);
}

.draft-error-icon[b-0em169leew] {
    font-size: 1.5rem;
    line-height: 1;
}

.draft-error-title[b-0em169leew] {
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-status-rejected-text, #991b1b);
    margin: 0;
    font-size: 0.9rem;
}

.draft-error-msg[b-0em169leew] {
    font-size: 0.8rem;
    color: var(--theme-status-rejected-text, #7f1d1d);
    margin: 0;
}

/* Success State */
.draft-success-header[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--theme-color-divider, #e2e8f0);
    margin-bottom: 0.25rem;
}

.draft-success-meta[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.draft-version-badge[b-0em169leew] {
    display: inline-flex;
    align-items: center;
    background: var(--theme-color-primary, #1e40af);
    color: var(--theme-color-textInverse, #ffffff);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.2rem 0.55rem;
    border-radius: var(--theme-radius-control, 6px);
    letter-spacing: 0.02em;
}

.draft-meta-tag[b-0em169leew] {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-normal, 450);
    padding: 0.2rem 0.55rem;
    border-radius: var(--theme-radius-control, 6px);
}

.draft-meta-tag.persona-tag[b-0em169leew] {
    background: var(--theme-status-interview-bg, #ede9fe);
    color: var(--theme-status-interview-text, #5b21b6);
}

.draft-meta-tag.tone-tag[b-0em169leew] {
    background: var(--theme-status-evaluated-bg, #e0f2fe);
    color: var(--theme-status-evaluated-text, #075985);
}

/* Draft section cards */
.draft-section[b-0em169leew] {
    background: var(--theme-color-card, #ffffff);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 10px);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    transition: box-shadow 0.2s ease;
}

.draft-section:hover[b-0em169leew] {
    box-shadow: var(--theme-shadow-sm);
}

.draft-section-header[b-0em169leew] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.draft-section-header h5[b-0em169leew] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-primary, #2563eb));
}

.draft-action-bar[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.copilot-send-button[b-0em169leew] {
    padding: 0.25rem 0.65rem;
    border-radius: var(--theme-radius-control, 6px);
    border: 1px solid var(--theme-color-border, #dbeafe);
    background: var(--theme-color-primaryHighlight, #eff6ff);
    color: var(--theme-color-primary, #1d4ed8);
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.copilot-send-button:hover[b-0em169leew] {
    background: var(--theme-status-evaluated-bg, #dbeafe);
    border-color: var(--theme-color-primary, #93c5fd);
    transform: translateY(-1px);
}

/* ─── Info Hint Block ───────────────────────────────────────────────── */
.studio-hint-block[b-0em169leew] {
    background: var(--theme-status-applied-bg, #fefce8);
    border: 1px solid var(--theme-color-warning, #fde68a);
    border-radius: var(--theme-radius-card, 10px);
    padding: 0.75rem 1rem;
    margin-bottom: 0.25rem;
    transition: background 0.2s ease;
}

.studio-hint-title[b-0em169leew] {
    flex: 1;
    font-weight: var(--theme-font-weight-bold, 760);
    font-size: 0.82rem;
    color: var(--theme-status-applied-text, var(--theme-color-cardText, #334155));
}

.studio-hint-toggle[b-0em169leew] {
    font-size: 0.75rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
}

.studio-hint-body[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--theme-color-warning, #fde68a);
}

.studio-hint-item[b-0em169leew] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--theme-status-applied-text, #44403c);
    line-height: 1.4;
}

.studio-hint-dot[b-0em169leew] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
}

.studio-hint-dot.blue[b-0em169leew] { background: var(--theme-color-primary, #3b82f6); }
.studio-hint-dot.purple[b-0em169leew] { background: var(--theme-status-interview-text, #8b5cf6); }
.studio-hint-dot.teal[b-0em169leew] { background: var(--theme-color-success, #14b8a6); }
.studio-hint-dot.amber[b-0em169leew] { background: var(--theme-color-warning, #f59e0b); }

.studio-field-hint[b-0em169leew] {
    display: block;
    font-size: 0.75rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
    margin-bottom: 0.25rem;
    font-style: italic;
}

.studio-card-heading[b-0em169leew],
.inline-section-title[b-0em169leew] {
    margin: 0 0 1rem 0;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #1e3a8a)) !important;
}

.inline-section-title[b-0em169leew] {
    margin: 0;
}

.empty-inline-note[b-0em169leew] {
    font-size: 0.78rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    font-style: italic;
    padding: 0.25rem 0;
}

.tone-regen-cta[b-0em169leew] {
    margin-top: 0.75rem;
    padding: 0.65rem 0.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background: var(--theme-color-primaryHighlight, #eff6ff);
    border: 1px solid var(--theme-color-primary, #bfdbfe);
    border-radius: var(--theme-radius-card, 10px);
}

.tone-regen-cta span[b-0em169leew] {
    font-size: 0.8rem;
    color: var(--theme-color-primary, #1e40af);
    font-weight: var(--theme-font-weight-bold, 760);
    text-transform: none;
    letter-spacing: 0;
}

.tone-regen-button[b-0em169leew] {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    background: var(--theme-color-primary, #3b82f6);
    color: var(--theme-color-textInverse, #ffffff);
    border: none;
    border-radius: var(--theme-radius-control, 6px);
    cursor: pointer;
    font-weight: var(--theme-font-weight-bold, 760);
    transition: background-color 0.2s;
}

/* ─── Copilot Section (Optimization Stage) ──────────────────────────── */
.copilot-section[b-0em169leew] {
    background: var(--theme-color-card, #ffffff);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: opacity 0.2s ease;
}

.copilot-section.copilot-dimmed[b-0em169leew] {
    opacity: 0.65;
    pointer-events: auto;
}

.copilot-section.copilot-dimmed .preset-button[b-0em169leew] {
    cursor: not-allowed;
}

.copilot-section-header[b-0em169leew] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.copilot-section-header h4[b-0em169leew] {
    margin: 0;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #1e3a8a));
    font-size: 0.95rem;
}

.copilot-badge[b-0em169leew] {
    font-size: 0.68rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.15rem 0.5rem;
    background: var(--theme-color-tag, #e0e7ff);
    color: var(--theme-color-tagText, #4f46e5);
    border-radius: var(--ui-radius-pill, 9999px);
    white-space: nowrap;
}

.copilot-pane-hint[b-0em169leew] {
    font-size: 0.8rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
    font-style: italic;
    padding: 0.5rem 0;
    border-left: 2px solid var(--theme-color-divider, #e2e8f0);
    padding-left: 0.75rem;
    margin-bottom: 0.25rem;
}

.copilot-helper-copy[b-0em169leew] {
    margin: 0 0 0.75rem 0;
    font-size: 0.8rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
}

.copilot-empty-message[b-0em169leew] {
    text-align: center;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
    font-size: 0.8rem;
    padding: 1.5rem 0;
}

.danger-action-button[b-0em169leew] {
    color: var(--theme-color-danger, #ef4444);
    border-color: var(--theme-color-danger, #ef4444);
}

.danger-progress[b-0em169leew] {
    color: var(--theme-color-danger, #ef4444);
}

.drawer-footer[b-0em169leew] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--theme-color-divider, #e2e8f0);
    padding-top: 1rem;
    margin-top: auto;
}

/* ─── Analysis Tab Improvements ─────────────────────────────────────── */
.empty-state-subtle[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
    font-style: italic;
    padding: 0.5rem 0;
}

.empty-state-icon[b-0em169leew] {
    color: var(--theme-color-success, #10b981);
    font-size: 0.9rem;
}

/* ─── Premium UX Enhancements ───────────────────────────────────────── */
.copy-button.copied[b-0em169leew] {
    background-color: var(--theme-status-offer-bg, #e6fcf5) !important;
    border-color: var(--theme-color-success, #0ca678) !important;
    color: var(--theme-status-offer-text, #0b7285) !important;
    transition: all 0.2s ease-in-out;
}

.tone-regen-cta button:hover[b-0em169leew] {
    background-color: var(--theme-color-primaryHover, #2563eb) !important;
    transform: translateY(-1px);
}

@keyframes border-flash-b-0em169leew {
    0% {
        border-color: var(--theme-color-primary, #3b82f6) !important;
        box-shadow: 0 0 0 var(--theme-focus-ring-width, 4px) color-mix(in srgb, var(--theme-color-primary, #3b82f6) 40%, transparent) !important;
    }
    100% {
        border-color: var(--theme-color-border, #cbd5e1);
        box-shadow: none;
    }
}

.flash-blue[b-0em169leew] {
    animation: border-flash-b-0em169leew 1.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Evidence Picker List */
.evidence-picker-list[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.evidence-tag-item[b-0em169leew] {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--theme-color-border, #e1e6eb);
    border-radius: var(--theme-radius-control, 8px);
    padding: 8px 12px;
    background: var(--theme-color-card, #fbfaf7);
    cursor: pointer;
    transition: all 0.2s;
}

.evidence-tag-item.checked[b-0em169leew] {
    border-color: var(--theme-color-success, #b9d8c3);
    background: var(--theme-status-offer-bg, #f3faf5);
}

.evidence-tag-item.checked .check-box[b-0em169leew] {
    border-color: var(--theme-color-success, #10b981);
    background: var(--theme-color-success, #10b981);
    color: var(--theme-color-textInverse, #ffffff);
}

.check-box[b-0em169leew] {
    width: 15px;
    height: 15px;
    border: 2px solid var(--theme-color-border, #a8b1bb);
    border-radius: var(--theme-radius-control, 4px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: var(--theme-font-headingWeight, 900);
    background: var(--theme-color-card, #ffffff);
    transition: all 0.15s;
    flex-shrink: 0;
}

.tag-title[b-0em169leew] {
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardTextMuted, #566273);
}

.evidence-tag-item.checked .tag-title[b-0em169leew] {
    color: var(--theme-status-offer-text, #24646a);
}

/* Suggestion Diff Styling */
.suggestion-diff[b-0em169leew] {
    font-family: var(--ui-font-monospace, monospace);
    font-size: 0.75rem;
    background: var(--theme-color-card, #ffffff);
    border: 1px solid var(--theme-color-border, #e1e6eb);
    border-radius: var(--theme-radius-control, 6px);
    padding: 6px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.diff-line[b-0em169leew] {
    white-space: pre-wrap;
    padding: 2px 4px;
    border-radius: var(--theme-radius-control, 3px);
    line-height: 1.3;
}

.diff-line.removed[b-0em169leew] {
    background: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #b91c1c);
    text-decoration: line-through;
}

.diff-line.added[b-0em169leew] {
    background: var(--theme-status-offer-bg, #dcfce7);
    color: var(--theme-status-offer-text, #15803d);
    font-weight: var(--theme-font-weight-bold, 760);
}

.suggestion-actions[b-0em169leew] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.suggestion-actions button[b-0em169leew] {
    font-size: 0.72rem;
    font-weight: var(--theme-font-headingWeight, 800);
    padding: 4px 10px;
    border-radius: var(--theme-radius-control, 4px);
    cursor: pointer;
    transition: all 0.15s;
    border: 1px solid transparent;
}

.suggestion-actions .btn-reject[b-0em169leew] {
    background: var(--theme-color-card, #ffffff);
    border-color: var(--theme-color-border, #d9e1e8);
    color: var(--theme-color-cardTextMuted, #566273);
}

.suggestion-actions .btn-reject:hover[b-0em169leew] {
    background: var(--theme-color-surface2, #f1f5f9);
    color: var(--theme-color-cardText, #172033);
}

.suggestion-actions .btn-accept[b-0em169leew] {
    background: var(--theme-color-success, #10b981);
    color: var(--theme-color-textInverse, #ffffff);
}

.suggestion-actions .btn-accept:hover[b-0em169leew] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 82%, black);
}

/* Dashboard Inbox Shimmering Skeleton Loader */
.skeleton-inbox[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem 0;
}

.skeleton-row[b-0em169leew] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--theme-radius-control, 6px);
    background: var(--theme-color-surfaceOffset, #f8fafc);
}

.skeleton-row.header[b-0em169leew] {
    background: var(--theme-color-surface2, #f1f5f9);
    font-weight: bold;
}

.skeleton-cell[b-0em169leew] {
    height: 18px;
    background: linear-gradient(90deg, 
        var(--theme-color-surfaceOffset, #e2e8f0) 25%, 
        var(--theme-color-surfaceDynamic, #cbd5e1) 50%, 
        var(--theme-color-surfaceOffset, #e2e8f0) 75%);
    background-size: 200% 100%;
    animation: shimmer-b-0em169leew 1.5s infinite;
    border-radius: 4px;
}

.skeleton-cell.w-10[b-0em169leew] { width: 10%; }
.skeleton-cell.w-15[b-0em169leew] { width: 15%; }
.skeleton-cell.w-20[b-0em169leew] { width: 20%; }
.skeleton-cell.w-30[b-0em169leew] { width: 30%; }
.skeleton-cell.w-40[b-0em169leew] { width: 40%; }
.skeleton-cell.w-50[b-0em169leew] { width: 50%; }

@keyframes shimmer-b-0em169leew {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* _content/LetterlAIne.Web/Components/Pages/Impressum.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════
   Impressum.razor.css — Clean legal pages styling
   ════════════════════════════════════════════════════════════ */

.legal-page-container[b-uascz6bc86] {
    max-width: 860px;
    width: 100%;
    margin: 3rem auto;
    padding: 0 1.5rem;
    box-sizing: border-box;
}

.legal-content[b-uascz6bc86] {
    background: #ffffff;
    color: #111827;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 3rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.legal-intro[b-uascz6bc86] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4b5563;
    border-left: 3px solid var(--theme-color-primary, #24646a);
    padding-left: 1rem;
    margin: 1.5rem 0 2.5rem;
    font-style: italic;
}

.legal-section[b-uascz6bc86] {
    margin-bottom: 2.25rem;
}

.legal-section h2[b-uascz6bc86] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.85rem;
    letter-spacing: -0.01em;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 0.5rem;
}

.legal-text[b-uascz6bc86] {
    font-size: 1rem;
    line-height: 1.65;
    color: #374151;
    margin: 0;
}

.legal-text strong[b-uascz6bc86] {
    color: #111827;
}

.legal-text a[b-uascz6bc86] {
    color: var(--theme-color-primary, #24646a);
    text-decoration: underline;
}

.legal-text a:hover[b-uascz6bc86] {
    color: var(--theme-color-primaryHighlight, #1c4e53);
}

.legal-back-row[b-uascz6bc86] {
    margin-top: 3.5rem;
    padding-top: 1.75rem;
    border-top: 1px solid #e5e7eb;
}

.btn-legal-back[b-uascz6bc86] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: var(--theme-color-primary, #24646a);
    font-size: 0.95rem;
    font-weight: 600;
    transition: color 0.15s ease, transform 0.15s ease;
}

.btn-legal-back:hover[b-uascz6bc86] {
    color: var(--theme-color-primaryHighlight, #1c4e53);
    transform: translateX(-2px);
}

@media (max-width: 640px) {
    .legal-page-container[b-uascz6bc86] {
        padding: 0;
        margin: 1rem 0;
    }

    .legal-content[b-uascz6bc86] {
        border-radius: 0;
        box-shadow: none;
        border-left: none;
        border-right: none;
        padding: 1.5rem 1.25rem;
    }
}
/* _content/LetterlAIne.Web/Components/Pages/JobDetailsPage.razor.rz.scp.css */
.dashboard-container[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    box-sizing: border-box;
    color: var(--theme-color-text, #0f172a);
}

.empty-state-warning-icon[b-u53uaukdlu] {
    color: var(--theme-color-danger, #ef4444);
}

.job-detail-header-row[b-u53uaukdlu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1.25rem 1.5rem;
}

.header-meta[b-u53uaukdlu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 250px;
}

.header-meta h2[b-u53uaukdlu] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-heading, var(--theme-color-text, #0f172a));
    letter-spacing: -0.025em;
}

.header-meta .company[b-u53uaukdlu] {
    font-size: 0.95rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-primary, #3b82f6);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.meta-pills[b-u53uaukdlu] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.35rem;
    flex-wrap: wrap;
}

.meta-pill[b-u53uaukdlu] {
    background: var(--theme-color-tag, #f1f5f9);
    color: var(--theme-color-tagText, #475569);
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
}

.status-badge[b-u53uaukdlu] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.saved[b-u53uaukdlu] { background: var(--theme-status-saved-bg, #f1f5f9); color: var(--theme-status-saved-text, #475569); }
.status-badge.evaluated[b-u53uaukdlu] { background: var(--theme-status-evaluated-bg, #dbeafe); color: var(--theme-status-evaluated-text, #1e40af); }
.status-badge.applied[b-u53uaukdlu] { background: var(--theme-status-applied-bg, #fef3c7); color: var(--theme-status-applied-text, #92400e); }
.status-badge.interview[b-u53uaukdlu] { background: var(--theme-status-interview-bg, #f3e8ff); color: var(--theme-status-interview-text, #6b21a8); }
.status-badge.offer[b-u53uaukdlu] { background: var(--theme-status-offer-bg, #d1fae5); color: var(--theme-status-offer-text, #065f46); }
.status-badge.rejected[b-u53uaukdlu] { background: var(--theme-status-rejected-bg, #fee2e2); color: var(--theme-status-rejected-text, #991b1b); }

.status-badge.top-fit[b-u53uaukdlu] { background: var(--theme-status-offer-bg, #d1fae5); color: var(--theme-status-offer-text, #065f46); }
.status-badge.stretch[b-u53uaukdlu] { background: var(--theme-status-evaluated-bg, #fef3c7); color: var(--theme-status-evaluated-text, #92400e); }
.status-badge.low-fit[b-u53uaukdlu] { background: var(--theme-status-rejected-bg, #fee2e2); color: var(--theme-status-rejected-text, #991b1b); }

/* Double Column Layout */
.studio-workspace-container[b-u53uaukdlu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (min-width: 1024px) {
    .studio-workspace-container[b-u53uaukdlu] {
        grid-template-columns: 1.1fr 0.9fr;
        gap: 2rem;
    }
}

.studio-left-pane[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.studio-right-pane[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.glass-card[b-u53uaukdlu] {
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff)) !important;
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8)) !important;
    border-radius: var(--theme-radius-card, 16px);
    box-shadow: var(--theme-shadow-sm, 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01));
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    padding: 1.5rem;
}

.job-detail-header-row.glass-card[b-u53uaukdlu],
.studio-left-pane > .glass-card[b-u53uaukdlu] {
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff)) !important;
    color: var(--theme-color-sectionText, var(--theme-color-text, #334155));
}

.glass-card h3[b-u53uaukdlu],
.glass-card h4[b-u53uaukdlu],
.glass-card h5[b-u53uaukdlu] {
    color: var(--theme-color-cardHeading, var(--theme-color-sectionHeading, var(--theme-color-heading, #1e293b))) !important;
}

.glass-card p[b-u53uaukdlu],
.glass-card span[b-u53uaukdlu],
.glass-card label[b-u53uaukdlu] {
    color: inherit;
}

.glass-card p[b-u53uaukdlu] {
    color: var(--theme-color-cardText, var(--theme-color-text, #334155)) !important;
}

.tab-section-card[b-u53uaukdlu] {
    margin-top: 1rem;
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff)) !important;
    color: var(--theme-color-sectionText, var(--theme-color-text, #334155));
}

.tab-section-heading[b-u53uaukdlu] {
    margin: 0 0 1.25rem 0;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-sectionHeading, var(--theme-color-heading, #1e293b)) !important;
}

.tab-section-heading.compact[b-u53uaukdlu] {
    margin-bottom: 1rem;
}

.inline-section-title[b-u53uaukdlu] {
    margin: 0;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #1e293b)) !important;
}

.raw-content-title[b-u53uaukdlu] {
    margin-bottom: 0.75rem;
}

[b-u53uaukdlu] fluent-tab {
    color: var(--theme-color-tabText, var(--theme-color-textMuted, #64748b));
}

[b-u53uaukdlu] fluent-tab:hover {
    color: var(--theme-color-primaryHover, #115e59);
}

[b-u53uaukdlu] fluent-tab[aria-selected="true"] {
    color: var(--theme-color-tabActiveText, var(--theme-color-primary, #0f766e));
}

[b-u53uaukdlu] fluent-tabs::part(active-indicator),
[b-u53uaukdlu] fluent-tab::part(active-indicator) {
    background: var(--theme-color-primary, #0f766e);
}

[b-u53uaukdlu] fluent-button {
    color: var(--theme-color-cardText, var(--theme-color-text, #1e293b));
    --neutral-foreground-rest: var(--theme-color-cardText, var(--theme-color-text, #1e293b));
    --neutral-fill-rest: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    --neutral-stroke-rest: var(--theme-color-border, #d7dee3);
    --accent-fill-rest: var(--theme-color-primary, #0f766e);
    --accent-foreground-rest: var(--theme-color-textInverse, #ffffff);
    --focus-stroke-outer: var(--theme-color-focus, #0f766e);
}

.archive-action-button[b-u53uaukdlu] {
    color: var(--theme-color-danger, #ef4444);
    border-color: var(--theme-color-danger, #fca5a5);
}

.muted-body-text[b-u53uaukdlu],
.score-detail-note[b-u53uaukdlu] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.82rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
    line-height: 1.45;
}

.summary-body-text[b-u53uaukdlu] {
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155)) !important;
}

.ki-empfehlung-title-row[b-u53uaukdlu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ki-empfehlung-title-row h4[b-u53uaukdlu] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-primary, #0f766e)) !important;
}

.ki-empfehlung-list[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-top: 1rem;
}

/* Score Panel styling */
.score-panel[b-u53uaukdlu] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem;
    background: var(--theme-color-card, var(--theme-color-surface2, #f8fafc)) !important;
    border: 1px solid var(--theme-color-border, #e2e8f0);
}

.score-circle[b-u53uaukdlu] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-textInverse, #ffffff);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
}

.score-circle.high[b-u53uaukdlu] { background: var(--theme-color-scoreHigh, #10b981); }
.score-circle.medium[b-u53uaukdlu] { background: var(--theme-color-scoreMid, #f59e0b); }
.score-circle.low[b-u53uaukdlu] { background: var(--theme-color-scoreLow, #ef4444); }

.score-text[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
}

.score-text .label[b-u53uaukdlu] {
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.score-text .description[b-u53uaukdlu] {
    font-size: 0.9rem;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    font-weight: var(--theme-font-weight-normal, 450);
    line-height: 1.4;
}

/* Pros and Cons Split Grid */
.pros-cons-grid[b-u53uaukdlu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .pros-cons-grid[b-u53uaukdlu] {
        grid-template-columns: 1fr 1fr;
    }
}

.pros-list h5[b-u53uaukdlu], .cons-list h5[b-u53uaukdlu] {
    margin: 0 0 0.5rem 0;
    font-size: 0.85rem;
    font-weight: var(--theme-font-weight-bold, 760);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.pros-list h5[b-u53uaukdlu] { color: var(--theme-color-success, #10b981) !important; }
.cons-list h5[b-u53uaukdlu] { color: var(--theme-color-danger, #ef4444) !important; }

.bullet-item[b-u53uaukdlu] {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    margin-bottom: 0.35rem;
}

.bullet-item[b-u53uaukdlu]::before {
    content: '•';
    font-weight: bold;
}

.bullet-item.pro[b-u53uaukdlu]::before { color: var(--theme-color-success, #10b981); }
.bullet-item.con[b-u53uaukdlu]::before { color: var(--theme-color-danger, #ef4444); }

/* KI Recommendations */
.ki-empfehlung-card[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, rgba(15, 118, 110, 0.15));
    background: var(--theme-color-section, var(--theme-color-primaryHighlight, #f0fdfa)) !important;
}

.ki-empfehlung-item[b-u53uaukdlu] {
    padding: 0.6rem 0.85rem;
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 10px);
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.ki-empfehlung-item.completed[b-u53uaukdlu] {
    background: var(--theme-color-surface2, #f8fafc);
    border-color: var(--theme-color-divider, #cbd5e1);
    opacity: 0.7;
}

.ki-empfehlung-item.completed[b-u53uaukdlu]  .fluent-checkbox {
    text-decoration: line-through;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8));
}

.ki-empfehlung-item[b-u53uaukdlu]  fluent-checkbox {
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
}

.ki-empfehlung-badge[b-u53uaukdlu] {
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
}

/* Timeline Checklists */
.workflow-node-item[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem;
    transition: all 0.2s;
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff)) !important;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
}

.workflow-node-item.completed[b-u53uaukdlu] {
    background-color: var(--theme-color-surface2, #f8fafc) !important;
    border-color: var(--theme-color-divider, #cbd5e1) !important;
    opacity: 0.8;
}

.workflow-node-item.completed h5[b-u53uaukdlu] {
    text-decoration: line-through;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #94a3b8)) !important;
}

.workflow-node-title[b-u53uaukdlu] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #1e293b)) !important;
}

.workflow-node-description[b-u53uaukdlu] {
    margin: 0.2rem 0 0 0;
    font-size: 0.8rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
    line-height: 1.4;
}

.workflow-node-notes[b-u53uaukdlu] {
    margin-top: 1rem;
    border-top: 1px solid var(--theme-color-divider, #f1f5f9);
    padding-top: 0.75rem;
}

.workflow-note-field[b-u53uaukdlu] {
    text-transform: none;
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-fieldLabel, var(--theme-color-cardTextMuted, #64748b));
}

.status-badge.checked[b-u53uaukdlu] { background: var(--theme-status-offer-bg, #d1fae5); color: var(--theme-status-offer-text, #065f46); }
.status-badge.review[b-u53uaukdlu] { background: var(--theme-status-rejected-bg, #fee2e2); color: var(--theme-status-rejected-text, #991b1b); }
.status-badge.running[b-u53uaukdlu] { background: var(--theme-status-evaluated-bg, #dbeafe); color: var(--theme-status-evaluated-text, #1e40af); }
.status-badge.ready[b-u53uaukdlu] { background: var(--theme-status-saved-bg, #f1f5f9); color: var(--theme-status-saved-text, #475569); }

/* Form Fields */
.stack-form[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
}

.studio-form-grid[b-u53uaukdlu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .studio-form-grid[b-u53uaukdlu] {
        grid-template-columns: 1fr 1fr;
    }
}

.studio-field[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-fieldLabel, var(--theme-color-cardTextMuted, #475569));
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.studio-input[b-u53uaukdlu],
.studio-textarea[b-u53uaukdlu] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    background: var(--theme-color-surface, #ffffff);
    color: var(--theme-color-inputText, var(--theme-color-text, #0f172a));
    font: inherit;
    font-size: 0.86rem;
    font-weight: var(--theme-font-weight-normal, 450);
    line-height: 1.4;
    padding: 0.65rem 0.75rem;
    text-transform: none;
    letter-spacing: 0;
}

.studio-textarea[b-u53uaukdlu] {
    min-height: 86px;
    resize: vertical;
}

.studio-actions[b-u53uaukdlu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.studio-error[b-u53uaukdlu] {
    color: var(--theme-status-rejected-text, var(--theme-color-danger, #991b1b));
    background: var(--theme-status-rejected-bg, #fee2e2);
    border: 1px solid var(--theme-color-danger, #fecaca);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.45rem 0.65rem;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.studio-error.with-top-margin[b-u53uaukdlu],
.studio-success-message[b-u53uaukdlu] {
    margin-top: 0.85rem;
}

.studio-success-message[b-u53uaukdlu] {
    color: var(--theme-status-offer-text, var(--theme-color-success, #166534));
    background: var(--theme-status-offer-bg, #dcfce7);
    border: 1px solid var(--theme-color-success, #22c55e);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.45rem 0.65rem;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.draft-save-feedback[b-u53uaukdlu] {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tone-regen-cta[b-u53uaukdlu] {
    margin-top: 0.75rem;
    padding: 0.65rem 0.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background: var(--theme-color-primaryHighlight, #eff6ff);
    border: 1px solid var(--theme-color-primary, #bfdbfe);
    border-radius: var(--theme-radius-card, 10px);
}

.tone-regen-cta span[b-u53uaukdlu] {
    font-size: 0.8rem;
    color: var(--theme-color-primary, #1e40af);
    font-weight: var(--theme-font-weight-bold, 760);
}

.tone-regen-button[b-u53uaukdlu] {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    background: var(--theme-color-primary, #3b82f6);
    color: var(--theme-color-textInverse, #ffffff);
    border: none;
    border-radius: var(--theme-radius-control, 6px);
    cursor: pointer;
    font-weight: var(--theme-font-weight-bold, 760);
}

.category-score-meta[b-u53uaukdlu] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #475569));
    margin-bottom: 0.15rem;
}

.category-progress-bar-bg[b-u53uaukdlu] {
    height: 6px;
    background: var(--theme-color-divider, #e2e8f0);
    border-radius: 999px;
    overflow: hidden;
}

.category-progress-bar-fg[b-u53uaukdlu] {
    height: 100%;
}

.category-progress-bar-fg.high[b-u53uaukdlu] { background: var(--theme-color-scoreHigh, #10b981); }
.category-progress-bar-fg.medium[b-u53uaukdlu] { background: var(--theme-color-scoreMid, #f59e0b); }
.category-progress-bar-fg.low[b-u53uaukdlu] { background: var(--theme-color-scoreLow, #ef4444); }

.category-score-explanation[b-u53uaukdlu] {
    margin: 0.2rem 0 0 0;
    font-size: 0.72rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
}

.suggestions-title-row[b-u53uaukdlu] {
    margin: 0 0 0.75rem 0;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #1e3a8a)) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.suggestion-counts[b-u53uaukdlu] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.suggestion-count[b-u53uaukdlu] {
    font-size: 0.7rem;
    padding: 0.15rem 0.4rem;
    border-radius: 999px;
}

.suggestion-count.open[b-u53uaukdlu] {
    background: var(--theme-status-evaluated-bg, #eff6ff);
    color: var(--theme-status-evaluated-text, #2563eb);
}

.suggestion-count.accepted[b-u53uaukdlu] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    color: var(--theme-status-offer-text, #047857);
}

.suggestion-count.rejected[b-u53uaukdlu] {
    background: var(--theme-status-saved-bg, #f8fafc);
    color: var(--theme-status-saved-text, #475569);
}

.suggestion-title[b-u53uaukdlu] {
    font-weight: var(--theme-font-weight-bold, 760);
    font-size: 0.8rem;
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #1e293b));
}

.suggestion-type[b-u53uaukdlu] {
    font-size: 0.65rem;
    background: var(--theme-color-tag, #f1f5f9);
    color: var(--theme-color-tagText, #475569);
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
}

.empty-inline-note[b-u53uaukdlu] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
}

.unsaved-draft-note[b-u53uaukdlu] {
    font-size: 0.78rem;
    color: var(--theme-status-applied-text, #b45309);
    font-weight: var(--theme-font-weight-bold, 760);
}

.modal-body-copy[b-u53uaukdlu] {
    font-size: 0.85rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #475569)) !important;
    margin-bottom: 1.25rem;
}

.modal-field-label[b-u53uaukdlu] {
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-fieldLabel, var(--theme-color-cardTextMuted, #475569));
    display: block;
    margin-bottom: 0.25rem;
}

.modal-error-message[b-u53uaukdlu] {
    color: var(--theme-color-danger, #ef4444);
    font-size: 0.8rem;
    margin-bottom: 1rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

/* Copy Card zone */
.copy-card[b-u53uaukdlu] {
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff)) !important;
    border: 1px solid var(--theme-color-border, #dbe3ea) !important;
    border-radius: var(--theme-radius-card, 8px);
    box-shadow: var(--theme-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.04));
    padding: 1rem;
}

.copy-card-header[b-u53uaukdlu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.copy-card h5[b-u53uaukdlu] {
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #0f172a)) !important;
    font-size: 0.84rem;
    font-weight: var(--theme-font-headingWeight, 800);
    margin: 0;
}

.copy-button[b-u53uaukdlu] {
    appearance: none;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-cardText, var(--theme-color-text, #1e293b));
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.45rem 0.65rem;
}

.copy-button:hover[b-u53uaukdlu] {
    border-color: var(--theme-color-primary, #2563eb);
    color: var(--theme-color-primaryHover, #1d4ed8);
}

/* Textarea polished */
.draft-textarea-polished[b-u53uaukdlu] {
    width: 100%;
    border: 1px solid transparent;
    background: transparent;
    color: var(--theme-color-inputText, var(--theme-color-cardText, #334155));
    font-size: 0.88rem;
    line-height: 1.6;
    padding: 0.5rem 0;
    resize: vertical;
    min-height: 120px;
    outline: none;
    font-family: inherit;
    transition: border-color 0.2s, background 0.2s;
}

.draft-textarea-polished:focus[b-u53uaukdlu] {
    border-bottom: 1px solid var(--theme-color-border, #cbd5e1);
    background: color-mix(in srgb, var(--theme-color-surface2, #f8fafc) 70%, transparent);
    padding: 0.5rem;
    border-radius: 4px;
}

/* Version selector */
.version-badge-container[b-u53uaukdlu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.version-selector-slider[b-u53uaukdlu] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    overflow-x: auto;
    padding: 0.25rem 0;
}

.version-btn[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, #cbd5e1);
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #475569));
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.version-btn.active[b-u53uaukdlu] {
    background: var(--theme-color-primary, #3b82f6);
    color: var(--theme-color-textInverse, #ffffff);
    border-color: var(--theme-color-primary, #3b82f6);
}

/* Quality panel */
.compliance-dial-container[b-u53uaukdlu] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.compliance-dial-score[b-u53uaukdlu] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--theme-color-primaryHighlight, #eff6ff);
    color: var(--theme-color-primary, #2563eb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--theme-font-headingWeight, 800);
    font-size: 1.1rem;
}

.compliance-dial-info h4[b-u53uaukdlu] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.compliance-dial-info p[b-u53uaukdlu] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
}

.raw-content-scroll[b-u53uaukdlu] {
    max-height: 350px;
    overflow-y: auto;
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    padding: 1rem;
    font-size: 0.8rem;
    color: var(--theme-color-cardText, var(--theme-color-text, #475569));
    white-space: pre-wrap;
    font-family: monospace;
}

/* Review Modal & Copilot Suggestions */
.modal-overlay[b-u53uaukdlu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--theme-modal-backdrop, rgba(15, 23, 42, 0.3));
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-u53uaukdlu] {
    max-width: 500px;
    width: 90%;
    background: color-mix(in srgb, var(--theme-color-section, #ffffff) 92%, transparent) !important;
    border: 1px solid var(--theme-color-border, rgba(255, 255, 255, 0.4)) !important;
    border-radius: var(--theme-radius-modal, var(--theme-radius-card, 12px)) !important;
    box-shadow: var(--theme-shadow-lg, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04));
}

.copilot-suggestion-card[b-u53uaukdlu] {
    transition: all 0.2s ease-in-out;
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    border-radius: var(--theme-radius-card, 12px);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.copilot-suggestion-card:hover[b-u53uaukdlu] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.05);
}

/* Evidence Picker List */
.evidence-picker-list[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.evidence-tag-item[b-u53uaukdlu] {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--theme-color-border, #e1e6eb);
    border-radius: var(--theme-radius-control, 8px);
    padding: 8px 12px;
    background: var(--theme-color-card, #fbfaf7);
    cursor: pointer;
    transition: all 0.2s;
}

.evidence-tag-item.checked[b-u53uaukdlu] {
    border-color: var(--theme-color-success, #b9d8c3);
    background: var(--theme-status-offer-bg, #f3faf5);
}

.evidence-tag-item.checked .check-box[b-u53uaukdlu] {
    border-color: var(--theme-color-success, #10b981);
    background: var(--theme-color-success, #10b981);
    color: var(--theme-color-textInverse, #ffffff);
}

.check-box[b-u53uaukdlu] {
    width: 15px;
    height: 15px;
    border: 2px solid var(--theme-color-border, #a8b1bb);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 900;
    background: var(--theme-color-card, #ffffff);
    transition: all 0.15s;
    flex-shrink: 0;
}

.tag-title[b-u53uaukdlu] {
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardTextMuted, #566273);
}

.evidence-tag-item.checked .tag-title[b-u53uaukdlu] {
    color: var(--theme-status-offer-text, #24646a);
}

/* Suggestion Diff Styling */
.suggestion-diff[b-u53uaukdlu] {
    font-family: monospace;
    font-size: 0.75rem;
    background: var(--theme-color-card, #ffffff);
    border: 1px solid var(--theme-color-border, #e1e6eb);
    border-radius: var(--theme-radius-control, 6px);
    padding: 6px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.diff-line[b-u53uaukdlu] {
    white-space: pre-wrap;
    padding: 2px 4px;
    border-radius: 3px;
    line-height: 1.3;
}

.diff-line.removed[b-u53uaukdlu] {
    background: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #b91c1c);
    text-decoration: line-through;
}

.diff-line.added[b-u53uaukdlu] {
    background: var(--theme-status-offer-bg, #dcfce7);
    color: var(--theme-status-offer-text, #15803d);
    font-weight: var(--theme-font-weight-bold, 760);
}

.suggestion-actions[b-u53uaukdlu] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.suggestion-actions button[b-u53uaukdlu] {
    font-size: 0.72rem;
    font-weight: var(--theme-font-headingWeight, 800);
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s;
    border: 1px solid transparent;
}

.suggestion-actions .btn-reject[b-u53uaukdlu] {
    background: var(--theme-color-card, #ffffff);
    border-color: var(--theme-color-border, #d9e1e8);
    color: var(--theme-color-cardTextMuted, #566273);
}

.suggestion-actions .btn-reject:hover[b-u53uaukdlu] {
    background: var(--theme-color-surface2, #f1f5f9);
    color: var(--theme-color-cardText, #172033);
}

.suggestion-actions .btn-accept[b-u53uaukdlu] {
    background: var(--theme-color-success, #10b981);
    color: var(--theme-color-textInverse, #ffffff);
}

.suggestion-actions .btn-accept:hover[b-u53uaukdlu] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 82%, black);
}
/* _content/LetterlAIne.Web/Components/Pages/Jobs.razor.rz.scp.css */
.dashboard-container[b-06xef4cvxp] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1.5rem;
    box-sizing: border-box;
    color: var(--theme-color-text, #121316);
}

.dashboard-header-row[b-06xef4cvxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.dashboard-header[b-06xef4cvxp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard-header h1[b-06xef4cvxp] {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: 0;
    color: var(--theme-color-text, #1e293b);
}

.dashboard-header p[b-06xef4cvxp] {
    font-size: 0.95rem;
    color: var(--theme-color-textMuted, #64748b);
    margin: 0;
}



/* Command strip */
.toolbar-strip[b-06xef4cvxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    background: var(--theme-color-surface2, #f8fafc);
    padding: 1rem 1.25rem;
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
}

.toggle-switch[b-06xef4cvxp] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.toggle-switch-label[b-06xef4cvxp] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.85rem;
    font-weight: 600;
    margin-right: 0.5rem;
}

.toggle-switch[b-06xef4cvxp]  fluent-switch::part(checked-indicator) {
    background: var(--theme-color-toggleTrack, var(--theme-color-primary, #0f766e));
}



/* Loading and Empty overlay */
.pipeline-loading-overlay[b-06xef4cvxp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6rem 2rem;
    gap: 1rem;
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
}

.pipeline-empty-state[b-06xef4cvxp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6rem 2rem;
    text-align: center;
    background: var(--theme-color-emptyState, var(--theme-color-surface, #ffffff));
    border: 1px dashed var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-card, 8px);
}

.pipeline-empty-state h3[b-06xef4cvxp] {
    margin: 1rem 0 0.25rem 0;
    font-size: 1.25rem;
    color: var(--theme-color-text, #1e293b);
    font-weight: 700;
}

.pipeline-empty-state p[b-06xef4cvxp] {
    margin: 0;
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.9rem;
}

/* Lists styling */
.grid-card[b-06xef4cvxp] {
    padding: 1.5rem;
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    border-radius: var(--theme-radius-card, 8px);
    box-shadow: var(--theme-shadow-sm, 0 4px 6px -1px rgba(0, 0, 0, 0.02));
}

.status-badge[b-06xef4cvxp] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.saved[b-06xef4cvxp] { background: var(--theme-status-saved-bg, #f1f5f9); color: var(--theme-status-saved-text, #475569); }
.status-badge.evaluated[b-06xef4cvxp] { background: var(--theme-status-evaluated-bg, #dbeafe); color: var(--theme-status-evaluated-text, #1e40af); }
.status-badge.applied[b-06xef4cvxp] { background: var(--theme-status-applied-bg, #fef3c7); color: var(--theme-status-applied-text, #92400e); }
.status-badge.interview[b-06xef4cvxp] { background: var(--theme-status-interview-bg, #f3e8ff); color: var(--theme-status-interview-text, #6b21a8); }
.status-badge.offer[b-06xef4cvxp] { background: var(--theme-status-offer-bg, #d1fae5); color: var(--theme-status-offer-text, #065f46); }
.status-badge.rejected[b-06xef4cvxp] { background: var(--theme-status-rejected-bg, #fee2e2); color: var(--theme-status-rejected-text, #991b1b); }

.status-badge.top-fit[b-06xef4cvxp] { background: color-mix(in srgb, var(--theme-color-scoreHigh, #065f46) 16%, transparent); color: var(--theme-color-scoreHigh, #065f46); }
.status-badge.stretch[b-06xef4cvxp] { background: color-mix(in srgb, var(--theme-color-scoreMid, #92400e) 16%, transparent); color: var(--theme-color-scoreMid, #92400e); }
.status-badge.low-fit[b-06xef4cvxp] { background: color-mix(in srgb, var(--theme-color-scoreLow, #991b1b) 16%, transparent); color: var(--theme-color-scoreLow, #991b1b); }
.status-badge.unrated[b-06xef4cvxp] { background: var(--theme-color-tag, #f1f5f9); color: var(--theme-color-tagText, #475569); }
/* _content/LetterlAIne.Web/Components/Pages/Landing.razor.rz.scp.css */
.landing-page[b-5g0en06w8l] {
    width: 100%;
    background: var(--theme-color-bg, #fbfaf7);
    color: var(--theme-color-text, #172033);
    transition: background var(--theme-transition-speed, 0.2s) ease, color var(--theme-transition-speed, 0.2s) ease;
}

.landing-page *[b-5g0en06w8l] {
    box-sizing: border-box;
}

.hero-section[b-5g0en06w8l],
.content-section[b-5g0en06w8l],
.quality-section[b-5g0en06w8l],
.trust-section[b-5g0en06w8l],
.closing-section[b-5g0en06w8l] {
    width: min(1160px, calc(100% - 40px));
    margin: 0 auto;
    scroll-margin-top: 92px;
}

.hero-section[b-5g0en06w8l] {
    min-height: calc(100vh - 72px);
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
    gap: 56px;
    align-items: center;
    padding: 72px 0 56px;
}

.content-section[b-5g0en06w8l] {
    padding: 84px 0;
}

.section-kicker[b-5g0en06w8l],
.mini-label[b-5g0en06w8l],
.tech-grid span[b-5g0en06w8l] {
    margin: 0 0 12px;
    color: var(--theme-color-primary, #24646a);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mini-label[b-5g0en06w8l],
.tech-grid span[b-5g0en06w8l] {
    display: block;
    margin-bottom: 8px;
    color: var(--theme-color-textMuted, #6f7d8b);
}

.hero-copy h1[b-5g0en06w8l],
.section-heading h2[b-5g0en06w8l],
.quality-copy h2[b-5g0en06w8l],
.origin-card h2[b-5g0en06w8l],
.trust-section h2[b-5g0en06w8l],
.closing-section h2[b-5g0en06w8l] {
    margin: 0;
    color: var(--theme-color-heading, #172033);
    font-family: var(--theme-font-headingFamily), inherit;
    font-weight: var(--theme-font-headingWeight, 850);
    letter-spacing: var(--theme-font-headingLetterSpacing, 0);
    line-height: var(--theme-font-headingLineHeight, 1.1);
}

.hero-copy h1[b-5g0en06w8l] {
    max-width: 660px;
    font-size: clamp(2.65rem, 6vw, 5.05rem);
}

.hero-description[b-5g0en06w8l],
.section-heading p:not(.section-kicker)[b-5g0en06w8l],
.section-text p[b-5g0en06w8l],
.origin-card p[b-5g0en06w8l],
.trust-section p[b-5g0en06w8l],
.closing-section p[b-5g0en06w8l] {
    margin: 22px 0 0;
    color: var(--theme-color-textMuted, #4b5870);
    font-size: 1.08rem;
    line-height: 1.65;
}

.hero-actions[b-5g0en06w8l] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.button-primary[b-5g0en06w8l],
.button-secondary[b-5g0en06w8l] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--theme-radius-control, 8px);
    padding: 0 20px;
    font-weight: var(--theme-font-weight-bold, 850);
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.button-primary[b-5g0en06w8l] {
    border: 1px solid var(--theme-color-primary, #172033);
    background: var(--theme-color-primary, #172033);
    color: var(--theme-color-textInverse, #ffffff);
}

.button-primary:hover[b-5g0en06w8l] {
    background: var(--theme-color-primaryHover, #334155);
    border-color: var(--theme-color-primaryHover, #334155);
}

.button-secondary[b-5g0en06w8l] {
    border: 1px solid var(--theme-color-border, #c9d0d7);
    background: var(--theme-color-card, #ffffff);
    color: var(--theme-color-text, #172033);
}

.button-secondary:hover[b-5g0en06w8l] {
    background: var(--theme-color-surface2, #f3f4f6);
}

.button-primary:hover[b-5g0en06w8l],
.button-secondary:hover[b-5g0en06w8l] {
    transform: translateY(var(--theme-hover-lift, -1px));
}

.button-primary:focus-visible[b-5g0en06w8l],
.button-secondary:focus-visible[b-5g0en06w8l],
.gallery-tab-btn:focus-visible[b-5g0en06w8l] {
    outline: var(--theme-focus-ring-width, 3px) var(--theme-focus-ring-style, solid) var(--theme-color-focus, #d79b35);
    outline-offset: 3px;
}

.hero-visual[b-5g0en06w8l] {
    display: grid;
    gap: 18px;
}

.saved-job-card[b-5g0en06w8l],
.analysis-card[b-5g0en06w8l],
.example-card[b-5g0en06w8l],
.flow-card[b-5g0en06w8l],
.feature-card[b-5g0en06w8l],
.studio-panel[b-5g0en06w8l],
.module-card[b-5g0en06w8l],
.tech-grid article[b-5g0en06w8l],
.origin-card[b-5g0en06w8l],
.avoid-enable-grid article[b-5g0en06w8l],
.gallery-container[b-5g0en06w8l],
.trust-section[b-5g0en06w8l],
.closing-section[b-5g0en06w8l] {
    border: 1px solid var(--theme-color-border, #d8dee4);
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-card, #ffffff);
    box-shadow: var(--theme-shadow-md);
    transition: background-color var(--theme-transition-speed, 0.2s) ease, border-color var(--theme-transition-speed, 0.2s) ease, box-shadow var(--theme-transition-speed, 0.2s) ease, transform var(--theme-transition-speed, 0.2s) var(--theme-transition-timing, ease);
}

.saved-job-card[b-5g0en06w8l],
.analysis-card[b-5g0en06w8l] {
    padding: 24px;
}

.saved-job-card[b-5g0en06w8l] {
    width: 88%;
    justify-self: end;
}

.analysis-card[b-5g0en06w8l] {
    width: 94%;
    margin-top: -6px;
}

.mock-header[b-5g0en06w8l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.saved-job-card h2[b-5g0en06w8l] {
    margin: 10px 0 10px;
    color: var(--theme-color-heading, #172033);
    font-size: 1.55rem;
}

.saved-job-card p[b-5g0en06w8l],
.analysis-card p[b-5g0en06w8l],
.example-card p[b-5g0en06w8l],
.flow-card p[b-5g0en06w8l],
.feature-card li[b-5g0en06w8l],
.feature-card p[b-5g0en06w8l],
.flow-card li[b-5g0en06w8l],
.studio-panel p[b-5g0en06w8l],
.studio-panel li[b-5g0en06w8l],
.module-card p[b-5g0en06w8l],
.tech-grid p[b-5g0en06w8l],
.avoid-enable-grid li[b-5g0en06w8l],
.screenshot-caption p[b-5g0en06w8l] {
    color: var(--theme-color-textMuted, #566273);
    line-height: 1.58;
}

.job-meta-list[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 20px 0 0;
}

.job-meta-list div[b-5g0en06w8l] {
    border: 1px solid var(--theme-color-border, #e1e6eb);
    border-radius: var(--theme-radius-control, 8px);
    padding: 12px;
    background: var(--theme-color-surface2, #fbfaf7);
}

.job-meta-list dt[b-5g0en06w8l] {
    color: var(--theme-color-textMuted, #6f7d8b);
    font-size: 0.78rem;
    font-weight: 800;
}

.job-meta-list dd[b-5g0en06w8l] {
    margin: 7px 0 0;
    color: var(--theme-color-text, #172033);
    font-weight: 850;
}

.status-pill[b-5g0en06w8l],
.fit-pill[b-5g0en06w8l] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 7px 10px;
    background: #e9f2f1;
    color: #24646a;
    font-size: 0.76rem;
    font-weight: 850;
    white-space: nowrap;
}

.status-pill.warning[b-5g0en06w8l] {
    background: #fff4d7;
    color: #7a5315;
}

.fit-pill[b-5g0en06w8l] {
    background: #172033;
    color: #ffffff;
}

.analysis-columns[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.analysis-columns h3[b-5g0en06w8l],
.example-card h3[b-5g0en06w8l],
.feature-card h3[b-5g0en06w8l],
.flow-card h3[b-5g0en06w8l],
.studio-panel h3[b-5g0en06w8l],
.module-card h3[b-5g0en06w8l],
.avoid-enable-grid h3[b-5g0en06w8l],
.screenshot-caption h3[b-5g0en06w8l],
.tech-grid strong[b-5g0en06w8l] {
    margin: 0 0 10px;
    color: var(--theme-color-heading, #172033);
    font-size: 1.08rem;
}

.analysis-columns ul[b-5g0en06w8l],
.flow-card ul[b-5g0en06w8l],
.feature-card ul[b-5g0en06w8l],
.draft-checks[b-5g0en06w8l],
.avoid-enable-grid ul[b-5g0en06w8l],
.module-card ul[b-5g0en06w8l],
.tech-grid ul[b-5g0en06w8l] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 18px;
}

.metrics-strip-section[b-5g0en06w8l] {
    width: 100%;
    border-top: 1px solid var(--theme-color-border, #eeece7);
    border-bottom: 1px solid var(--theme-color-border, #eeece7);
    background: var(--theme-color-surface2, #f7f6f1);
    padding: 34px 0;
    transition: background-color var(--theme-transition-speed, 0.2s) ease, border-color var(--theme-transition-speed, 0.2s) ease;
}

.metrics-strip[b-5g0en06w8l] {
    width: min(1160px, calc(100% - 40px));
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0 auto;
}

.metric-item[b-5g0en06w8l] {
    border-right: 1px solid var(--theme-color-border, #dfddd5);
    padding-right: 20px;
}

.metric-item:last-child[b-5g0en06w8l] {
    border-right: 0;
}

.metric-num[b-5g0en06w8l] {
    display: block;
    color: var(--theme-color-primary, #24646a);
    font-size: clamp(1.8rem, 3vw, 2.45rem);
    font-weight: 900;
    line-height: 1.1;
}

.metric-num.text-metric[b-5g0en06w8l] {
    font-size: clamp(1.4rem, 2.2vw, 1.85rem);
    word-break: break-word;
    overflow-wrap: break-word;
}

.metric-label[b-5g0en06w8l] {
    display: block;
    margin-top: 8px;
    color: #566273;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.45;
}

.split-section[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
    gap: 48px;
}

.section-heading[b-5g0en06w8l] {
    max-width: 760px;
}

.section-heading.centered[b-5g0en06w8l] {
    margin: 0 auto;
    text-align: center;
}

.section-heading h2[b-5g0en06w8l],
.trust-section h2[b-5g0en06w8l],
.closing-section h2[b-5g0en06w8l] {
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
}

.origin-card h2[b-5g0en06w8l] {
    font-size: clamp(1.3rem, 2.6vw, 1.85rem);
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.strong-note[b-5g0en06w8l] {
    color: #172033;
    font-weight: 850;
}

.flow-grid[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--theme-grid-gap, 16px);
    margin-top: 40px;
}

.example-grid[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--theme-grid-gap, 16px);
    margin-top: 40px;
}

.example-card[b-5g0en06w8l] {
    padding: 22px;
}

.flow-card[b-5g0en06w8l],
.feature-card[b-5g0en06w8l],
.studio-panel[b-5g0en06w8l],
.module-card[b-5g0en06w8l],
.tech-grid article[b-5g0en06w8l],
.avoid-enable-grid article[b-5g0en06w8l] {
    padding: 22px;
}

.step-number[b-5g0en06w8l] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--theme-color-primary, #172033);
    color: var(--theme-color-textInverse, #ffffff);
    font-weight: 900;
}

.flow-card h3[b-5g0en06w8l] {
    margin-top: 28px;
}

.flow-card h4[b-5g0en06w8l],
.feature-card h4[b-5g0en06w8l],
.module-card h4[b-5g0en06w8l],
.studio-panel h4[b-5g0en06w8l] {
    margin: 18px 0 10px;
    color: var(--theme-color-heading, #172033);
    font-size: 0.92rem;
    font-weight: 900;
}

.feature-grid[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--theme-grid-gap, 18px);
    margin-top: 38px;
}

.card-index[b-5g0en06w8l] {
    display: block;
    margin-bottom: 28px;
    color: var(--theme-color-primary, #24646a);
    font-weight: 900;
}

.studio-showcase[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--theme-grid-gap, 20px);
    margin-top: 40px;
}

.analysis-panel[b-5g0en06w8l] {
    display: grid;
    gap: 18px;
}

.analysis-panel h3[b-5g0en06w8l] {
    margin-bottom: -10px;
}

.draft-panel[b-5g0en06w8l] {
    background: var(--theme-color-surface2, #f7fbfa);
}

.draft-lead[b-5g0en06w8l] {
    margin-top: 22px;
}

.draft-checks[b-5g0en06w8l] {
    margin-top: 22px;
}

.quality-section[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 42px;
    align-items: start;
    margin-top: 28px;
    margin-bottom: 28px;
    border-radius: var(--theme-radius-card, 8px);
    padding: 48px;
    background: var(--theme-color-primary, #172033);
    color: var(--theme-color-textInverse, #ffffff);
    border: 1px solid var(--theme-color-border, #d8dee4);
    box-shadow: var(--theme-shadow-md);
}

.quality-copy h2[b-5g0en06w8l],
.quality-copy p[b-5g0en06w8l],
.quality-copy .section-kicker[b-5g0en06w8l] {
    color: var(--theme-color-textInverse, #ffffff);
}

.quality-copy p[b-5g0en06w8l] {
    margin: 22px 0 0;
    font-size: 1.08rem;
    line-height: 1.65;
    color: var(--theme-color-textInverse, #ffffff);
    opacity: 0.85;
}

.quality-points[b-5g0en06w8l] {
    display: grid;
    gap: 14px;
}

.principles-heading[b-5g0en06w8l] {
    margin: 0 0 4px;
    color: var(--theme-color-textInverse, #ffffff);
    font-size: 1.25rem;
    font-weight: 850;
}
 
.quality-points article[b-5g0en06w8l] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--theme-radius-card, 8px);
    padding: 22px;
    background: rgba(255, 255, 255, 0.06);
}

.quality-points h3[b-5g0en06w8l] {
    margin: 0 0 8px;
    color: var(--theme-color-textInverse, #ffffff);
}

.quality-points p[b-5g0en06w8l] {
    margin: 0;
    color: var(--theme-color-textInverse, #ffffff);
    opacity: 0.85;
    line-height: 1.58;
}

.module-grid[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--theme-grid-gap, 16px);
    margin-top: 40px;
}

.tech-grid[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--theme-grid-gap, 16px);
    margin-top: 40px;
}

.module-card[b-5g0en06w8l] {
    min-height: 190px;
}

.tech-grid strong[b-5g0en06w8l] {
    display: block;
    min-height: 48px;
    font-size: 1.05rem;
}

.tech-grid p + p[b-5g0en06w8l] {
    margin-top: 12px;
}

.origin-section[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: var(--theme-grid-gap, 20px);
    align-items: start;
}

.origin-card[b-5g0en06w8l] {
    padding: 34px;
}

.avoid-enable-grid[b-5g0en06w8l] {
    display: grid;
    gap: 16px;
}

.screenshots-section[b-5g0en06w8l] {
    margin-top: 16px;
}

.gallery-container[b-5g0en06w8l] {
    margin-top: 36px;
    overflow: hidden;
}

.gallery-tabs[b-5g0en06w8l] {
    display: flex;
    overflow-x: auto;
    border-bottom: 1px solid var(--theme-color-border, #d8dee4);
    background: var(--theme-color-surface2, #f7f9fa);
}

.gallery-tab-btn[b-5g0en06w8l] {
    flex: 1;
    flex-shrink: 0;
    min-width: max-content;
    border: 0;
    border-right: 1px solid var(--theme-color-border, #d8dee4);
    padding: 18px 16px;
    background: transparent;
    color: var(--theme-color-textMuted, #566273);
    cursor: pointer;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 850;
    white-space: nowrap;
    transition: background-color var(--theme-transition-speed, 0.2s) ease, color var(--theme-transition-speed, 0.2s) ease;
}

.gallery-tab-btn:last-child[b-5g0en06w8l] {
    border-right: 0;
}

.gallery-tab-btn:hover[b-5g0en06w8l] {
    background: var(--theme-color-surfaceOffset, #eef2f5);
    color: var(--theme-color-text, #172033);
}

.gallery-tab-btn.active[b-5g0en06w8l] {
    background: var(--theme-color-card, #ffffff);
    color: var(--theme-color-primary, #24646a);
    box-shadow: inset 0 -3px 0 var(--theme-color-primary, #24646a);
}

.gallery-content[b-5g0en06w8l] {
    padding: 32px;
}

.gallery-slide[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(250px, 0.8fr);
    gap: 32px;
    align-items: center;
}

.screenshot-wrapper[b-5g0en06w8l] {
    overflow: hidden;
    border: 1px solid var(--theme-color-border, #d8dee4);
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-surface2, #f2f4f5);
}

.screenshot-wrapper img[b-5g0en06w8l] {
    display: block;
    width: 100%;
    height: auto;
}

.screenshot-caption[b-5g0en06w8l] {
    padding: 6px 0;
}

.fade-in[b-5g0en06w8l] {
    animation: fade-in-b-5g0en06w8l 180ms ease-out;
}

.trust-section[b-5g0en06w8l],
.closing-section[b-5g0en06w8l] {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 36px;
    border-radius: var(--theme-radius-card, 8px);
}

.trust-section[b-5g0en06w8l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background: var(--theme-color-surface2, #f4f7f7);
    color: var(--theme-color-text, #172033);
}

.trust-section p[b-5g0en06w8l],
.closing-section p[b-5g0en06w8l] {
    max-width: 780px;
}

.closing-section[b-5g0en06w8l] {
    margin-bottom: 96px;
    background: #ffffff;
}

@keyframes fade-in-b-5g0en06w8l {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1040px) {
    .hero-section[b-5g0en06w8l],
    .split-section[b-5g0en06w8l],
    .studio-showcase[b-5g0en06w8l],
    .quality-section[b-5g0en06w8l],
    .origin-section[b-5g0en06w8l] {
        grid-template-columns: 1fr;
    }

    .hero-section[b-5g0en06w8l] {
        min-height: auto;
        padding-top: 56px;
    }

    .saved-job-card[b-5g0en06w8l],
    .analysis-card[b-5g0en06w8l] {
        width: 100%;
    }

    .example-grid[b-5g0en06w8l],
    .flow-grid[b-5g0en06w8l],
    .feature-grid[b-5g0en06w8l],
    .module-grid[b-5g0en06w8l],
    .tech-grid[b-5g0en06w8l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .before-after-container[b-5g0en06w8l] {
        grid-column: span 1;
    }

    .metrics-strip[b-5g0en06w8l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 32px;
    }

    .metric-item[b-5g0en06w8l] {
        border-right: none;
        padding-right: 0;
        border-bottom: 1px solid var(--theme-color-border, #dfddd5);
        padding-bottom: 12px;
    }

    .metric-item:nth-last-child(-n+2)[b-5g0en06w8l] {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* Scale down diagram nodes on tablets to prevent squishing while maintaining horizontal flow */
    .diagram-node[b-5g0en06w8l] {
        padding: 12px 8px;
    }
    .diagram-node strong[b-5g0en06w8l] {
        font-size: 0.85rem;
    }
    .diagram-node span[b-5g0en06w8l] {
        font-size: 0.72rem;
    }
    .diagram-arrow[b-5g0en06w8l] {
        font-size: 0.85rem;
    }
    .node-icon-wrapper[b-5g0en06w8l] {
        width: 36px;
        height: 36px;
        font-size: 1.1rem;
        margin-bottom: 8px;
    }
}

@media (max-width: 760px) {
    .hero-section[b-5g0en06w8l],
    .content-section[b-5g0en06w8l],
    .quality-section[b-5g0en06w8l],
    .trust-section[b-5g0en06w8l],
    .closing-section[b-5g0en06w8l],
    .metrics-strip[b-5g0en06w8l] {
        width: min(100% - 28px, 1160px);
    }

    .split-section[b-5g0en06w8l] {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .hero-section[b-5g0en06w8l] {
        padding: 42px 0 36px;
    }

    .content-section[b-5g0en06w8l] {
        padding: 58px 0;
    }

    .hero-actions[b-5g0en06w8l],
    .trust-section[b-5g0en06w8l] {
        flex-direction: column;
        align-items: stretch;
    }

    .button-primary[b-5g0en06w8l],
    .button-secondary[b-5g0en06w8l] {
        width: 100%;
    }

    .metrics-strip[b-5g0en06w8l],
    .analysis-columns[b-5g0en06w8l],
    .example-grid[b-5g0en06w8l],
    .flow-grid[b-5g0en06w8l],
    .feature-grid[b-5g0en06w8l],
    .module-grid[b-5g0en06w8l],
    .tech-grid[b-5g0en06w8l],
    .gallery-slide[b-5g0en06w8l] {
        grid-template-columns: 1fr;
    }

    .metric-item[b-5g0en06w8l] {
        border-right: 0;
        border-bottom: 1px solid #dfddd5;
        padding: 0 0 18px;
    }

    .metric-item:last-child[b-5g0en06w8l] {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .job-meta-list[b-5g0en06w8l] {
        grid-template-columns: 1fr;
    }

    .quality-section[b-5g0en06w8l],
    .trust-section[b-5g0en06w8l],
    .closing-section[b-5g0en06w8l],
    .origin-card[b-5g0en06w8l] {
        padding: 26px;
    }

    .gallery-content[b-5g0en06w8l] {
        padding: 18px;
    }

    .gallery-tabs[b-5g0en06w8l] {
        flex-wrap: wrap;
        border-bottom: none;
        gap: 6px;
        padding: 8px;
        background: var(--theme-color-surfaceOffset, #eef2f5);
    }
    
    .gallery-tab-btn[b-5g0en06w8l] {
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
        border: 1px solid var(--theme-color-border, #d8dee4) !important;
        border-radius: var(--theme-radius-control, 6px);
        padding: 10px 8px;
        text-align: center;
        font-size: 0.8rem;
    }
    
    .gallery-tab-btn:last-child[b-5g0en06w8l] {
        flex: 1 1 100%;
    }
    
    .gallery-tab-btn.active[b-5g0en06w8l] {
        background: var(--theme-color-primary, #24646a) !important;
        color: var(--theme-color-textInverse, #ffffff) !important;
        box-shadow: none !important;
        border-color: var(--theme-color-primary, #24646a) !important;
    }
}

/* Glassmorphism overrides for landing page cards */
.glass-panel[b-5g0en06w8l] {
    background: var(--theme-color-surface, #ffffff);
}
@supports (background: color-mix(in srgb, red 50%, transparent)) {
    .glass-panel[b-5g0en06w8l] {
        background: color-mix(in srgb, var(--theme-color-surface, #ffffff) calc(var(--theme-glass-opacity, 0.75) * 100%), transparent) !important;
    }
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
    .glass-panel[b-5g0en06w8l] {
        backdrop-filter: blur(var(--theme-glass-blur, 18px)) !important;
        -webkit-backdrop-filter: blur(var(--theme-glass-blur, 18px)) !important;
        border-color: color-mix(in srgb, var(--theme-color-border, #d8dee4) 50%, transparent) !important;
    }
}

/* -------------------------------------------------------------
   New custom interactive/visual elements (LetterlAIne branding)
   ------------------------------------------------------------- */

/* Wordmark highlight */
.brand-highlight[b-5g0en06w8l] {
    color: var(--theme-color-primary, #24646a);
}

/* Product Stand Preview Section */
.product-stand-section[b-5g0en06w8l] {
    padding-top: 64px;
    padding-bottom: 32px;
}
.product-stand-preview[b-5g0en06w8l] {
    box-shadow: var(--theme-shadow-lg, 0 20px 40px rgba(0, 0, 0, 0.06));
    transition: transform var(--theme-transition-speed, 0.2s) ease, box-shadow var(--theme-transition-speed, 0.2s) ease;
}
.product-stand-preview:hover[b-5g0en06w8l] {
    transform: translateY(-4px);
    box-shadow: var(--theme-shadow-xl, 0 30px 60px rgba(0, 0, 0, 0.1));
}

/* Before-After Section styling */
.before-after-container[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--theme-grid-gap, 24px);
    width: 100%;
    grid-column: span 2;
    margin-top: 40px;
}

.before-card[b-5g0en06w8l], .after-card[b-5g0en06w8l] {
    padding: 32px;
    border-radius: var(--theme-radius-card, 12px);
    transition: transform var(--theme-transition-speed, 0.2s) ease, box-shadow var(--theme-transition-speed, 0.2s) ease;
}

.before-card[b-5g0en06w8l] {
    border-left: 4px solid var(--theme-color-error, #d32f2f);
}

.after-card[b-5g0en06w8l] {
    border-left: 4px solid var(--theme-color-success, #12805c);
    background: linear-gradient(to bottom right, var(--theme-color-card, #ffffff), var(--theme-color-surface2, #f4faf8));
}

.before-header[b-5g0en06w8l], .after-header[b-5g0en06w8l] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.before-header h3[b-5g0en06w8l], .after-header h3[b-5g0en06w8l] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 850;
}

.status-indicator-red[b-5g0en06w8l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #ffebee;
    color: #c62828;
    font-weight: bold;
    font-size: 0.85rem;
}

.status-indicator-green[b-5g0en06w8l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #e8f5e9;
    color: #2e7d32;
    font-weight: bold;
    font-size: 0.85rem;
}

.before-card ul[b-5g0en06w8l], .after-card ul[b-5g0en06w8l] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 16px;
}

.before-card li[b-5g0en06w8l], .after-card li[b-5g0en06w8l] {
    position: relative;
    padding-left: 0;
    font-size: 0.98rem;
    line-height: 1.55;
}

.before-card strong[b-5g0en06w8l], .after-card strong[b-5g0en06w8l] {
    color: var(--theme-color-heading, #172033);
}

/* So-funktioniert-es Flow Diagram nodes styling */
.flow-diagram-container[b-5g0en06w8l] {
    width: 100%;
    margin-bottom: 24px;
}

.diagram-nodes[b-5g0en06w8l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.diagram-node[b-5g0en06w8l] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px;
    border-radius: var(--theme-radius-control, 8px);
    background: var(--theme-color-card, #ffffff);
    border: 1px solid var(--theme-color-border, #e1e6eb);
    box-shadow: var(--theme-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.02));
    transition: transform var(--theme-transition-speed, 0.2s) ease;
}

.diagram-node:hover[b-5g0en06w8l] {
    transform: translateY(-2px);
}

.highlight-node[b-5g0en06w8l] {
    border-color: var(--theme-color-primary, #24646a);
    background: linear-gradient(to bottom, var(--theme-color-card, #ffffff), var(--theme-color-surfaceOffset, #f0f7f7));
}

.node-icon-wrapper[b-5g0en06w8l] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: var(--theme-color-surface2, #f7f9fa);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    font-size: 1.25rem;
}

.highlight-node .node-icon-wrapper[b-5g0en06w8l] {
    background: var(--theme-color-primary, #24646a);
    color: var(--theme-color-textInverse, #ffffff);
}

.diagram-node strong[b-5g0en06w8l] {
    display: block;
    font-size: 0.95rem;
    color: var(--theme-color-heading, #172033);
    margin-bottom: 4px;
}

.diagram-node span[b-5g0en06w8l] {
    font-size: 0.8rem;
    color: var(--theme-color-textMuted, #566273);
}

.diagram-arrow[b-5g0en06w8l] {
    display: flex;
    align-items: center;
    color: var(--theme-color-textMuted, #a0aec0);
}

/* Workflow process line styles */
.flow-grid-row[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--theme-grid-gap, 16px);
    position: relative;
    margin-top: 40px;
    z-index: 1;
}

.flow-grid-row.second-row[b-5g0en06w8l] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 32px;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/* Process connector dashes for desktops */
@media (min-width: 1041px) {
    .flow-grid-row[b-5g0en06w8l]::before {
        content: "";
        position: absolute;
        top: 40px; /* aligns with center of step-number inside the cards */
        left: 40px;
        right: 40px;
        height: 2px;
        border-top: 2px dashed var(--theme-color-border, #eeece7);
        z-index: 0;
    }
}

/* Styling for modern custom bullet points in features list */
.feature-card ul[b-5g0en06w8l] {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: grid;
    gap: 8px;
}

.feature-card li[b-5g0en06w8l] {
    position: relative;
    padding-left: 18px;
    font-size: 0.94rem;
}

.feature-card li[b-5g0en06w8l]::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--theme-color-primary, #24646a);
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1;
    top: 2px;
}

/* Responsive adjustments for new visuals */
@media (max-width: 1040px) {
    .flow-grid-row[b-5g0en06w8l], .flow-grid-row.second-row[b-5g0en06w8l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .split-section[b-5g0en06w8l] {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .before-after-container[b-5g0en06w8l] {
        grid-template-columns: 1fr;
        grid-column: span 1;
    }
    
    .diagram-nodes[b-5g0en06w8l] {
        flex-direction: column;
        gap: 16px;
    }
    
    .diagram-arrow[b-5g0en06w8l] {
        transform: rotate(90deg);
        padding: 4px 0;
    }

    .flow-grid-row[b-5g0en06w8l], .flow-grid-row.second-row[b-5g0en06w8l] {
        grid-template-columns: 1fr;
    }
}

/* Tech Stack Badges Snapshot styling */
.tech-stack-snapshot[b-5g0en06w8l] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 12px;
    margin: 32px auto 48px;
    max-width: 900px;
}

.stack-badge[b-5g0en06w8l] {
    background: rgba(36, 100, 106, 0.05);
    border: 1px solid rgba(36, 100, 106, 0.12);
    border-radius: 99px;
    padding: 6px 14px;
    font-size: 0.9rem;
    font-weight: var(--theme-font-weight-bold, 850);
    color: var(--theme-color-primary, #24646a);
    white-space: nowrap;
    transition: background-color var(--theme-transition-speed, 0.2s) ease, transform var(--theme-transition-speed, 0.2s) ease;
}

.stack-badge:hover[b-5g0en06w8l] {
    background: rgba(36, 100, 106, 0.09);
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .tech-stack-snapshot[b-5g0en06w8l] {
        gap: 8px;
        margin-top: 24px;
        margin-bottom: 32px;
    }
    .stack-badge[b-5g0en06w8l] {
        font-size: 0.82rem;
        padding: 4px 10px;
    }
}

/* Prevent overflow of extremely long words on narrow containers without forced hyphenation */
.flow-card p[b-5g0en06w8l],
.example-card p[b-5g0en06w8l],
.feature-card li[b-5g0en06w8l],
.diagram-node strong[b-5g0en06w8l],
.diagram-node span[b-5g0en06w8l],
.before-card li[b-5g0en06w8l],
.after-card li[b-5g0en06w8l] {
    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* _content/LetterlAIne.Web/Components/Pages/Login.razor.rz.scp.css */
.auth-shell[b-dths7rcs8w] {
    min-height: calc(100vh - 9rem);
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 64, 175, 0.78)),
        linear-gradient(45deg, rgba(20, 184, 166, 0.28), rgba(56, 189, 248, 0.12)),
        #0f172a;
    color: #f8fafc;
}

.auth-panel[b-dths7rcs8w] {
    width: min(100%, 420px);
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.32);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.auth-brand[b-dths7rcs8w] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.75rem;
}

.auth-logo[b-dths7rcs8w] {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
    filter: invert(1);
    mix-blend-mode: screen;
    opacity: 0.95;
    transition: transform 0.3s ease;
}

.auth-logo:hover[b-dths7rcs8w] {
    transform: scale(1.05);
}

.auth-brand p[b-dths7rcs8w],
.auth-brand h1[b-dths7rcs8w] {
    margin: 0;
}

.auth-brand p[b-dths7rcs8w] {
    color: rgba(248, 250, 252, 0.72);
    font-size: 0.84rem;
    font-weight: 700;
    text-transform: uppercase;
}

.auth-brand h1[b-dths7rcs8w] {
    font-size: 1.85rem;
    line-height: 1.1;
}

.auth-alert[b-dths7rcs8w] {
    padding: 0.8rem 0.9rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(248, 113, 113, 0.42);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.34);
    color: #fee2e2;
    font-size: 0.92rem;
}

.auth-form[b-dths7rcs8w] {
    display: grid;
    gap: 0.75rem;
}

.auth-form label[b-dths7rcs8w] {
    color: rgba(248, 250, 252, 0.82);
    font-size: 0.9rem;
    font-weight: 700;
}

.auth-form input[b-dths7rcs8w] {
    width: 100%;
    box-sizing: border-box;
    min-height: 2.8rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font: inherit;
    outline: none;
}

.auth-form input:focus[b-dths7rcs8w] {
    border-color: #5eead4;
    box-shadow: 0 0 0 3px rgba(94, 234, 212, 0.18);
}

.auth-form button[b-dths7rcs8w] {
    min-height: 2.9rem;
    margin-top: 0.75rem;
    border: 0;
    border-radius: 8px;
    background: #14b8a6;
    color: #052e2b;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.auth-form button:hover[b-dths7rcs8w] {
    background: #2dd4bf;
}

.auth-switch[b-dths7rcs8w] {
    margin: 1.35rem 0 0;
    color: rgba(248, 250, 252, 0.72);
    text-align: center;
}

.auth-switch a[b-dths7rcs8w] {
    color: #67e8f9;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 640px) {
    .auth-shell[b-dths7rcs8w] {
        min-height: calc(100vh - 7rem);
        padding: 1rem 0;
    }

    .auth-panel[b-dths7rcs8w] {
        padding: 1.4rem;
    }
}
/* _content/LetterlAIne.Web/Components/Pages/Register.razor.rz.scp.css */
.auth-shell[b-pr2rrhxbok] {
    min-height: calc(100vh - 9rem);
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
    background:
        linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(21, 128, 61, 0.72)),
        linear-gradient(45deg, rgba(20, 184, 166, 0.34), rgba(56, 189, 248, 0.14)),
        #111827;
    color: #f8fafc;
}

.auth-panel[b-pr2rrhxbok] {
    width: min(100%, 450px);
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.32);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.auth-brand[b-pr2rrhxbok] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.75rem;
}

.auth-logo[b-pr2rrhxbok] {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
    filter: invert(1);
    mix-blend-mode: screen;
    opacity: 0.95;
    transition: transform 0.3s ease;
}

.auth-logo:hover[b-pr2rrhxbok] {
    transform: scale(1.05);
}

.auth-brand p[b-pr2rrhxbok],
.auth-brand h1[b-pr2rrhxbok] {
    margin: 0;
}

.auth-brand p[b-pr2rrhxbok] {
    color: rgba(248, 250, 252, 0.72);
    font-size: 0.84rem;
    font-weight: 700;
    text-transform: uppercase;
}

.auth-brand h1[b-pr2rrhxbok] {
    font-size: 1.85rem;
    line-height: 1.1;
}

.auth-alert[b-pr2rrhxbok] {
    padding: 0.8rem 0.9rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(248, 113, 113, 0.42);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.34);
    color: #fee2e2;
    font-size: 0.92rem;
}

.auth-form[b-pr2rrhxbok] {
    display: grid;
    gap: 0.75rem;
}

.auth-form label[b-pr2rrhxbok] {
    color: rgba(248, 250, 252, 0.82);
    font-size: 0.9rem;
    font-weight: 700;
}

.auth-form input[b-pr2rrhxbok] {
    width: 100%;
    box-sizing: border-box;
    min-height: 2.8rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font: inherit;
    outline: none;
}

.auth-form input:focus[b-pr2rrhxbok] {
    border-color: #86efac;
    box-shadow: 0 0 0 3px rgba(134, 239, 172, 0.18);
}

.auth-form button[b-pr2rrhxbok] {
    min-height: 2.9rem;
    margin-top: 0.75rem;
    border: 0;
    border-radius: 8px;
    background: #86efac;
    color: #052e16;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.auth-form button:hover[b-pr2rrhxbok] {
    background: #bbf7d0;
}

.auth-switch[b-pr2rrhxbok] {
    margin: 1.35rem 0 0;
    color: rgba(248, 250, 252, 0.72);
    text-align: center;
}

.auth-switch a[b-pr2rrhxbok] {
    color: #67e8f9;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 640px) {
    .auth-shell[b-pr2rrhxbok] {
        min-height: calc(100vh - 7rem);
        padding: 1rem 0;
    }

    .auth-panel[b-pr2rrhxbok] {
        padding: 1.4rem;
    }
}
/* _content/LetterlAIne.Web/Components/Pages/Settings.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════
   Settings.razor.css — APL-124/125 Settings Panel Styles
   ════════════════════════════════════════════════════════════ */

.settings-container[b-8jdrpi8r21] {
    max-width: 860px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
    color: var(--theme-color-text, #0f172a);
}

/* ── Header ─────────────────────────────────────────────── */
.settings-header[b-8jdrpi8r21] {
    margin-bottom: 2rem;
}

.settings-header h1[b-8jdrpi8r21] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--theme-color-heading, var(--theme-color-text, #0f172a));
    margin: 0 0 0.25rem;
}

.settings-header p[b-8jdrpi8r21] {
    font-size: 0.9rem;
    color: var(--theme-color-headingMuted, var(--theme-color-textMuted, #64748b));
    margin: 0;
}

/* ── Workspace Settings Selector ─────────────────────────── */
.workspace-settings-selector[b-8jdrpi8r21] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    box-shadow: var(--theme-shadow-sm, none);
}

.workspace-settings-selector .selector-label[b-8jdrpi8r21] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--theme-color-fieldLabel, var(--theme-color-textMuted, #475569));
}

.workspace-settings-selector[b-8jdrpi8r21]  fluent-select {
    min-width: 240px;
}


/* ── Loading ─────────────────────────────────────────────── */
.settings-loading[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem;
    color: var(--theme-color-textFaint, #94a3b8);
}

/* ── Tabs ────────────────────────────────────────────────── */
.tab-content[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1.5rem 0;
}

[b-8jdrpi8r21] fluent-tab {
    color: var(--theme-color-tabText, var(--theme-color-textMuted, #64748b));
}

[b-8jdrpi8r21] fluent-tab:hover {
    color: var(--theme-color-primaryHover, #115e59);
}

[b-8jdrpi8r21] fluent-tab[aria-selected="true"] {
    color: var(--theme-color-tabActiveText, var(--theme-color-primary, #0f766e));
}

[b-8jdrpi8r21] fluent-tabs::part(active-indicator),
[b-8jdrpi8r21] fluent-tab::part(active-indicator) {
    background: var(--theme-color-primary, #0f766e);
}

/* ── Section ─────────────────────────────────────────────── */
.settings-section[b-8jdrpi8r21] {
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.5rem;
    box-shadow: var(--theme-shadow-sm, none);
    color: var(--theme-color-sectionText, var(--theme-color-text, #1e293b));
}

.settings-section-separated[b-8jdrpi8r21] {
    margin-top: 2rem;
    border-top-color: var(--theme-color-divider, var(--theme-color-border, #e2e8f0));
    padding-top: 2rem;
}

.section-title[b-8jdrpi8r21] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--theme-color-sectionHeading, var(--theme-color-sectionText, var(--theme-color-text, #1e293b)));
    margin: 0 0 0.25rem;
}

.section-subtitle[b-8jdrpi8r21] {
    font-size: 0.82rem;
    color: var(--theme-color-sectionTextMuted, var(--theme-color-textMuted, #64748b));
    margin: 0 0 1.25rem;
}

/* ── Provider Cards ──────────────────────────────────────── */
.provider-cards[b-8jdrpi8r21] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.provider-card[b-8jdrpi8r21] {
    position: relative;
    background: var(--theme-color-card, var(--theme-color-surface2, #ffffff));
    border: 2px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 10px);
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    overflow: hidden;
}

.provider-card input[type="radio"][b-8jdrpi8r21] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.provider-card-body[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 1.1rem 1rem;
    text-align: center;
}

.provider-icon[b-8jdrpi8r21] {
    font-size: 1.6rem;
}

.provider-card strong[b-8jdrpi8r21] {
    font-size: 0.9rem;
    color: var(--theme-color-cardHeading, var(--theme-color-cardText, var(--theme-color-text, #1e293b)));
}

.provider-card small[b-8jdrpi8r21] {
    font-size: 0.75rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    line-height: 1.3;
}

.provider-card.selected[b-8jdrpi8r21] {
    border-color: var(--theme-color-primary, #6366f1);
    background: var(--theme-color-primaryHighlight, #f0f0ff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-color-primary, #6366f1) 18%, transparent);
}

.provider-card:hover:not(.selected)[b-8jdrpi8r21] {
    border-color: var(--theme-color-primaryHover, #a5b4fc);
    background: var(--theme-color-surface2, #f8f8ff);
}

/* ── Privacy Cards ───────────────────────────────────────── */
.privacy-cards[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-top: 1rem;
}

.privacy-card[b-8jdrpi8r21] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--theme-color-card, var(--theme-color-surface2, #ffffff));
    border: 2px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 10px);
    padding: 1rem 1.1rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.privacy-card input[type="radio"][b-8jdrpi8r21] {
    margin-top: 0.2rem;
    accent-color: var(--theme-color-primary, #6366f1);
    flex-shrink: 0;
}

.privacy-card strong[b-8jdrpi8r21] {
    display: block;
    font-size: 0.9rem;
    color: var(--theme-color-cardHeading, var(--theme-color-cardText, var(--theme-color-text, #1e293b)));
    margin-bottom: 0.2rem;
}

.privacy-card p[b-8jdrpi8r21] {
    font-size: 0.8rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    margin: 0;
}

.privacy-card.selected[b-8jdrpi8r21] {
    border-color: var(--theme-color-primary, #6366f1);
    background: var(--theme-color-primaryHighlight, #f0f0ff);
}

/* ── Form Grid ───────────────────────────────────────────── */
.form-grid[b-8jdrpi8r21] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-top: 1rem;
}

.form-grid.single-col[b-8jdrpi8r21] {
    grid-template-columns: 1fr;
}

.form-field[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-field label[b-8jdrpi8r21] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--theme-color-fieldLabel, var(--theme-color-sectionTextMuted, var(--theme-color-textMuted, #475569)));
}

[b-8jdrpi8r21] fluent-text-field,
[b-8jdrpi8r21] fluent-text-area,
[b-8jdrpi8r21] fluent-select {
    color: var(--theme-color-inputText, var(--theme-color-text, #0f172a));
    --neutral-foreground-rest: var(--theme-color-inputText, var(--theme-color-text, #0f172a));
    --neutral-fill-input-rest: var(--theme-color-surface, #ffffff);
    --neutral-fill-input-hover: var(--theme-color-surface2, #f8fafc);
    --neutral-stroke-input-rest: var(--theme-color-border, #d7dee3);
    --accent-fill-rest: var(--theme-color-primary, #0f766e);
    --focus-stroke-outer: var(--theme-color-focus, #0f766e);
}

[b-8jdrpi8r21] fluent-text-field::part(control),
[b-8jdrpi8r21] fluent-text-area::part(control),
[b-8jdrpi8r21] fluent-select::part(control) {
    color: var(--theme-color-inputText, var(--theme-color-text, #0f172a));
    background: var(--theme-color-surface, #ffffff);
    border-color: var(--theme-color-border, #d7dee3);
    border-radius: var(--theme-radius-control, 6px);
}

[b-8jdrpi8r21] fluent-slider {
    --accent-fill-rest: var(--theme-color-primary, #0f766e);
    --neutral-fill-strong-rest: var(--theme-color-border, #d7dee3);
}

.field-hint[b-8jdrpi8r21] {
    font-size: 0.75rem;
    color: var(--theme-color-success, #16a34a);
    margin-top: 0.2rem;
}

.optional-badge[b-8jdrpi8r21] {
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--theme-color-textFaint, #94a3b8);
    margin-left: 0.35rem;
}

/* ── Weight Sliders ──────────────────────────────────────── */
.weight-sliders[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.1rem;
}

.weight-item[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.weight-label-row[b-8jdrpi8r21] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.weight-label-row span:first-child[b-8jdrpi8r21] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--theme-color-sectionText, var(--theme-color-text, #334155));
}

.weight-badge[b-8jdrpi8r21] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: var(--theme-color-primary, #6366f1);
    color: var(--theme-color-textInverse, #fff);
    font-size: 0.9rem;
    font-weight: 700;
    border-radius: 50%;
}

.slider-scale[b-8jdrpi8r21] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    color: var(--theme-color-textFaint, #94a3b8);
    margin-top: 0.1rem;
}

/* ── Info Grid ───────────────────────────────────────────── */
.info-grid[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.info-grid > div[b-8jdrpi8r21] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.info-label[b-8jdrpi8r21] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--theme-color-sectionTextMuted, var(--theme-color-textMuted, #64748b));
    min-width: 120px;
}

.info-grid code[b-8jdrpi8r21] {
    font-size: 0.78rem;
    background: var(--theme-markdown-codeBg, #f1f5f9);
    padding: 0.2rem 0.5rem;
    border-radius: var(--theme-radius-control, 4px);
    color: var(--theme-color-text, #334155);
    word-break: break-all;
}

/* ── Footer / Save Bar ───────────────────────────────────── */
.settings-footer[b-8jdrpi8r21] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--theme-color-border, #e2e8f0);
}

.save-success[b-8jdrpi8r21] {
    font-size: 0.85rem;
    color: var(--theme-color-success, #16a34a);
    font-weight: 500;
}

.save-error[b-8jdrpi8r21] {
    font-size: 0.85rem;
    color: var(--theme-color-danger, #dc2626);
    font-weight: 500;
}

.inline-progress[b-8jdrpi8r21] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 640px) {
    .form-grid[b-8jdrpi8r21] {
        grid-template-columns: 1fr;
    }

    .provider-cards[b-8jdrpi8r21] {
        grid-template-columns: 1fr;
    }
}

/* ── Workflow Pipeline Planner ───────────────────────────── */
.workflow-grid[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem;
}

.workflow-card[b-8jdrpi8r21] {
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.5rem;
    box-shadow: var(--theme-shadow-sm, 0 1px 3px rgba(0,0,0,0.05));
    transition: box-shadow 0.2s, border-color 0.2s;
}

.workflow-card:hover[b-8jdrpi8r21] {
    box-shadow: var(--theme-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03));
    border-color: var(--theme-color-primaryHover, #cbd5e1);
}

.workflow-card-header[b-8jdrpi8r21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--theme-color-divider, rgba(0, 0, 0, 0.03));
    padding-bottom: 0.5rem;
}

.workflow-card-title[b-8jdrpi8r21] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--theme-color-cardHeading, var(--theme-color-cardText, var(--theme-color-text, #0f172a)));
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.workflow-card-step[b-8jdrpi8r21] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--theme-color-tag, #e0f2fe);
    color: var(--theme-color-tagText, #0369a1);
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
}

.workflow-card-desc[b-8jdrpi8r21] {
    font-size: 0.85rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    margin-bottom: 1rem;
    line-height: 1.4;
}

.workflow-io-row[b-8jdrpi8r21] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

@media (max-width: 640px) {
    .workflow-io-row[b-8jdrpi8r21] {
        grid-template-columns: 1fr;
    }
}

.workflow-io-col[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.workflow-io-label[b-8jdrpi8r21] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--theme-color-textFaint, #94a3b8);
    letter-spacing: 0.05em;
}

.workflow-badges[b-8jdrpi8r21] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.badge[b-8jdrpi8r21] {
    font-size: 0.72rem;
    font-weight: 500;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
}

.badge-teal[b-8jdrpi8r21] {
    background: var(--theme-status-offer-bg, #f0fdfa);
    color: var(--theme-status-offer-text, #0f766e);
    border: 1px solid var(--theme-color-border, #ccfbf1);
}

.badge-purple[b-8jdrpi8r21] {
    background: var(--theme-color-primaryHighlight, #faf5ff);
    color: var(--theme-color-primary, #6b21a8);
    border: 1px solid var(--theme-color-border, #f3e8ff);
}

.workflow-rules-field[b-8jdrpi8r21] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    border-top: 1px dashed var(--theme-color-border, #e2e8f0);
    padding-top: 1rem;
}

.workflow-rules-field label[b-8jdrpi8r21] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--theme-color-fieldLabel, var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #475569)));
}

/* ── Migration Tab ───────────────────────────────────────── */
.migration-grid[b-8jdrpi8r21] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.migration-card[b-8jdrpi8r21] {
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: var(--theme-shadow-sm, none);
    transition: transform var(--theme-transition-speed, 0.15s) var(--theme-transition-timing, ease),
                box-shadow var(--theme-transition-speed, 0.15s) var(--theme-transition-timing, ease),
                border-color var(--theme-transition-speed, 0.15s) var(--theme-transition-timing, ease);
}

.migration-card:hover[b-8jdrpi8r21] {
    transform: translateY(var(--theme-hover-lift, -2px));
    box-shadow: var(--theme-shadow-md, 0 4px 12px rgba(18, 19, 22, 0.08));
    border-color: var(--theme-color-primaryHover, var(--theme-color-primary, #0f766e));
}

.migration-card h4[b-8jdrpi8r21] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--theme-color-sectionHeading, var(--theme-color-text, #0f172a));
}

.migration-card p[b-8jdrpi8r21] {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--theme-color-textMuted, #64748b);
    margin: 0 0 1rem 0;
}

.migration-card ul[b-8jdrpi8r21] {
    margin: 0 0 1.25rem 0;
    padding-left: 1.25rem;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--theme-color-text, #1e293b);
}

.migration-card li[b-8jdrpi8r21] {
    margin-bottom: 0.25rem;
}

.migration-info-box[b-8jdrpi8r21] {
    background: var(--theme-color-surface2, #f8fafc);
    border-left: 4px solid var(--theme-color-primary, #0f766e);
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
    font-size: 0.78rem;
    line-height: 1.4;
    color: var(--theme-color-textMuted, #64748b);
}

.migration-warning-box[b-8jdrpi8r21] {
    background: #fffbeb;
    border-left: 4px solid var(--theme-color-warning, #d97706);
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
    font-size: 0.78rem;
    line-height: 1.4;
    color: #b45309;
}

.file-import-label[b-8jdrpi8r21] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    height: var(--theme-control-height, 38px);
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #d7dee3);
    border-radius: var(--theme-radius-control, 6px);
    color: var(--theme-color-text, #0f172a);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.file-import-label:hover[b-8jdrpi8r21] {
    background: var(--theme-color-surface2, #f8fafc);
    border-color: var(--theme-color-primaryHover, #0f766e);
}

.migration-summary-card[b-8jdrpi8r21] {
    background: var(--theme-status-applied-bg, #f0fdf4);
    border: 1px solid var(--theme-color-success, #16a34a);
    border-radius: var(--theme-radius-card, 12px);
    padding: 1.25rem 1.5rem;
    margin-top: 1.5rem;
    color: var(--theme-status-applied-text, #166534);
}

.migration-summary-card h4[b-8jdrpi8r21] {
    margin: 0 0 0.75rem 0;
    font-size: 1.05rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.migration-summary-grid[b-8jdrpi8r21] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.75rem;
    font-size: 0.85rem;
}

.migration-summary-item[b-8jdrpi8r21] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
    border-bottom: 1px dashed rgba(22, 101, 52, 0.2);
}
/* _content/LetterlAIne.Web/Components/Pages/ThemeDesigner.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════
   ThemeDesigner.razor.css — APL-154 Guided Designer Aesthetics
   ════════════════════════════════════════════════════════════ */

.theme-designer-container[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0.5rem;
    box-sizing: border-box;
    color: var(--theme-color-text, #121316);
    font-family: var(--theme-font-family, 'Segoe UI', system-ui, sans-serif);
}

.designer-header[b-echpnabgb3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--theme-color-border, #d7dee3);
    padding-bottom: 1rem;
}

.designer-title-block h2[b-echpnabgb3] {
    margin: 0 0 0.25rem;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: 0;
    color: var(--theme-color-heading, var(--theme-color-primary, #0f766e));
}

.designer-title-block p[b-echpnabgb3] {
    margin: 0;
    color: var(--theme-color-headingMuted, var(--theme-color-textMuted, #64748b));
    font-size: 0.9rem;
}

.designer-status[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.status-badge[b-echpnabgb3] {
    background: var(--theme-color-tag, #e0f2fe);
    color: var(--theme-color-tagText, #0369a1);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.draft-id-tag[b-echpnabgb3] {
    color: var(--theme-color-textFaint, #94a3b8);
    font-family: monospace;
    font-size: 0.7rem;
}

/* ── Split Layout ── */
.designer-split-layout[b-echpnabgb3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

@media (max-width: 1024px) {
    .designer-split-layout[b-echpnabgb3] {
        grid-template-columns: 1fr;
    }
}

/* ── Left customizer pane ── */
.designer-customizer-pane[b-echpnabgb3] {
    background: var(--theme-color-section, var(--theme-color-surface, rgba(255, 255, 255, 0.75)));
    color: var(--theme-color-sectionText, var(--theme-color-text, #121316));
    backdrop-filter: blur(12px);
    border: 1px solid var(--theme-color-border, #d7dee3);
    border-radius: var(--theme-radius-card, 8px);
    padding: 1.5rem;
    box-shadow: var(--theme-shadow-md, 0 4px 20px rgba(0, 0, 0, 0.02));
}

.designer-steps-nav[b-echpnabgb3] {
    display: flex;
    border-bottom: 2px solid var(--theme-color-divider, #f1f5f9);
    margin-bottom: 1.5rem;
    gap: 0.5rem;
}

.designer-steps-nav button[b-echpnabgb3] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--theme-color-tabText, var(--theme-color-textMuted, #64748b));
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: -2px;
}

.designer-steps-nav button.active[b-echpnabgb3] {
    color: var(--theme-color-tabActiveText, var(--theme-color-primary, #0f766e));
    border-bottom-color: var(--theme-color-primary, #0f766e);
}

.designer-steps-nav button:hover:not(:disabled)[b-echpnabgb3] {
    color: var(--theme-color-primaryHover, #115e59);
}

.designer-steps-nav button:disabled[b-echpnabgb3] {
    opacity: 0.4;
    cursor: not-allowed;
}

.step-desc[b-echpnabgb3] {
    margin: -0.5rem 0 1.5rem;
    color: var(--theme-color-sectionTextMuted, var(--theme-color-textMuted, #64748b));
    font-size: 0.88rem;
    line-height: 1.5;
}

.designer-start-step h3[b-echpnabgb3],
.designer-inputs-step h3[b-echpnabgb3],
.designer-components-step h3[b-echpnabgb3],
.designer-publish-step h3[b-echpnabgb3] {
    color: var(--theme-color-sectionHeading, var(--theme-color-sectionText, var(--theme-color-text, #121316)));
}

/* Presets & Actions grid */
.choice-section[b-echpnabgb3] {
    margin-bottom: 1.75rem;
}

.choice-section h4[b-echpnabgb3] {
    margin: 0 0 0.75rem;
    font-size: 0.88rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--theme-color-fieldLabel, var(--theme-color-sectionTextMuted, var(--theme-color-textMuted, #475569)));
}

.presets-grid[b-echpnabgb3], .actions-grid[b-echpnabgb3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.btn-preset[b-echpnabgb3] {
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-control, 8px);
    padding: 1rem;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    box-shadow: var(--theme-shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.02));
}

.btn-preset:hover[b-echpnabgb3] {
    border-color: var(--theme-color-primary, #0f766e);
    background: var(--theme-color-primaryHighlight, #f0fdfa);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 118, 110, 0.05);
}

.btn-preset strong[b-echpnabgb3] {
    font-size: 0.88rem;
    color: var(--theme-color-cardHeading, var(--theme-color-cardText, var(--theme-color-text, #1e293b)));
}

.btn-preset small[b-echpnabgb3] {
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
    font-size: 0.75rem;
}

.btn-action[b-echpnabgb3] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    text-align: center;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-action:hover[b-echpnabgb3] {
    background: var(--theme-color-surfaceOffset, #f1f5f9);
    border-color: var(--theme-color-primary, #cbd5e1);
}

.file-import-container[b-echpnabgb3] {
    display: flex;
}

.file-import-label[b-echpnabgb3] {
    background: var(--theme-color-dropzone, #f8fafc);
    border: 1px dashed var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--theme-color-cardText, var(--theme-color-text, #334155));
    text-align: center;
    cursor: pointer;
    transition: all 0.15s ease;
    width: 100%;
    box-sizing: border-box;
}

.file-import-label:hover[b-echpnabgb3] {
    background: var(--theme-color-surfaceOffset, #f1f5f9);
    border-color: var(--theme-color-primary, #94a3b8);
}

.saved-themes-list[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    max-height: 180px;
    overflow-y: auto;
    padding: 0.5rem;
}

.saved-theme-row[b-echpnabgb3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: var(--theme-radius-control, 6px);
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-divider, #f1f5f9);
}

.saved-theme-info[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.saved-theme-info strong[b-echpnabgb3] {
    font-size: 0.85rem;
    color: var(--theme-color-cardHeading, var(--theme-color-cardText, var(--theme-color-text, #1e293b)));
}

.saved-theme-info small[b-echpnabgb3] {
    font-size: 0.72rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
}

.saved-theme-actions[b-echpnabgb3] {
    display: flex;
    gap: 0.25rem;
}

/* Customizer Form Inputs */
.form-grid-designer[b-echpnabgb3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.form-grid-designer.single-col[b-echpnabgb3] {
    grid-template-columns: 1fr;
}

.field-item[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.field-item label[b-echpnabgb3] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--theme-color-fieldLabel, var(--theme-color-sectionTextMuted, var(--theme-color-textMuted, #475569)));
}

.color-picker-input[b-echpnabgb3] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.color-picker-input input[type="color"][b-echpnabgb3] {
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 6px);
    width: 36px;
    height: 34px;
    padding: 0;
    cursor: pointer;
    background: none;
    box-sizing: border-box;
}

.color-picker-input[b-echpnabgb3]  fluent-text-field {
    flex: 1;
}

[b-echpnabgb3] fluent-text-field,
[b-echpnabgb3] fluent-text-area,
[b-echpnabgb3] fluent-select {
    color: var(--theme-color-inputText, var(--theme-color-text, #121316));
    --neutral-foreground-rest: var(--theme-color-inputText, var(--theme-color-text, #121316));
    --neutral-fill-input-rest: var(--theme-color-surface, #ffffff);
    --neutral-fill-input-hover: var(--theme-color-surface2, #f8fafb);
    --neutral-stroke-input-rest: var(--theme-color-border, #d7dee3);
    --accent-fill-rest: var(--theme-color-primary, #0f766e);
    --focus-stroke-outer: var(--theme-color-focus, #0f766e);
}

[b-echpnabgb3] fluent-text-field::part(control),
[b-echpnabgb3] fluent-text-area::part(control),
[b-echpnabgb3] fluent-select::part(control) {
    color: var(--theme-color-inputText, var(--theme-color-text, #121316));
    background: var(--theme-color-surface, #ffffff);
    border-color: var(--theme-color-border, #d7dee3);
    border-radius: var(--theme-radius-control, 6px);
}

[b-echpnabgb3] fluent-slider {
    --accent-fill-rest: var(--theme-color-primary, #0f766e);
    --neutral-fill-strong-rest: var(--theme-color-border, #d7dee3);
}

/* Sub-tabs for Elements Step */
.designer-sub-tabs[b-echpnabgb3] {
    display: flex;
    gap: 0.25rem;
    background: var(--theme-color-surfaceOffset, #f1f5f9);
    padding: 0.25rem;
    border-radius: var(--theme-radius-control, 8px);
}

.designer-sub-tabs button[b-echpnabgb3] {
    flex: 1;
    background: none;
    border: none;
    padding: 0.5rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--theme-color-tabText, var(--theme-color-textMuted, #475569));
    border-radius: var(--theme-radius-control, 6px);
    cursor: pointer;
    transition: all 0.15s ease;
}

.designer-sub-tabs button.active[b-echpnabgb3] {
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    color: var(--theme-color-tabActiveText, var(--theme-color-primary, #0f766e));
    box-shadow: var(--theme-shadow-sm, 0 2px 6px rgba(0,0,0,0.06));
}

/* Contrast Panel */
.designer-contrast-panel[b-echpnabgb3] {
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-card, 8px);
    padding: 1rem;
    background: var(--theme-color-surface2, #f8fafc);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.designer-contrast-panel h4[b-echpnabgb3] {
    margin: 0 0 0.25rem;
    font-size: 0.88rem;
    color: var(--theme-color-sectionHeading, var(--theme-color-sectionText, var(--theme-color-text, #1e293b)));
}

.contrast-item[b-echpnabgb3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    border-radius: 6px;
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-divider, #f1f5f9);
}

.contrast-info[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.contrast-info strong[b-echpnabgb3] {
    font-size: 0.82rem;
    color: var(--theme-color-cardHeading, var(--theme-color-cardText, var(--theme-color-text, #334155)));
}

.contrast-info span[b-echpnabgb3] {
    font-size: 0.72rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
}

.contrast-value[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    min-width: 90px;
    text-align: right;
}

.contrast-value.pass[b-echpnabgb3] {
    background: var(--theme-status-offer-bg, #f0fdf4);
    color: var(--theme-status-offer-text, var(--theme-color-success, #15803d));
}

.contrast-value.fail[b-echpnabgb3] {
    background: var(--theme-status-rejected-bg, #fff1f2);
    color: var(--theme-status-rejected-text, var(--theme-color-danger, #b91c1c));
}

.contrast-value strong[b-echpnabgb3] {
    font-size: 0.9rem;
}

.contrast-value small[b-echpnabgb3] {
    font-size: 0.65rem;
    font-weight: 700;
}

/* Notification Banners */
.error-banner[b-echpnabgb3], .success-banner[b-echpnabgb3] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.error-banner[b-echpnabgb3] {
    background: var(--theme-status-rejected-bg, #fef2f2);
    color: var(--theme-status-rejected-text, var(--theme-color-danger, #991b1b));
    border-left: 4px solid var(--theme-color-danger, #f87171);
}

.success-banner[b-echpnabgb3] {
    background: var(--theme-status-offer-bg, #f0fdf4);
    color: var(--theme-status-offer-text, var(--theme-color-success, #166534));
    border-left: 4px solid var(--theme-color-success, #4ade80);
}

.publish-actions[b-echpnabgb3] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

/* ── Right Preview Pane ── */
.designer-preview-pane[b-echpnabgb3] {
    background: var(--theme-color-bg, #f5f7f8);
    border: 1px solid var(--theme-color-border, #d7dee3);
    border-radius: var(--theme-radius-card, 8px);
    overflow: hidden;
    box-shadow: var(--theme-shadow-md, 0 4px 20px rgba(0, 0, 0, 0.02));
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
}

.preview-pane-header[b-echpnabgb3] {
    background: var(--theme-color-section, var(--theme-color-surface, #ffffff));
    border-bottom: 1px solid var(--theme-color-border, #d7dee3);
    padding: 0.75rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preview-pane-header span[b-echpnabgb3] {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--theme-color-sectionHeading, var(--theme-color-sectionText, var(--theme-color-text, #334155)));
}

.preview-hint[b-echpnabgb3] {
    font-size: 0.75rem;
    color: var(--theme-color-primary, #0f766e);
    font-weight: 600;
}

.preview-surface[b-echpnabgb3] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-height: 520px;
    overflow-y: auto;
    font-family: var(--theme-font-family, sans-serif);
    font-size: calc(0.9rem * var(--theme-font-scale, 1));
}

/* Live styled preview components matching CSS Custom Properties */
.mock-toolbar[b-echpnabgb3] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 6px);
    box-shadow: var(--theme-shadow-sm);
}

.mock-input[b-echpnabgb3] {
    flex: 1;
    background: var(--theme-color-surface2, #f8fafb);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 6px);
    padding: 0.25rem 0.75rem;
    color: var(--theme-color-inputText, var(--theme-color-text, #121316));
    font-size: 0.8rem;
    min-height: var(--theme-control-height, 34px);
    box-sizing: border-box;
}

.mock-btn-primary[b-echpnabgb3] {
    background: var(--theme-color-primary, #0f766e);
    color: var(--theme-color-textInverse, #ffffff);
    border: none;
    border-radius: var(--theme-radius-control, 6px);
    font-weight: 700;
    font-size: 0.8rem;
    padding: 0 1rem;
    cursor: pointer;
    min-height: var(--theme-control-height, 34px);
    transition: opacity 0.15s ease;
}

.mock-btn-primary:hover[b-echpnabgb3] {
    background: var(--theme-color-primaryHover, #115e59);
}

.mock-btn-secondary[b-echpnabgb3] {
    background: var(--theme-color-surfaceOffset, #eef2f4);
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #5f6875));
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 6px);
    font-weight: 600;
    font-size: 0.8rem;
    padding: 0 1rem;
    min-height: var(--theme-control-height, 34px);
    opacity: 0.5;
}

.mock-btn-danger[b-echpnabgb3] {
    background: var(--theme-color-danger, #b91c1c);
    color: var(--theme-color-textInverse, #ffffff);
    border: none;
    border-radius: var(--theme-radius-control, 6px);
    font-weight: 700;
    font-size: 0.8rem;
    padding: 0 1rem;
    min-height: var(--theme-control-height, 34px);
}

.mock-stats-grid[b-echpnabgb3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.mock-stat-tile[b-echpnabgb3] {
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-card, 8px);
    padding: 0.75rem 1rem;
    box-shadow: var(--theme-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.mock-stat-label[b-echpnabgb3] {
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #5f6875));
    font-size: 0.75rem;
    font-weight: 600;
}

.mock-stat-value[b-echpnabgb3] {
    color: var(--theme-color-cardHeading, var(--theme-color-cardText, var(--theme-color-text, #121316)));
    font-size: 1.25rem;
    font-weight: 800;
}

.mock-tab-row[b-echpnabgb3] {
    display: flex;
    border-bottom: 1px solid var(--theme-color-divider, #c1ccd4);
    gap: 0.75rem;
}

.mock-tab[b-echpnabgb3] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.4rem 0.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--theme-color-tabText, var(--theme-color-textMuted, #5f6875));
    cursor: pointer;
}

.mock-tab.active[b-echpnabgb3] {
    color: var(--theme-color-tabActiveText, var(--theme-color-primary, #0f766e));
    border-bottom-color: var(--theme-color-primary, #0f766e);
}

.mock-card[b-echpnabgb3] {
    background: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-card, 8px);
    padding: 1rem;
    box-shadow: var(--theme-shadow-md);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mock-card-header[b-echpnabgb3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mock-card-header strong[b-echpnabgb3] {
    color: var(--theme-color-cardHeading, var(--theme-color-cardText, var(--theme-color-text, #121316)));
    font-size: 0.95rem;
}

.mock-badge-offer[b-echpnabgb3] {
    background: var(--theme-status-offer-bg, #dcfce7);
    color: var(--theme-status-offer-text, #166534);
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
}

.mock-card-subtitle[b-echpnabgb3] {
    color: var(--theme-color-cardTextMuted, var(--theme-color-textFaint, #8a94a3));
    font-size: 0.75rem;
    margin: 0;
}

.mock-card-body-text[b-echpnabgb3] {
    color: var(--theme-color-cardText, var(--theme-color-textMuted, #5f6875));
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.5;
}

.mock-alerts-list[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mock-alert[b-echpnabgb3] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
}

.mock-alert.warn[b-echpnabgb3] {
    background: var(--theme-status-evaluated-bg, #fff1cc);
    color: var(--theme-status-evaluated-text, #805100);
}

.mock-alert.success[b-echpnabgb3] {
    background: var(--theme-status-offer-bg, #dcfce7);
    color: var(--theme-status-offer-text, #166534);
}

.mock-alert.error[b-echpnabgb3] {
    background: var(--theme-status-rejected-bg, #ffe4e8);
    color: var(--theme-status-rejected-text, #a11d36);
}

.mock-log-list[b-echpnabgb3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: var(--theme-color-surface2, #f8fafb);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 6px);
    padding: 0.5rem;
}

.mock-log-row[b-echpnabgb3] {
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #5f6875));
    font-size: 0.75rem;
    font-family: monospace;
}

.mock-table[b-echpnabgb3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.mock-table th[b-echpnabgb3] {
    border-bottom: 2px solid var(--theme-color-divider, #c1ccd4);
    padding: 0.5rem;
    text-align: left;
    color: var(--theme-color-cardHeading, var(--theme-color-text, #121316));
    font-weight: 700;
}

.mock-table td[b-echpnabgb3] {
    border-bottom: 1px solid var(--theme-color-divider, #c1ccd4);
    padding: 0.5rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #5f6875));
    min-height: var(--theme-table-rowHeight, 34px);
}
/* _content/LetterlAIne.Web/Components/Pages/Verifications.razor.rz.scp.css */
.verifications-shell[b-iogieat6fj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    color: var(--theme-color-text, #182230);
}

.verifications-header[b-iogieat6fj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.verifications-header h1[b-iogieat6fj],
.panel-heading h2[b-iogieat6fj] {
    margin: 0;
    color: var(--theme-color-text, #182230);
    font-weight: 800;
}

.verifications-header h1[b-iogieat6fj] {
    font-size: 1.75rem;
}

.verifications-header p[b-iogieat6fj],
.panel-heading p[b-iogieat6fj] {
    margin: 0.25rem 0 0;
    color: var(--theme-color-textMuted, #667085);
}

.verification-tabs[b-iogieat6fj] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 1px solid var(--theme-color-divider, #d0d5dd);
}

.verification-tabs button[b-iogieat6fj] {
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--theme-color-textMuted, #475467);
    cursor: pointer;
    font-weight: 700;
    padding: 0.7rem 0.9rem;
}

.verification-tabs button.active[b-iogieat6fj] {
    border-color: var(--theme-color-primary, #2563eb);
    color: var(--theme-color-primary, #1849a9);
}

.verification-tabs span[b-iogieat6fj] {
    background: var(--theme-color-tag, #eef4ff);
    border-radius: 999px;
    color: var(--theme-color-tagText, #1849a9);
    font-size: 0.75rem;
    margin-left: 0.4rem;
    padding: 0.1rem 0.45rem;
}

.verification-workspace[b-iogieat6fj] {
    display: grid;
    grid-template-columns: minmax(240px, 320px) 1fr;
    gap: 1rem;
    min-height: 620px;
}

.verification-list[b-iogieat6fj] {
    border-right: 1px solid var(--theme-color-divider, #d0d5dd);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-right: 1rem;
}

.verification-list-item[b-iogieat6fj] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #d0d5dd);
    border-radius: var(--theme-radius-card, 8px);
    color: var(--theme-color-text, #182230);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.85rem;
    text-align: left;
}

.verification-list-item.selected[b-iogieat6fj] {
    border-color: var(--theme-color-primary, #2563eb);
    box-shadow: inset 3px 0 0 var(--theme-color-primary, #2563eb);
}

.verification-list-item .company[b-iogieat6fj] {
    color: var(--theme-color-textMuted, #475467);
    font-size: 0.8rem;
    font-weight: 700;
}

.verification-list-item small[b-iogieat6fj] {
    color: var(--theme-color-textFaint, #667085);
}

.status[b-iogieat6fj] {
    align-self: flex-start;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.18rem 0.55rem;
    text-transform: uppercase;
}

.status.pendingreview[b-iogieat6fj] {
    background: var(--theme-status-evaluated-bg, #fff7ed);
    color: var(--theme-status-evaluated-text, #9a3412);
}

.status.changesrequested[b-iogieat6fj] {
    background: var(--theme-status-rejected-bg, #fef2f2);
    color: var(--theme-status-rejected-text, #991b1b);
}

.status.approved[b-iogieat6fj] {
    background: var(--theme-status-offer-bg, #ecfdf3);
    color: var(--theme-status-offer-text, #067647);
}

.verification-detail[b-iogieat6fj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
    gap: 1rem;
}

.job-panel[b-iogieat6fj],
.review-panel[b-iogieat6fj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.panel-heading[b-iogieat6fj],
.job-description[b-iogieat6fj],
.draft-preview[b-iogieat6fj],
.decision-box[b-iogieat6fj],
.comment-composer[b-iogieat6fj],
.timeline[b-iogieat6fj] {
    border: 1px solid var(--theme-color-border, #d0d5dd);
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-surface, #ffffff);
    padding: 1rem;
}

.panel-heading span[b-iogieat6fj] {
    color: var(--theme-color-primary, #2563eb);
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.action-heading[b-iogieat6fj] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.job-description h3[b-iogieat6fj],
.draft-preview h3[b-iogieat6fj],
.timeline h3[b-iogieat6fj] {
    color: var(--theme-color-textMuted, #344054);
    font-size: 0.9rem;
    margin: 0 0 0.6rem;
    text-transform: uppercase;
}

.job-description p[b-iogieat6fj],
.draft-preview p[b-iogieat6fj],
.timeline-item p[b-iogieat6fj] {
    color: var(--theme-color-text, #182230);
    line-height: 1.55;
    margin: 0;
    white-space: pre-wrap;
}

.decision-box[b-iogieat6fj],
.comment-composer[b-iogieat6fj] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.decision-box label[b-iogieat6fj],
.comment-composer label[b-iogieat6fj] {
    color: var(--theme-color-textMuted, #344054);
    font-size: 0.82rem;
    font-weight: 800;
}

textarea[b-iogieat6fj] {
    border: 1px solid var(--theme-color-border, #d0d5dd);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-text, #182230);
    background: var(--theme-color-surface, #ffffff);
    font: inherit;
    min-width: 0;
    padding: 0.75rem;
    resize: vertical;
}

.decision-actions[b-iogieat6fj] {
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
}

.reviewer-meta-row[b-iogieat6fj] {
    align-items: center;
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    color: var(--theme-color-textMuted, #475569);
    display: flex;
    font-size: 0.85rem;
    justify-content: space-between;
    margin: 0.5rem 0 1rem;
    padding: 0.5rem 0.75rem;
}

.reviewer-status-pill[b-iogieat6fj] {
    background: var(--theme-color-tag, #eff6ff);
    border-radius: 999px;
    color: var(--theme-color-tagText, #1e40af);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.15rem 0.4rem;
}

.feedback-message[b-iogieat6fj] {
    background: var(--theme-color-primaryHighlight, #eef4ff);
    border: 1px solid var(--theme-color-border, #b2ccff);
    border-radius: var(--theme-radius-card, 8px);
    color: var(--theme-color-primary, #1849a9);
    margin: 0;
    padding: 0.75rem 1rem;
}

.timeline[b-iogieat6fj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.timeline-item[b-iogieat6fj] {
    border-left: 3px solid var(--theme-color-border, #98a2b3);
    padding-left: 0.8rem;
}

.timeline-item.decision[b-iogieat6fj] {
    border-color: var(--theme-color-scoreHigh, #12b76a);
}

.timeline-item.aireview[b-iogieat6fj] {
    border-color: var(--theme-color-primary, #2563eb);
}

.timeline-item div[b-iogieat6fj] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.timeline-item span[b-iogieat6fj],
.timeline-item time[b-iogieat6fj],
.timeline-empty[b-iogieat6fj] {
    color: var(--theme-color-textMuted, #667085);
    font-size: 0.8rem;
}

.timeline-anchor[b-iogieat6fj] {
    background: var(--theme-color-tag, #eff6ff);
    border: 1px solid var(--theme-color-border, #bfdbfe);
    border-radius: 999px;
    color: var(--theme-color-tagText, #1d4ed8);
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0.35rem;
    padding: 0.1rem 0.45rem;
}

.verification-empty[b-iogieat6fj] {
    align-items: center;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 320px;
    padding: 2rem;
    text-align: center;
}

.verification-empty h2[b-iogieat6fj] {
    margin: 0;
}

@media (max-width: 960px) {
    .verification-workspace[b-iogieat6fj],
    .verification-detail[b-iogieat6fj] {
        grid-template-columns: 1fr;
    }

    .verification-list[b-iogieat6fj] {
        border-right: 0;
        border-bottom: 1px solid #d0d5dd;
        padding: 0 0 1rem;
    }

    .action-heading[b-iogieat6fj],
    .verifications-header[b-iogieat6fj],
    .decision-actions[b-iogieat6fj] {
        align-items: stretch;
        flex-direction: column;
    }
}