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

/* /Components/Documents/DocumentInboxSidebar.razor.rz.scp.css */
.sidebar-panel[b-zosj5fay6d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: none;
    min-width: 0;
}

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

.sidebar-header h2[b-zosj5fay6d] {
    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-zosj5fay6d] {
    font-size: 0.8rem;
    color: var(--theme-color-textMuted, #64748b);
    line-height: 1.4;
}

.library-scrollable[b-zosj5fay6d] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow-y: auto;
    max-height: var(--documents-list-max-height, min(68vh, 44rem));
    padding-right: 0.25rem;
}

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

.reference-inbox[b-zosj5fay6d] {
    display: grid;
    gap: 0.75rem;
}

.inbox-toolbar[b-zosj5fay6d] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 1fr));
}

.inbox-toolbar label[b-zosj5fay6d],
.inbox-search[b-zosj5fay6d] {
    display: grid;
    gap: 0.25rem;
}

.inbox-toolbar label > span[b-zosj5fay6d] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.inbox-view-toggle[b-zosj5fay6d] {
    display: flex;
    gap: 0.4rem;
}

.inbox-view-button[b-zosj5fay6d],
.inbox-bulk-bar button[b-zosj5fay6d],
.primary-upload-link[b-zosj5fay6d],
.empty-state-action[b-zosj5fay6d] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font: inherit;
    font-size: 0.74rem;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: var(--documents-touch-target, 44px);
    padding: 0.35rem 0.58rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.inbox-view-button.active[b-zosj5fay6d],
.primary-upload-link[b-zosj5fay6d] {
    background: var(--theme-color-primary, #2563eb);
    border-color: var(--theme-color-primary, #2563eb);
    color: #ffffff;
}

.inbox-bulk-bar[b-zosj5fay6d] {
    align-items: center;
    background: var(--theme-color-primaryHighlight, rgba(37, 99, 235, 0.08));
    border: 1px solid color-mix(in srgb, var(--theme-color-primary, #2563eb) 28%, var(--theme-color-border, #cbd5e1));
    border-radius: var(--theme-radius-card, 8px);
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.7rem;
}

.inbox-bulk-bar strong[b-zosj5fay6d] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.78rem;
    margin-right: auto;
}

.reference-inbox-results[b-zosj5fay6d] {
    display: grid;
    gap: 0.75rem;
}

.reference-inbox-results.cards[b-zosj5fay6d] {
    grid-template-columns: 1fr;
}

.reference-inbox-results.list .reference-inbox-card[b-zosj5fay6d] {
    gap: 0.4rem;
}

.inbox-card-topline[b-zosj5fay6d] {
    align-items: flex-start;
    display: flex;
    gap: 0.55rem;
    justify-content: space-between;
    width: 100%;
}

.inbox-card-topline input[type="checkbox"][b-zosj5fay6d] {
    accent-color: var(--theme-color-primary, #2563eb);
    flex: 0 0 auto;
    min-height: 1.25rem;
    min-width: 1.25rem;
    margin-top: 0.18rem;
}

.reference-inbox-card.failed[b-zosj5fay6d] {
    border-color: color-mix(in srgb, var(--theme-color-danger, #ef4444) 42%, var(--theme-color-border, #cbd5e1));
}

.reference-inbox-card.needs-review[b-zosj5fay6d] {
    border-color: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 42%, var(--theme-color-border, #cbd5e1));
}

.reference-inbox-card.sensitive[b-zosj5fay6d] {
    border-color: color-mix(in srgb, var(--theme-color-primary, #2563eb) 38%, var(--theme-color-border, #cbd5e1));
}

.processing-badge[b-zosj5fay6d],
.quality-badge[b-zosj5fay6d],
.category-badge[b-zosj5fay6d],
.version-badge[b-zosj5fay6d],
.retention-badge[b-zosj5fay6d],
.inactive-badge[b-zosj5fay6d] {
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.2rem 0.5rem;
}

.processing-badge.completed[b-zosj5fay6d],
.quality-badge.verified[b-zosj5fay6d] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent);
    color: var(--theme-color-success, #047857);
}

.processing-badge.pending[b-zosj5fay6d],
.quality-badge.needsreview[b-zosj5fay6d],
.quality-badge.unknown[b-zosj5fay6d] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-status-applied-text, #92400e);
}

.processing-badge.failed[b-zosj5fay6d],
.quality-badge.rejected[b-zosj5fay6d] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #b91c1c);
}

.inbox-evidence-tags[b-zosj5fay6d],
.inbox-warning-list[b-zosj5fay6d],
.inbox-usage-grid[b-zosj5fay6d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.inbox-evidence-tags span[b-zosj5fay6d] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    border-radius: 999px;
    color: var(--theme-status-offer-text, #065f46);
    font-size: 0.7rem;
    padding: 0.2rem 0.48rem;
}

.inbox-warning-list span[b-zosj5fay6d] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    color: #9a3412;
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.18rem 0.45rem;
}

.inbox-usage-grid[b-zosj5fay6d] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.7rem;
}

.document-inbox-empty[b-zosj5fay6d] {
    align-items: flex-start;
    display: grid;
    gap: 0.65rem;
    text-align: left;
}

.document-inbox-empty h4[b-zosj5fay6d] {
    color: var(--theme-color-text, #0f172a);
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 1rem;
    margin: 0;
}

.document-inbox-empty p[b-zosj5fay6d] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
}

.contextual-empty-callout[b-zosj5fay6d] {
    background: var(--theme-color-primaryHighlight, rgba(37, 99, 235, 0.08));
    border: 1px solid color-mix(in srgb, var(--theme-color-primary, #2563eb) 26%, var(--theme-color-border, #dbe3ea));
    border-radius: var(--theme-radius-card, 8px);
    display: grid;
    gap: 0.4rem;
    padding: 0.75rem;
}

.contextual-empty-callout strong[b-zosj5fay6d] {
    color: var(--theme-color-text, #0f172a);
}

.contextual-empty-callout span[b-zosj5fay6d] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    line-height: 1.45;
}

.contextual-empty-callout button[b-zosj5fay6d] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-primary, #1d4ed8);
    cursor: pointer;
    font: inherit;
    font-size: 0.76rem;
    font-weight: var(--theme-font-weight-bold, 760);
    justify-self: start;
    min-height: var(--documents-touch-target, 44px);
    padding: 0.4rem 0.65rem;
}

.library-item-card[b-zosj5fay6d] {
    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-zosj5fay6d] {
    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, 0 1px 3px rgba(0,0,0,0.08));
}

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

.item-meta[b-zosj5fay6d] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

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

.quality-score-widget[b-zosj5fay6d] {
    align-items: center;
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    flex: 0 0 auto;
    gap: 0.05rem;
    min-width: 4.6rem;
    padding: 0.35rem 0.5rem;
    text-align: center;
}

.quality-score-widget strong[b-zosj5fay6d] {
    font-size: 0.82rem;
    line-height: 1.1;
}

.quality-score-widget span[b-zosj5fay6d] {
    font-size: 0.62rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.quality-score-widget.good[b-zosj5fay6d] {
    background: #ecfdf5;
    border-color: #86efac;
    color: #047857;
}

.quality-score-widget.limited[b-zosj5fay6d] {
    background: #fffbeb;
    border-color: #fcd34d;
    color: #92400e;
}

.quality-score-widget.problem[b-zosj5fay6d] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

.quality-hint-list[b-zosj5fay6d] {
    display: grid;
    gap: 0.35rem;
}

.quality-hint-list span[b-zosj5fay6d] {
    background: var(--theme-color-surface2, #f8fafc);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.74rem;
    line-height: 1.45;
    padding: 0.4rem 0.6rem;
}

.item-name[b-zosj5fay6d] {
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: var(--theme-font-weight-bold, 760);
    margin: 0;
    color: var(--theme-color-text, #0f172a);
}

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

.item-evidence-row[b-zosj5fay6d] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    color: var(--theme-color-textFaint, #94a3b8);
}

.item-date[b-zosj5fay6d] {
    font-size: 0.7rem;
    color: var(--theme-color-textFaint, #94a3b8);
    align-self: flex-end;
}
/* /Components/Documents/DocumentKnowledgeSearchPanel.razor.rz.scp.css */
/* Isolated styles for DocumentKnowledgeSearchPanel */

.knowledge-search-panel[b-tx64xi5qwd] {
    display: grid;
    gap: 1rem;
    margin: 1rem 0;
    padding: 1rem;
}

.knowledge-search-header[b-tx64xi5qwd] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.knowledge-search-header h2[b-tx64xi5qwd],
.knowledge-search-header p[b-tx64xi5qwd] {
    margin: 0.15rem 0 0;
}

.knowledge-search-header p[b-tx64xi5qwd],
.knowledge-empty[b-tx64xi5qwd] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
}

.knowledge-search-controls[b-tx64xi5qwd] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.8fr) minmax(0, 0.8fr);
}

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

.glass-input-group span[b-tx64xi5qwd] {
    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-tx64xi5qwd] {
    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.selection[b-tx64xi5qwd] {
    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;
}

.knowledge-result-groups[b-tx64xi5qwd] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.knowledge-result-group[b-tx64xi5qwd] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
}

.knowledge-result-group-header[b-tx64xi5qwd] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.knowledge-result-group-header strong[b-tx64xi5qwd] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.88rem;
}

.knowledge-result-group-header span[b-tx64xi5qwd] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.72rem;
}

.knowledge-result-list[b-tx64xi5qwd] {
    display: grid;
    gap: 0.6rem;
}

.knowledge-result-card[b-tx64xi5qwd] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem;
}

.knowledge-result-meta[b-tx64xi5qwd],
.knowledge-result-actions[b-tx64xi5qwd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.knowledge-result-meta span[b-tx64xi5qwd] {
    background: var(--theme-color-tag, #f1f5f9);
    border-radius: 999px;
    color: var(--theme-color-tagText, #475569);
    font-size: 0.68rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.18rem 0.45rem;
}

.knowledge-result-card h4[b-tx64xi5qwd] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.9rem;
    margin: 0;
}

.knowledge-result-card small[b-tx64xi5qwd],
.knowledge-result-card p[b-tx64xi5qwd] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.76rem;
    line-height: 1.4;
    margin: 0;
}

.knowledge-result-actions button[b-tx64xi5qwd] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 1.85rem;
    padding: 0.3rem 0.52rem;
}

.knowledge-result-actions button:disabled[b-tx64xi5qwd] {
    cursor: not-allowed;
    opacity: 0.55;
}

@media (max-width: 720px) {
    .knowledge-search-controls[b-tx64xi5qwd],
    .knowledge-result-groups[b-tx64xi5qwd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Documents/DocumentQualityPanel.razor.rz.scp.css */
/* Isolated styles for DocumentQualityPanel */

.active-quality-panel[b-dxln7gp2xa] {
    display: grid;
    gap: 0.8rem;
}

.active-quality-header[b-dxln7gp2xa] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
}

.active-quality-header h4[b-dxln7gp2xa] {
    color: var(--theme-color-text, #0f172a);
    font-family: var(--theme-font-headingFamily), 'Outfit', sans-serif;
    font-size: 1rem;
    margin: 0.1rem 0;
}

.active-quality-header p[b-dxln7gp2xa] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
}

.quality-score-widget[b-dxln7gp2xa] {
    align-items: center;
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    flex: 0 0 auto;
    gap: 0.05rem;
    min-width: 4.6rem;
    padding: 0.35rem 0.5rem;
    text-align: center;
}

.quality-score-widget strong[b-dxln7gp2xa] {
    font-size: 0.82rem;
    line-height: 1.1;
}

.quality-score-widget span[b-dxln7gp2xa] {
    font-size: 0.62rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.quality-score-widget.large[b-dxln7gp2xa] {
    min-width: 6rem;
    padding: 0.6rem 0.7rem;
}

.quality-score-widget.large strong[b-dxln7gp2xa] {
    font-size: 1.35rem;
}

.quality-score-widget.good[b-dxln7gp2xa] {
    background: #ecfdf5;
    border-color: #86efac;
    color: #047857;
}

.quality-score-widget.limited[b-dxln7gp2xa] {
    background: #fffbeb;
    border-color: #fcd34d;
    color: #92400e;
}

.quality-score-widget.problem[b-dxln7gp2xa] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

.quality-hint-list[b-dxln7gp2xa] {
    display: grid;
    gap: 0.35rem;
}

.quality-hint-list span[b-dxln7gp2xa] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.72rem;
    line-height: 1.35;
    padding: 0.35rem 0.5rem;
}

.quality-hint-list.active span[b-dxln7gp2xa] {
    font-size: 0.82rem;
}

.quality-retry-note[b-dxln7gp2xa] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: var(--theme-radius-control, 8px);
    color: #9a3412;
    padding: 0.55rem 0.7rem;
    font-size: 0.82rem;
}

.quality-actions[b-dxln7gp2xa] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
/* /Components/Documents/DocumentReadinessDashboard.razor.rz.scp.css */
/* Isolated styles for DocumentReadinessDashboard */

.documents-section[b-e31mvbr6sm] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.workspace-overview-header[b-e31mvbr6sm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.workspace-overview-header h2[b-e31mvbr6sm] {
    font-size: 1.35rem;
    font-weight: var(--theme-font-weight-bold, 700);
    margin: 0;
}

.readiness-score[b-e31mvbr6sm] {
    font-size: 1rem;
    color: var(--theme-color-textMuted, #64748b);
}

.readiness-score strong[b-e31mvbr6sm] {
    color: var(--theme-color-primary, #2563eb);
    font-size: 1.25rem;
}

.readiness-checklist[b-e31mvbr6sm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.readiness-item[b-e31mvbr6sm] {
    display: grid;
    grid-template-columns: 1.25rem 1fr auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: var(--theme-radius-control, 8px);
    border-left: 3px solid var(--theme-color-border, #e2e8f0);
    background: var(--theme-color-surface2, #f8fafc);
    transition: background var(--theme-transition-speed, 180ms), border-color var(--theme-transition-speed, 180ms);
}

.readiness-item.complete[b-e31mvbr6sm] {
    border-left-color: var(--theme-color-success, #22c55e);
    background: color-mix(in srgb, var(--theme-color-success, #22c55e) 8%, var(--theme-color-surface, #ffffff));
}

.readiness-item.warning[b-e31mvbr6sm] {
    border-left-color: var(--theme-color-warning, #f59e0b);
}

.readiness-item.clickable[b-e31mvbr6sm] {
    cursor: pointer;
}

.readiness-item.clickable:hover[b-e31mvbr6sm] {
    background: var(--theme-color-hover, rgba(0,0,0,0.04));
}

.readiness-item-icon[b-e31mvbr6sm] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--theme-color-textMuted, #64748b);
    text-align: center;
}

.readiness-item.complete .readiness-item-icon[b-e31mvbr6sm] {
    color: var(--theme-color-success, #22c55e);
}

.readiness-item.warning .readiness-item-icon[b-e31mvbr6sm] {
    color: var(--theme-color-warning, #f59e0b);
}

.readiness-item-label[b-e31mvbr6sm] {
    font-size: 0.875rem;
    font-weight: var(--theme-font-weight-medium, 500);
    color: var(--theme-color-text, #1e293b);
}

.readiness-item-detail[b-e31mvbr6sm] {
    font-size: 0.78rem;
    color: var(--theme-color-textMuted, #64748b);
    text-align: right;
}

.readiness-item.complete .readiness-item-label[b-e31mvbr6sm] {
    text-decoration: line-through;
    color: var(--theme-color-textMuted, #64748b);
}

.readiness-next-action[b-e31mvbr6sm] {
    font-size: 0.85rem;
    color: var(--theme-color-textMuted, #64748b);
    margin: 0;
}

.primary-upload-cta[b-e31mvbr6sm] {
    background: var(--theme-color-primary, #2563eb);
    border-radius: var(--theme-radius-control, 8px);
    box-shadow: var(--theme-shadow-sm, 0 6px 18px rgba(37, 99, 235, 0.18));
    color: #ffffff !important;
    display: inline-flex;
    font-size: 0.88rem !important;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.9rem;
    border: none;
    cursor: pointer;
}

.document-llm-status[b-e31mvbr6sm] {
    display: grid;
    gap: 0.9rem;
    margin: 1rem 0;
    padding: 1rem;
}

.document-llm-status.healthy[b-e31mvbr6sm] {
    border-color: #86efac;
}

.document-llm-status.warning[b-e31mvbr6sm] {
    border-color: #fcd34d;
}

.document-llm-status.critical[b-e31mvbr6sm] {
    border-color: #fca5a5;
}

.document-llm-status-header[b-e31mvbr6sm] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.document-llm-status-header h2[b-e31mvbr6sm],
.document-llm-status-header p[b-e31mvbr6sm] {
    margin: 0.15rem 0 0;
}

.document-llm-status-header p[b-e31mvbr6sm] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
}

.document-llm-feature-row[b-e31mvbr6sm] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.document-llm-feature[b-e31mvbr6sm] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem;
}

.document-llm-feature.healthy[b-e31mvbr6sm] {
    background: #ecfdf5;
    border-color: #86efac;
}

.document-llm-feature.warning[b-e31mvbr6sm] {
    background: #fffbeb;
    border-color: #fcd34d;
}

.document-llm-feature.critical[b-e31mvbr6sm] {
    background: #fef2f2;
    border-color: #fca5a5;
}

.document-llm-feature p[b-e31mvbr6sm],
.document-llm-feature small[b-e31mvbr6sm] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    margin: 0;
}

.document-quality-dashboard[b-e31mvbr6sm] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    margin: 1rem 0;
    padding: 1rem;
}

.document-quality-dashboard h2[b-e31mvbr6sm],
.document-quality-dashboard p[b-e31mvbr6sm] {
    margin: 0.15rem 0 0;
}

.document-quality-dashboard p[b-e31mvbr6sm] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
}

.quality-dashboard-grid[b-e31mvbr6sm] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quality-dashboard-grid article[b-e31mvbr6sm] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.15rem;
    min-height: 4rem;
    padding: 0.65rem;
}

.quality-dashboard-grid strong[b-e31mvbr6sm] {
    color: var(--theme-color-text, #0f172a);
    font-size: 1.15rem;
}

.quality-dashboard-grid span[b-e31mvbr6sm] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.72rem;
}

/* Telemetry Dashboard styling */
.product-telemetry-dashboard[b-e31mvbr6sm] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.product-telemetry-header[b-e31mvbr6sm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.product-telemetry-header h2[b-e31mvbr6sm],
.product-telemetry-header p[b-e31mvbr6sm] {
    margin: 0.15rem 0 0;
}

.product-telemetry-header p[b-e31mvbr6sm] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
}

.product-telemetry-actions[b-e31mvbr6sm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.telemetry-state-pill[b-e31mvbr6sm] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
}

.telemetry-state-pill.enabled[b-e31mvbr6sm] {
    background: #ecfdf5;
    color: #047857;
}

.telemetry-state-pill.disabled[b-e31mvbr6sm] {
    background: #f1f5f9;
    color: #475569;
}

.telemetry-funnel-grid[b-e31mvbr6sm] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.telemetry-funnel-card[b-e31mvbr6sm] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.75rem;
    min-height: 6rem;
}

.telemetry-funnel-card strong[b-e31mvbr6sm] {
    font-size: 0.88rem;
    color: var(--theme-color-text, #0f172a);
    display: block;
}

.telemetry-funnel-card span[b-e31mvbr6sm] {
    font-size: 0.76rem;
    color: var(--theme-color-textMuted, #64748b);
}

.telemetry-funnel-stats[b-e31mvbr6sm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.telemetry-funnel-stats span[b-e31mvbr6sm] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: 4px;
    font-size: 0.7rem;
    padding: 0.15rem 0.35rem;
}

.telemetry-insight-grid[b-e31mvbr6sm] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
}

.telemetry-insight-grid h3[b-e31mvbr6sm] {
    font-size: 0.88rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    color: var(--theme-color-text, #0f172a);
}

.telemetry-count-list[b-e31mvbr6sm] {
    display: grid;
    gap: 0.4rem;
}

.telemetry-count-list span[b-e31mvbr6sm] {
    background: var(--theme-color-surface2, #f8fafc);
    border-radius: 4px;
    font-size: 0.76rem;
    padding: 0.3rem 0.5rem;
    display: flex;
    gap: 0.5rem;
}

.telemetry-event-log[b-e31mvbr6sm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.telemetry-event-log-header[b-e31mvbr6sm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.telemetry-event-log-header h3[b-e31mvbr6sm] {
    font-size: 0.88rem;
    font-weight: 700;
    margin: 0;
}

.telemetry-event-log-header span[b-e31mvbr6sm] {
    font-size: 0.76rem;
    color: var(--theme-color-textMuted, #64748b);
}

.telemetry-event-list[b-e31mvbr6sm] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.telemetry-event-row[b-e31mvbr6sm] {
    background: var(--theme-color-surface2, #f8fafc);
    border-radius: 4px;
    padding: 0.4rem 0.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.76rem;
}

.telemetry-event-kind[b-e31mvbr6sm] {
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

.telemetry-event-kind.success[b-e31mvbr6sm] {
    background: #ecfdf5;
    color: #047857;
}

.telemetry-event-kind.error[b-e31mvbr6sm] {
    background: #fef2f2;
    color: #b91c1c;
}

.telemetry-event-kind.info[b-e31mvbr6sm] {
    background: #eff6ff;
    color: #1d4ed8;
}
/* /Components/Documents/DocumentReferenceForm.razor.rz.scp.css */
/* Isolated styles for DocumentReferenceForm */

.editor-form[b-219oxllzl8] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

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

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

.glass-input-group span[b-219oxllzl8] {
    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-219oxllzl8] {
    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-219oxllzl8]::placeholder {
    color: var(--theme-color-inputPlaceholder, var(--theme-color-textFaint, #94a3b8));
}

.glass-input:focus[b-219oxllzl8] {
    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-219oxllzl8] {
    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-219oxllzl8] {
    resize: vertical;
}

.document-settings-panel[b-219oxllzl8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.document-settings-grid[b-219oxllzl8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    align-items: end;
}

.usage-switch-grid[b-219oxllzl8] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.toggle-row[b-219oxllzl8] {
    align-items: center;
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.52));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.85));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    display: flex;
    gap: 0.45rem;
    min-height: 2.75rem;
    padding: 0.55rem 0.65rem;
}

.toggle-row input[b-219oxllzl8] {
    accent-color: var(--theme-color-primary, #2563eb);
    flex: 0 0 auto;
}

.toggle-row span[b-219oxllzl8] {
    color: var(--theme-color-text, #334155);
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 700);
    line-height: 1.2;
}

.toggle-row.compact[b-219oxllzl8] {
    min-height: 2.25rem;
    padding: 0.4rem 0.55rem;
}

.privacy-policy-note[b-219oxllzl8] {
    font-size: 0.76rem;
    color: var(--theme-color-textMuted, #64748b);
}

.privacy-policy-note.strict[b-219oxllzl8] {
    color: var(--theme-color-danger, #ef4444);
}

.review-workbench[b-219oxllzl8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-heading[b-219oxllzl8] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.review-heading h4[b-219oxllzl8] {
    color: var(--theme-color-text, #0f172a);
    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;
}

.review-heading-actions[b-219oxllzl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.review-grid[b-219oxllzl8] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1rem;
    align-items: start;
}

.review-original[b-219oxllzl8],
.review-structured[b-219oxllzl8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.review-section-title[b-219oxllzl8] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.review-section-title strong[b-219oxllzl8] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.85rem;
}

.review-section-title span[b-219oxllzl8] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.74rem;
}

.review-evidence-list[b-219oxllzl8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 34rem;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.review-evidence-card[b-219oxllzl8] {
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.58));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.9));
    border-radius: var(--theme-radius-control, 8px);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.85rem;
}

.review-evidence-card.inactive[b-219oxllzl8] {
    opacity: 0.62;
}

.review-evidence-card.sensitive[b-219oxllzl8] {
    border-color: color-mix(in srgb, var(--theme-color-danger, #ef4444) 34%, var(--theme-color-border, #cbd5e1));
}

.review-card-topline[b-219oxllzl8],
.review-actions[b-219oxllzl8] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: space-between;
}

.review-card-topline .glass-input[b-219oxllzl8] {
    max-width: 12rem;
}

.review-card-fields[b-219oxllzl8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.confidence-badge[b-219oxllzl8] {
    border-radius: var(--theme-radius-control, 8px);
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.28rem 0.5rem;
}

.confidence-badge.high[b-219oxllzl8] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent);
    color: var(--theme-color-success, #047857);
}

.confidence-badge.medium[b-219oxllzl8] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-status-applied-text, #92400e);
}

.confidence-badge.low[b-219oxllzl8] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #b91c1c);
}

.evidence-status-badge[b-219oxllzl8] {
    border-radius: var(--theme-radius-control, 8px);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.28rem 0.5rem;
}

.evidence-status-badge.pending[b-219oxllzl8] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-status-applied-text, #92400e);
}

.evidence-status-badge.verified[b-219oxllzl8] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent);
    color: var(--theme-color-success, #047857);
}

.evidence-status-badge.rejected[b-219oxllzl8] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #b91c1c);
}

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

.retention-control-panel[b-219oxllzl8] {
    display: grid;
    gap: 0.85rem;
}

.retention-control-header[b-219oxllzl8] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.retention-control-header h4[b-219oxllzl8],
.retention-control-header p[b-219oxllzl8] {
    margin: 0.15rem 0 0;
}

.retention-control-header p[b-219oxllzl8] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
    line-height: 1.45;
}

.retention-summary-grid[b-219oxllzl8],
.retention-action-grid[b-219oxllzl8],
.retention-warning-list[b-219oxllzl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.retention-summary-grid span[b-219oxllzl8],
.retention-warning-list span[b-219oxllzl8],
.export-download-link[b-219oxllzl8] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.74rem;
    padding: 0.38rem 0.55rem;
}

.retention-summary-grid strong[b-219oxllzl8] {
    color: var(--theme-color-text, #0f172a);
}

.retention-warning-list span[b-219oxllzl8] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

.dependency-preview-list[b-219oxllzl8] {
    display: grid;
    gap: 0.55rem;
}

.dependency-preview-list article[b-219oxllzl8] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.22rem;
    padding: 0.65rem;
}

.dependency-preview-list strong[b-219oxllzl8] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.82rem;
}

.dependency-preview-list span[b-219oxllzl8],
.dependency-preview-list small[b-219oxllzl8],
.dependency-preview-list p[b-219oxllzl8] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.74rem;
    line-height: 1.4;
    margin: 0;
}

.export-download-link[b-219oxllzl8] {
    align-items: center;
    color: var(--theme-color-primary, #2563eb);
    display: inline-flex;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 2rem;
    text-decoration: none;
}

.export-preview-grid[b-219oxllzl8] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.danger-zone-panel[b-219oxllzl8] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 6%, var(--theme-color-surface, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-color-danger, #ef4444) 35%, var(--theme-color-border, #cbd5e1));
    border-radius: var(--theme-radius-card, 8px);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 12rem) auto;
    padding: 0.85rem;
}

.danger-zone-panel strong[b-219oxllzl8] {
    color: var(--theme-color-danger, #b91c1c);
    display: block;
}

.danger-zone-panel span[b-219oxllzl8] {
    color: var(--theme-color-textMuted, #64748b);
    display: block;
    font-size: 0.78rem;
    line-height: 1.4;
}

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

.form-disabled-reason[b-219oxllzl8] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    margin: -0.6rem 0 0;
    text-align: right;
}

.evidence-summary-panel[b-219oxllzl8] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.evidence-summary-panel h4[b-219oxllzl8] {
    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);
}

.evidence-summary-panel p[b-219oxllzl8] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
    margin: 0;
}

.evidence-summary-grid[b-219oxllzl8],
.evidence-chip-list[b-219oxllzl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.evidence-summary-grid span[b-219oxllzl8],
.evidence-chip[b-219oxllzl8] {
    background: var(--theme-color-tag, #f1f5f9);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.75rem;
    padding: 0.3rem 0.5rem;
}

/* Version Control Timeline */
.version-timeline-grid[b-219oxllzl8] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 1.5rem;
    align-items: start;
}

.timeline-container[b-219oxllzl8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    padding-left: 0.5rem;
}

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

.timeline-milestone[b-219oxllzl8]::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-219oxllzl8]::before {
    display: none;
}

.milestone-ring[b-219oxllzl8] {
    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-219oxllzl8] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding-top: 0.25rem;
}

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

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

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

.hash-span[b-219oxllzl8] {
    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);
}

.new-version-box[b-219oxllzl8] {
    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-219oxllzl8] {
    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-219oxllzl8] {
    min-height: 6rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    border: 1px dashed var(--theme-color-border, rgba(148, 163, 184, 0.5));
    border-radius: var(--theme-radius-card, 8px);
}

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

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

.version-workbench[b-219oxllzl8] {
    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-219oxllzl8] {
    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-219oxllzl8] {
    font-size: 0.75rem;
    color: var(--theme-color-textMuted, #64748b);
}

/* Nachfolger-Versionen & Abgleich-Report */
.version-kind-badge[b-219oxllzl8] {
    font-size: 0.6rem;
    font-weight: 700;
    padding: 0.1rem 0.45rem;
    border-radius: 9999px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.version-kind-badge.successor[b-219oxllzl8] {
    background-color: var(--theme-color-warningHighlight, #fef3c7);
    color: var(--theme-color-warning, #b45309);
}

.milestone-change-summary[b-219oxllzl8] {
    margin-top: 0.35rem;
    font-size: 0.72rem;
    font-style: italic;
    color: var(--theme-color-textMuted, #64748b);
}

.new-version-box.successor-box[b-219oxllzl8] {
    border-style: dashed;
}

.successor-impact-report[b-219oxllzl8] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.impact-summary-row[b-219oxllzl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.impact-chip[b-219oxllzl8] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
    background-color: var(--theme-color-primaryHighlight, #e6f4ea);
    color: var(--theme-color-primary, #0f766e);
}

.impact-chip.warning[b-219oxllzl8] {
    background-color: var(--theme-color-warningHighlight, #fef3c7);
    color: var(--theme-color-warning, #b45309);
}

.impact-block h5[b-219oxllzl8] {
    margin: 0 0 0.3rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--theme-color-text, #0f172a);
}

.impact-block ul[b-219oxllzl8] {
    margin: 0.25rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.78rem;
    color: var(--theme-color-text, #0f172a);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.impact-block .muted[b-219oxllzl8] {
    color: var(--theme-color-textMuted, #64748b);
}

.impact-block .action-kind[b-219oxllzl8] {
    font-weight: 600;
    color: var(--theme-color-primary, #0f766e);
}
/* /Components/Documents/DocumentUploadWizard.razor.rz.scp.css */
/* Isolated styles for DocumentUploadWizard */

.upload-drop-panel[b-ke2ikmooc6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.upload-wizard-panel[b-ke2ikmooc6] {
    gap: 1rem;
}

.upload-wizard-heading[b-ke2ikmooc6] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

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

.upload-state-pill[b-ke2ikmooc6] {
    border-radius: var(--theme-radius-control, 8px);
    font-size: 0.74rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.35rem 0.55rem;
    white-space: nowrap;
}

.upload-state-pill.idle[b-ke2ikmooc6],
.upload-state-pill.uploading[b-ke2ikmooc6],
.upload-state-pill.extracting[b-ke2ikmooc6] {
    background: color-mix(in srgb, var(--theme-color-primary, #2563eb) 10%, transparent);
    color: var(--theme-color-primary, #1d4ed8);
}

.upload-state-pill.review[b-ke2ikmooc6] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-status-applied-text, #92400e);
}

.upload-state-pill.saved[b-ke2ikmooc6] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent);
    color: var(--theme-color-success, #047857);
}

.upload-state-pill.error[b-ke2ikmooc6] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #b91c1c);
}

.upload-stepper[b-ke2ikmooc6] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.step-label[b-ke2ikmooc6] {
    align-items: center;
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.55));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.9));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #64748b);
    display: flex;
    font-size: 0.76rem;
    font-weight: var(--theme-font-weight-bold, 720);
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.35rem 0.5rem;
    text-align: center;
}

.step-label.current[b-ke2ikmooc6] {
    background: color-mix(in srgb, var(--theme-color-primary, #2563eb) 10%, var(--theme-color-surface, #ffffff));
    border-color: color-mix(in srgb, var(--theme-color-primary, #2563eb) 35%, var(--theme-color-border, #cbd5e1));
    color: var(--theme-color-primary, #1d4ed8);
}

.step-label.done[b-ke2ikmooc6] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 10%, var(--theme-color-surface, #ffffff));
    border-color: color-mix(in srgb, var(--theme-color-success, #10b981) 34%, var(--theme-color-border, #cbd5e1));
    color: var(--theme-color-success, #047857);
}

.upload-state-card[b-ke2ikmooc6] {
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.58));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.9));
    border-radius: var(--theme-radius-control, 8px);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem 0.9rem;
}

.upload-state-card strong[b-ke2ikmooc6] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.84rem;
}

.upload-state-card span[b-ke2ikmooc6],
.upload-state-card small[b-ke2ikmooc6] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    line-height: 1.35;
}

.upload-progress[b-ke2ikmooc6] {
    background: var(--theme-color-surfaceOffset, rgba(226, 232, 240, 0.7));
    border-radius: var(--theme-radius-control, 8px);
    height: 0.45rem;
    overflow: hidden;
    width: 100%;
}

.upload-progress span[b-ke2ikmooc6] {
    background: var(--theme-color-primary, #2563eb);
    display: block;
    height: 100%;
    min-width: 0.35rem;
    transition: width 0.18s ease;
}

.upload-state-card.error[b-ke2ikmooc6] {
    border-color: color-mix(in srgb, var(--theme-color-danger, #ef4444) 35%, var(--theme-color-border, #cbd5e1));
}

.manual-import-panel[b-ke2ikmooc6] {
    display: grid;
    gap: 0.9rem;
}

.manual-import-heading[b-ke2ikmooc6],
.manual-import-actions[b-ke2ikmooc6] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

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

.manual-import-source-pill[b-ke2ikmooc6] {
    background: var(--theme-color-tag, #f1f5f9);
    border-radius: 999px;
    color: var(--theme-color-tagText, #475569);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.24rem 0.55rem;
}

.manual-import-mode-grid[b-ke2ikmooc6] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.manual-import-mode[b-ke2ikmooc6] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 2.25rem;
    padding: 0.35rem 0.5rem;
}

.manual-import-mode.active[b-ke2ikmooc6] {
    background: var(--theme-color-primary, #2563eb);
    border-color: var(--theme-color-primary, #2563eb);
    color: #ffffff;
}

.manual-import-grid[b-ke2ikmooc6] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-import-grid .full-span[b-ke2ikmooc6] {
    grid-column: 1 / -1;
}

.manual-import-copy[b-ke2ikmooc6],
.manual-import-actions span[b-ke2ikmooc6],
.manual-import-error[b-ke2ikmooc6] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
}

.manual-import-error[b-ke2ikmooc6] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: var(--theme-radius-control, 8px);
    color: #991b1b;
    padding: 0.55rem 0.7rem;
}

.upload-dropzone[b-ke2ikmooc6] {
    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.guided[b-ke2ikmooc6] {
    min-height: 12rem;
}

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

.upload-icon-circle[b-ke2ikmooc6] {
    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-ke2ikmooc6] {
    transform: scale(1.1);
}

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

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

.duplicate-choice-panel[b-ke2ikmooc6] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.duplicate-choice-panel div:first-child[b-ke2ikmooc6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.duplicate-choice-panel strong[b-ke2ikmooc6] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.9rem;
}

.duplicate-choice-panel span[b-ke2ikmooc6] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    line-height: 1.35;
}

.duplicate-actions[b-ke2ikmooc6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* Batch Upload Queue Panel */
.upload-queue-panel[b-ke2ikmooc6] {
    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-ke2ikmooc6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.queue-header h4[b-ke2ikmooc6] {
    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-ke2ikmooc6] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    max-height: 350px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.queue-item-card[b-ke2ikmooc6] {
    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-ke2ikmooc6] {
    border-left: 4px solid var(--theme-color-primary, #3b82f6) !important;
}

.queue-item-card.completed[b-ke2ikmooc6] {
    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-ke2ikmooc6] {
    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-ke2ikmooc6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.queue-item-header .file-name[b-ke2ikmooc6] {
    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-ke2ikmooc6] {
    font-size: 0.75rem;
    color: var(--theme-color-textFaint, #64748b);
}

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

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

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

.queue-error-kind[b-ke2ikmooc6] {
    color: var(--theme-color-danger, #b91c1c);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 700);
}

.spinner-mini[b-ke2ikmooc6] {
    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-ke2ikmooc6 0.8s linear infinite;
}

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

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

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

.classification-badge[b-ke2ikmooc6] {
    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-ke2ikmooc6] {
    background: color-mix(in srgb, var(--theme-color-primary, #3b82f6) 10%, transparent);
    color: var(--theme-color-primaryHover, #1d4ed8);
}

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

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

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

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

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

.queue-log[b-ke2ikmooc6] {
    font-size: 0.75rem;
    color: var(--theme-color-danger, #ef4444);
    margin: 0;
    width: 100%;
}
/* /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;
    box-sizing: border-box;
    z-index: 1000;
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
    overflow-x: clip;
}

.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%;
    box-sizing: border-box;
    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));
    min-width: 0;
}

.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;
    min-height: 0;
    min-width: 0;
}

.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;
    min-height: 0;
    min-width: 0;
}

/* 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-success-message[b-1fq19kyauj] {
    color: var(--theme-status-offer-text, #065f46);
    background: var(--theme-status-offer-bg, #ecfdf5);
    border: 1px solid #a7f3d0;
    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-field-error[b-1fq19kyauj] {
    color: var(--theme-status-rejected-text, #991b1b);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    line-height: 1.35;
    text-transform: none;
    overflow-wrap: anywhere;
}

.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) {
    .drawer-content[b-1fq19kyauj] {
        width: 100vw;
        border-left: 0;
    }

    .drawer-container[b-1fq19kyauj] {
        padding: 1rem;
        gap: 1rem;
    }

    .studio-form-grid[b-1fq19kyauj] {
        grid-template-columns: 1fr;
    }

    .studio-actions[b-1fq19kyauj] {
        align-items: stretch;
        width: 100%;
    }

    .studio-actions[b-1fq19kyauj]  fluent-button {
        width: 100%;
    }

    .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); }
/* /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;
    max-width: 100%;
    min-width: 0;
}

.bulk-selection-bar[b-ldowonwuyy] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-surface, #ffffff);
    box-shadow: var(--theme-shadow-sm, 0 2px 4px rgba(15, 23, 42, 0.04));
    color: var(--theme-color-text, #0f172a);
    font-size: 0.85rem;
    font-weight: 700;
}

.bulk-selection-bar > span[b-ldowonwuyy] {
    flex: 1;
}

.bulk-action-btn[b-ldowonwuyy],
.bulk-clear-btn[b-ldowonwuyy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: 6px;
    min-height: 32px;
    cursor: pointer;
}

.bulk-action-btn[b-ldowonwuyy] {
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    background: var(--theme-color-primary, #2563eb);
    color: #ffffff;
    border-color: var(--theme-color-primary, #2563eb);
    font-weight: 700;
}

.bulk-clear-btn[b-ldowonwuyy] {
    width: 32px;
    background: var(--theme-color-surface2, #f8fafc);
    color: var(--theme-color-text, #0f172a);
}

@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;
    min-width: 0;
}

.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);
    min-width: 0;
    overflow-wrap: anywhere;
}

.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)));
}

.job-pipeline-card.selected[b-ldowonwuyy] {
    border-color: var(--theme-color-primary, #2563eb);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-color-primary, #2563eb) 18%, transparent);
}

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

.selection-check[b-ldowonwuyy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    cursor: pointer;
}

.selection-check input[b-ldowonwuyy] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--theme-color-primary, #2563eb);
}

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

.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;
    overflow-wrap: anywhere;
}

.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;
}

.card-next-action[b-ldowonwuyy] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.55rem;
    border-radius: 6px;
    background: var(--theme-color-primaryHighlight, #f0fdfa);
    color: var(--theme-color-primary, #0f766e);
    font-size: 0.75rem;
}

.card-next-action span[b-ldowonwuyy] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-next-action.due[b-ldowonwuyy] {
    background: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #991b1b);
    font-weight: 700;
}

.footer-actions[b-ldowonwuyy] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    width: 100%;
}

.quick-status-selector[b-ldowonwuyy] {
    flex: 1;
    min-width: 0;
    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);
}

.primary-action-btn[b-ldowonwuyy] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    white-space: nowrap;
    background: var(--theme-color-primary, #3b82f6);
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}

.primary-action-btn:hover[b-ldowonwuyy] {
    background: var(--theme-color-primaryHover, #2563eb);
}

.primary-action-btn:active[b-ldowonwuyy] {
    transform: scale(0.97);
}

.primary-action-btn span[b-ldowonwuyy] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 780px) {
    .pipeline-board[b-ldowonwuyy] {
        grid-template-columns: 1fr;
        gap: 1rem;
        overflow-x: visible;
    }

    .board-column[b-ldowonwuyy] {
        min-height: auto;
        max-height: none;
    }

    .meta-item[b-ldowonwuyy],
    .card-next-action span[b-ldowonwuyy] {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /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;
}

@media (max-width: 520px) {
    .dashboard-metrics[b-1yvwfeolwk] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .metric-card[b-1yvwfeolwk] {
        min-height: 0;
        padding: 1rem;
    }

    .metric-value[b-1yvwfeolwk] {
        font-size: 1.75rem;
    }
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-layout-container[b-qbw8zg89da] {
    display: grid;
    grid-template-columns: 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);
}

.auth-layout-body[b-qbw8zg89da] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0;
    min-width: 0;
    box-sizing: border-box;
    overflow-y: auto;
}
/* /Components/Layout/BackgroundTasksMenu.razor.rz.scp.css */
.bg-tasks-menu[b-l315ve6qiv] {
    position: relative;
    flex-shrink: 0;
    margin-left: auto;
}

/* ── Trigger / Badge ───────────────────────────────────────── */
.bg-tasks-trigger[b-l315ve6qiv] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-color-surface2, rgba(0, 0, 0, 0.03));
    border: 1px solid var(--theme-color-border, rgba(0, 0, 0, 0.08));
    border-radius: 8px;
    color: var(--theme-color-navText, #475569);
    cursor: pointer;
    padding: 0.45rem;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.bg-tasks-menu:hover .bg-tasks-trigger[b-l315ve6qiv],
.bg-tasks-menu.is-open .bg-tasks-trigger[b-l315ve6qiv] {
    background: var(--theme-color-primaryHighlight, #f0f4ff);
    border-color: var(--theme-color-primary, #6366f1);
}

.bg-tasks-trigger.state-running[b-l315ve6qiv] { color: var(--theme-color-primary, #6366f1); }
.bg-tasks-trigger.state-error[b-l315ve6qiv] { color: var(--theme-color-danger, #dc2626); border-color: var(--theme-color-danger, #dc2626); }
.bg-tasks-trigger.state-success[b-l315ve6qiv] { color: var(--theme-color-success, #16a34a); }

.bg-tasks-trigger.state-running :global(.app-icon)[b-l315ve6qiv] {
    animation: bg-tasks-pulse-b-l315ve6qiv 1.6s ease-in-out infinite;
}

.bg-tasks-badge[b-l315ve6qiv] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    border-radius: 999px;
    background: var(--theme-color-primary, #6366f1);
}

.state-error .bg-tasks-badge[b-l315ve6qiv] { background: var(--theme-color-danger, #dc2626); }

.bg-tasks-dot[b-l315ve6qiv] {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--theme-color-success, #16a34a);
    border: 2px solid var(--theme-color-surface, #fff);
}

/* ── Panel ─────────────────────────────────────────────────── */
.bg-tasks-backdrop[b-l315ve6qiv] {
    position: fixed;
    inset: 0;
    z-index: 70;
}

.bg-tasks-panel[b-l315ve6qiv] {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 0.45rem);
    width: 340px;
    max-width: calc(100vw - 2rem);
    max-height: 70vh;
    overflow-y: auto;
    background: var(--theme-color-surface, #fff);
    border: 1px solid var(--theme-color-border, rgba(0, 0, 0, 0.08));
    border-radius: 10px;
    box-shadow: var(--theme-shadow-lg, 0 16px 40px rgba(15, 23, 42, 0.14));
    z-index: 80;
}

.bg-tasks-menu:hover .bg-tasks-panel[b-l315ve6qiv],
.bg-tasks-menu.is-open .bg-tasks-panel[b-l315ve6qiv] {
    display: block;
}

.bg-tasks-panel-header[b-l315ve6qiv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--theme-color-divider, rgba(0, 0, 0, 0.06));
}

.bg-tasks-panel-title[b-l315ve6qiv] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--theme-color-navText, #334155);
}

.bg-tasks-action-error[b-l315ve6qiv] {
    margin: 0;
    padding: 0.55rem 0.9rem;
    font-size: 0.78rem;
    color: var(--theme-color-danger, #dc2626);
    background: var(--theme-color-dangerHighlight, rgba(220, 38, 38, 0.08));
}

/* ── Liste ─────────────────────────────────────────────────── */
.bg-tasks-list[b-l315ve6qiv] {
    list-style: none;
    margin: 0;
    padding: 0.35rem;
    display: grid;
    gap: 0.2rem;
}

.bg-tasks-item[b-l315ve6qiv] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.6rem 0.65rem;
    border-radius: 8px;
}

.bg-tasks-item.is-clickable[b-l315ve6qiv] {
    cursor: pointer;
}

.bg-tasks-item.is-clickable:hover[b-l315ve6qiv] {
    background: var(--theme-color-primaryHighlight, #f0f4ff);
}

.bg-tasks-item-status[b-l315ve6qiv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-top: 1px;
}

.kind-running .bg-tasks-item-status[b-l315ve6qiv] { color: var(--theme-color-primary, #6366f1); }
.kind-success .bg-tasks-item-status[b-l315ve6qiv] { color: var(--theme-color-success, #16a34a); }
.kind-error .bg-tasks-item-status[b-l315ve6qiv] { color: var(--theme-color-danger, #dc2626); }

.bg-tasks-item-body[b-l315ve6qiv] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    flex: 1;
}

.bg-tasks-item-title[b-l315ve6qiv] {
    font-size: 0.83rem;
    font-weight: 600;
    color: var(--theme-color-navText, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-tasks-item-meta[b-l315ve6qiv] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.73rem;
    color: var(--theme-color-textMuted, #64748b);
}

.bg-tasks-item-company[b-l315ve6qiv] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%;
}

.bg-tasks-item-label[b-l315ve6qiv] {
    flex-shrink: 0;
}

.bg-tasks-item-error[b-l315ve6qiv] {
    font-size: 0.73rem;
    color: var(--theme-color-danger, #dc2626);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bg-tasks-item-actions[b-l315ve6qiv] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.bg-tasks-item-chevron[b-l315ve6qiv] {
    color: var(--theme-color-textMuted, #94a3b8);
}

.bg-tasks-retry-btn[b-l315ve6qiv] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--theme-color-primary, #6366f1);
    background: transparent;
    border: 1px solid var(--theme-color-border, rgba(0, 0, 0, 0.1));
    border-radius: 6px;
    padding: 0.25rem 0.45rem;
    cursor: pointer;
}

.bg-tasks-retry-btn:hover:not(:disabled)[b-l315ve6qiv] {
    background: var(--theme-color-primaryHighlight, #f0f4ff);
    border-color: var(--theme-color-primary, #6366f1);
}

.bg-tasks-retry-btn:disabled[b-l315ve6qiv] {
    opacity: 0.55;
    cursor: default;
}

.bg-tasks-retry-exhausted[b-l315ve6qiv] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--theme-color-textMuted, #94a3b8);
}

/* ── Empty ─────────────────────────────────────────────────── */
.bg-tasks-empty[b-l315ve6qiv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.25rem;
    padding: 1.6rem 1.2rem;
    color: var(--theme-color-success, #16a34a);
}

.bg-tasks-empty-title[b-l315ve6qiv] {
    margin: 0.3rem 0 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--theme-color-navText, #334155);
}

.bg-tasks-empty-copy[b-l315ve6qiv] {
    margin: 0;
    font-size: 0.76rem;
    color: var(--theme-color-textMuted, #64748b);
}

/* ── Spinner ───────────────────────────────────────────────── */
.bg-tasks-spinner[b-l315ve6qiv] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid var(--theme-color-border, rgba(0, 0, 0, 0.15));
    border-top-color: currentColor;
    border-radius: 50%;
    animation: bg-tasks-spin-b-l315ve6qiv 0.7s linear infinite;
}

.bg-tasks-spinner--sm[b-l315ve6qiv] {
    width: 12px;
    height: 12px;
    color: var(--theme-color-primary, #6366f1);
}

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

@keyframes bg-tasks-pulse-b-l315ve6qiv {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

@media (max-width: 640px) {
    .bg-tasks-panel[b-l315ve6qiv] {
        position: fixed;
        right: 1rem;
        left: 1rem;
        width: auto;
    }
}
/* /Components/Layout/FocusSessionBanner.razor.rz.scp.css */
.focus-session-banner[b-odivp2z7w9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(240px, auto);
    gap: 1rem;
    align-items: center;
    margin: 0 0 1rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--theme-color-border, #dbe3ef);
    border-radius: var(--theme-radius-card, 8px);
    background: var(--theme-color-surface, #ffffff);
    box-shadow: var(--theme-shadow-sm, 0 2px 8px rgba(15, 23, 42, 0.06));
}

.focus-banner-main[b-odivp2z7w9] {
    min-width: 0;
}

.focus-banner-kicker[b-odivp2z7w9] {
    color: var(--theme-color-primary, #2563eb);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.focus-banner-title[b-odivp2z7w9] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.95rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.focus-banner-meta[b-odivp2z7w9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
}

.focus-banner-meta span + span[b-odivp2z7w9]::before {
    content: "· ";
}

.focus-banner-timer[b-odivp2z7w9] {
    min-width: 76px;
    text-align: center;
}

.focus-banner-timer strong[b-odivp2z7w9] {
    display: block;
    color: var(--theme-color-text, #0f172a);
    font-size: 1.15rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.focus-banner-timer span[b-odivp2z7w9] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.72rem;
}

.focus-banner-actions[b-odivp2z7w9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.focus-banner-action[b-odivp2z7w9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0.35rem 0.6rem;
    border: 1px solid var(--theme-color-border, #dbe3ef);
    border-radius: 6px;
    background: var(--theme-color-surface2, #f8fafc);
    color: var(--theme-color-text, #0f172a);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.focus-banner-action.primary[b-odivp2z7w9] {
    background: var(--theme-color-primary, #2563eb);
    border-color: var(--theme-color-primary, #2563eb);
    color: #ffffff;
}

@media (max-width: 900px) {
    .focus-session-banner[b-odivp2z7w9] {
        grid-template-columns: 1fr;
    }

    .focus-banner-timer[b-odivp2z7w9] {
        text-align: left;
    }

    .focus-banner-actions[b-odivp2z7w9] {
        justify-content: flex-start;
    }
}
/* /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;
}

.nav-soon-badge[b-ag720kqpo2] {
    background: var(--theme-color-primaryHighlight, #eef4ff);
    border: 1px solid var(--theme-color-divider, #d0d5dd);
    border-radius: 999px;
    color: var(--theme-color-primary, #1849a9);
    font-size: 0.65rem;
    font-weight: 800;
    margin-left: auto;
    padding: 0.1rem 0.4rem;
    text-transform: uppercase;
}

/* ── 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;
}

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

/* ── Mobile Layout & Header ─────────────────────────────── */
.mobile-header[b-ag720kqpo2] {
    display: none;
}

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

/* ── Responsive: compact desktop/tablet shell ───────────── */
@media (min-width: 769px) and (max-width: 1279px) {
    .app-layout[b-ag720kqpo2] {
        grid-template-columns: 204px minmax(0, 1fr);
    }

    .sidebar-brand[b-ag720kqpo2] {
        padding-inline: 1rem;
    }

    .sidebar-title[b-ag720kqpo2] {
        font-size: 1rem;
    }

    .sidebar-nav[b-ag720kqpo2],
    .sidebar-footer[b-ag720kqpo2] {
        padding-inline: 0.6rem;
    }

    .nav-item[b-ag720kqpo2] {
        gap: 0.55rem;
        padding-inline: 0.7rem;
    }

    .app-body[b-ag720kqpo2] {
        padding: clamp(1rem, 2vw, 1.5rem);
    }
}

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

    /* Prevent page scroll when mobile drawer is open */
    .app-layout.mobile-menu-active[b-ag720kqpo2] {
        overflow: hidden;
    }

    .app-layout.mobile-menu-active .app-body[b-ag720kqpo2] {
        overflow: hidden;
    }

    .mobile-header[b-ag720kqpo2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 56px;
        padding: 0 1rem;
        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-bottom: 1px solid var(--theme-color-sidebarBorder, var(--theme-color-border, rgba(226, 232, 240, 0.9)));
        position: sticky;
        top: 0;
        z-index: 100;
        box-sizing: border-box;
    }

    .mobile-brand[b-ag720kqpo2] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

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

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

    .mobile-title[b-ag720kqpo2] {
        font-size: 1.05rem;
        font-weight: 800;
        letter-spacing: -0.01em;
        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;
    }

    .mobile-menu-toggle[b-ag720kqpo2] {
        background: none;
        border: none;
        color: var(--theme-color-text, #121316);
        padding: 0.5rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        transition: background 0.15s;
    }

    .mobile-menu-toggle:hover[b-ag720kqpo2] {
        background: var(--theme-color-surface2, rgba(0, 0, 0, 0.05));
    }

    .sidebar-backdrop[b-ag720kqpo2] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        z-index: 998;
        animation: fadeIn-b-ag720kqpo2 0.2s ease-out;
    }

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

    /* Transform Sidebar into a Slide-out Drawer */
    .sidebar[b-ag720kqpo2] {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 280px;
        height: 100dvh;
        max-height: 100dvh;
        z-index: 999;
        transform: translateX(-100%);
        transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        background: var(--theme-color-nav, var(--theme-color-surface, #ffffff));
        border-right: 1px solid var(--theme-color-sidebarBorder, var(--theme-color-border, #cbd5e1));
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
        padding: 0;
        overflow: hidden;
    }

    .sidebar.mobile-open[b-ag720kqpo2] {
        transform: translateX(0);
    }

    .sidebar-brand[b-ag720kqpo2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
        padding: 1.4rem 1.25rem 1.2rem;
        border-bottom: 1px solid var(--theme-color-divider, #f1f5f9);
    }

    .sidebar-close-btn[b-ag720kqpo2] {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        color: var(--theme-color-text, #121316);
        padding: 0.5rem;
        cursor: pointer;
        border-radius: 6px;
        margin-left: auto;
        transition: background 0.15s;
    }

    .sidebar-close-btn:hover[b-ag720kqpo2] {
        background: var(--theme-color-surface2, rgba(0, 0, 0, 0.05));
    }

    .sidebar-nav[b-ag720kqpo2] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        padding: 1rem 0.75rem;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

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

    .sidebar-footer[b-ag720kqpo2] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        flex: 0 0 auto;
        padding: 0.75rem 0.75rem max(1.25rem, calc(env(safe-area-inset-bottom) + 1rem));
        border-top: 1px solid var(--theme-color-divider, #f1f5f9);
    }

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

    .nav-item[b-ag720kqpo2] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
        padding: 0.7rem 0.9rem;
        border-radius: 8px;
        font-size: 0.88rem;
        transform: none !important;
        text-align: left;
    }

    .app-body[b-ag720kqpo2] {
        padding: var(--ui-space-4);
        overflow-y: auto;
        /* App-Shell scrollt nie horizontal. Breite Inhalte (Kanban-Board, Daten-Tabelle)
           scrollen in ihrem eigenen Container – ohne overflow-x würde overflow-y:auto den
           x-Wert auf auto hochstufen und die ganze Seite seitlich verschiebbar machen. */
        overflow-x: hidden;
    }

    /* Kopfzeile (Suche + Tasks + Account) muss auf schmalen Viewports passen, statt
       horizontales Scrollen zu erzwingen: Suchleiste schrumpft, Placeholder kürzt mit Ellipse. */
    .header-search-bar[b-ag720kqpo2] {
        width: auto;
        min-width: 0;
        flex: 1 1 auto;
    }

    .header-search-placeholder[b-ag720kqpo2] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* 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);
}

/* App header */
.app-header[b-ag720kqpo2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1.5rem;
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.75));
    backdrop-filter: blur(var(--theme-glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--theme-glass-blur, 16px));
    border: 1px solid var(--theme-color-divider, rgba(0, 0, 0, 0.05));
    border-radius: 12px;
    box-shadow: var(--theme-shadow-sm, 0 1px 3px rgba(0,0,0,0.05));
    z-index: 40;
    transition: background-color var(--theme-transition-speed, 0.25s) ease, border-color var(--theme-transition-speed, 0.25s) ease;
}

.account-menu[b-ag720kqpo2] {
    position: relative;
    flex-shrink: 0;
}

.account-menu-trigger[b-ag720kqpo2] {
    align-items: center;
    background: var(--theme-color-surface2, rgba(0, 0, 0, 0.03));
    border: 1px solid var(--theme-color-border, rgba(0, 0, 0, 0.08));
    border-radius: 8px;
    color: var(--theme-color-navText, #475569);
    cursor: pointer;
    display: flex;
    font-size: 0.85rem;
    font-weight: 700;
    gap: 0.5rem;
    list-style: none;
    padding: 0.45rem 0.8rem;
    user-select: none;
}

.account-menu-trigger[b-ag720kqpo2]::-webkit-details-marker {
    display: none;
}

.account-menu[open] .account-menu-trigger[b-ag720kqpo2],
.account-menu-trigger:hover[b-ag720kqpo2] {
    background: var(--theme-color-primaryHighlight, #f0f4ff);
    border-color: var(--theme-color-primary, #6366f1);
    color: var(--theme-color-navActiveText, var(--theme-color-primary, #3730a3));
}

.account-menu-panel[b-ag720kqpo2] {
    background: var(--theme-color-surface, #fff);
    border: 1px solid var(--theme-color-border, rgba(0, 0, 0, 0.08));
    border-radius: 8px;
    box-shadow: var(--theme-shadow-lg, 0 16px 40px rgba(15, 23, 42, 0.14));
    display: grid;
    gap: 0.2rem;
    min-width: 210px;
    padding: 0.4rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.45rem);
    z-index: 80;
}

.account-menu-item[b-ag720kqpo2] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--theme-color-navText, #475569);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.65rem;
    padding: 0.55rem 0.65rem;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.account-menu-item:hover[b-ag720kqpo2],
.account-menu-item.active[b-ag720kqpo2] {
    background: var(--theme-color-primaryHighlight, #f0f4ff);
    color: var(--theme-color-navActiveText, var(--theme-color-primary, #3730a3));
}

.account-menu-form[b-ag720kqpo2] {
    margin: 0;
}

.header-search-bar[b-ag720kqpo2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--theme-color-surface2, rgba(0, 0, 0, 0.03));
    border: 1px solid var(--theme-color-border, rgba(0, 0, 0, 0.08));
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    width: 280px;
    max-width: 100%;
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
}

.header-search-bar:hover[b-ag720kqpo2] {
    background: var(--theme-color-surface3, rgba(0, 0, 0, 0.05));
    border-color: var(--theme-color-primary, #6366f1);
    box-shadow: 0 0 0 3px var(--theme-color-primary-light, rgba(99, 102, 241, 0.1));
}

.header-search-icon[b-ag720kqpo2] {
    display: flex;
    align-items: center;
    color: var(--theme-color-navText, #64748b);
}

.header-search-placeholder[b-ag720kqpo2] {
    font-size: 0.85rem;
    color: var(--theme-color-navText, #64748b);
    font-weight: 500;
    flex-grow: 1;
}

.header-search-shortcut[b-ag720kqpo2] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
}

.header-search-shortcut .kbd-key[b-ag720kqpo2] {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    padding: 0.05rem 0.25rem;
    font-size: 0.7rem;
    font-weight: 600;
    font-family: inherit;
    color: var(--theme-color-navText, #64748b);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

/* ⌘K-Hinweis nur für Tastatur-Nutzer. Touch-Geräte ohne ⌘-Taste blenden ihn aus –
   konsistent mit der CommandPalette, die ihre Keyboard-Hints ebenfalls per pointer:coarse ausblendet. */
@media (pointer: coarse) {
    .header-search-shortcut[b-ag720kqpo2] {
        display: none;
    }
}

html.dark .header-search-bar[b-ag720kqpo2] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .header-search-bar:hover[b-ag720kqpo2] {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--theme-color-primary, #6366f1);
}

html.dark .header-search-shortcut .kbd-key[b-ag720kqpo2] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.public-layout[b-m0357unmmd] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: clip;
    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);
}

.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] {
    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;
    }
}
/* /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;
}

/* ── Beta Bug Tracking ─────────────────────────────────────────── */
.admin-bugs-layout[b-4ckg9sxjmq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 1.5rem;
}

.bug-metrics[b-4ckg9sxjmq] {
    display: grid;
    grid-template-columns: repeat(7, minmax(110px, 1fr));
    gap: .75rem;
}

.bug-metric-card[b-4ckg9sxjmq] {
    min-height: 92px;
}

.bug-metric-card.unread[b-4ckg9sxjmq] {
    border-color: var(--theme-color-primary, #0f766e);
}

.bug-filter-grid[b-4ckg9sxjmq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr)) auto;
    gap: .8rem;
    align-items: end;
}

.admin-native-input[b-4ckg9sxjmq] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: 8px;
    background: var(--theme-color-surface, #fff);
    color: var(--theme-color-text, #0f172a);
    padding: .65rem .75rem;
    font: inherit;
}

.admin-bug-workspace[b-4ckg9sxjmq] {
    display: grid;
    grid-template-columns: minmax(360px, .85fr) minmax(520px, 1.15fr);
    gap: 1.25rem;
    align-items: start;
}

.section-heading-row[b-4ckg9sxjmq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.admin-bug-list[b-4ckg9sxjmq] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.admin-bug-row[b-4ckg9sxjmq] {
    width: 100%;
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: 9px;
    background: transparent;
    color: inherit;
    padding: .8rem;
    cursor: pointer;
    text-align: left;
}

.admin-bug-row:hover[b-4ckg9sxjmq],
.admin-bug-row.selected[b-4ckg9sxjmq] {
    border-color: var(--theme-color-primary, #0f766e);
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 6%, transparent);
}

.admin-bug-title[b-4ckg9sxjmq] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.admin-bug-row.unread strong[b-4ckg9sxjmq] {
    font-weight: 800;
}

.admin-unread-dot[b-4ckg9sxjmq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--theme-color-primary, #0f766e);
    flex: 0 0 auto;
}

.admin-bug-meta[b-4ckg9sxjmq] {
    margin-top: .55rem;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    font-size: .72rem;
    color: var(--theme-color-textMuted, #64748b);
}

.admin-bug-status[b-4ckg9sxjmq] {
    border-radius: 999px;
    padding: .15rem .5rem;
    font-size: .7rem;
    font-weight: 800;
    background: #e2e8f0;
    color: #334155;
}

.admin-bug-status.new[b-4ckg9sxjmq] { background: #dbeafe; color: #1d4ed8; }
.admin-bug-status.confirmed[b-4ckg9sxjmq] { background: #ede9fe; color: #6d28d9; }
.admin-bug-status.inprogress[b-4ckg9sxjmq] { background: #fef3c7; color: #92400e; }
.admin-bug-status.fixed[b-4ckg9sxjmq] { background: #d1fae5; color: #065f46; }
.admin-bug-status.closed[b-4ckg9sxjmq] { background: #e2e8f0; color: #334155; }
.admin-bug-status.rejected[b-4ckg9sxjmq] { background: #fee2e2; color: #991b1b; }

.admin-bug-detail[b-4ckg9sxjmq] {
    position: sticky;
    top: 1rem;
}

.build-code[b-4ckg9sxjmq] {
    font-family: monospace;
    color: var(--theme-color-textMuted, #64748b);
}

.admin-bug-description[b-4ckg9sxjmq],
.admin-bug-block p[b-4ckg9sxjmq],
.admin-comment-card p[b-4ckg9sxjmq] {
    white-space: pre-wrap;
    line-height: 1.55;
}

.admin-bug-block[b-4ckg9sxjmq] {
    margin-top: .8rem;
    padding: .8rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 5%, transparent);
}

.admin-bug-block p[b-4ckg9sxjmq] {
    margin: .3rem 0 0;
}

.admin-bug-diagnostics[b-4ckg9sxjmq] {
    margin-top: 1rem;
    padding: .8rem;
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.admin-bug-diagnostics .full[b-4ckg9sxjmq] {
    grid-column: 1 / -1;
}

.admin-screenshot-link[b-4ckg9sxjmq] {
    margin-top: .8rem;
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    color: var(--theme-color-primary, #0f766e);
    font-weight: 700;
}

.admin-status-editor[b-4ckg9sxjmq] {
    margin-top: 1rem;
    display: flex;
    gap: .75rem;
    align-items: end;
}

.admin-status-editor label[b-4ckg9sxjmq] {
    flex: 1;
}

.admin-status-editor label[b-4ckg9sxjmq],
.bug-filter-grid .form-field[b-4ckg9sxjmq] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.admin-status-history[b-4ckg9sxjmq],
.admin-comment-thread[b-4ckg9sxjmq] {
    margin-top: 1.25rem;
}

.admin-history-row[b-4ckg9sxjmq],
.admin-comment-card[b-4ckg9sxjmq] {
    padding: .7rem 0;
    border-bottom: 1px solid var(--theme-color-border, #e2e8f0);
}

.admin-history-row[b-4ckg9sxjmq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.admin-comment-card.from-admin[b-4ckg9sxjmq] {
    padding: .75rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 6%, transparent);
}

.admin-comment-input[b-4ckg9sxjmq] {
    margin: .75rem 0;
    resize: vertical;
}

.admin-empty-copy[b-4ckg9sxjmq] {
    color: var(--theme-color-textMuted, #64748b);
}

@media (max-width: 1200px) {
    .bug-metrics[b-4ckg9sxjmq] {
        grid-template-columns: repeat(4, minmax(110px, 1fr));
    }

    .bug-filter-grid[b-4ckg9sxjmq] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .admin-bug-workspace[b-4ckg9sxjmq] {
        grid-template-columns: 1fr;
    }

    .admin-bug-detail[b-4ckg9sxjmq] {
        position: static;
    }
}

@media (max-width: 680px) {
    .bug-metrics[b-4ckg9sxjmq],
    .bug-filter-grid[b-4ckg9sxjmq],
    .admin-bug-diagnostics[b-4ckg9sxjmq] {
        grid-template-columns: 1fr;
    }
}

/* ── 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-textMuted, #64748b);
    margin: 0;
}

.admin-container[b-4ckg9sxjmq]  fluent-tabs {
    --accent-fill-rest: var(--theme-color-primary, #0f766e);
    --neutral-foreground-rest: var(--theme-color-tabText, var(--theme-color-textMuted, #64748b));
}

.admin-container[b-4ckg9sxjmq]  fluent-tab {
    color: var(--theme-color-tabText, var(--theme-color-textMuted, #64748b));
    font-weight: var(--theme-font-weight-semibold, 600);
}

.admin-container[b-4ckg9sxjmq]  fluent-tab:hover {
    color: var(--theme-color-heading, var(--theme-color-text, #0f172a));
}

.admin-container[b-4ckg9sxjmq]  fluent-tab[aria-selected="true"] {
    color: var(--theme-color-tabActiveText, var(--theme-color-primary, #0f766e));
}

.admin-container[b-4ckg9sxjmq]  fluent-tabs::part(active-indicator),
.admin-container[b-4ckg9sxjmq]  fluent-tab::part(active-indicator) {
    background: var(--theme-color-primary, #0f766e);
}

.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-text, #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;
}

/* Invitation Badges */
.status-badge.registered[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent);
    color: var(--theme-color-success, #0ca678);
}
.status-badge.cancelled[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 12%, transparent);
    color: var(--theme-color-danger, #dc2626);
}
.status-badge.expired[b-4ckg9sxjmq] {
    background: color-mix(in srgb, var(--theme-color-textMuted, #64748b) 12%, transparent);
    color: var(--theme-color-textMuted, #64748b);
}
/* /Components/Pages/Beta.razor.rz.scp.css */
.beta-page[b-nhadhoz2l8] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.beta-hero[b-nhadhoz2l8],
.beta-panel[b-nhadhoz2l8],
.beta-details[b-nhadhoz2l8],
.cloud-notice[b-nhadhoz2l8] {
    border: 1px solid var(--theme-color-divider, #e5e7eb);
    border-radius: 16px;
    background: var(--theme-color-surface, #fff);
}

.beta-hero[b-nhadhoz2l8] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--theme-color-primary, #0f766e) 16%, var(--theme-color-surface, #fff)),
            var(--theme-color-surface2, var(--theme-color-surface, #fff))
        );
    color: var(--theme-color-text, #0f172a);
}

.beta-hero h1[b-nhadhoz2l8],
.panel-heading h2[b-nhadhoz2l8],
.detail-heading h3[b-nhadhoz2l8] {
    margin: 0;
    color: var(--theme-color-heading, var(--theme-color-text, #0f172a));
}

.beta-hero p[b-nhadhoz2l8],
.panel-heading p[b-nhadhoz2l8] {
    color: var(--theme-color-textMuted, #475569);
    max-width: 760px;
}

.beta-kicker[b-nhadhoz2l8],
.section-eyebrow[b-nhadhoz2l8] {
    color: var(--theme-color-primary, #0f766e);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.build-card[b-nhadhoz2l8] {
    min-width: 190px;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    background: var(--theme-color-primary, #0f766e);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.build-card span[b-nhadhoz2l8] {
    font-size: .75rem;
    opacity: .8;
}

.build-card strong[b-nhadhoz2l8] {
    font-family: monospace;
    overflow-wrap: anywhere;
}

.cloud-notice[b-nhadhoz2l8] {
    padding: 1rem 1.25rem;
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    border-color: #f59e0b;
    background: #fffbeb;
    color: #78350f;
}

.cloud-notice p[b-nhadhoz2l8] {
    margin: .25rem 0 0;
}

.beta-info-grid[b-nhadhoz2l8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.beta-details summary[b-nhadhoz2l8] {
    padding: 1rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 700;
    list-style: none;
}

.beta-details summary span[b-nhadhoz2l8] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.details-content[b-nhadhoz2l8] {
    padding: 0 1.25rem 1.25rem;
    color: var(--theme-color-textMuted, #475569);
    line-height: 1.6;
}

.beta-panel[b-nhadhoz2l8] {
    padding: 1.5rem;
}

.panel-heading[b-nhadhoz2l8],
.detail-heading[b-nhadhoz2l8] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.beta-primary-btn[b-nhadhoz2l8],
.beta-secondary-btn[b-nhadhoz2l8] {
    border-radius: 8px;
    padding: .65rem 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
}

.beta-primary-btn[b-nhadhoz2l8] {
    border: 1px solid var(--theme-color-primary, #0f766e);
    background: var(--theme-color-primary, #0f766e);
    color: white;
}

.beta-secondary-btn[b-nhadhoz2l8] {
    border: 1px solid var(--theme-color-divider, #d1d5db);
    background: transparent;
    color: inherit;
}

.beta-primary-btn:disabled[b-nhadhoz2l8],
.beta-secondary-btn:disabled[b-nhadhoz2l8] {
    opacity: .55;
    cursor: wait;
}

.bug-form[b-nhadhoz2l8] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--theme-color-divider, #e5e7eb);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bug-form label[b-nhadhoz2l8],
.comment-input[b-nhadhoz2l8] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    font-weight: 700;
}

.bug-form input[b-nhadhoz2l8],
.bug-form textarea[b-nhadhoz2l8],
.comment-input textarea[b-nhadhoz2l8] {
    width: 100%;
    border: 1px solid var(--theme-color-divider, #cbd5e1);
    border-radius: 8px;
    padding: .75rem;
    background: var(--theme-color-surface, #fff);
    color: inherit;
    font: inherit;
    box-sizing: border-box;
}

.form-two-col[b-nhadhoz2l8],
.diagnostic-grid[b-nhadhoz2l8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.form-actions[b-nhadhoz2l8] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

.beta-success[b-nhadhoz2l8],
.beta-error[b-nhadhoz2l8] {
    padding: .75rem 1rem;
    border-radius: 8px;
}

.beta-success[b-nhadhoz2l8] {
    background: #ecfdf5;
    color: #065f46;
}

.beta-error[b-nhadhoz2l8] {
    background: #fef2f2;
    color: #991b1b;
}

.file-selected[b-nhadhoz2l8] {
    color: var(--theme-color-primary, #0f766e);
    font-size: .8rem;
}

.bug-workspace[b-nhadhoz2l8] {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: minmax(280px, 36%) minmax(0, 1fr);
    gap: 1rem;
}

.bug-list[b-nhadhoz2l8] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.bug-list-item[b-nhadhoz2l8] {
    width: 100%;
    text-align: left;
    padding: .9rem;
    border: 1px solid var(--theme-color-divider, #e5e7eb);
    border-radius: 10px;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.bug-list-item.selected[b-nhadhoz2l8] {
    border-color: var(--theme-color-primary, #0f766e);
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 7%, transparent);
}

.bug-list-item.unread strong[b-nhadhoz2l8] {
    font-weight: 800;
}

.bug-list-title[b-nhadhoz2l8] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.unread-dot[b-nhadhoz2l8] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--theme-color-primary, #0f766e);
    flex: 0 0 auto;
}

.bug-list-meta[b-nhadhoz2l8] {
    margin-top: .65rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    color: var(--theme-color-textMuted, #64748b);
    font-size: .75rem;
}

.bug-status[b-nhadhoz2l8] {
    display: inline-flex;
    border-radius: 999px;
    padding: .2rem .55rem;
    font-size: .72rem;
    font-weight: 800;
    background: #e2e8f0;
    color: #334155;
}

.bug-status.new[b-nhadhoz2l8] { background: #dbeafe; color: #1d4ed8; }
.bug-status.confirmed[b-nhadhoz2l8] { background: #ede9fe; color: #6d28d9; }
.bug-status.inprogress[b-nhadhoz2l8] { background: #fef3c7; color: #92400e; }
.bug-status.fixed[b-nhadhoz2l8] { background: #d1fae5; color: #065f46; }
.bug-status.closed[b-nhadhoz2l8] { background: #e2e8f0; color: #334155; }
.bug-status.rejected[b-nhadhoz2l8] { background: #fee2e2; color: #991b1b; }

.bug-detail[b-nhadhoz2l8] {
    min-height: 320px;
    border-left: 1px solid var(--theme-color-divider, #e5e7eb);
    padding-left: 1.25rem;
}

.detail-build[b-nhadhoz2l8] {
    font-family: monospace;
    color: var(--theme-color-textMuted, #64748b);
}

.bug-description[b-nhadhoz2l8],
.detail-block p[b-nhadhoz2l8],
.comment-card p[b-nhadhoz2l8] {
    white-space: pre-wrap;
    line-height: 1.55;
}

.detail-block[b-nhadhoz2l8],
.diagnostic-grid[b-nhadhoz2l8],
.status-history[b-nhadhoz2l8],
.comment-thread[b-nhadhoz2l8] {
    margin-top: 1.25rem;
}

.detail-block[b-nhadhoz2l8] {
    padding: .9rem;
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 5%, transparent);
    border-radius: 8px;
}

.detail-block p[b-nhadhoz2l8] {
    margin: .35rem 0 0;
}

.diagnostic-grid[b-nhadhoz2l8] {
    padding: .9rem;
    border: 1px solid var(--theme-color-divider, #e5e7eb);
    border-radius: 8px;
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.screenshot-link[b-nhadhoz2l8] {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--theme-color-primary, #0f766e);
    font-weight: 700;
}

.history-row[b-nhadhoz2l8],
.comment-card[b-nhadhoz2l8] {
    padding: .75rem 0;
    border-bottom: 1px solid var(--theme-color-divider, #e5e7eb);
}

.history-row[b-nhadhoz2l8] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.comment-card.admin-comment[b-nhadhoz2l8] {
    padding: .8rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 7%, transparent);
}

.admin-chip[b-nhadhoz2l8] {
    margin-left: .4rem;
    border-radius: 999px;
    padding: .1rem .4rem;
    font-size: .65rem;
    background: var(--theme-color-primary, #0f766e);
    color: white;
}

.muted-copy[b-nhadhoz2l8],
.beta-empty[b-nhadhoz2l8] {
    color: var(--theme-color-textMuted, #64748b);
}

.beta-empty[b-nhadhoz2l8] {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    text-align: center;
}

@media (max-width: 820px) {
    .beta-page[b-nhadhoz2l8] {
        padding: 1rem;
    }

    .beta-hero[b-nhadhoz2l8],
    .panel-heading[b-nhadhoz2l8],
    .detail-heading[b-nhadhoz2l8] {
        flex-direction: column;
    }

    .build-card[b-nhadhoz2l8] {
        width: 100%;
        box-sizing: border-box;
    }

    .beta-info-grid[b-nhadhoz2l8],
    .form-two-col[b-nhadhoz2l8],
    .diagnostic-grid[b-nhadhoz2l8],
    .bug-workspace[b-nhadhoz2l8] {
        grid-template-columns: 1fr;
    }

    .bug-detail[b-nhadhoz2l8] {
        border-left: 0;
        border-top: 1px solid var(--theme-color-divider, #e5e7eb);
        padding: 1rem 0 0;
    }
}
/* /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);
}
/* /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;
    }
}
/* /Components/Pages/Documents.razor.rz.scp.css */
/* Premium Styling System for LetterlAIne Document Center */

/* Component-level design tokens — derive from --theme-* so all presets apply automatically */
:root[b-69jrmcq8ea], .documents-page[b-69jrmcq8ea] {
    --doc-shell-bg: var(--theme-color-bg, #f5f7f8);
    --doc-shell-card: var(--theme-color-card, var(--theme-color-surface, #ffffff));
    --doc-shell-surface: var(--theme-color-surface, #ffffff);
    --doc-shell-surface2: var(--theme-color-surface2, #f8fafc);
    --doc-shell-border: var(--theme-color-border, #e2e8f0);
    --doc-shell-text: var(--theme-color-text, #1e293b);
    --doc-shell-text-muted: var(--theme-color-textMuted, #64748b);
    --doc-shell-text-faint: var(--theme-color-textFaint, #94a3b8);
    --doc-shell-heading: var(--theme-color-heading, #0f172a);
    --doc-shell-primary: var(--theme-color-primary, #6366f1);
    --doc-shell-primary-hover: var(--theme-color-primaryHover, #4f46e5);
    --doc-shell-primary-highlight: var(--theme-color-primaryHighlight, rgba(99,102,241,0.10));
    --doc-shell-focus: var(--theme-color-focus, #6366f1);
    --doc-shell-success: var(--theme-color-success, #22c55e);
    --doc-shell-warning: var(--theme-color-warning, #f59e0b);
    --doc-shell-danger: var(--theme-color-danger, #ef4444);
    --doc-shell-input-bg: var(--theme-color-inputBg, #ffffff);
    --doc-shell-input-border: var(--theme-color-inputBorder, #cbd5e1);
    --doc-shell-input-text: var(--theme-color-inputText, #1e293b);
    --doc-shell-input-placeholder: var(--theme-color-inputPlaceholder, #94a3b8);
    --doc-shell-tag: var(--theme-color-tag, #f1f5f9);
    --doc-shell-tag-text: var(--theme-color-tagText, #475569);
    --doc-shell-hover: var(--theme-color-hover, rgba(0,0,0,0.04));
    --doc-shell-selected: var(--theme-color-selected, rgba(99,102,241,0.10));
    --doc-shell-sidebar-border: var(--theme-color-sidebarBorder, var(--theme-color-border, #e2e8f0));
    --doc-shell-sidebar-icon: var(--theme-color-sidebarIcon, #94a3b8);
    --doc-radius-control: var(--theme-radius-control, 8px);
    --doc-radius-card: var(--theme-radius-card, 12px);
    --doc-shadow-sm: var(--theme-shadow-sm, 0 1px 3px rgba(0,0,0,0.08));
    --doc-shadow-md: var(--theme-shadow-md, 0 4px 12px rgba(0,0,0,0.10));
    --doc-shadow-lg: var(--theme-shadow-lg, 0 8px 24px rgba(0,0,0,0.12));
    --doc-transition: var(--theme-transition-speed, 180ms) var(--theme-transition-timing, ease);
    --doc-font: var(--theme-font-family, 'Inter', system-ui, sans-serif);
    --doc-space-1: var(--theme-space-1, 4px);
    --doc-space-2: var(--theme-space-2, 8px);
    --doc-space-3: var(--theme-space-3, 12px);
    --doc-space-4: var(--theme-space-4, 16px);
    --doc-space-5: var(--theme-space-5, 24px);
    --doc-space-6: var(--theme-space-6, 32px);
}

.documents-page[b-69jrmcq8ea] {
    --documents-list-max-height: min(68vh, 44rem);
    --documents-touch-target: 44px;
    box-sizing: border-box;
    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;
    max-width: 100%;
    overflow-x: clip;
}

.documents-page *[b-69jrmcq8ea],
.documents-page *[b-69jrmcq8ea]::before,
.documents-page *[b-69jrmcq8ea]::after {
    box-sizing: border-box;
}

.documents-page input:not([type="checkbox"])[b-69jrmcq8ea],
.documents-page select[b-69jrmcq8ea],
.documents-page textarea[b-69jrmcq8ea],
.documents-page button[b-69jrmcq8ea],
.documents-page .primary-upload-link[b-69jrmcq8ea],
.documents-page .export-download-link[b-69jrmcq8ea] {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.documents-page input:not([type="checkbox"])[b-69jrmcq8ea],
.documents-page select[b-69jrmcq8ea],
.documents-page button[b-69jrmcq8ea],
.documents-page .primary-upload-link[b-69jrmcq8ea],
.documents-page .export-download-link[b-69jrmcq8ea] {
    min-height: var(--documents-touch-target);
}

.documents-page[b-69jrmcq8ea]  fluent-button {
    min-height: var(--documents-touch-target);
    max-width: 100%;
}

.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: minmax(320px, 360px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
    min-width: 0;
}

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

.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: var(--documents-list-max-height);
    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);
}

.reference-inbox[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
}

.inbox-toolbar[b-69jrmcq8ea] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 1fr));
}

.inbox-toolbar label[b-69jrmcq8ea],
.inbox-search[b-69jrmcq8ea] {
    display: grid;
    gap: 0.25rem;
}

.inbox-toolbar label > span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.inbox-view-toggle[b-69jrmcq8ea] {
    display: flex;
    gap: 0.4rem;
}

.inbox-view-button[b-69jrmcq8ea],
.inbox-bulk-bar button[b-69jrmcq8ea],
.primary-upload-link[b-69jrmcq8ea] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font: inherit;
    font-size: 0.74rem;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: var(--documents-touch-target);
    padding: 0.35rem 0.58rem;
    text-decoration: none;
}

.inbox-view-button.active[b-69jrmcq8ea],
.primary-upload-link[b-69jrmcq8ea] {
    background: var(--theme-color-primary, #2563eb);
    border-color: var(--theme-color-primary, #2563eb);
    color: #ffffff;
}

.inbox-bulk-bar[b-69jrmcq8ea] {
    align-items: center;
    background: var(--theme-color-primaryHighlight, rgba(37, 99, 235, 0.08));
    border: 1px solid color-mix(in srgb, var(--theme-color-primary, #2563eb) 28%, var(--theme-color-border, #cbd5e1));
    border-radius: var(--theme-radius-card, 8px);
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.7rem;
}

.inbox-bulk-bar strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.78rem;
    margin-right: auto;
}

.reference-inbox-results[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
}

.reference-inbox-results.cards[b-69jrmcq8ea] {
    grid-template-columns: 1fr;
}

.reference-inbox-results.list .reference-inbox-card[b-69jrmcq8ea] {
    gap: 0.4rem;
}

.inbox-card-topline[b-69jrmcq8ea] {
    align-items: flex-start;
    display: flex;
    gap: 0.55rem;
}

.inbox-card-topline input[type="checkbox"][b-69jrmcq8ea] {
    accent-color: var(--theme-color-primary, #2563eb);
    flex: 0 0 auto;
    min-height: 1.25rem;
    min-width: 1.25rem;
    margin-top: 0.18rem;
}

.reference-inbox-card.failed[b-69jrmcq8ea] {
    border-color: color-mix(in srgb, var(--theme-color-danger, #ef4444) 42%, var(--theme-color-border, #cbd5e1));
}

.reference-inbox-card.needs-review[b-69jrmcq8ea] {
    border-color: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 42%, var(--theme-color-border, #cbd5e1));
}

.reference-inbox-card.sensitive[b-69jrmcq8ea] {
    border-color: color-mix(in srgb, var(--theme-color-primary, #2563eb) 38%, var(--theme-color-border, #cbd5e1));
}

.processing-badge[b-69jrmcq8ea],
.quality-badge[b-69jrmcq8ea] {
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.2rem 0.5rem;
}

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

.processing-badge.pending[b-69jrmcq8ea],
.quality-badge.needsreview[b-69jrmcq8ea],
.quality-badge.unknown[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-status-applied-text, #92400e);
}

.processing-badge.failed[b-69jrmcq8ea],
.quality-badge.rejected[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #b91c1c);
}

.inbox-evidence-tags[b-69jrmcq8ea],
.inbox-warning-list[b-69jrmcq8ea],
.inbox-usage-grid[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.inbox-evidence-tags span[b-69jrmcq8ea] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    border-radius: 999px;
    color: var(--theme-status-offer-text, #065f46);
    font-size: 0.7rem;
    padding: 0.2rem 0.48rem;
}

.inbox-warning-list span[b-69jrmcq8ea] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    color: #9a3412;
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.18rem 0.45rem;
}

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

.document-inbox-empty[b-69jrmcq8ea] {
    align-items: flex-start;
    display: grid;
    gap: 0.65rem;
    text-align: left;
}

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

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

.document-onboarding-panel[b-69jrmcq8ea] {
    display: grid;
    gap: 1rem;
}

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

.document-onboarding-header h2[b-69jrmcq8ea],
.document-onboarding-header p[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.document-onboarding-header p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.9rem;
    line-height: 1.45;
}

.document-onboarding-steps[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.document-onboarding-step[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-card, 8px);
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem;
}

.document-onboarding-step.current[b-69jrmcq8ea] {
    border-color: color-mix(in srgb, var(--theme-color-primary, #2563eb) 38%, var(--theme-color-border, #dbe3ea));
}

.document-onboarding-step.done[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 8%, var(--theme-color-surface, #ffffff));
    border-color: color-mix(in srgb, var(--theme-color-success, #10b981) 34%, var(--theme-color-border, #dbe3ea));
}

.document-onboarding-step > span[b-69jrmcq8ea] {
    align-items: center;
    background: var(--theme-color-primary, #2563eb);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    height: 1.75rem;
    justify-content: center;
    width: 1.75rem;
}

.document-onboarding-step.done > span[b-69jrmcq8ea] {
    background: var(--theme-color-success, #047857);
}

.document-onboarding-step strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.9rem;
}

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

.document-onboarding-step a[b-69jrmcq8ea],
.document-onboarding-step button[b-69jrmcq8ea],
.onboarding-hide-button[b-69jrmcq8ea],
.onboarding-restore-button[b-69jrmcq8ea],
.onboarding-demo-actions button[b-69jrmcq8ea],
.empty-state-action[b-69jrmcq8ea] {
    align-items: center;
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-primary, #1d4ed8);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: var(--documents-touch-target);
    padding: 0.45rem 0.65rem;
    text-decoration: none;
}

.onboarding-help-grid[b-69jrmcq8ea],
.onboarding-demo-actions[b-69jrmcq8ea],
.empty-state-actions[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.onboarding-help-grid span[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f1f5f9);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: 999px;
    color: var(--theme-color-tagText, #475569);
    cursor: help;
    font-size: 0.74rem;
    padding: 0.3rem 0.55rem;
}

.onboarding-restore-button[b-69jrmcq8ea] {
    justify-self: start;
}

.contextual-empty-callout[b-69jrmcq8ea] {
    background: var(--theme-color-primaryHighlight, rgba(37, 99, 235, 0.08));
    border: 1px solid color-mix(in srgb, var(--theme-color-primary, #2563eb) 26%, var(--theme-color-border, #dbe3ea));
    border-radius: var(--theme-radius-card, 8px);
    display: grid;
    gap: 0.4rem;
    padding: 0.75rem;
}

.contextual-empty-callout strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
}

.contextual-empty-callout span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    line-height: 1.45;
}

.contextual-empty-callout button[b-69jrmcq8ea] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-primary, #1d4ed8);
    cursor: pointer;
    font: inherit;
    font-size: 0.76rem;
    font-weight: var(--theme-font-weight-bold, 760);
    justify-self: start;
    min-height: var(--documents-touch-target);
    padding: 0.4rem 0.65rem;
}

.profile-skill-panel[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-skill-header[b-69jrmcq8ea],
.profile-skill-card-header[b-69jrmcq8ea],
.profile-skill-actions[b-69jrmcq8ea] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.profile-skill-header h2[b-69jrmcq8ea] {
    margin: 0;
}

.profile-skill-header p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.86rem;
    line-height: 1.45;
    margin: 0.2rem 0 0;
}

.profile-skill-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.profile-skill-card[b-69jrmcq8ea] {
    border: 1px solid var(--theme-color-border, rgba(148, 163, 184, 0.35));
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.9rem;
}

.profile-skill-card.disabled[b-69jrmcq8ea] {
    opacity: 0.68;
}

.profile-skill-card-header strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    display: block;
    font-size: 0.92rem;
}

.profile-skill-card-header span[b-69jrmcq8ea],
.profile-skill-source-count[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.74rem;
}

.profile-skill-source-count[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border-radius: 999px;
    flex-shrink: 0;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.22rem 0.5rem;
}

.profile-skill-sources[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.profile-skill-sources span[b-69jrmcq8ea] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    border-radius: 999px;
    color: var(--theme-status-offer-text, #065f46);
    font-size: 0.72rem;
    padding: 0.2rem 0.48rem;
}

.profile-skill-actions[b-69jrmcq8ea] {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.persona-wizard-mode[b-69jrmcq8ea],
.persona-role-presets[b-69jrmcq8ea],
.persona-strength-grid[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.persona-wizard-mode[b-69jrmcq8ea] {
    margin: 0.75rem 0 1rem;
}

.wizard-mode-button[b-69jrmcq8ea],
.persona-strength-chip[b-69jrmcq8ea],
.preset-button[b-69jrmcq8ea] {
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: 8px;
    background: var(--theme-color-surface, #ffffff);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.4rem 0.62rem;
}

.wizard-mode-button.active[b-69jrmcq8ea],
.persona-strength-chip.selected[b-69jrmcq8ea] {
    background: var(--theme-color-primary, #0f766e);
    border-color: var(--theme-color-primary, #0f766e);
    color: var(--theme-color-textInverse, #ffffff);
}

.persona-quality-badge[b-69jrmcq8ea] {
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.25rem 0.55rem;
}

.persona-quality-badge.stark-belegt[b-69jrmcq8ea] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    color: var(--theme-status-offer-text, #065f46);
}

.persona-quality-badge.teilweise-belegt[b-69jrmcq8ea] {
    background: var(--theme-status-applied-bg, #fef3c7);
    color: var(--theme-status-applied-text, #92400e);
}

.persona-quality-badge.manuell[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f1f5f9);
    color: var(--theme-color-tagText, #475569);
}

/* 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: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.category-badge[b-69jrmcq8ea],
.tone-badge[b-69jrmcq8ea],
.default-badge[b-69jrmcq8ea],
.version-badge[b-69jrmcq8ea],
.ai-badge[b-69jrmcq8ea],
.retention-badge[b-69jrmcq8ea],
.inactive-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);
}

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

.retention-badge.archived[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-status-applied-text, #92400e);
}

.retention-badge.deleted[b-69jrmcq8ea],
.retention-badge.expired[b-69jrmcq8ea],
.inactive-badge[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #b91c1c);
}

.item-evidence-row[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.72rem;
    color: var(--theme-color-textMuted, #64748b);
}

.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);
}

.persona-card-footer[b-69jrmcq8ea] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: space-between;
    min-width: 0;
}

.persona-default-action[b-69jrmcq8ea] {
    background: var(--theme-color-primaryHighlight, rgba(37, 99, 235, 0.08));
    border: 1px solid var(--theme-color-border, rgba(37, 99, 235, 0.2));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-primary, #1d4ed8);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 30px;
    padding: 0.35rem 0.55rem;
}

.persona-default-action:hover[b-69jrmcq8ea] {
    background: var(--theme-color-primaryHighlight, rgba(37, 99, 235, 0.14));
    border-color: var(--theme-color-primary, #2563eb);
}

.persona-default-action:disabled[b-69jrmcq8ea] {
    cursor: not-allowed;
    opacity: 0.6;
}

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

.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;
}

.persona-preview-panel[b-69jrmcq8ea] {
    display: grid;
    gap: 0.85rem;
}

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

.persona-preview-header h4[b-69jrmcq8ea],
.persona-preview-header p[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.persona-preview-header p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
    line-height: 1.45;
}

.persona-preview-actions[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.persona-preview-results[b-69jrmcq8ea] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.persona-preview-results article[b-69jrmcq8ea],
.persona-preview-meta-grid > div[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem;
}

.persona-preview-results span[b-69jrmcq8ea],
.persona-preview-meta-grid strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.76rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.persona-preview-results p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
}

.persona-preview-meta-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.persona-preview-meta-grid span[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f1f5f9);
    border-radius: 999px;
    color: var(--theme-color-tagText, #475569);
    font-size: 0.72rem;
    padding: 0.2rem 0.48rem;
}

.persona-improvement-panel[b-69jrmcq8ea] {
    display: grid;
    gap: 0.85rem;
}

.persona-improvement-header[b-69jrmcq8ea] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.persona-improvement-header h4[b-69jrmcq8ea],
.persona-improvement-header p[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.persona-improvement-header p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
}

.persona-quality-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.persona-quality-grid > div[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.38rem;
    padding: 0.7rem;
}

.persona-quality-grid strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.78rem;
}

.persona-quality-grid span[b-69jrmcq8ea] {
    align-items: center;
    background: var(--theme-color-tag, #f1f5f9);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-tagText, #475569);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.74rem;
    gap: 0.35rem;
    padding: 0.32rem 0.5rem;
}

.persona-quality-grid span.handled[b-69jrmcq8ea] {
    opacity: 0.58;
    text-decoration: line-through;
}

.persona-quality-grid button[b-69jrmcq8ea] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font: inherit;
    font-size: 0.68rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.18rem 0.4rem;
}

.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));
    min-height: var(--documents-touch-target);
    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-wizard-panel[b-69jrmcq8ea] {
    gap: 1rem;
}

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

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

.upload-state-pill[b-69jrmcq8ea] {
    border-radius: var(--theme-radius-control, 8px);
    font-size: 0.74rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.35rem 0.55rem;
    white-space: nowrap;
}

.upload-state-pill.idle[b-69jrmcq8ea],
.upload-state-pill.uploading[b-69jrmcq8ea],
.upload-state-pill.extracting[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-primary, #2563eb) 10%, transparent);
    color: var(--theme-color-primary, #1d4ed8);
}

.upload-state-pill.review[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-status-applied-text, #92400e);
}

.upload-state-pill.saved[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 12%, transparent);
    color: var(--theme-color-success, #047857);
}

.upload-state-pill.error[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    color: var(--theme-color-danger, #b91c1c);
}

.upload-stepper[b-69jrmcq8ea] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.upload-step[b-69jrmcq8ea] {
    align-items: center;
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.55));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.9));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #64748b);
    display: flex;
    font-size: 0.76rem;
    font-weight: var(--theme-font-weight-bold, 720);
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.35rem 0.5rem;
    text-align: center;
}

.upload-step.active[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-primary, #2563eb) 10%, var(--theme-color-surface, #ffffff));
    border-color: color-mix(in srgb, var(--theme-color-primary, #2563eb) 35%, var(--theme-color-border, #cbd5e1));
    color: var(--theme-color-primary, #1d4ed8);
}

.upload-step.complete[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-success, #10b981) 10%, var(--theme-color-surface, #ffffff));
    border-color: color-mix(in srgb, var(--theme-color-success, #10b981) 34%, var(--theme-color-border, #cbd5e1));
    color: var(--theme-color-success, #047857);
}

.upload-step.error[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, var(--theme-color-surface, #ffffff));
    border-color: color-mix(in srgb, var(--theme-color-danger, #ef4444) 34%, var(--theme-color-border, #cbd5e1));
    color: var(--theme-color-danger, #b91c1c);
}

.upload-state-card[b-69jrmcq8ea] {
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.58));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.9));
    border-radius: var(--theme-radius-control, 8px);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem 0.9rem;
}

.upload-state-card strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.84rem;
}

.upload-state-card span[b-69jrmcq8ea],
.upload-state-card small[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    line-height: 1.35;
}

.upload-progress[b-69jrmcq8ea] {
    background: var(--theme-color-surfaceOffset, rgba(226, 232, 240, 0.7));
    border-radius: var(--theme-radius-control, 8px);
    height: 0.45rem;
    overflow: hidden;
    width: 100%;
}

.upload-progress span[b-69jrmcq8ea] {
    background: var(--theme-color-primary, #2563eb);
    display: block;
    height: 100%;
    min-width: 0.35rem;
    transition: width 0.18s ease;
}

.upload-state-card.error[b-69jrmcq8ea] {
    border-color: color-mix(in srgb, var(--theme-color-danger, #ef4444) 35%, var(--theme-color-border, #cbd5e1));
}

.manual-import-panel[b-69jrmcq8ea] {
    display: grid;
    gap: 0.9rem;
}

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

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

.manual-import-source-pill[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f1f5f9);
    border-radius: 999px;
    color: var(--theme-color-tagText, #475569);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.24rem 0.55rem;
}

.manual-import-mode-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.manual-import-mode[b-69jrmcq8ea] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 2.25rem;
    padding: 0.35rem 0.5rem;
}

.manual-import-mode.active[b-69jrmcq8ea] {
    background: var(--theme-color-primary, #2563eb);
    border-color: var(--theme-color-primary, #2563eb);
    color: #ffffff;
}

.manual-import-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-import-grid .full-span[b-69jrmcq8ea] {
    grid-column: 1 / -1;
}

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

.manual-import-error[b-69jrmcq8ea] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: var(--theme-radius-control, 8px);
    color: #991b1b;
    padding: 0.55rem 0.7rem;
}

.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.guided[b-69jrmcq8ea] {
    min-height: 12rem;
}

.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;
}

.workspace-overview-header[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.workspace-overview-header h2[b-69jrmcq8ea] {
    font-size: 1.35rem;
    font-weight: var(--theme-font-weight-bold, 700);
    margin: 0;
}

.readiness-score[b-69jrmcq8ea] {
    font-size: 1rem;
    color: var(--theme-color-textMuted, #64748b);
}

.readiness-score strong[b-69jrmcq8ea] {
    color: var(--theme-color-primary, #2563eb);
    font-size: 1.25rem;
}

.readiness-checklist[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.readiness-item[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: 1.25rem 1fr auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: var(--theme-radius-control, 8px);
    border-left: 3px solid var(--theme-color-border, #e2e8f0);
    background: var(--theme-color-surface2, #f8fafc);
    transition: background var(--theme-transition-speed, 180ms), border-color var(--theme-transition-speed, 180ms);
}

.readiness-item.complete[b-69jrmcq8ea] {
    border-left-color: var(--theme-color-success, #22c55e);
    background: color-mix(in srgb, var(--theme-color-success, #22c55e) 8%, var(--theme-color-surface, #ffffff));
}

.readiness-item.needs-attention[b-69jrmcq8ea] {
    border-left-color: var(--theme-color-warning, #f59e0b);
}

.readiness-item.clickable[b-69jrmcq8ea] {
    cursor: pointer;
}

.readiness-item.clickable:hover[b-69jrmcq8ea] {
    background: var(--theme-color-hover, rgba(0,0,0,0.04));
}

.readiness-item-icon[b-69jrmcq8ea] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--theme-color-textMuted, #64748b);
    text-align: center;
}

.readiness-item.complete .readiness-item-icon[b-69jrmcq8ea] {
    color: var(--theme-color-success, #22c55e);
}

.readiness-item.needs-attention .readiness-item-icon[b-69jrmcq8ea] {
    color: var(--theme-color-warning, #f59e0b);
}

.readiness-item-label[b-69jrmcq8ea] {
    font-size: 0.875rem;
    font-weight: var(--theme-font-weight-medium, 500);
    color: var(--theme-color-text, #1e293b);
}

.readiness-item-detail[b-69jrmcq8ea] {
    font-size: 0.78rem;
    color: var(--theme-color-textMuted, #64748b);
    text-align: right;
}

.readiness-item.complete .readiness-item-label[b-69jrmcq8ea] {
    text-decoration: line-through;
    color: var(--theme-color-textMuted, #64748b);
}

.readiness-next-action[b-69jrmcq8ea] {
    font-size: 0.85rem;
    color: var(--theme-color-textMuted, #64748b);
    margin: 0;
}

.primary-upload-cta[b-69jrmcq8ea] {
    background: var(--theme-color-primary, #2563eb);
    border-radius: var(--theme-radius-control, 8px);
    box-shadow: var(--theme-shadow-sm, 0 6px 18px rgba(37, 99, 235, 0.18));
    color: #ffffff !important;
    display: inline-flex;
    font-size: 0.88rem !important;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.9rem;
}

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

.duplicate-choice-panel[b-69jrmcq8ea] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.duplicate-choice-panel div:first-child[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.duplicate-choice-panel strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.9rem;
}

.duplicate-choice-panel span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    line-height: 1.35;
}

.duplicate-actions[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* 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%;
}

.document-settings-panel[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.document-settings-grid[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    align-items: end;
}

.usage-switch-grid[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.toggle-row[b-69jrmcq8ea] {
    align-items: center;
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.52));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.85));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    display: flex;
    gap: 0.45rem;
    min-height: 2.75rem;
    padding: 0.55rem 0.65rem;
}

.toggle-row input[b-69jrmcq8ea] {
    accent-color: var(--theme-color-primary, #2563eb);
    flex: 0 0 auto;
}

.toggle-row span[b-69jrmcq8ea] {
    color: var(--theme-color-text, #334155);
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 700);
    line-height: 1.2;
}

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

.form-disabled-reason[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    margin: -0.6rem 0 0;
    text-align: right;
}

.review-workbench[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.review-heading-actions[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.review-heading h4[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    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;
}

.review-grid[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1rem;
    align-items: start;
}

.review-original[b-69jrmcq8ea],
.review-structured[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.review-section-title[b-69jrmcq8ea] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

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

.review-section-title span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.74rem;
}

.review-evidence-list[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 34rem;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.review-evidence-card[b-69jrmcq8ea] {
    background: var(--theme-color-surface, rgba(255, 255, 255, 0.58));
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.9));
    border-radius: var(--theme-radius-control, 8px);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.85rem;
}

.review-evidence-card.inactive[b-69jrmcq8ea] {
    opacity: 0.62;
}

.review-evidence-card.sensitive[b-69jrmcq8ea] {
    border-color: color-mix(in srgb, var(--theme-color-danger, #ef4444) 34%, var(--theme-color-border, #cbd5e1));
}

.review-card-topline[b-69jrmcq8ea],
.review-actions[b-69jrmcq8ea] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: space-between;
}

.review-card-topline .glass-input[b-69jrmcq8ea] {
    max-width: 12rem;
}

.review-card-fields[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.confidence-badge[b-69jrmcq8ea] {
    border-radius: var(--theme-radius-control, 8px);
    font-size: 0.75rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.28rem 0.5rem;
}

.evidence-status-badge[b-69jrmcq8ea] {
    border-radius: var(--theme-radius-control, 8px);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.28rem 0.5rem;
}

.evidence-status-badge.autodetected[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-primary, #2563eb) 10%, transparent);
    color: var(--theme-color-primary, #1d4ed8);
}

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

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

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

.confidence-badge.medium[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-status-applied-text, #92400e);
}

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

.toggle-row.compact[b-69jrmcq8ea] {
    min-height: 2.25rem;
    padding: 0.4rem 0.55rem;
}

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

.evidence-summary-panel[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.evidence-summary-panel 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);
}

.evidence-summary-panel p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
    margin: 0;
}

.evidence-summary-grid[b-69jrmcq8ea],
.evidence-chip-list[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.evidence-summary-grid span[b-69jrmcq8ea],
.evidence-chip[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f1f5f9);
    border: 1px solid var(--theme-color-border, rgba(226, 232, 240, 0.8));
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.75rem;
    padding: 0.3rem 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 (min-width: 1180px) {
    .workspace-layout[b-69jrmcq8ea] {
        grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
    }

    .sidebar-panel[b-69jrmcq8ea] {
        position: sticky;
        top: 1rem;
    }

    .workspace-editor[b-69jrmcq8ea] {
        max-width: 100%;
    }
}

@media (max-width: 980px) {
    .workspace-layout[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
    .builder-grid[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
    .persona-preview-results[b-69jrmcq8ea],
    .persona-preview-meta-grid[b-69jrmcq8ea],
    .persona-quality-grid[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
    .document-settings-grid[b-69jrmcq8ea],
    .usage-switch-grid[b-69jrmcq8ea],
    .inbox-toolbar[b-69jrmcq8ea],
    .upload-stepper[b-69jrmcq8ea],
    .manual-import-mode-grid[b-69jrmcq8ea],
    .review-grid[b-69jrmcq8ea],
    .review-card-fields[b-69jrmcq8ea] {
        grid-template-columns: 1fr 1fr;
    }
    .version-timeline-grid[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .documents-page[b-69jrmcq8ea] {
        --documents-list-max-height: none;
        gap: 1.25rem;
        padding: 1.25rem;
    }

    .sidebar-panel[b-69jrmcq8ea],
    .workspace-editor[b-69jrmcq8ea] {
        min-height: auto;
    }

    .library-scrollable[b-69jrmcq8ea],
    .reference-checklist[b-69jrmcq8ea],
    .queue-list[b-69jrmcq8ea] {
        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    }

    .analytics-row[b-69jrmcq8ea] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .editor-header[b-69jrmcq8ea] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }

    .editor-actions[b-69jrmcq8ea] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .documents-page[b-69jrmcq8ea] {
        overflow-x: clip;
    }

    .knowledge-search-header[b-69jrmcq8ea],
    .document-llm-status-header[b-69jrmcq8ea],
    .document-quality-dashboard[b-69jrmcq8ea],
    .document-onboarding-header[b-69jrmcq8ea],
    .active-quality-header[b-69jrmcq8ea],
    .retention-control-header[b-69jrmcq8ea],
    .profile-skill-header[b-69jrmcq8ea],
    .persona-version-header[b-69jrmcq8ea] {
        align-items: flex-start;
        flex-direction: column;
    }

    .reference-inbox-results.cards[b-69jrmcq8ea],
    .reference-inbox-results.list[b-69jrmcq8ea],
    .document-onboarding-steps[b-69jrmcq8ea],
    .profile-skill-grid[b-69jrmcq8ea],
    .knowledge-result-groups[b-69jrmcq8ea],
    .export-preview-grid[b-69jrmcq8ea],
    .danger-zone-panel[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }

    .mobile-sticky-actions[b-69jrmcq8ea] {
        background: var(--theme-color-surface, #ffffff);
        border: 1px solid var(--theme-color-border, #dbe3ea);
        border-radius: var(--theme-radius-card, 8px);
        bottom: 0.75rem;
        box-shadow: var(--theme-shadow-md, 0 8px 24px rgba(15, 23, 42, 0.12));
        display: grid;
        gap: 0.5rem;
        grid-template-columns: 1fr;
        margin-top: 1rem;
        padding: 0.65rem;
        position: sticky;
        z-index: 8;
    }

    .mobile-sticky-actions[b-69jrmcq8ea]  fluent-button,
    .mobile-sticky-actions button[b-69jrmcq8ea] {
        width: 100%;
    }
}

@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;
    }
    .document-settings-grid[b-69jrmcq8ea],
    .usage-switch-grid[b-69jrmcq8ea],
    .inbox-toolbar[b-69jrmcq8ea],
    .upload-stepper[b-69jrmcq8ea],
    .manual-import-mode-grid[b-69jrmcq8ea],
    .manual-import-grid[b-69jrmcq8ea],
    .review-grid[b-69jrmcq8ea],
    .review-card-fields[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
    .upload-wizard-heading[b-69jrmcq8ea],
    .manual-import-heading[b-69jrmcq8ea],
    .manual-import-actions[b-69jrmcq8ea],
    .persona-preview-header[b-69jrmcq8ea],
    .persona-improvement-header[b-69jrmcq8ea],
    .review-heading[b-69jrmcq8ea],
    .duplicate-choice-panel[b-69jrmcq8ea],
    .form-actions[b-69jrmcq8ea] {
        align-items: stretch;
        flex-direction: column;
    }
    .duplicate-actions[b-69jrmcq8ea] {
        justify-content: stretch;
    }
    .review-heading-actions[b-69jrmcq8ea] {
        justify-content: stretch;
    }
    .inbox-view-toggle[b-69jrmcq8ea],
    .inbox-bulk-bar[b-69jrmcq8ea] {
        align-items: stretch;
        flex-direction: column;
    }
    .form-disabled-reason[b-69jrmcq8ea] {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .documents-page[b-69jrmcq8ea] {
        gap: 1rem;
        padding: 0.85rem;
    }

    .glass-card[b-69jrmcq8ea],
    .glass-panel[b-69jrmcq8ea] {
        padding: 1rem;
    }

    .header-brand h1[b-69jrmcq8ea] {
        font-size: 1.65rem;
        line-height: 1.1;
    }

    .analytics-row[b-69jrmcq8ea] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi-card[b-69jrmcq8ea] {
        min-width: 0;
    }

    .item-name[b-69jrmcq8ea] {
        white-space: normal;
    }

    .upload-dropzone.guided[b-69jrmcq8ea] {
        min-height: 9rem;
    }

    .primary-upload-cta[b-69jrmcq8ea] {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        min-height: var(--documents-touch-target);
    }

    .manual-import-actions[b-69jrmcq8ea],
    .retention-action-grid[b-69jrmcq8ea],
    .editor-actions[b-69jrmcq8ea],
    .review-heading-actions[b-69jrmcq8ea] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 390px) {
    .documents-page[b-69jrmcq8ea] {
        padding: 0.6rem;
    }

    .analytics-row[b-69jrmcq8ea],
    .quality-dashboard-grid[b-69jrmcq8ea],
    .retention-summary-grid[b-69jrmcq8ea],
    .upload-stepper[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }

    .inbox-toolbar input[b-69jrmcq8ea],
    .inbox-toolbar select[b-69jrmcq8ea],
    .glass-input[b-69jrmcq8ea] {
        font-size: 1rem;
    }

    .mobile-sticky-actions[b-69jrmcq8ea] {
        border-radius: var(--theme-radius-card, 8px);
        bottom: 4.25rem;
        margin-inline: 0;
    }
}

/* 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);
}

.queue-error-kind[b-69jrmcq8ea] {
    color: var(--theme-color-danger, #b91c1c);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 700);
}

.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);
}

.persona-template-strip[b-69jrmcq8ea],
.persona-version-panel[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 10px);
    background: color-mix(in srgb, var(--theme-color-surface, #ffffff) 78%, transparent);
}

.privacy-policy-note[b-69jrmcq8ea] {
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
}

.privacy-policy-note.strict[b-69jrmcq8ea] {
    background: var(--theme-status-interview-bg, #fffbeb);
    border-color: var(--theme-color-warning, #f59e0b);
    color: var(--theme-status-interview-text, #92400e);
}

.persona-template-strip > span[b-69jrmcq8ea],
.persona-version-usage[b-69jrmcq8ea],
.persona-version-categories[b-69jrmcq8ea] {
    font-size: 0.78rem;
    color: var(--theme-color-textMuted, #475569);
}

.persona-template-grid[b-69jrmcq8ea],
.persona-version-list[b-69jrmcq8ea] {
    display: grid;
    gap: 0.55rem;
}

.persona-template-button[b-69jrmcq8ea] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    background: var(--theme-color-surfaceOffset, #f8fafc);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font-size: 0.78rem;
    line-height: 1.25;
    padding: 0.55rem 0.65rem;
    text-align: left;
}

.persona-template-button:hover:not(:disabled)[b-69jrmcq8ea] {
    border-color: var(--theme-color-primary, #0f766e);
    background: var(--theme-color-primaryHighlight, #f0fdfa);
}

.persona-version-panel[b-69jrmcq8ea] {
    margin-bottom: 1rem;
}

.persona-version-header[b-69jrmcq8ea],
.persona-version-row[b-69jrmcq8ea] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.persona-version-header h4[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.persona-version-categories[b-69jrmcq8ea] {
    margin: 0;
}

.persona-usage-history[b-69jrmcq8ea] {
    border: 1px dashed var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.75rem;
}

.persona-usage-history h5[b-69jrmcq8ea],
.persona-usage-history p[b-69jrmcq8ea] {
    margin: 0;
}

.persona-usage-history h5[b-69jrmcq8ea] {
    font-size: 0.86rem;
    margin-bottom: 0.45rem;
}

.persona-usage-list[b-69jrmcq8ea] {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 0.6rem;
}

.persona-usage-row[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.persona-usage-row span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.76rem;
}

.persona-version-row[b-69jrmcq8ea] {
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.75rem;
}

.persona-version-row.active[b-69jrmcq8ea] {
    border-color: var(--theme-color-primary, #0f766e);
    background: var(--theme-color-primaryHighlight, #f0fdfa);
}

.persona-version-row small[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #475569);
    display: block;
    font-size: 0.76rem;
    margin-top: 0.2rem;
}

.document-llm-status[b-69jrmcq8ea] {
    display: grid;
    gap: 0.9rem;
    margin: 1rem 0;
    padding: 1rem;
}

.document-llm-status.ready[b-69jrmcq8ea] {
    border-color: #86efac;
}

.document-llm-status.limited[b-69jrmcq8ea] {
    border-color: #fcd34d;
}

.document-llm-status.blocked[b-69jrmcq8ea] {
    border-color: #fca5a5;
}

.document-llm-status-header[b-69jrmcq8ea] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.document-llm-status-header h2[b-69jrmcq8ea],
.document-llm-status-header p[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.document-llm-feature-row[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.document-llm-feature[b-69jrmcq8ea] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem;
}

.document-llm-feature.ready[b-69jrmcq8ea] {
    background: #ecfdf5;
    border-color: #86efac;
}

.document-llm-feature.limited[b-69jrmcq8ea] {
    background: #fffbeb;
    border-color: #fcd34d;
}

.document-llm-feature.blocked[b-69jrmcq8ea] {
    background: #fef2f2;
    border-color: #fca5a5;
}

.document-llm-feature p[b-69jrmcq8ea],
.document-llm-feature small[b-69jrmcq8ea],
.builder-warning[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    margin: 0;
}

.builder-warning[b-69jrmcq8ea] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: var(--theme-radius-control, 8px);
    display: block;
    padding: 0.55rem 0.7rem;
}

.document-quality-dashboard[b-69jrmcq8ea] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    margin: 1rem 0;
    padding: 1rem;
}

.document-quality-dashboard h2[b-69jrmcq8ea],
.document-quality-dashboard p[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.document-quality-dashboard p[b-69jrmcq8ea],
.active-quality-panel p[b-69jrmcq8ea],
.quality-retry-note[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
}

.quality-dashboard-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quality-dashboard-grid article[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.15rem;
    min-height: 4rem;
    padding: 0.65rem;
}

.quality-dashboard-grid strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 1.15rem;
}

.quality-dashboard-grid span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.72rem;
}

.quality-score-widget[b-69jrmcq8ea] {
    align-items: center;
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    flex: 0 0 auto;
    gap: 0.05rem;
    min-width: 4.6rem;
    padding: 0.35rem 0.5rem;
    text-align: center;
}

.quality-score-widget strong[b-69jrmcq8ea] {
    font-size: 0.82rem;
    line-height: 1.1;
}

.quality-score-widget span[b-69jrmcq8ea] {
    font-size: 0.62rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.quality-score-widget.large[b-69jrmcq8ea] {
    min-width: 6rem;
    padding: 0.6rem 0.7rem;
}

.quality-score-widget.large strong[b-69jrmcq8ea] {
    font-size: 1.35rem;
}

.quality-score-widget.good[b-69jrmcq8ea] {
    background: #ecfdf5;
    border-color: #86efac;
    color: #047857;
}

.quality-score-widget.limited[b-69jrmcq8ea] {
    background: #fffbeb;
    border-color: #fcd34d;
    color: #92400e;
}

.quality-score-widget.problem[b-69jrmcq8ea] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

.quality-hint-list[b-69jrmcq8ea] {
    display: grid;
    gap: 0.35rem;
}

.quality-hint-list span[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.72rem;
    line-height: 1.35;
    padding: 0.35rem 0.5rem;
}

.quality-hint-list.active span[b-69jrmcq8ea] {
    font-size: 0.82rem;
}

.active-quality-panel[b-69jrmcq8ea] {
    display: grid;
    gap: 0.8rem;
}

.active-quality-header[b-69jrmcq8ea] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
}

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

.quality-retry-note[b-69jrmcq8ea] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: var(--theme-radius-control, 8px);
    color: #9a3412;
    padding: 0.55rem 0.7rem;
}

.quality-actions[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.retention-control-panel[b-69jrmcq8ea] {
    display: grid;
    gap: 0.85rem;
}

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

.retention-control-header h4[b-69jrmcq8ea],
.retention-control-header p[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.retention-control-header p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
    line-height: 1.45;
}

.retention-summary-grid[b-69jrmcq8ea],
.retention-action-grid[b-69jrmcq8ea],
.retention-warning-list[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.retention-summary-grid span[b-69jrmcq8ea],
.retention-warning-list span[b-69jrmcq8ea],
.export-download-link[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.74rem;
    padding: 0.38rem 0.55rem;
}

.retention-summary-grid strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
}

.retention-warning-list span[b-69jrmcq8ea] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

.dependency-preview-list[b-69jrmcq8ea] {
    display: grid;
    gap: 0.55rem;
}

.dependency-preview-list article[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.22rem;
    padding: 0.65rem;
}

.dependency-preview-list strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.82rem;
}

.dependency-preview-list span[b-69jrmcq8ea],
.dependency-preview-list small[b-69jrmcq8ea],
.dependency-preview-list p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.74rem;
    line-height: 1.4;
    margin: 0;
}

.export-download-link[b-69jrmcq8ea] {
    align-items: center;
    color: var(--theme-color-primary, #2563eb);
    display: inline-flex;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 2rem;
    text-decoration: none;
}

.export-preview-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.danger-zone-panel[b-69jrmcq8ea] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 6%, var(--theme-color-surface, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-color-danger, #ef4444) 35%, var(--theme-color-border, #cbd5e1));
    border-radius: var(--theme-radius-card, 8px);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 12rem) auto;
    padding: 0.85rem;
}

.danger-zone-panel strong[b-69jrmcq8ea] {
    color: var(--theme-color-danger, #b91c1c);
    display: block;
}

.danger-zone-panel span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    display: block;
    font-size: 0.78rem;
    line-height: 1.4;
    margin-top: 0.15rem;
}

.product-telemetry-dashboard[b-69jrmcq8ea] {
    display: grid;
    gap: 1rem;
    margin: 1rem 0;
    padding: 1rem;
}

.product-telemetry-header[b-69jrmcq8ea],
.product-telemetry-actions[b-69jrmcq8ea],
.telemetry-event-log-header[b-69jrmcq8ea] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.product-telemetry-header h2[b-69jrmcq8ea],
.product-telemetry-header p[b-69jrmcq8ea],
.telemetry-insight-grid h3[b-69jrmcq8ea],
.telemetry-event-log h3[b-69jrmcq8ea],
.telemetry-event-log p[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.product-telemetry-header p[b-69jrmcq8ea],
.telemetry-insight-grid p[b-69jrmcq8ea],
.telemetry-event-log p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
}

.product-telemetry-actions[b-69jrmcq8ea] {
    align-items: center;
    flex-shrink: 0;
}

.telemetry-state-pill[b-69jrmcq8ea],
.telemetry-event-kind[b-69jrmcq8ea] {
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.22rem 0.55rem;
}

.telemetry-state-pill.enabled[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-success, #16a34a) 13%, var(--theme-color-surface, #ffffff));
    color: var(--theme-color-success, #15803d);
}

.telemetry-state-pill.disabled[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 13%, var(--theme-color-surface, #ffffff));
    color: #92400e;
}

.telemetry-funnel-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.telemetry-funnel-card[b-69jrmcq8ea],
.telemetry-insight-grid section[b-69jrmcq8ea],
.telemetry-event-row[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
}

.telemetry-funnel-card[b-69jrmcq8ea] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
}

.telemetry-funnel-card strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    display: block;
    font-size: 0.92rem;
}

.telemetry-funnel-card span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    display: block;
    font-size: 0.72rem;
    line-height: 1.35;
}

.telemetry-funnel-stats[b-69jrmcq8ea],
.telemetry-count-list[b-69jrmcq8ea],
.telemetry-event-list[b-69jrmcq8ea] {
    display: grid;
    gap: 0.45rem;
}

.telemetry-insight-grid[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.telemetry-insight-grid section[b-69jrmcq8ea] {
    padding: 0.75rem;
}

.telemetry-insight-grid h3[b-69jrmcq8ea],
.telemetry-event-log h3[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.9rem;
}

.telemetry-count-list span[b-69jrmcq8ea] {
    align-items: center;
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-textMuted, #475569);
    display: flex;
    font-size: 0.74rem;
    gap: 0.45rem;
    justify-content: space-between;
    min-height: 2rem;
    padding: 0.3rem 0.55rem;
}

.telemetry-count-list strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
}

.telemetry-event-log[b-69jrmcq8ea] {
    display: grid;
    gap: 0.65rem;
}

.telemetry-event-log-header span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.74rem;
}

.telemetry-event-row[b-69jrmcq8ea] {
    align-items: center;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(8rem, 1.2fr) minmax(8rem, 0.8fr) repeat(4, minmax(0, 1fr));
    min-height: 2.7rem;
    padding: 0.5rem;
}

.telemetry-event-row span[b-69jrmcq8ea],
.telemetry-event-row small[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.72rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.telemetry-event-kind[b-69jrmcq8ea] {
    justify-self: start;
}

.telemetry-event-kind.succeeded[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-success, #16a34a) 12%, var(--theme-color-surface, #ffffff));
    color: #166534;
}

.telemetry-event-kind.failed[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 12%, var(--theme-color-surface, #ffffff));
    color: #b91c1c;
}

.telemetry-event-kind.skipped[b-69jrmcq8ea] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, var(--theme-color-surface, #ffffff));
    color: #92400e;
}

.telemetry-event-kind.neutral[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f1f5f9);
    color: var(--theme-color-tagText, #475569);
}

.knowledge-search-panel[b-69jrmcq8ea] {
    display: grid;
    gap: 1rem;
    margin: 1rem 0;
    padding: 1rem;
}

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

.knowledge-search-header h2[b-69jrmcq8ea],
.knowledge-search-header p[b-69jrmcq8ea] {
    margin: 0.15rem 0 0;
}

.knowledge-search-header p[b-69jrmcq8ea],
.knowledge-empty[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
    line-height: 1.45;
}

.knowledge-search-controls[b-69jrmcq8ea] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.8fr) minmax(0, 0.8fr);
}

.knowledge-result-groups[b-69jrmcq8ea] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.knowledge-result-group[b-69jrmcq8ea] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
}

.knowledge-result-group-header[b-69jrmcq8ea] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.knowledge-result-group-header strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.88rem;
}

.knowledge-result-group-header span[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.72rem;
}

.knowledge-result-list[b-69jrmcq8ea] {
    display: grid;
    gap: 0.6rem;
}

.knowledge-result-card[b-69jrmcq8ea] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem;
}

.knowledge-result-meta[b-69jrmcq8ea],
.knowledge-result-actions[b-69jrmcq8ea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.knowledge-result-meta span[b-69jrmcq8ea] {
    background: var(--theme-color-tag, #f1f5f9);
    border-radius: 999px;
    color: var(--theme-color-tagText, #475569);
    font-size: 0.68rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.18rem 0.45rem;
}

.knowledge-result-card h4[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.9rem;
    margin: 0;
}

.knowledge-result-card small[b-69jrmcq8ea],
.knowledge-result-card p[b-69jrmcq8ea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.76rem;
    line-height: 1.4;
    margin: 0;
}

.knowledge-result-actions button[b-69jrmcq8ea] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: var(--theme-radius-control, 8px);
    color: var(--theme-color-text, #0f172a);
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    min-height: 1.85rem;
    padding: 0.3rem 0.52rem;
}

.knowledge-result-actions button:disabled[b-69jrmcq8ea] {
    cursor: not-allowed;
    opacity: 0.55;
}

@media (max-width: 720px) {
    .document-quality-dashboard[b-69jrmcq8ea],
    .quality-dashboard-grid[b-69jrmcq8ea],
    .telemetry-funnel-grid[b-69jrmcq8ea],
    .telemetry-insight-grid[b-69jrmcq8ea],
    .knowledge-search-controls[b-69jrmcq8ea],
    .knowledge-result-groups[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
    .persona-version-header[b-69jrmcq8ea],
    .persona-version-row[b-69jrmcq8ea],
    .document-llm-status-header[b-69jrmcq8ea],
    .active-quality-header[b-69jrmcq8ea],
    .retention-control-header[b-69jrmcq8ea],
    .product-telemetry-header[b-69jrmcq8ea],
    .knowledge-search-header[b-69jrmcq8ea] {
        align-items: flex-start;
        flex-direction: column;
    }

    .export-preview-grid[b-69jrmcq8ea],
    .danger-zone-panel[b-69jrmcq8ea],
    .telemetry-event-row[b-69jrmcq8ea] {
        grid-template-columns: 1fr;
    }
}

/* ── Compact status strip (replaces KPI wall) ─────────────────────── */
.status-summary-strip[b-69jrmcq8ea] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--theme-color-textMuted, #475569);
    flex-wrap: wrap;
}
.status-summary-strip strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-weight: var(--theme-font-weight-bold, 700);
}

/* ── Workspace navigation (desktop tabs + mobile sticky bottom bar) ── */
.document-workspace-nav[b-69jrmcq8ea] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--theme-color-border, #e2e8f0);
    padding-bottom: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
.document-workspace-nav[b-69jrmcq8ea]::-webkit-scrollbar { display: none; }
.document-workspace-nav button[b-69jrmcq8ea] {
    padding: 0.625rem 1rem;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s, border-color 0.15s;
    border-radius: 0;
}
.document-workspace-nav button:hover[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
}
.document-workspace-nav button.active[b-69jrmcq8ea] {
    color: var(--theme-color-primary, #2563eb);
    border-bottom-color: var(--theme-color-primary, #2563eb);
    font-weight: 600;
}

@media (max-width: 600px) {
    .document-workspace-nav[b-69jrmcq8ea] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background: var(--theme-color-surface, #ffffff);
        border-top: 1px solid var(--theme-color-border, #e2e8f0);
        border-bottom: none;
        padding: 0;
        justify-content: space-around;
        box-shadow: 0 -2px 12px rgba(0,0,0,.08);
    }
    .document-workspace-nav button[b-69jrmcq8ea] {
        flex: 1;
        padding: 0.75rem 0.25rem 0.6rem;
        font-size: 0.7rem;
        border-bottom: none;
        border-top: 2px solid transparent;
    }
    .document-workspace-nav button.active[b-69jrmcq8ea] {
        border-top-color: var(--theme-color-primary, #2563eb);
        border-bottom: none;
    }
    .document-center-shell[b-69jrmcq8ea] {
        padding-bottom: 4rem;
    }
}

/* ── Freigaben workspace ─────────────────────────────────────────── */
.documents-permissions-workspace[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.permissions-intro[b-69jrmcq8ea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.permissions-intro h2[b-69jrmcq8ea] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
}
.permissions-intro p[b-69jrmcq8ea] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--theme-color-textMuted, #475569);
}
.permissions-table[b-69jrmcq8ea] {
    display: flex;
    flex-direction: column;
}
.permissions-table-header[b-69jrmcq8ea],
.permissions-table-row[b-69jrmcq8ea] {
    display: grid;
    grid-template-columns: 1fr repeat(5, 5rem);
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
}
.permissions-table-header[b-69jrmcq8ea] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--theme-color-textMuted, #475569);
    border-bottom: 1px solid var(--theme-color-border, #e2e8f0);
}
.permissions-table-row[b-69jrmcq8ea] {
    border-bottom: 1px solid var(--theme-color-borderSubtle, #f1f5f9);
    transition: background 0.1s;
}
.permissions-table-row:last-child[b-69jrmcq8ea] { border-bottom: none; }
.permissions-table-row:hover[b-69jrmcq8ea] { background: var(--theme-color-surfaceHover, #f8fafc); }
.permissions-table-row.inactive[b-69jrmcq8ea] { opacity: 0.55; }
.permissions-col-name strong[b-69jrmcq8ea] { display: block; font-size: 0.9rem; }
.permissions-col-name small[b-69jrmcq8ea] { color: var(--theme-color-textMuted, #475569); font-size: 0.75rem; }
.permissions-col-toggle[b-69jrmcq8ea] {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
@media (max-width: 680px) {
    .permissions-table-header[b-69jrmcq8ea],
    .permissions-table-row[b-69jrmcq8ea] {
        grid-template-columns: 1fr repeat(5, 2.5rem);
        padding: 0.5rem 0.75rem;
    }
}

/* ── Profilwissen improvements ───────────────────────────────────── */
.profile-skill-summary-strip[b-69jrmcq8ea] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.875rem;
    color: var(--theme-color-textMuted, #475569);
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}
.profile-skill-summary-strip strong[b-69jrmcq8ea] {
    color: var(--theme-color-text, #0f172a);
    font-weight: 700;
}
.profile-skill-gap-hint[b-69jrmcq8ea] {
    margin-bottom: 1rem;
}
.profile-skill-group[b-69jrmcq8ea] {
    margin-bottom: 1.5rem;
}
.profile-skill-group-label[b-69jrmcq8ea] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--theme-color-textMuted, #64748b);
    margin: 0 0 0.75rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--theme-color-borderSubtle, #f1f5f9);
}
.profile-skill-card.confirmed[b-69jrmcq8ea] {
    border-left: 3px solid var(--theme-color-success, #22c55e);
}
.profile-skill-card.pending[b-69jrmcq8ea] {
    border-left: 3px solid var(--theme-color-warning, #f59e0b);
}

/* ── Bewerbungsprofile expert mode toggle ────────────────────────── */
.expert-mode-toggle-row[b-69jrmcq8ea] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}
.expert-mode-toggle[b-69jrmcq8ea] {
    font-size: 0.8rem;
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: 999px;
    background: transparent;
    color: var(--theme-color-textMuted, #64748b);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.expert-mode-toggle:hover[b-69jrmcq8ea],
.expert-mode-toggle.active[b-69jrmcq8ea] {
    background: var(--theme-color-primary, #2563eb);
    color: #fff;
    border-color: var(--theme-color-primary, #2563eb);
}
/* /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%;
    }
}
/* /Components/Pages/ForgotPassword.razor.rz.scp.css */
.auth-shell[b-st1gsacsq2] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
    background:
        linear-gradient(160deg, rgba(231, 255, 252, 0.9) 0%, rgba(245, 248, 252, 0.96) 44%, rgba(229, 237, 250, 0.94) 100%),
        #f7fafc;
    color: #172033;
}

.auth-panel[b-st1gsacsq2] {
    width: min(100%, 27rem);
    padding: 1.25rem;
    border: 1px solid rgba(28, 47, 76, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 22px 60px rgba(31, 49, 81, 0.14);
    box-sizing: border-box;
}

.auth-brand[b-st1gsacsq2] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.35rem;
}

.auth-logo[b-st1gsacsq2] {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
    opacity: 0.74;
}

.auth-brand p[b-st1gsacsq2],
.auth-brand h1[b-st1gsacsq2] {
    margin: 0;
}

.auth-brand p[b-st1gsacsq2] {
    color: #516074;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.auth-brand h1[b-st1gsacsq2] {
    color: #0e1729;
    font-size: 2rem;
    line-height: 1.04;
    letter-spacing: 0;
}

.auth-alert[b-st1gsacsq2] {
    padding: 0.8rem 0.9rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(185, 28, 28, 0.2);
    border-radius: 8px;
    background: #fff1f2;
    color: #991b1b;
    font-size: 0.92rem;
}

.auth-alert-success[b-st1gsacsq2] {
    border-color: rgba(15, 118, 110, 0.22);
    background: #ecfdf5;
    color: #115e59;
}

.auth-form[b-st1gsacsq2] {
    display: grid;
    gap: 0.65rem;
}

.auth-form label[b-st1gsacsq2] {
    color: #26364c;
    font-size: 0.93rem;
    font-weight: 800;
}

.auth-form input[b-st1gsacsq2] {
    width: 100%;
    min-height: 3.1rem;
    padding: 0.78rem 0.9rem;
    border: 1px solid #cbd7e6;
    border-radius: 8px;
    background: #f8fbff;
    color: #111827;
    box-sizing: border-box;
    font: inherit;
    outline: none;
}

.auth-form input:focus[b-st1gsacsq2] {
    border-color: #14b8a6;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.14);
}

.auth-form button[b-st1gsacsq2] {
    min-height: 3.15rem;
    margin-top: 0.6rem;
    border: 0;
    border-radius: 8px;
    background: #14b8a6;
    color: #042f2e;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(20, 184, 166, 0.24);
}

.auth-form button:hover[b-st1gsacsq2] {
    background: #2dd4bf;
}

.auth-switch[b-st1gsacsq2] {
    margin: 1.05rem 0 0;
    color: #5c6b7d;
    text-align: center;
}

.auth-switch a[b-st1gsacsq2] {
    color: #0f766e;
    font-weight: 850;
    text-decoration: none;
}

.auth-switch a:hover[b-st1gsacsq2] {
    color: #115e59;
    text-decoration: underline;
}

@media (min-width: 720px) {
    .auth-shell[b-st1gsacsq2] {
        padding: 2rem;
    }

    .auth-panel[b-st1gsacsq2] {
        padding: 2rem;
    }
}

@media (max-width: 380px) {
    .auth-shell[b-st1gsacsq2] {
        padding-inline: 0.75rem;
    }

    .auth-panel[b-st1gsacsq2] {
        padding: 1rem;
    }

    .auth-brand h1[b-st1gsacsq2] {
        font-size: 1.8rem;
    }
}
/* /Components/Pages/Help.razor.rz.scp.css */
.help-container[b-gq9bi81iom] {
    max-width: 820px;
    margin: 0 auto;
    padding: 2rem 1.25rem 4rem;
    color: var(--theme-color-text, #1a1a1a);
}

.help-header h1[b-gq9bi81iom] {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
}

.help-lead[b-gq9bi81iom] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--theme-color-text-secondary, rgba(0, 0, 0, 0.65));
    margin: 0;
}

.help-section[b-gq9bi81iom] {
    margin-top: 2.5rem;
}

.help-section h2[b-gq9bi81iom] {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 0.9rem;
}

.help-section-head[b-gq9bi81iom] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
}

.help-count[b-gq9bi81iom] {
    font-size: 0.85rem;
    color: var(--theme-color-text-secondary, rgba(0, 0, 0, 0.5));
}

.help-hint[b-gq9bi81iom] {
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--theme-color-text-secondary, rgba(0, 0, 0, 0.6));
    margin: 0 0 1.25rem;
}

.help-flow[b-gq9bi81iom] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.help-flow li[b-gq9bi81iom],
.help-shortcuts li[b-gq9bi81iom] {
    line-height: 1.55;
}

.help-shortcuts[b-gq9bi81iom] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.help-group[b-gq9bi81iom] {
    margin-top: 1.75rem;
}

.help-group h3[b-gq9bi81iom] {
    font-size: 1.02rem;
    font-weight: 600;
    margin: 0 0 0.2rem;
}

.help-group-desc[b-gq9bi81iom] {
    font-size: 0.88rem;
    color: var(--theme-color-text-secondary, rgba(0, 0, 0, 0.55));
    margin: 0 0 0.75rem;
}

.help-commands[b-gq9bi81iom] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.help-command[b-gq9bi81iom] {
    padding: 0.7rem 0.85rem;
    border-radius: 10px;
    border: 1px solid var(--theme-color-border, rgba(0, 0, 0, 0.08));
    background: var(--theme-color-surface-secondary, rgba(0, 0, 0, 0.015));
    margin-bottom: 0.45rem;
}

.help-command-row[b-gq9bi81iom] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.help-command-label[b-gq9bi81iom] {
    font-weight: 500;
    font-size: 0.96rem;
}

.help-command-aliases[b-gq9bi81iom],
.help-command-args[b-gq9bi81iom] {
    font-size: 0.8rem;
    color: var(--theme-color-text-secondary, rgba(0, 0, 0, 0.5));
    margin-top: 0.3rem;
}

.help-badge[b-gq9bi81iom] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    border: 1px solid transparent;
    white-space: nowrap;
}

.help-badge.confirm[b-gq9bi81iom] {
    background: rgba(37, 87, 214, 0.1);
    color: #2557d6;
    border-color: rgba(37, 87, 214, 0.25);
}

.help-badge.danger[b-gq9bi81iom] {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
    border-color: rgba(220, 38, 38, 0.25);
}

.help-badge.undo[b-gq9bi81iom] {
    background: rgba(0, 0, 0, 0.05);
    color: var(--theme-color-text-secondary, rgba(0, 0, 0, 0.55));
    border-color: rgba(0, 0, 0, 0.1);
}

kbd[b-gq9bi81iom] {
    display: inline-block;
    padding: 0.05rem 0.4rem;
    border-radius: 5px;
    border: 1px solid var(--theme-color-border, rgba(0, 0, 0, 0.18));
    background: var(--theme-color-surface-secondary, rgba(0, 0, 0, 0.04));
    font-family: inherit;
    font-size: 0.82em;
    line-height: 1.4;
    white-space: nowrap;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-container[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    color: var(--theme-color-text, #0f172a);
    min-width: 0;
    padding-bottom: 5rem;
}

.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(min(240px, 100%), 1fr));
    gap: 1.25rem;
    min-width: 0;
}

.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));
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

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

.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; }
}

/* Responsive Grid vs. Card list */
.desktop-inbox-grid[b-0em169leew] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
}

.desktop-inbox-grid[b-0em169leew]  fluent-data-grid {
    min-width: 860px;
    width: 100%;
}

.desktop-inbox-grid[b-0em169leew]  fluent-data-grid-cell,
.desktop-inbox-grid[b-0em169leew]  fluent-data-grid-row {
    min-width: 0;
}

.inbox-action-cell[b-0em169leew] {
    display: flex;
    justify-content: flex-end;
    min-width: 132px;
    white-space: nowrap;
}

.mobile-inbox-list[b-0em169leew] {
    display: none;
}

@media (max-width: 768px) {
    .desktop-inbox-grid[b-0em169leew] {
        display: none;
    }

    .mobile-inbox-list[b-0em169leew] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .mobile-capture-card[b-0em169leew] {
        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: 1rem;
        box-shadow: var(--theme-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));
        cursor: pointer;
        transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
    }

    .mobile-capture-card:hover[b-0em169leew] {
        transform: translateY(-2px);
        box-shadow: var(--theme-shadow-md, 0 4px 6px rgba(0, 0, 0, 0.05));
        border-color: var(--theme-color-primary, #3b82f6);
    }

    .mobile-card-header[b-0em169leew] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.85rem;
    }

    .mobile-card-company[b-0em169leew] {
        font-weight: 700;
        color: var(--theme-color-primary, #3b82f6);
    }

    .mobile-card-time-group[b-0em169leew] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .mobile-card-time[b-0em169leew] {
        color: var(--theme-color-textMuted, #64748b);
        font-size: 0.78rem;
    }

    .mobile-card-title[b-0em169leew] {
        font-size: 1rem;
        font-weight: 700;
        margin: 0;
        color: var(--theme-color-heading, var(--theme-color-text, #0f172a));
        line-height: 1.3;
    }

    .mobile-card-footer[b-0em169leew] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.2rem;
        gap: 0.75rem;
    }

    .mobile-card-badges[b-0em169leew] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
        min-width: 0;
    }

    .mobile-card-badges .status-badge[b-0em169leew] {
        font-size: 0.7rem;
        padding: 0.2rem 0.5rem;
    }

    .mobile-card-action[b-0em169leew] {
        color: var(--theme-color-primary, #0f766e);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        flex: 0 0 auto;
        min-height: 38px;
        padding: 0.45rem 0.65rem;
        border: 1px solid var(--theme-color-primaryHighlight, rgba(15, 118, 110, 0.18));
        border-radius: var(--theme-radius-control, 8px);
        background: var(--theme-color-primaryHighlight, rgba(15, 118, 110, 0.08));
        font-size: 0.78rem;
        font-weight: var(--theme-font-weight-bold, 760);
        white-space: nowrap;
    }
}

@media (max-width: 420px) {
    .mobile-card-footer[b-0em169leew] {
        align-items: stretch;
        flex-direction: column;
    }

    .mobile-card-action[b-0em169leew] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 1280px) {
    .dashboard-container[b-0em169leew] {
        gap: 1.5rem;
    }

    .grid-card[b-0em169leew],
    .metric-card[b-0em169leew] {
        border-radius: 12px;
    }
}

@media (max-width: 1024px) {
    .dashboard-container[b-0em169leew] {
        gap: 1.25rem;
    }

    .dashboard-metrics[b-0em169leew] {
        grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
        gap: 1rem;
    }

    .grid-card[b-0em169leew] {
        padding: 1.1rem;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-0em169leew] {
        gap: 1rem;
        padding-bottom: 6rem;
    }

    .dashboard-header h1[b-0em169leew] {
        font-size: 1.45rem;
    }

    .dashboard-header p[b-0em169leew] {
        font-size: 0.88rem;
    }

    .dashboard-metrics[b-0em169leew] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .metric-card[b-0em169leew] {
        min-height: 104px;
        padding: 1rem;
    }

    .metric-label[b-0em169leew] {
        font-size: 0.72rem;
    }

    .metric-value[b-0em169leew] {
        font-size: 1.75rem;
    }

    .metric-subtext[b-0em169leew] {
        font-size: 0.7rem;
    }

    .grid-card[b-0em169leew] {
        padding: 1rem;
    }

    .grid-card-header[b-0em169leew] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .dashboard-metrics[b-0em169leew] {
        grid-template-columns: 1fr;
    }
}

/* ─── Onboarding Banner Styles ──────────────────────────────────────── */
.onboarding-banner-container[b-0em169leew] {
    position: relative;
    background: var(--theme-color-card, rgba(255, 255, 255, 0.7));
    border: 1px solid var(--theme-color-border, rgba(59, 130, 246, 0.25));
    border-radius: var(--theme-radius-card, 16px);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--theme-shadow-md, 0 10px 30px rgba(0, 0, 0, 0.04));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}

.onboarding-banner-dismiss-btn[b-0em169leew] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: none;
    color: var(--theme-color-textMuted, #64748b);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.onboarding-banner-dismiss-btn:hover[b-0em169leew] {
    background: var(--theme-color-surface2, rgba(0, 0, 0, 0.05));
    color: var(--theme-color-text, #0f172a);
}

.onboarding-banner-header[b-0em169leew] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    padding-right: 1.5rem; /* Avoid overlap with dismiss button */
}

.onboarding-banner-title-area[b-0em169leew] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.banner-badge[b-0em169leew] {
    align-self: flex-start;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--theme-color-primaryHighlight, rgba(59, 130, 246, 0.1));
    color: var(--theme-color-primary, #3b82f6);
    padding: 0.2rem 0.6rem;
    border-radius: 99px;
    border: 1px solid var(--theme-color-primary, rgba(59, 130, 246, 0.2));
}

.onboarding-banner-header h3[b-0em169leew] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--theme-color-heading, #0f172a);
}

.onboarding-banner-actions[b-0em169leew] {
    display: flex;
    gap: 0.75rem;
}

.banner-btn[b-0em169leew] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    border-radius: var(--theme-radius-control, 8px);
    font-weight: 700;
    font-size: 0.88rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.banner-btn.primary[b-0em169leew] {
    background: var(--theme-color-primary, #3b82f6);
    color: var(--theme-color-textInverse, #ffffff);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

.banner-btn.primary:hover[b-0em169leew] {
    background: var(--theme-color-primaryHover, #2563eb);
    transform: translateY(-1px);
}

.banner-btn.secondary[b-0em169leew] {
    background: var(--theme-color-surface2, #f1f5f9);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    color: var(--theme-color-text, #0f172a);
}

.banner-btn.secondary:hover[b-0em169leew] {
    background: var(--theme-color-surfaceOffset, #e2e8f0);
    transform: translateY(-1px);
}

.onboarding-banner-how-it-works[b-0em169leew] {
    border-top: 1px solid var(--theme-color-divider, rgba(0, 0, 0, 0.08));
    padding-top: 1rem;
}

.how-it-works-toggle[b-0em169leew] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem 0;
    color: var(--theme-color-text, #0f172a);
    font-size: 0.9rem;
    font-weight: 700;
    transition: color 0.2s ease;
}

.how-it-works-toggle:hover[b-0em169leew] {
    color: var(--theme-color-primary, #3b82f6);
}

.how-it-works-toggle .toggle-icon[b-0em169leew] {
    color: var(--theme-color-textMuted, #64748b);
    transition: transform 0.2s ease;
}

.how-it-works-content[b-0em169leew] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--theme-color-surfaceOffset, rgba(0, 0, 0, 0.02));
    border-radius: var(--theme-radius-card, 12px);
    border: 1px solid var(--theme-color-divider, rgba(0, 0, 0, 0.04));
}

.how-it-works-grid[b-0em169leew] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.25rem;
}

.how-it-works-step[b-0em169leew] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.how-it-works-step .step-num[b-0em169leew] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    background: var(--theme-color-primaryHighlight, rgba(59, 130, 246, 0.1));
    color: var(--theme-color-primary, #3b82f6);
    border: 1px solid var(--theme-color-primary, rgba(59, 130, 246, 0.2));
    border-radius: 50%;
    font-weight: 800;
    font-size: 0.88rem;
    flex-shrink: 0;
}

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

.step-desc strong[b-0em169leew] {
    font-size: 0.88rem;
    color: var(--theme-color-text, #0f172a);
    font-weight: 700;
}

.step-desc p[b-0em169leew] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--theme-color-textMuted, #64748b);
    line-height: 1.4;
}

.step-desc code[b-0em169leew] {
    background: var(--theme-color-surface2, #e2e8f0);
    padding: 0.1rem 0.3rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: var(--ui-font-monospace, monospace);
}

@media (max-width: 640px) {
    .onboarding-banner-header[b-0em169leew] {
        flex-direction: column;
        align-items: flex-start;
    }
    .onboarding-banner-actions[b-0em169leew] {
        width: 100%;
    }
    .banner-btn[b-0em169leew] {
        flex: 1;
        justify-content: center;
    }
}
/* /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;
    }
}
/* /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);
    max-width: 100%;
    overflow-x: clip;
}

.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;
    min-width: 0;
}

.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;
}

.header-actions[b-u53uaukdlu],
.copy-card[b-u53uaukdlu],
.draft-prerequisite[b-u53uaukdlu],
.raw-content-scroll[b-u53uaukdlu],
.studio-error[b-u53uaukdlu],
.studio-success-message[b-u53uaukdlu],
.studio-info-message[b-u53uaukdlu] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.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;
}

.draft-prerequisites-panel[b-u53uaukdlu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.draft-prerequisite[b-u53uaukdlu] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--theme-color-border, #d7dee3);
    border-radius: 8px;
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.35rem 0.55rem;
}

.draft-prerequisite.ready[b-u53uaukdlu] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    border-color: #a7f3d0;
    color: var(--theme-status-offer-text, #065f46);
}

.draft-prerequisite.missing[b-u53uaukdlu] {
    background: var(--theme-status-rejected-bg, #fee2e2);
    border-color: #fecaca;
    color: var(--theme-status-rejected-text, #991b1b);
}

.draft-prerequisite.optional[b-u53uaukdlu] {
    background: var(--theme-color-tag, #f1f5f9);
}

.draft-guidance-note[b-u53uaukdlu],
.draft-loading-note[b-u53uaukdlu],
.draft-blocked-reason[b-u53uaukdlu] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    line-height: 1.45;
    margin: 0.5rem 0 0;
}

.draft-blocked-reason[b-u53uaukdlu] {
    color: var(--theme-status-rejected-text, var(--theme-color-danger, #991b1b));
    font-weight: var(--theme-font-weight-bold, 760);
}

.draft-next-step-links[b-u53uaukdlu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.application-context-panel[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, #d7dee3);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.9rem;
}

.application-context-header[b-u53uaukdlu] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.application-context-header h5[b-u53uaukdlu] {
    color: var(--theme-color-cardHeading, #0f172a) !important;
    font-size: 0.86rem;
    margin: 0;
}

.application-context-header p[b-u53uaukdlu] {
    color: var(--theme-color-cardTextMuted, #64748b) !important;
    font-size: 0.76rem;
    line-height: 1.4;
    margin: 0.15rem 0 0;
}

.application-context-status[b-u53uaukdlu] {
    border-radius: 999px;
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.25rem 0.55rem;
}

.application-context-status.complete[b-u53uaukdlu] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    color: var(--theme-status-offer-text, #065f46);
}

.application-context-status.weak[b-u53uaukdlu] {
    background: var(--theme-status-applied-bg, #fef3c7);
    color: var(--theme-status-applied-text, #92400e);
}

.application-context-status.empty[b-u53uaukdlu] {
    background: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #991b1b);
}

.application-context-warning-list[b-u53uaukdlu],
.application-context-reference-list[b-u53uaukdlu],
.context-evidence-list[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.application-context-warning-list span[b-u53uaukdlu],
.application-context-empty[b-u53uaukdlu],
.context-evidence-empty[b-u53uaukdlu],
.context-save-message[b-u53uaukdlu],
.context-save-error[b-u53uaukdlu] {
    border-radius: 8px;
    font-size: 0.74rem;
    line-height: 1.35;
    padding: 0.35rem 0.5rem;
}

.application-context-warning-list span[b-u53uaukdlu],
.application-context-empty[b-u53uaukdlu],
.context-evidence-empty[b-u53uaukdlu] {
    background: var(--theme-color-tag, #f1f5f9);
    color: var(--theme-color-tagText, #475569);
}

.context-save-message[b-u53uaukdlu] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    color: var(--theme-status-offer-text, #065f46);
}

.context-save-error[b-u53uaukdlu] {
    background: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #991b1b);
}

.application-context-reference[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.75rem;
}

.application-context-reference.selected[b-u53uaukdlu] {
    border-color: var(--theme-color-primary, #0f766e);
}

.context-reference-main[b-u53uaukdlu],
.context-evidence-item[b-u53uaukdlu] {
    align-items: flex-start;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 18px minmax(0, 1fr);
    text-transform: none;
}

.context-reference-main input[b-u53uaukdlu],
.context-evidence-item input[b-u53uaukdlu] {
    height: 16px;
    margin: 0.15rem 0 0;
    width: 16px;
}

.context-reference-main strong[b-u53uaukdlu],
.context-reference-main small[b-u53uaukdlu],
.context-evidence-item span[b-u53uaukdlu],
.context-evidence-item small[b-u53uaukdlu] {
    overflow-wrap: anywhere;
}

.context-reference-main strong[b-u53uaukdlu] {
    color: var(--theme-color-cardHeading, #0f172a);
    display: block;
    font-size: 0.82rem;
}

.context-reference-main small[b-u53uaukdlu],
.context-evidence-item small[b-u53uaukdlu] {
    color: var(--theme-color-cardTextMuted, #64748b);
    display: block;
    font-size: 0.72rem;
    line-height: 1.35;
    margin-top: 0.12rem;
}

.context-recommended-badge[b-u53uaukdlu] {
    align-self: flex-start;
    background: var(--theme-status-offer-bg, #ecfdf5);
    border-radius: 999px;
    color: var(--theme-status-offer-text, #065f46);
    font-size: 0.7rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.18rem 0.48rem;
}

.context-evidence-list[b-u53uaukdlu] {
    border-top: 1px solid var(--theme-color-divider, #eef2f7);
    padding-top: 0.55rem;
}

.context-evidence-item[b-u53uaukdlu] {
    border-radius: 8px;
    padding: 0.35rem 0.45rem;
}

.context-evidence-item.selected[b-u53uaukdlu] {
    background: var(--theme-color-surface2, #f8fafc);
}

.gap-analysis-panel[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.gap-analysis-header[b-u53uaukdlu],
.gap-requirement-header[b-u53uaukdlu],
.gap-action-row[b-u53uaukdlu] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.gap-analysis-header h4[b-u53uaukdlu] {
    margin: 0;
}

.gap-analysis-header p[b-u53uaukdlu],
.gap-requirement-row p[b-u53uaukdlu] {
    color: var(--theme-color-cardTextMuted, #64748b) !important;
    font-size: 0.78rem;
    line-height: 1.45;
    margin: 0.2rem 0 0;
}

.gap-saving-badge[b-u53uaukdlu] {
    background: var(--theme-color-tag, #f1f5f9);
    border-radius: 999px;
    color: var(--theme-color-tagText, #475569);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.25rem 0.55rem;
}

.gap-requirement-list[b-u53uaukdlu],
.gap-source-list[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.gap-requirement-row[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-left-width: 3px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.8rem;
}

.gap-requirement-row.covered[b-u53uaukdlu] {
    border-left-color: var(--theme-color-success, #10b981);
}

.gap-requirement-row.weak[b-u53uaukdlu] {
    border-left-color: var(--theme-color-warning, #f59e0b);
}

.gap-requirement-row.missing[b-u53uaukdlu] {
    border-left-color: var(--theme-color-danger, #ef4444);
}

.gap-requirement-row.irrelevant[b-u53uaukdlu] {
    border-left-color: var(--theme-color-divider, #cbd5e1);
    opacity: 0.78;
}

.gap-requirement-header strong[b-u53uaukdlu] {
    color: var(--theme-color-cardHeading, #0f172a);
    font-size: 0.82rem;
}

.gap-requirement-header span[b-u53uaukdlu],
.gap-source-list span[b-u53uaukdlu] {
    border-radius: 8px;
    font-size: 0.72rem;
    line-height: 1.35;
    padding: 0.25rem 0.45rem;
}

.gap-requirement-header span[b-u53uaukdlu] {
    background: var(--theme-color-tag, #f1f5f9);
    color: var(--theme-color-tagText, #475569);
    flex-shrink: 0;
}

.gap-source-list span[b-u53uaukdlu] {
    align-self: flex-start;
    background: var(--theme-status-offer-bg, #ecfdf5);
    color: var(--theme-status-offer-text, #065f46);
}

.gap-action-row[b-u53uaukdlu] {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.gap-evidence-select[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, #cbd5e1);
    border-radius: 8px;
    color: var(--theme-color-inputText, var(--theme-color-text, #0f172a));
    font: inherit;
    font-size: 0.78rem;
    min-height: 32px;
    min-width: min(100%, 220px);
    padding: 0.35rem 0.5rem;
}

.draft-empty-state[b-u53uaukdlu],
.draft-error-state[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
}

.draft-empty-title[b-u53uaukdlu],
.draft-error-title[b-u53uaukdlu] {
    margin: 0;
    font-size: 1rem;
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, #1e293b) !important;
}

.draft-empty-subtitle[b-u53uaukdlu],
.draft-error-msg[b-u53uaukdlu] {
    margin: 0;
    color: var(--theme-color-cardTextMuted, #64748b) !important;
    line-height: 1.45;
}

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

.with-top-margin[b-u53uaukdlu] {
    margin-top: 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;
}

.job-action-feedback[b-u53uaukdlu] {
    display: grid;
    gap: 0.5rem;
    margin: 0.75rem 0 0;
}

[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;
    -webkit-user-select: text;
    user-select: text;
}

.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],
.studio-info-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);
}

.studio-info-message[b-u53uaukdlu] {
    color: var(--theme-color-text, #334155);
    background: var(--theme-color-tag, #f1f5f9);
    border: 1px solid var(--theme-color-border, #d7dee3);
    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;
    -webkit-user-select: text;
    user-select: text;
}

.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;
}

.evidence-trail-panel[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
}

.evidence-trail-header[b-u53uaukdlu],
.evidence-trace-row-header[b-u53uaukdlu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.evidence-trail-header h5[b-u53uaukdlu] {
    margin: 0;
    font-size: 0.86rem;
    font-weight: var(--theme-font-headingWeight, 800);
}

.evidence-trail-header p[b-u53uaukdlu],
.evidence-trace-row p[b-u53uaukdlu] {
    margin: 0.2rem 0 0;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
    font-size: 0.78rem;
    line-height: 1.45;
}

.evidence-trail-badge[b-u53uaukdlu] {
    flex-shrink: 0;
    border: 1px solid var(--theme-color-border, #d7dee3);
    border-radius: 999px;
    color: var(--theme-color-tagText, #475569);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
    padding: 0.25rem 0.55rem;
}

.evidence-trace-list[b-u53uaukdlu],
.evidence-trail-warning-list[b-u53uaukdlu],
.evidence-warning-list[b-u53uaukdlu],
.evidence-source-list[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.evidence-trace-row[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-left-width: 3px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.85rem;
}

.evidence-trace-row.covered[b-u53uaukdlu] {
    border-left-color: var(--theme-color-success, #10b981);
}

.evidence-trace-row.needs-review[b-u53uaukdlu] {
    border-left-color: var(--theme-color-warning, #f59e0b);
}

.evidence-trace-row-header strong[b-u53uaukdlu] {
    color: var(--theme-color-cardHeading, #0f172a);
    font-size: 0.8rem;
}

.evidence-trace-row-header span[b-u53uaukdlu] {
    color: var(--theme-color-cardTextMuted, #64748b);
    font-size: 0.72rem;
    font-weight: var(--theme-font-weight-bold, 760);
}

.evidence-source-list[b-u53uaukdlu] {
    align-items: flex-start;
}

.evidence-source-pill[b-u53uaukdlu],
.evidence-source-empty[b-u53uaukdlu],
.evidence-warning-list span[b-u53uaukdlu],
.evidence-trail-warning-list span[b-u53uaukdlu] {
    border-radius: 8px;
    font-size: 0.74rem;
    line-height: 1.35;
    padding: 0.35rem 0.5rem;
}

.evidence-source-pill[b-u53uaukdlu] {
    background: var(--theme-status-offer-bg, #ecfdf5);
    color: var(--theme-status-offer-text, #065f46);
}

.evidence-source-empty[b-u53uaukdlu],
.evidence-warning-list span[b-u53uaukdlu],
.evidence-trail-warning-list span[b-u53uaukdlu] {
    background: var(--theme-status-applied-bg, #fef3c7);
    color: var(--theme-status-applied-text, #92400e);
}

/* 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;
    overflow-wrap: anywhere;
}

/* 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);
}

.process-layout[b-u53uaukdlu] {
    display: grid;
    grid-template-columns: minmax(280px, 0.8fr) minmax(360px, 1.2fr);
    gap: 1rem;
    margin-top: 1rem;
    align-items: start;
}

.process-editor[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.process-section-header[b-u53uaukdlu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.process-section-header p[b-u53uaukdlu] {
    margin: 0.25rem 0 0;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b)) !important;
    font-size: 0.82rem;
}

.process-textarea[b-u53uaukdlu] {
    min-height: 78px;
    resize: vertical;
}

.process-empty-state[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
}

.process-timeline[b-u53uaukdlu] {
    display: flex;
    flex-direction: column;
}

.process-event[b-u53uaukdlu] {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 0.75rem;
    position: relative;
    padding-bottom: 1.25rem;
}

.process-event:not(:last-child)[b-u53uaukdlu]::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 16px;
    bottom: 0;
    width: 2px;
    background: var(--theme-color-divider, #dbe3ea);
}

.process-event-marker[b-u53uaukdlu] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: 0.3rem;
    background: var(--theme-color-primary, #0f766e);
    border: 4px solid var(--theme-color-card, #ffffff);
    box-shadow: 0 0 0 1px var(--theme-color-primary, #0f766e);
    z-index: 1;
}

.process-event-content[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 10px);
    padding: 0.9rem 1rem;
}

.process-event-content p[b-u53uaukdlu] {
    margin: 0.55rem 0 0;
    line-height: 1.5;
    white-space: pre-wrap;
}

.process-event-heading[b-u53uaukdlu],
.process-event-actions[b-u53uaukdlu],
.process-next-step[b-u53uaukdlu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.process-event-heading time[b-u53uaukdlu] {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.78rem;
    color: var(--theme-color-cardTextMuted, var(--theme-color-textMuted, #64748b));
}

.process-event-type[b-u53uaukdlu] {
    font-weight: var(--theme-font-weight-bold, 760);
    color: var(--theme-color-cardHeading, var(--theme-color-heading, #1e293b));
}

.process-next-step[b-u53uaukdlu] {
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: var(--theme-radius-control, 8px);
    background: var(--theme-color-primaryHighlight, #f0fdfa);
    color: var(--theme-color-primary, #0f766e);
}

.process-next-step.due[b-u53uaukdlu] {
    background: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #991b1b);
}

.persona-snapshot-hint[b-u53uaukdlu],
.draft-persona-snapshot[b-u53uaukdlu] {
    color: var(--theme-color-textMuted, #475569);
    font-size: 0.82rem;
}

.draft-persona-snapshot[b-u53uaukdlu] {
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-control, 8px);
    margin: 0.8rem 0;
    padding: 0.65rem 0.75rem;
}

@media (max-width: 900px) {
    .dashboard-container[b-u53uaukdlu] {
        padding: 1rem;
    }

    .job-detail-header-row[b-u53uaukdlu] {
        align-items: stretch;
    }

    .header-actions[b-u53uaukdlu],
    .studio-actions[b-u53uaukdlu] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .header-actions[b-u53uaukdlu]  fluent-button,
    .studio-actions[b-u53uaukdlu]  fluent-button {
        width: 100%;
    }

    .studio-unified-workspace-layout[b-u53uaukdlu] {
        grid-template-columns: 1fr;
    }

    .studio-form-grid[b-u53uaukdlu],
    .pros-cons-grid[b-u53uaukdlu],
    .process-layout[b-u53uaukdlu] {
        grid-template-columns: 1fr;
    }

    .studio-right-pane[b-u53uaukdlu] {
        min-height: 0;
    }

    .copy-card-header[b-u53uaukdlu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .raw-content-scroll[b-u53uaukdlu] {
        max-height: none !important;
    }
}

@media (max-width: 520px) {
    .dashboard-container[b-u53uaukdlu] {
        padding: 0.75rem;
        gap: 1rem;
    }

    .job-detail-header-row[b-u53uaukdlu],
    .glass-card[b-u53uaukdlu] {
        padding: 1rem;
    }

    .header-meta[b-u53uaukdlu] {
        min-width: 0;
    }

    .header-meta h2[b-u53uaukdlu] {
        font-size: 1.25rem;
        overflow-wrap: anywhere;
    }

    [b-u53uaukdlu] fluent-tabs {
        max-width: 100%;
        overflow-x: auto;
    }

    .version-badge-container[b-u53uaukdlu],
    .compliance-dial-container[b-u53uaukdlu] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.draft-llm-status[b-u53uaukdlu] {
    align-items: flex-start;
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 0.85rem 1rem;
}

.draft-llm-status div[b-u53uaukdlu] {
    display: grid;
    gap: 0.25rem;
}

.draft-llm-status span[b-u53uaukdlu],
.draft-llm-status small[b-u53uaukdlu] {
    color: var(--theme-color-textMuted, #475569);
}

.draft-llm-status.ready[b-u53uaukdlu] {
    background: #ecfdf5;
    border-color: #86efac;
}

.draft-llm-status.limited[b-u53uaukdlu] {
    background: #fffbeb;
    border-color: #fcd34d;
}

.draft-llm-status.blocked[b-u53uaukdlu] {
    background: #fef2f2;
    border-color: #fca5a5;
}
/* /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);
    max-width: 100%;
    overflow-x: clip;
}

.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;
    min-width: 0;
}

.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);
    min-width: 0;
}

.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));
    max-width: 100%;
    min-width: 0;
}

.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); }

.next-action-cell[b-06xef4cvxp] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    color: var(--theme-color-textMuted, #475569);
}

.next-action-cell strong[b-06xef4cvxp] {
    color: var(--theme-color-text, #1e293b);
}

.next-action-cell.due[b-06xef4cvxp],
.next-action-cell.due strong[b-06xef4cvxp] {
    color: var(--theme-color-danger, #dc2626);
}

.muted-grid-value[b-06xef4cvxp] {
    color: var(--theme-color-textFaint, #94a3b8);
    font-style: italic;
}

@media (max-width: 780px) {
    .dashboard-container[b-06xef4cvxp] {
        gap: 1rem;
        padding: 1rem;
    }

    .dashboard-header-row[b-06xef4cvxp],
    .header-actions[b-06xef4cvxp],
    .toolbar-strip[b-06xef4cvxp],
    .toolbar-search[b-06xef4cvxp] {
        align-items: stretch;
        width: 100%;
    }

    .header-actions[b-06xef4cvxp],
    .toolbar-filters[b-06xef4cvxp] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        min-width: 0;
    }

    .header-actions[b-06xef4cvxp]  fluent-button {
        width: 100%;
    }

    .toolbar-search[b-06xef4cvxp]  fluent-text-field {
        width: 100% !important;
    }

    .grid-card[b-06xef4cvxp] {
        /* Breite Tabelle scrollt innerhalb der Karte statt die Seite seitlich zu schieben
           oder (durch overflow-x:clip des Containers) abgeschnitten zu werden. */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 1rem;
    }

    .grid-card[b-06xef4cvxp]  fluent-data-grid {
        max-width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 480px) {
    .dashboard-container[b-06xef4cvxp] {
        padding: 0.75rem;
    }

    .pipeline-loading-overlay[b-06xef4cvxp],
    .pipeline-empty-state[b-06xef4cvxp] {
        padding: 3rem 1rem;
    }
}
/* /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: 138px;
}

.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],
.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;
}

.section-nav[b-5g0en06w8l] {
    position: sticky;
    top: 72px;
    z-index: 90;
    width: 100%;
    border-top: 1px solid var(--theme-color-border, #e4e7ea);
    border-bottom: 1px solid var(--theme-color-border, #e4e7ea);
    background: color-mix(in srgb, var(--theme-color-bg, #fbfaf7) 94%, transparent);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.section-nav-track[b-5g0en06w8l] {
    width: min(1160px, calc(100% - 40px));
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
    padding: 8px 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.section-nav-track[b-5g0en06w8l]::-webkit-scrollbar {
    display: none;
}

.section-nav a[b-5g0en06w8l] {
    flex: 0 0 auto;
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    border-radius: 999px;
    padding: 0 13px;
    color: var(--theme-color-textMuted, #566273);
    font-size: 0.8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: color 160ms ease, background-color 160ms ease;
}

.section-nav a:hover[b-5g0en06w8l],
.section-nav a.active[b-5g0en06w8l],
.section-nav a[aria-current="location"][b-5g0en06w8l] {
    background: var(--theme-color-primaryHighlight, #e9f2f1);
    color: var(--theme-color-primary, #24646a);
}

.section-nav a:focus-visible[b-5g0en06w8l] {
    outline: var(--theme-focus-ring-width, 3px) solid var(--theme-color-focus, #d79b35);
    outline-offset: 2px;
}

.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;
}

.prioritization-section[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr);
    gap: 52px;
    align-items: center;
    border-top: 1px solid var(--theme-color-border, #eeece7);
}

.prioritization-copy h2[b-5g0en06w8l] {
    margin: 0;
    color: var(--theme-color-heading, #172033);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
}

.prioritization-copy > p:not(.section-kicker)[b-5g0en06w8l] {
    margin: 22px 0 0;
    color: var(--theme-color-textMuted, #4b5870);
    font-size: 1.04rem;
    line-height: 1.65;
}

.fit-legend[b-5g0en06w8l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.fit-category[b-5g0en06w8l] {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    border-radius: 999px;
    padding: 8px 11px;
    font-size: 0.76rem;
}

.fit-category.top[b-5g0en06w8l] {
    background: #d1fae5;
    color: #065f46;
}

.fit-category.good[b-5g0en06w8l] {
    background: #fef3c7;
    color: #92400e;
}

.fit-category.lower[b-5g0en06w8l] {
    background: #fee2e2;
    color: #991b1b;
}

.section-note[b-5g0en06w8l] {
    padding-left: 14px;
    border-left: 3px solid var(--theme-color-primary, #24646a);
    font-size: 0.9rem !important;
}

.priority-board[b-5g0en06w8l] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid var(--theme-color-border, #d8dee4);
    border-radius: var(--theme-radius-card, 14px);
    padding: 18px;
    background: var(--theme-color-surface2, #f7f8f8);
    box-shadow: var(--theme-shadow-lg, 0 22px 50px rgba(15, 23, 42, 0.08));
}

.priority-board-header[b-5g0en06w8l],
.priority-job[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 16px;
    align-items: center;
}

.priority-board-header[b-5g0en06w8l] {
    padding: 4px 4px 10px;
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
}

.priority-job[b-5g0en06w8l] {
    border: 1px solid var(--theme-color-border, #dde4e9);
    border-left-width: 4px;
    border-radius: 10px;
    padding: 14px;
    background: var(--theme-color-card, #ffffff);
}

.priority-job.top[b-5g0en06w8l] {
    border-left-color: #10b981;
}

.priority-job.good[b-5g0en06w8l] {
    border-left-color: #f59e0b;
}

.priority-job.lower[b-5g0en06w8l] {
    border-left-color: #ef4444;
}

.priority-job div[b-5g0en06w8l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.priority-job div span[b-5g0en06w8l],
.priority-job small[b-5g0en06w8l] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.75rem;
}

.priority-job small[b-5g0en06w8l] {
    grid-column: 1 / -1;
}

.priority-fit[b-5g0en06w8l] {
    border-radius: 999px;
    padding: 7px 9px;
    font-size: 0.74rem;
    font-weight: 850;
}

.priority-job.top .priority-fit[b-5g0en06w8l] {
    background: #d1fae5;
    color: #065f46;
}

.priority-job.good .priority-fit[b-5g0en06w8l] {
    background: #fef3c7;
    color: #92400e;
}

.priority-job.lower .priority-fit[b-5g0en06w8l] {
    background: #fee2e2;
    color: #991b1b;
}

.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;
}

.after-submit-section[b-5g0en06w8l] {
    border-top: 1px solid var(--theme-color-border, #eeece7);
}

.after-submit-grid[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 40px;
}

.process-preview[b-5g0en06w8l],
.comparison-preview[b-5g0en06w8l] {
    padding: 24px;
}

.preview-heading[b-5g0en06w8l] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 22px;
}

.preview-heading span[b-5g0en06w8l] {
    color: var(--theme-color-primary, #24646a);
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.preview-timeline[b-5g0en06w8l] {
    display: grid;
}

.preview-timeline > div[b-5g0en06w8l] {
    position: relative;
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    gap: 10px;
    padding-bottom: 20px;
}

.preview-timeline > div:not(:last-child)[b-5g0en06w8l]::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 14px;
    bottom: 0;
    width: 2px;
    background: var(--theme-color-divider, #d8dee4);
}

.preview-timeline i[b-5g0en06w8l] {
    width: 14px;
    height: 14px;
    margin-top: 3px;
    border: 3px solid var(--theme-color-card, #ffffff);
    border-radius: 50%;
    background: var(--theme-color-primary, #24646a);
    box-shadow: 0 0 0 1px var(--theme-color-primary, #24646a);
    z-index: 1;
}

.preview-timeline span[b-5g0en06w8l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.preview-timeline small[b-5g0en06w8l],
.preview-timeline time[b-5g0en06w8l] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.75rem;
}

.comparison-preview-grid[b-5g0en06w8l] {
    display: grid;
    grid-template-columns: minmax(150px, 1.2fr) repeat(2, minmax(80px, 0.6fr));
    border-top: 1px solid var(--theme-color-border, #dde4e9);
    border-left: 1px solid var(--theme-color-border, #dde4e9);
}

.comparison-preview-grid > *[b-5g0en06w8l] {
    margin: 0;
    padding: 10px;
    border-right: 1px solid var(--theme-color-border, #dde4e9);
    border-bottom: 1px solid var(--theme-color-border, #dde4e9);
    font-size: 0.78rem;
    font-style: normal;
}

.comparison-preview-grid > span[b-5g0en06w8l] {
    color: var(--theme-color-textMuted, #64748b);
    background: var(--theme-color-surface2, #f8fafc);
}

.comparison-preview-grid em[b-5g0en06w8l] {
    color: #92400e;
    background: #fffbeb;
}

.comparison-preview-note[b-5g0en06w8l] {
    margin-top: 14px;
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
    line-height: 1.5;
}

.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;
}



.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],
    .prioritization-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;
    }

    .after-submit-grid[b-5g0en06w8l] {
        grid-template-columns: 1fr;
    }

    .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);
    }

    .section-nav-track[b-5g0en06w8l] {
        width: calc(100% - 20px);
    }

    .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] {
        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;
    }

    .status-pill[b-5g0en06w8l] {
        white-space: normal !important;
        word-break: break-word;
        text-align: center;
    }

    .priority-board-header[b-5g0en06w8l],
    .priority-job[b-5g0en06w8l] {
        grid-template-columns: 1fr;
    }

    .priority-fit[b-5g0en06w8l] {
        justify-self: start;
    }

    .comparison-preview[b-5g0en06w8l] {
        overflow-x: auto;
    }

    .comparison-preview-grid[b-5g0en06w8l] {
        min-width: 520px;
    }
}

/* 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-lg, 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-danger, #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;
    }

    .mock-header[b-5g0en06w8l] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .status-pill[b-5g0en06w8l] {
        white-space: normal !important;
        display: inline-block !important;
        word-break: break-word;
        text-align: center;
    }
}

/* 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],
.studio-panel p[b-5g0en06w8l] {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.auth-shell[b-dths7rcs8w] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
    background:
        linear-gradient(160deg, rgba(231, 255, 252, 0.9) 0%, rgba(245, 248, 252, 0.96) 44%, rgba(229, 237, 250, 0.94) 100%),
        #f7fafc;
    color: #172033;
}

.auth-panel[b-dths7rcs8w] {
    width: min(100%, 27rem);
    padding: 1.25rem;
    border: 1px solid rgba(28, 47, 76, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 22px 60px rgba(31, 49, 81, 0.14);
    box-sizing: border-box;
}

.auth-brand[b-dths7rcs8w] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.35rem;
}

.auth-logo[b-dths7rcs8w] {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
    opacity: 0.74;
}

.auth-brand p[b-dths7rcs8w],
.auth-brand h1[b-dths7rcs8w] {
    margin: 0;
}

.auth-brand p[b-dths7rcs8w] {
    color: #516074;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.auth-brand h1[b-dths7rcs8w] {
    color: #0e1729;
    font-size: 2rem;
    line-height: 1.04;
    letter-spacing: 0;
}

.auth-alert[b-dths7rcs8w] {
    padding: 0.8rem 0.9rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(185, 28, 28, 0.2);
    border-radius: 8px;
    background: #fff1f2;
    color: #991b1b;
    font-size: 0.92rem;
}

.auth-alert-success[b-dths7rcs8w] {
    border-color: rgba(15, 118, 110, 0.22);
    background: #ecfdf5;
    color: #115e59;
}

.auth-form[b-dths7rcs8w] {
    display: grid;
    gap: 0.65rem;
}

.auth-form label[b-dths7rcs8w] {
    color: #26364c;
    font-size: 0.93rem;
    font-weight: 800;
}

.auth-form input[b-dths7rcs8w] {
    width: 100%;
    min-height: 3.1rem;
    padding: 0.78rem 0.9rem;
    border: 1px solid #cbd7e6;
    border-radius: 8px;
    background: #f8fbff;
    color: #111827;
    box-sizing: border-box;
    font: inherit;
    outline: none;
}

.auth-form input:focus[b-dths7rcs8w] {
    border-color: #14b8a6;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.14);
}

.order-password-hint[b-dths7rcs8w] {
    display: block;
    margin: -0.2rem 0 0.45rem;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.auth-form button[b-dths7rcs8w] {
    min-height: 3.15rem;
    margin-top: 0.6rem;
    border: 0;
    border-radius: 8px;
    background: #14b8a6;
    color: #042f2e;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(20, 184, 166, 0.24);
}

.auth-form button:hover[b-dths7rcs8w] {
    background: #2dd4bf;
}

.auth-form .auth-secondary-button[b-dths7rcs8w] {
    background: #ffffff;
    color: #1f3048;
    border: 1px solid #bfccdc;
    box-shadow: none;
}

.auth-form .auth-secondary-button:hover[b-dths7rcs8w] {
    background: #f1f7fb;
}

.auth-divider[b-dths7rcs8w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.05rem 0;
    color: #7b8797;
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.auth-divider[b-dths7rcs8w]::before,
.auth-divider[b-dths7rcs8w]::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #d8e1ed;
}

.auth-switch[b-dths7rcs8w] {
    margin: 1.05rem 0 0;
    color: #5c6b7d;
    text-align: center;
}

.auth-compact-switch[b-dths7rcs8w] {
    margin-top: 0.8rem;
}

.auth-switch a[b-dths7rcs8w] {
    color: #0f766e;
    font-weight: 850;
    text-decoration: none;
}

.auth-switch a:hover[b-dths7rcs8w] {
    color: #115e59;
    text-decoration: underline;
}

@media (min-width: 720px) {
    .auth-shell[b-dths7rcs8w] {
        padding: 2rem;
    }

    .auth-panel[b-dths7rcs8w] {
        padding: 2rem;
    }
}

@media (max-width: 380px) {
    .auth-shell[b-dths7rcs8w] {
        padding-inline: 0.75rem;
    }

    .auth-panel[b-dths7rcs8w] {
        padding: 1rem;
    }

    .auth-brand h1[b-dths7rcs8w] {
        font-size: 1.8rem;
    }
}
/* /Components/Pages/OfferComparison.razor.rz.scp.css */
.offer-comparison-page[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem;
    color: var(--theme-color-text, #172033);
}

.comparison-header[b-ji9dd3fjea] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.6fr);
    gap: 1.5rem;
    align-items: end;
}

.comparison-header h1[b-ji9dd3fjea],
.comparison-panel h2[b-ji9dd3fjea],
.comparison-state h2[b-ji9dd3fjea] {
    margin: 0;
    color: var(--theme-color-heading, #172033);
}

.comparison-header h1[b-ji9dd3fjea] {
    margin-top: 0.35rem;
    font-size: clamp(2rem, 4vw, 3.4rem);
    letter-spacing: -0.045em;
    max-width: 800px;
}

.comparison-intro[b-ji9dd3fjea] {
    max-width: 760px;
    color: var(--theme-color-textMuted, #5d6878);
    line-height: 1.65;
}

.eyebrow[b-ji9dd3fjea] {
    margin: 1rem 0 0;
    color: var(--theme-color-primary, #0f766e);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.formula-card[b-ji9dd3fjea],
.comparison-panel[b-ji9dd3fjea],
.comparison-state[b-ji9dd3fjea] {
    border: 1px solid var(--theme-color-border, #dde4e9);
    background: var(--theme-color-card, #ffffff);
    border-radius: var(--theme-radius-card, 16px);
    box-shadow: var(--theme-shadow-sm, 0 10px 25px rgba(15, 23, 42, 0.04));
}

.formula-card[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.1rem 1.25rem;
    background: var(--theme-color-primaryHighlight, #f0fdfa);
}

.formula-card span[b-ji9dd3fjea] {
    font-size: 0.83rem;
    font-weight: 700;
}

.formula-card small[b-ji9dd3fjea] {
    color: var(--theme-color-textMuted, #5d6878);
    line-height: 1.45;
}

.comparison-panel[b-ji9dd3fjea] {
    padding: 1.25rem;
}

.panel-heading[b-ji9dd3fjea] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading .eyebrow[b-ji9dd3fjea],
.save-panel .eyebrow[b-ji9dd3fjea] {
    margin: 0 0 0.3rem;
}

.panel-heading h2[b-ji9dd3fjea],
.save-panel h2[b-ji9dd3fjea] {
    font-size: 1.25rem;
}

.selection-count[b-ji9dd3fjea],
.rating-legend[b-ji9dd3fjea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
    font-weight: 700;
}

.offer-options[b-ji9dd3fjea] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.offer-option[b-ji9dd3fjea] {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid var(--theme-color-border, #dde4e9);
    border-radius: 10px;
    cursor: pointer;
}

.offer-option.selected[b-ji9dd3fjea] {
    border-color: var(--theme-color-primary, #0f766e);
    background: var(--theme-color-primaryHighlight, #f0fdfa);
}

.offer-option span[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.offer-option small[b-ji9dd3fjea] {
    color: var(--theme-color-textMuted, #64748b);
}

.criteria-list[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.criterion-row[b-ji9dd3fjea] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 90px auto 36px;
    gap: 0.5rem;
    align-items: end;
}

.criterion-row label[b-ji9dd3fjea],
.snapshot-save-controls label[b-ji9dd3fjea],
.offer-notes label[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--theme-color-textMuted, #64748b);
}

.criterion-row input[b-ji9dd3fjea],
.snapshot-save-controls input[b-ji9dd3fjea],
.rating-cell select[b-ji9dd3fjea],
.offer-notes textarea[b-ji9dd3fjea] {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid var(--theme-color-border, #cfd8df);
    border-radius: 7px;
    background: var(--theme-color-surface, #ffffff);
    color: var(--theme-color-text, #172033);
    padding: 0.6rem 0.7rem;
    font: inherit;
}

.weight-suffix[b-ji9dd3fjea] {
    padding-bottom: 0.65rem;
    color: var(--theme-color-textMuted, #64748b);
}

.remove-criterion[b-ji9dd3fjea] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--theme-color-danger, #dc2626);
    font-size: 1.4rem;
    cursor: pointer;
}

.weight-summary[b-ji9dd3fjea] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    margin-top: 0.9rem;
    padding: 0.65rem 0.8rem;
    border-radius: 8px;
    background: var(--theme-color-surface2, #f8fafc);
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.82rem;
}

.weight-summary.balanced[b-ji9dd3fjea] {
    background: var(--theme-status-offer-bg, #d1fae5);
    color: var(--theme-status-offer-text, #065f46);
}

.matrix-panel[b-ji9dd3fjea] {
    overflow: hidden;
}

.comparison-matrix[b-ji9dd3fjea] {
    display: grid;
    overflow-x: auto;
    border-top: 1px solid var(--theme-color-border, #dde4e9);
    border-left: 1px solid var(--theme-color-border, #dde4e9);
}

.matrix-corner[b-ji9dd3fjea],
.offer-column-heading[b-ji9dd3fjea],
.criterion-label[b-ji9dd3fjea],
.rating-cell[b-ji9dd3fjea],
.offer-notes[b-ji9dd3fjea] {
    padding: 0.85rem;
    border-right: 1px solid var(--theme-color-border, #dde4e9);
    border-bottom: 1px solid var(--theme-color-border, #dde4e9);
}

.matrix-corner[b-ji9dd3fjea],
.criterion-label[b-ji9dd3fjea] {
    background: var(--theme-color-surface2, #f8fafc);
}

.matrix-corner[b-ji9dd3fjea] {
    font-size: 0.78rem;
    font-weight: 800;
}

.offer-column-heading[b-ji9dd3fjea] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    background: var(--theme-color-card, #ffffff);
    z-index: 1;
}

.offer-column-heading > span[b-ji9dd3fjea],
.criterion-label span[b-ji9dd3fjea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
}

.score-result[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    margin-top: 0.65rem;
    padding: 0.6rem;
    border-radius: 8px;
    background: var(--theme-color-primaryHighlight, #f0fdfa);
    color: var(--theme-color-primary, #0f766e);
}

.score-result b[b-ji9dd3fjea] {
    font-size: 1.35rem;
}

.rating-cell[b-ji9dd3fjea] {
    display: flex;
    align-items: center;
}

.rating-cell.missing[b-ji9dd3fjea] {
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 8%, transparent);
}

.notes-label[b-ji9dd3fjea] {
    min-height: 100%;
}

.offer-notes[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.offer-notes textarea[b-ji9dd3fjea] {
    min-height: 82px;
    resize: vertical;
}

.clarification-badge[b-ji9dd3fjea] {
    align-self: flex-start;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--theme-color-warning, #f59e0b) 14%, transparent);
    color: var(--theme-color-warningText, #92400e);
    font-size: 0.75rem;
    font-weight: 800;
}

.save-panel[b-ji9dd3fjea] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.7fr);
    gap: 1rem 1.5rem;
    align-items: end;
}

.save-panel p[b-ji9dd3fjea] {
    margin-bottom: 0;
    color: var(--theme-color-textMuted, #64748b);
}

.snapshot-save-controls[b-ji9dd3fjea] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.save-success[b-ji9dd3fjea],
.save-error[b-ji9dd3fjea] {
    grid-column: 1 / -1;
    padding: 0.65rem 0.8rem;
    border-radius: 8px;
    font-weight: 700;
}

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

.save-error[b-ji9dd3fjea] {
    background: var(--theme-status-rejected-bg, #fee2e2);
    color: var(--theme-status-rejected-text, #991b1b);
}

.snapshot-list[b-ji9dd3fjea] {
    display: grid;
    gap: 0.75rem;
}

.snapshot-card[b-ji9dd3fjea] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) auto minmax(240px, 1.2fr);
    gap: 1rem;
    align-items: center;
    padding: 0.9rem;
    border: 1px solid var(--theme-color-border, #dde4e9);
    border-radius: 10px;
}

.snapshot-card > div:first-child[b-ji9dd3fjea],
.snapshot-scores[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.snapshot-card time[b-ji9dd3fjea],
.snapshot-card > span[b-ji9dd3fjea],
.snapshot-scores[b-ji9dd3fjea] {
    color: var(--theme-color-textMuted, #64748b);
    font-size: 0.78rem;
}

.comparison-state[b-ji9dd3fjea] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 4rem 1rem;
    text-align: center;
}

.comparison-state.compact[b-ji9dd3fjea] {
    padding: 1.25rem;
}

.visually-hidden[b-ji9dd3fjea] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 820px) {
    .comparison-header[b-ji9dd3fjea],
    .save-panel[b-ji9dd3fjea] {
        grid-template-columns: 1fr;
    }

    .snapshot-card[b-ji9dd3fjea] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .offer-comparison-page[b-ji9dd3fjea] {
        padding: 1rem;
    }

    .criterion-row[b-ji9dd3fjea] {
        grid-template-columns: minmax(0, 1fr) 82px auto 34px;
    }

    .snapshot-save-controls[b-ji9dd3fjea] {
        grid-template-columns: 1fr;
    }
}
/* /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;
    }
}

.order-email[b-pr2rrhxbok] {
    order: 1;
}

.order-workspace[b-pr2rrhxbok] {
    order: 2;
}

.order-password[b-pr2rrhxbok] {
    order: 3;
}

.order-password-hint[b-pr2rrhxbok] {
    order: 3;
}

.order-button[b-pr2rrhxbok] {
    order: 4;
}

.order-password-checklist[b-pr2rrhxbok] {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.requirement-item[b-pr2rrhxbok] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: rgba(248, 250, 252, 0.65);
    transition: color 0.2s ease;
}

.requirement-item .req-status[b-pr2rrhxbok] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-weight: bold;
    color: #f87171;
    transition: color 0.2s ease;
}

.requirement-item.valid[b-pr2rrhxbok] {
    color: #86efac;
}

.requirement-item.valid .req-status[b-pr2rrhxbok] {
    color: #4ade80;
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
.auth-shell[b-w7gif0gh1s] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
    background:
        linear-gradient(160deg, rgba(231, 255, 252, 0.9) 0%, rgba(245, 248, 252, 0.96) 44%, rgba(229, 237, 250, 0.94) 100%),
        #f7fafc;
    color: #172033;
}

.auth-panel[b-w7gif0gh1s] {
    width: min(100%, 27rem);
    padding: 1.25rem;
    border: 1px solid rgba(28, 47, 76, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 22px 60px rgba(31, 49, 81, 0.14);
    box-sizing: border-box;
}

.auth-brand[b-w7gif0gh1s] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.35rem;
}

.auth-logo[b-w7gif0gh1s] {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
    opacity: 0.74;
}

.auth-brand p[b-w7gif0gh1s],
.auth-brand h1[b-w7gif0gh1s] {
    margin: 0;
}

.auth-brand p[b-w7gif0gh1s] {
    color: #516074;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.auth-brand h1[b-w7gif0gh1s] {
    color: #0e1729;
    font-size: 2rem;
    line-height: 1.04;
    letter-spacing: 0;
}

.auth-alert[b-w7gif0gh1s] {
    padding: 0.8rem 0.9rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(185, 28, 28, 0.2);
    border-radius: 8px;
    background: #fff1f2;
    color: #991b1b;
    font-size: 0.92rem;
}

.auth-form[b-w7gif0gh1s] {
    display: grid;
    gap: 0.65rem;
}

.auth-form label[b-w7gif0gh1s] {
    color: #26364c;
    font-size: 0.93rem;
    font-weight: 800;
}

.auth-form input[b-w7gif0gh1s] {
    width: 100%;
    min-height: 3.1rem;
    padding: 0.78rem 0.9rem;
    border: 1px solid #cbd7e6;
    border-radius: 8px;
    background: #f8fbff;
    color: #111827;
    box-sizing: border-box;
    font: inherit;
    outline: none;
}

.auth-form input:focus[b-w7gif0gh1s] {
    border-color: #14b8a6;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.14);
}

.auth-hint[b-w7gif0gh1s] {
    display: block;
    margin: -0.2rem 0 0.45rem;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.auth-form button[b-w7gif0gh1s] {
    min-height: 3.15rem;
    margin-top: 0.6rem;
    border: 0;
    border-radius: 8px;
    background: #14b8a6;
    color: #042f2e;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(20, 184, 166, 0.24);
}

.auth-form button:hover[b-w7gif0gh1s] {
    background: #2dd4bf;
}

.auth-switch[b-w7gif0gh1s] {
    margin: 1.05rem 0 0;
    color: #5c6b7d;
    text-align: center;
}

.auth-switch a[b-w7gif0gh1s] {
    color: #0f766e;
    font-weight: 850;
    text-decoration: none;
}

.auth-switch a:hover[b-w7gif0gh1s] {
    color: #115e59;
    text-decoration: underline;
}

@media (min-width: 720px) {
    .auth-shell[b-w7gif0gh1s] {
        padding: 2rem;
    }

    .auth-panel[b-w7gif0gh1s] {
        padding: 2rem;
    }
}

@media (max-width: 380px) {
    .auth-shell[b-w7gif0gh1s] {
        padding-inline: 0.75rem;
    }

    .auth-panel[b-w7gif0gh1s] {
        padding: 1rem;
    }

    .auth-brand h1[b-w7gif0gh1s] {
        font-size: 1.8rem;
    }
}
/* /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);
}

.privacy-default-grid[b-8jdrpi8r21] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 1rem;
}

.privacy-default-toggle[b-8jdrpi8r21] {
    align-items: center;
    background: var(--theme-color-card, var(--theme-color-surface2, #ffffff));
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-control, 8px);
    display: flex;
    gap: 0.6rem;
    padding: 0.75rem 0.85rem;
}

.privacy-default-toggle input[b-8jdrpi8r21] {
    accent-color: var(--theme-color-primary, #6366f1);
}

.privacy-default-toggle span[b-8jdrpi8r21] {
    color: var(--theme-color-text, #0f172a);
    font-size: 0.88rem;
}

/* ── 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(280px, 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);
}

/* ── Responsive Table ────────────────────────────────────── */
.table-container[b-8jdrpi8r21] {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
}

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

.dense-table th[b-8jdrpi8r21] {
    font-weight: 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-8jdrpi8r21] {
    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-8jdrpi8r21] {
    background: var(--theme-color-surfaceOffset, #f8fafc);
}

.llm-system-status-panel[b-8jdrpi8r21] {
    display: grid;
    gap: 1rem;
}

.llm-status-heading[b-8jdrpi8r21],
.llm-feature-status-header[b-8jdrpi8r21] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.llm-status-summary[b-8jdrpi8r21],
.llm-status-error[b-8jdrpi8r21],
.llm-status-loading[b-8jdrpi8r21],
.llm-feature-status[b-8jdrpi8r21] {
    border: 1px solid var(--theme-color-border, #dbe3ea);
    border-radius: var(--theme-radius-control, 8px);
    padding: 0.85rem 1rem;
}

.llm-status-summary[b-8jdrpi8r21],
.llm-status-loading[b-8jdrpi8r21] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1rem;
}

.llm-status-summary strong[b-8jdrpi8r21],
.llm-feature-status-header strong[b-8jdrpi8r21] {
    color: var(--theme-color-text, #0f172a);
}

.llm-status-summary span[b-8jdrpi8r21],
.llm-feature-status p[b-8jdrpi8r21],
.llm-feature-status small[b-8jdrpi8r21],
.llm-feature-status li[b-8jdrpi8r21] {
    color: var(--theme-color-textMuted, #475569);
}

.llm-feature-status-grid[b-8jdrpi8r21] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.llm-feature-status p[b-8jdrpi8r21],
.llm-feature-status ul[b-8jdrpi8r21] {
    margin: 0.5rem 0 0;
}

.llm-feature-status ul[b-8jdrpi8r21] {
    padding-left: 1rem;
}

.llm-status-summary.ready[b-8jdrpi8r21],
.llm-feature-status.ready[b-8jdrpi8r21] {
    background: #ecfdf5;
    border-color: #86efac;
}

.llm-status-summary.limited[b-8jdrpi8r21],
.llm-feature-status.limited[b-8jdrpi8r21] {
    background: #fffbeb;
    border-color: #fcd34d;
}

.llm-status-summary.blocked[b-8jdrpi8r21],
.llm-feature-status.blocked[b-8jdrpi8r21],
.llm-status-error[b-8jdrpi8r21] {
    background: #fef2f2;
    border-color: #fca5a5;
}

/* ── Mobile Layout Adjustments ──────────────────────────── */
@media (max-width: 640px) {
    .settings-container[b-8jdrpi8r21] {
        padding: 1rem 0.75rem 2rem;
    }
    .workspace-settings-selector[b-8jdrpi8r21] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
        gap: 0.5rem;
    }
    .workspace-settings-selector[b-8jdrpi8r21]  fluent-select {
        min-width: 100%;
        width: 100%;
    }

    .llm-status-heading[b-8jdrpi8r21],
    .llm-feature-status-header[b-8jdrpi8r21] {
        flex-direction: column;
    }
}
/* /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);
}
/* /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);
}

.verification-coming-soon[b-iogieat6fj] {
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #d0d5dd);
    border-radius: var(--theme-radius-card, 8px);
    display: grid;
    gap: 1rem;
    max-width: 900px;
    padding: 1.5rem;
}

.verification-coming-soon h1[b-iogieat6fj] {
    color: var(--theme-color-heading, var(--theme-color-text, #182230));
    font-size: 1.75rem;
    line-height: 1.2;
    margin: 0;
}

.verification-coming-soon p[b-iogieat6fj] {
    color: var(--theme-color-textMuted, #667085);
    line-height: 1.55;
    margin: 0;
    max-width: 720px;
}

.coming-soon-kicker[b-iogieat6fj] {
    align-self: start;
    background: var(--theme-color-primaryHighlight, #eef4ff);
    border-radius: 999px;
    color: var(--theme-color-primary, #1849a9);
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.25rem 0.65rem;
    text-transform: uppercase;
}

.coming-soon-grid[b-iogieat6fj] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.coming-soon-grid div[b-iogieat6fj] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #e2e8f0);
    border-radius: var(--theme-radius-card, 8px);
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem;
}

.coming-soon-grid strong[b-iogieat6fj] {
    color: var(--theme-color-text, #182230);
}

.coming-soon-grid span[b-iogieat6fj] {
    color: var(--theme-color-textMuted, #667085);
    font-size: 0.9rem;
    line-height: 1.45;
}

.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;
    }
}
/* /Components/Shared/AppErrorBoundary.razor.rz.scp.css */
.app-error-boundary[b-twkjpmfcsn] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    max-width: 640px;
    margin: 2rem auto;
    padding: 1.5rem;
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #d0d5dd);
    border-left: 4px solid var(--theme-color-danger, #d92d20);
    border-radius: var(--theme-radius-card, 8px);
    box-shadow: var(--theme-shadow-sm);
}

.app-error-icon[b-twkjpmfcsn] {
    flex-shrink: 0;
    display: flex;
    color: var(--theme-color-danger, #d92d20);
}

.app-error-icon[b-twkjpmfcsn]  svg {
    width: 28px;
    height: 28px;
}

.app-error-body[b-twkjpmfcsn] {
    display: grid;
    gap: 0.6rem;
}

.app-error-title[b-twkjpmfcsn] {
    margin: 0;
    font-size: 1.05rem;
    color: var(--theme-color-heading, var(--theme-color-text, #182230));
}

.app-error-text[b-twkjpmfcsn] {
    margin: 0;
    line-height: 1.45;
    color: var(--theme-color-textMuted, #667085);
}
/* /Components/Shared/BusyButton.razor.rz.scp.css */
.busy-button-spinner[b-fhvukavxxq] {
    width: 16px;
    height: 16px;
    margin-inline-end: 0.45rem;
    vertical-align: middle;
}
/* /Components/Shared/CommandActionLink.razor.rz.scp.css */
.command-action-link[b-vmhul7dt57] {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--theme-color-accent, var(--accent-fill-rest));
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font: inherit;
    font-weight: 700;
    line-height: 1.3;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.command-action-link:hover[b-vmhul7dt57],
.command-action-link:focus-visible[b-vmhul7dt57] {
    color: var(--theme-color-accentHover, var(--accent-fill-hover));
}

.command-action-link:disabled[b-vmhul7dt57] {
    cursor: not-allowed;
    opacity: 0.55;
}

.command-action-link.button-like[b-vmhul7dt57] {
    border: 1px solid var(--theme-color-border, rgba(255, 255, 255, 0.16));
    border-radius: var(--theme-radius-button, 8px);
    padding: 0.45rem 0.75rem;
    text-decoration: none;
}
/* /Components/Shared/CommandPalette.razor.rz.scp.css */
/* Command Palette Overlay Styles */
.palette-backdrop[b-dt47xa98xh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh; /* Fallback für Browser ohne dvh */
    height: 100dvh; /* Dynamische Viewport-Höhe: schrumpft mit eingeblendeter Tastatur */
    background: rgba(18, 19, 22, 0.45);
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    z-index: 10000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 10vh;
    animation: fade-in-b-dt47xa98xh 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Mobil: Palette nahe an den oberen Rand rücken und die Trefferliste auf die sichtbare
   Höhe begrenzen, damit die eingeblendete Tastatur die Vorschläge nicht verdeckt. */
@media (max-width: 640px) {
    .palette-backdrop[b-dt47xa98xh] {
        padding-top: max(0.75rem, env(safe-area-inset-top));
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .palette-content[b-dt47xa98xh] {
        max-height: 50dvh;
    }

    /* Touch: größere Tap-Ziele für Vorschläge (Daumenbedienung). */
    .suggestion-item[b-dt47xa98xh] {
        padding: 0.85rem 1.1rem;
        min-height: 44px;
    }

    .suggestion-label[b-dt47xa98xh] {
        font-size: 1rem;
    }
}

/* Touch-Geräte jenseits 640px (Tablets im Portrait, Touch-Laptops): Tap-Ziele ≥ 44px sicherstellen.
   Bewusst nur die Trefferhöhe – das phone-spezifische Layout (max-height/Padding oben) bleibt aus. */
@media (pointer: coarse) {
    .suggestion-item[b-dt47xa98xh] {
        min-height: 44px;
    }
}

.palette-box[b-dt47xa98xh] {
    width: 100%;
    max-width: 640px;
    background: rgba(30, 32, 40, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--theme-radius-card, 16px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 
                0 0 0 1px rgba(255, 255, 255, 0.05) inset;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slide-up-b-dt47xa98xh 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Light mode overrides */
:not(.dark) .palette-box[b-dt47xa98xh] {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 
                0 0 0 1px rgba(255, 255, 255, 0.6) inset;
}

/* Input area */
.palette-header[b-dt47xa98xh] {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    gap: 0.75rem;
}

:not(.dark) .palette-header[b-dt47xa98xh] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.search-icon[b-dt47xa98xh] {
    color: rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: center;
}

:not(.dark) .search-icon[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.4);
}

.palette-input-wrapper[b-dt47xa98xh] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.prefill-chip[b-dt47xa98xh] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: var(--theme-color-primary, #0f766e);
    color: #ffffff;
    padding: 0.2rem 0.5rem 0.2rem 0.6rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1;
    animation: pop-in-b-dt47xa98xh 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.prefill-chip-close[b-dt47xa98xh] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    transition: color 0.1s;
}

.prefill-chip-close:hover[b-dt47xa98xh] {
    color: #ffffff;
}

/* Das Form ist nur für zuverlässiges Enter-Submit (mobil) da – Layout unverändert lassen. */
.palette-input-form[b-dt47xa98xh] {
    display: contents;
}

.palette-input[b-dt47xa98xh] {
    flex: 1;
    min-width: 120px;
    background: transparent;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 1.1rem;
    color: #ffffff;
}

.palette-input[b-dt47xa98xh]::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

:not(.dark) .palette-input[b-dt47xa98xh] {
    color: #121316;
}

:not(.dark) .palette-input[b-dt47xa98xh]::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

/* Results section */
.palette-content[b-dt47xa98xh] {
    max-height: 380px;
    overflow-y: auto;
    padding: 0.5rem 0;
}

/* Empty-State: theme-fähig (vorher inline auf Weiß hartkodiert → im Light-Mode kaum lesbar). */
.palette-empty[b-dt47xa98xh] {
    padding: 2rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
}

:not(.dark) .palette-empty[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.45);
}

.group-title[b-dt47xa98xh] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.35);
    padding: 0.5rem 1.25rem 0.25rem;
    font-weight: 600;
}

:not(.dark) .group-title[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.45);
}

/* Suggestion items */
.suggestion-item[b-dt47xa98xh] {
    display: flex;
    align-items: center;
    padding: 0.65rem 1.25rem;
    gap: 0.75rem;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.1s, color 0.1s;
    color: rgba(255, 255, 255, 0.8);
}

:not(.dark) .suggestion-item[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.8);
}

.suggestion-item.active[b-dt47xa98xh] {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

:not(.dark) .suggestion-item.active[b-dt47xa98xh] {
    background: rgba(0, 0, 0, 0.05);
    color: #000000;
}

.suggestion-item.dimmed[b-dt47xa98xh] {
    opacity: 0.45;
}

.suggestion-icon[b-dt47xa98xh] {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.45);
}

.suggestion-item.active .suggestion-icon[b-dt47xa98xh] {
    color: var(--theme-color-primary, #0f766e);
}

:not(.dark) .suggestion-icon[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.45);
}

.suggestion-text[b-dt47xa98xh] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.suggestion-label[b-dt47xa98xh] {
    font-size: 0.95rem;
    font-weight: 500;
}

.suggestion-subtitle[b-dt47xa98xh] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
    margin-top: 0.1rem;
}

:not(.dark) .suggestion-subtitle[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.5);
}

.suggestion-item.active .suggestion-subtitle[b-dt47xa98xh] {
    color: rgba(255, 255, 255, 0.6);
}

:not(.dark) .suggestion-item.active .suggestion-subtitle[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.6);
}

/* Footer / Keyboard hints */
.palette-footer[b-dt47xa98xh] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    gap: 1rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.35);
}

:not(.dark) .palette-footer[b-dt47xa98xh] {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.5);
}

/* Tastatur-Hinweise (↑↓/Enter/Esc) sind auf Touch ohne Funktion → ausblenden.
   Muss NACH der Basis-Regel `.palette-footer { display: flex }` stehen: Media-Queries
   erhöhen die Spezifität nicht, also entscheidet die Quellreihenfolge. Greift sowohl auf
   schmalen Viewports (Phone) als auch generell bei grobem Zeiger (Touch-Geräte). */
@media (max-width: 640px), (pointer: coarse) {
    .palette-footer[b-dt47xa98xh] {
        display: none;
    }
}

.key-hint[b-dt47xa98xh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.kbd-key[b-dt47xa98xh] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    padding: 0.05rem 0.3rem;
    font-family: inherit;
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

:not(.dark) .kbd-key[b-dt47xa98xh] {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
}

/* Animations */
@keyframes fade-in-b-dt47xa98xh {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slide-up-b-dt47xa98xh {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pop-in-b-dt47xa98xh {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Gefahrenstufe „danger“ – Bestätigungsmodal (Spec §7) */
.palette-danger-modal[b-dt47xa98xh] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 460px;
    background: rgba(30, 32, 40, 0.98);
    border: 1px solid rgba(248, 113, 113, 0.4);
    border-radius: var(--theme-radius-card, 16px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6),
                0 0 0 1px rgba(248, 113, 113, 0.15) inset;
    z-index: 10001;
    padding: 1.75rem 1.5rem 1.5rem;
    text-align: center;
    animation: pop-in-b-dt47xa98xh 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.palette-danger-icon[b-dt47xa98xh] {
    color: #f87171;
    margin-bottom: 0.5rem;
}

.palette-danger-title[b-dt47xa98xh] {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
    color: rgba(255, 255, 255, 0.95);
}

.palette-danger-consequence[b-dt47xa98xh] {
    font-size: 0.875rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 1.25rem;
}

.palette-danger-actions[b-dt47xa98xh] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.danger-cancel-btn[b-dt47xa98xh],
.danger-confirm-btn[b-dt47xa98xh] {
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.55rem 1.1rem;
    border-radius: var(--theme-radius-button, 8px);
    cursor: pointer;
    transition: filter 0.15s ease, background 0.15s ease;
}

.danger-cancel-btn[b-dt47xa98xh] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
}

.danger-cancel-btn:hover[b-dt47xa98xh] {
    background: rgba(255, 255, 255, 0.14);
}

.danger-confirm-btn[b-dt47xa98xh] {
    background: #dc2626;
    border: 1px solid #ef4444;
    color: #fff;
}

.danger-confirm-btn:hover[b-dt47xa98xh] {
    filter: brightness(1.1);
}

.danger-confirm-btn:focus-visible[b-dt47xa98xh] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

:not(.dark) .palette-danger-modal[b-dt47xa98xh] {
    background: rgba(255, 255, 255, 0.99);
}

:not(.dark) .palette-danger-title[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.9);
}

:not(.dark) .palette-danger-consequence[b-dt47xa98xh] {
    color: rgba(0, 0, 0, 0.65);
}

:not(.dark) .danger-cancel-btn[b-dt47xa98xh] {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.8);
}

/* Lernbare Shortcut-Anzeige (LET-156) */
.suggestion-shortcut[b-dt47xa98xh] {
    margin-left: auto;
    padding: 0.1rem 0.45rem;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.75);
    white-space: nowrap;
    flex: none;
}

:not(.dark) .suggestion-shortcut[b-dt47xa98xh] {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.6);
}
/* /Components/Shared/CommandPaletteFab.razor.rz.scp.css */
/* Floating-Button als Touch-Einstieg in die Command Palette. */

.cp-fab[b-ykpnd92fuq] {
    position: fixed;
    bottom: max(1.25rem, env(safe-area-inset-bottom));
    right: 1.25rem;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    border: none;
    background: var(--theme-color-primary, #2557d6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    cursor: pointer;
    z-index: 9000;
    transition: transform 0.15s ease, filter 0.15s ease;
}

.cp-fab:hover[b-ykpnd92fuq] {
    filter: brightness(1.08);
    transform: translateY(-2px);
}

@media (min-width: 1024px) {
    .cp-fab[b-ykpnd92fuq] {
        bottom: max(1.5rem, env(safe-area-inset-bottom));
        right: 1.5rem;
    }
}

/* Auf großen Viewports MIT präzisem Zeiger (echter Desktop/Maus) übernimmt die ⌘K-Palette via
   Header-Suchleiste – der FAB wird dort ausgeblendet. Touch-Geräte (Phone, Tablet, Touch-Laptop)
   behalten ihn als daumenfreundlichen Einstieg. */
@media (min-width: 1024px) and (pointer: fine) {
    .cp-fab[b-ykpnd92fuq] {
        display: none;
    }
}
/* /Components/Shared/EmptyDocumentsHint.razor.rz.scp.css */
.empty-documents-hint[b-nzhcd1ggo7] {
    align-items: flex-start;
    background: var(--theme-color-surface, #ffffff);
    border: 1px solid var(--theme-color-border, #d0d5dd);
    border-radius: var(--theme-radius-card, 8px);
    box-shadow: var(--theme-shadow-sm);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

.empty-documents-copy[b-nzhcd1ggo7] {
    display: grid;
    gap: 0.45rem;
}

.empty-documents-kicker[b-nzhcd1ggo7] {
    color: var(--theme-color-primary, #1849a9);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.empty-documents-copy h2[b-nzhcd1ggo7] {
    color: var(--theme-color-heading, var(--theme-color-text, #182230));
    font-size: 1.05rem;
    line-height: 1.25;
    margin: 0;
}

.empty-documents-copy p[b-nzhcd1ggo7],
.empty-documents-copy li[b-nzhcd1ggo7] {
    color: var(--theme-color-textMuted, #667085);
    line-height: 1.45;
}

.empty-documents-copy p[b-nzhcd1ggo7] {
    margin: 0;
}

.empty-documents-copy summary[b-nzhcd1ggo7] {
    color: var(--theme-color-primary, #1849a9);
    cursor: pointer;
    font-weight: 800;
}

.empty-documents-copy ul[b-nzhcd1ggo7] {
    margin: 0.5rem 0 0;
    padding-left: 1.1rem;
}

.empty-documents-actions[b-nzhcd1ggo7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
}

.empty-documents-primary[b-nzhcd1ggo7],
.empty-documents-secondary[b-nzhcd1ggo7] {
    align-items: center;
    border-radius: var(--theme-radius-control, 8px);
    display: inline-flex;
    font-weight: 800;
    min-height: 2.35rem;
    padding: 0.55rem 0.8rem;
    text-decoration: none;
    white-space: nowrap;
}

.empty-documents-primary[b-nzhcd1ggo7] {
    background: var(--theme-color-primary, #2563eb);
    color: var(--theme-color-textInverse, #ffffff);
}

.empty-documents-secondary[b-nzhcd1ggo7] {
    background: var(--theme-color-surface2, #f8fafc);
    border: 1px solid var(--theme-color-border, #d0d5dd);
    color: var(--theme-color-primary, #1849a9);
}

@media (max-width: 720px) {
    .empty-documents-hint[b-nzhcd1ggo7] {
        grid-template-columns: 1fr;
    }

    .empty-documents-actions[b-nzhcd1ggo7] {
        justify-content: flex-start;
    }
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-jeizb90jx2] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    align-items: center;
    text-align: center;
    padding: 2.5rem 1.5rem;
    color: var(--theme-color-textMuted, #667085);
}

.empty-state-icon[b-jeizb90jx2] {
    display: flex;
    color: var(--theme-color-textFaint, var(--theme-color-textMuted, #98a2b3));
}

.empty-state-icon[b-jeizb90jx2]  svg {
    width: 36px;
    height: 36px;
}

.empty-state-title[b-jeizb90jx2] {
    margin: 0;
    font-size: 1.05rem;
    color: var(--theme-color-heading, var(--theme-color-text, #182230));
}

.empty-state-text[b-jeizb90jx2] {
    margin: 0;
    max-width: 44ch;
    line-height: 1.45;
    color: var(--theme-color-textMuted, #667085);
}

.empty-state-actions[b-jeizb90jx2] {
    margin-top: 0.5rem;
}
/* /Components/Shared/InlineError.razor.rz.scp.css */
.inline-banner[b-2q10dmvmko] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--theme-color-border, #d0d5dd);
    border-radius: var(--theme-radius-card, 8px);
    line-height: 1.4;
}

.inline-banner-icon[b-2q10dmvmko] {
    display: flex;
    flex-shrink: 0;
}

.inline-banner-icon[b-2q10dmvmko]  svg {
    width: 18px;
    height: 18px;
}

.inline-banner-text[b-2q10dmvmko] {
    flex: 1;
}

.inline-banner--error[b-2q10dmvmko] {
    color: var(--theme-color-danger, #b42318);
    border-color: var(--theme-color-danger, #b42318);
    background: color-mix(in srgb, var(--theme-color-danger, #d92d20) 8%, transparent);
}

.inline-banner--success[b-2q10dmvmko] {
    color: var(--theme-color-success, #067647);
    border-color: var(--theme-color-success, #067647);
    background: color-mix(in srgb, var(--theme-color-success, #17b26a) 8%, transparent);
}

.inline-banner--warning[b-2q10dmvmko] {
    color: var(--theme-color-warning, #b54708);
    border-color: var(--theme-color-warning, #b54708);
    background: color-mix(in srgb, var(--theme-color-warning, #f79009) 10%, transparent);
}

.inline-banner--info[b-2q10dmvmko] {
    color: var(--theme-color-primary, #1849a9);
    border-color: var(--theme-color-primary, #1849a9);
    background: color-mix(in srgb, var(--theme-color-primary, #1849a9) 8%, transparent);
}

.inline-banner-dismiss[b-2q10dmvmko] {
    display: flex;
    flex-shrink: 0;
    padding: 0.15rem;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    opacity: 0.7;
}

.inline-banner-dismiss:hover[b-2q10dmvmko] {
    opacity: 1;
}

.inline-banner-dismiss[b-2q10dmvmko]  svg {
    width: 16px;
    height: 16px;
}
/* /Components/Shared/LoadingState.razor.rz.scp.css */
.loading-state[b-qiqm0ua449] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    color: var(--theme-color-textMuted, #667085);
}

.loading-state--compact[b-qiqm0ua449] {
    flex-direction: row;
    gap: 0.5rem;
    padding: 0.5rem 0;
}

.loading-state-message[b-qiqm0ua449] {
    margin: 0;
    color: var(--theme-color-textMuted, #667085);
}
/* /Components/Shared/PublicThemeToggle.razor.rz.scp.css */
.public-theme-toggle-btn[b-3eleta6t9s] {
    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-3eleta6t9s] {
    border-color: var(--theme-color-primary, #172033);
    background: var(--theme-color-surface2, #f3f4f6);
}

.public-theme-toggle-btn:focus-visible[b-3eleta6t9s] {
    outline: 3px solid var(--theme-color-focus, #d79b35);
    outline-offset: 3px;
}

:global(html.dark) .theme-icon-light[b-3eleta6t9s] {
    display: none;
}
:global(html:not(.dark)) .theme-icon-dark[b-3eleta6t9s] {
    display: none;
}
/* /Components/Shared/ScreenshotGallery.razor.rz.scp.css */
.gallery-container[b-y8s9zb4jmg] {
    margin-top: 36px;
    overflow: hidden;
    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);
}

.gallery-tabs[b-y8s9zb4jmg] {
    display: flex;
    overflow-x: auto;
    border-bottom: 1px solid var(--theme-color-border, #d8dee4);
    background: var(--theme-color-surface2, #f7f9fa);
}

.gallery-tab-btn[b-y8s9zb4jmg] {
    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-y8s9zb4jmg] {
    border-right: 0;
}

.gallery-tab-btn:hover[b-y8s9zb4jmg] {
    background: var(--theme-color-surfaceOffset, #eef2f5);
    color: var(--theme-color-text, #172033);
}

.gallery-tab-btn.active[b-y8s9zb4jmg] {
    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-y8s9zb4jmg] {
    padding: 32px;
}

.gallery-slide[b-y8s9zb4jmg] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(250px, 0.8fr);
    gap: 32px;
    align-items: center;
}

.screenshot-wrapper[b-y8s9zb4jmg] {
    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-y8s9zb4jmg] {
    display: block;
    width: 100%;
    height: auto;
}

.screenshot-caption[b-y8s9zb4jmg] {
    padding: 6px 0;
}

.screenshot-caption h3[b-y8s9zb4jmg] {
    margin: 0 0 10px;
    color: var(--theme-color-heading, #172033);
    font-size: 1.08rem;
}

.screenshot-caption p[b-y8s9zb4jmg] {
    color: var(--theme-color-textMuted, #566273);
    line-height: 1.58;
}

.fade-in[b-y8s9zb4jmg] {
    animation: fade-in-b-y8s9zb4jmg 180ms ease-out;
}

@keyframes fade-in-b-y8s9zb4jmg {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 760px) {
    .gallery-slide[b-y8s9zb4jmg] {
        grid-template-columns: 1fr;
    }

    .gallery-content[b-y8s9zb4jmg] {
        padding: 18px;
    }

    .gallery-tabs[b-y8s9zb4jmg] {
        flex-wrap: wrap;
        border-bottom: none;
        gap: 6px;
        padding: 8px;
        background: var(--theme-color-surfaceOffset, #eef2f5);
    }
    
    .gallery-tab-btn[b-y8s9zb4jmg] {
        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-y8s9zb4jmg] {
        flex: 1 1 100%;
    }
    
    .gallery-tab-btn.active[b-y8s9zb4jmg] {
        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;
    }
}
/* /Components/Shared/SupportTicketOverlay.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   SupportTicketOverlay – Floating Bug Report
   ═══════════════════════════════════════════════════════ */

/* Floating Action Button (FAB) */
.ticket-fab[b-kfautnx7kc] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--theme-color-primary, #0f766e) 30%, transparent);
    color: var(--theme-color-primary, #0f766e);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: ticket-pulse-b-kfautnx7kc 3s infinite;
}

.ticket-fab:hover[b-kfautnx7kc] {
    transform: scale(1.08) rotate(8deg);
    background: var(--theme-color-primary, #0f766e);
    border-color: var(--theme-color-primary, #0f766e);
    color: var(--theme-color-textInverse, #ffffff);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.ticket-fab:active[b-kfautnx7kc] {
    transform: scale(0.95);
}

/* Pulse Animation for FAB */
@keyframes ticket-pulse-b-kfautnx7kc {
    0% {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 0 0 color-mix(in srgb, var(--theme-color-primary, #0f766e) 30%, transparent);
    }
    50% {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 0 10px color-mix(in srgb, var(--theme-color-primary, #0f766e) 0%, transparent);
    }
    100% {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 0 0 color-mix(in srgb, var(--theme-color-primary, #0f766e) 0%, transparent);
    }
}

/* Modal Overlay */
.ticket-overlay[b-kfautnx7kc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--theme-modal-backdrop, rgba(47, 52, 48, 0.45));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    cursor: pointer;
    animation: ticket-fade-in-b-kfautnx7kc 0.25s ease-out;
}

/* Modal Content */
.ticket-modal-content[b-kfautnx7kc] {
    max-width: 460px;
    width: 90%;
    background: color-mix(in srgb, var(--theme-color-card, #ffffff) 90%, transparent);
    border: 1px solid var(--theme-color-border, rgba(255, 255, 255, 0.4));
    border-radius: var(--theme-radius-modal, 20px);
    box-shadow: var(--theme-shadow-lg, 0 20px 40px rgba(0, 0, 0, 0.12));
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    animation: ticket-slide-up-b-kfautnx7kc 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: default;
}

@keyframes ticket-fade-in-b-kfautnx7kc {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes ticket-slide-up-b-kfautnx7kc {
    from { transform: translateY(24px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Header */
.ticket-modal-header[b-kfautnx7kc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--theme-color-divider, #e4ded4);
    padding-bottom: 12px;
}

.ticket-modal-title[b-kfautnx7kc] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-heading, #252a27);
    display: flex;
    align-items: center;
    gap: 8px;
}

.ticket-title-icon[b-kfautnx7kc] {
    color: var(--theme-color-primary, #0f766e);
}

.ticket-close-btn[b-kfautnx7kc] {
    background: transparent;
    border: none;
    color: var(--theme-color-textMuted, #69716a);
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.ticket-close-btn:hover[b-kfautnx7kc] {
    background: var(--theme-color-surface2, #f1eee7);
    color: var(--theme-color-text, #2f3430);
    transform: rotate(90deg);
}

/* Form Styles */
.ticket-form[b-kfautnx7kc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ticket-container .user-email-badge[b-kfautnx7kc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--theme-color-surface2, #f1eee7);
    border-radius: var(--theme-radius-control, 10px);
    font-size: 0.82rem;
    color: var(--theme-color-text, #2f3430);
    border: 1px solid var(--theme-color-border, #d9d3c8);
}

.ticket-container .studio-field[b-kfautnx7kc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ticket-container .modal-field-label[b-kfautnx7kc] {
    font-size: 0.8rem;
    font-weight: var(--theme-font-weight-bold, 700);
    color: var(--theme-color-fieldLabel, #596158);
}

.ticket-container .studio-input[b-kfautnx7kc],
.ticket-container .studio-textarea[b-kfautnx7kc] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-border, #d9d3c8);
    border-radius: var(--theme-radius-control, 10px);
    background: var(--theme-color-surface, #fbfaf6);
    color: var(--theme-color-inputText, #2f3430);
    font-family: var(--theme-font-family, inherit);
    font-size: 0.88rem;
    padding: 10px 12px;
    transition: all 0.2s;
    outline: none;
}

.ticket-container .studio-input:focus[b-kfautnx7kc],
.ticket-container .studio-textarea:focus[b-kfautnx7kc] {
    border-color: var(--theme-color-primary, #0f766e);
    background: var(--theme-color-card, #ffffff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-color-primary, #0f766e) 20%, transparent);
}

.ticket-container .studio-textarea[b-kfautnx7kc] {
    min-height: 100px;
    resize: vertical;
}

/* Badge for current page */
.ticket-container .current-page-badge[b-kfautnx7kc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--theme-color-primary, #0f766e) 15%, transparent);
    border-radius: var(--theme-radius-control, 10px);
    font-size: 0.78rem;
    color: var(--theme-color-text, #2f3430);
    overflow: hidden;
}

.ticket-container .current-page-badge code[b-kfautnx7kc] {
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    background: color-mix(in srgb, var(--theme-color-primary, #0f766e) 12%, transparent);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--theme-color-primaryHover, #0d5e56);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 320px;
}

/* Error message styling */
.ticket-container .studio-error[b-kfautnx7kc] {
    color: var(--theme-color-danger, #ef4444);
    background: color-mix(in srgb, var(--theme-color-danger, #ef4444) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--theme-color-danger, #ef4444) 20%, transparent);
    border-radius: var(--theme-radius-control, 10px);
    padding: 8px 12px;
    font-size: 0.82rem;
    font-weight: var(--theme-font-weight-bold, 700);
}

/* Footer Actions */
.ticket-modal-footer[b-kfautnx7kc] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 8px;
}

.ticket-container .btn-secondary[b-kfautnx7kc] {
    background: transparent;
    border: 1px solid var(--theme-color-border, #d9d3c8);
    color: var(--theme-color-text, #2f3430);
    padding: 10px 16px;
    border-radius: var(--theme-radius-control, 10px);
    font-size: 0.88rem;
    font-weight: var(--theme-font-weight-bold, 700);
    cursor: pointer;
    transition: all 0.2s;
}

.ticket-container .btn-secondary:hover:not(:disabled)[b-kfautnx7kc] {
    background: var(--theme-color-surface2, #f1eee7);
    border-color: var(--theme-color-textMuted, #69716a);
}

.ticket-container .btn-primary[b-kfautnx7kc] {
    background: var(--theme-color-primary, #0f766e);
    border: 1px solid var(--theme-color-primary, #0f766e);
    color: var(--theme-color-textInverse, #ffffff);
    padding: 10px 18px;
    border-radius: var(--theme-radius-control, 10px);
    font-size: 0.88rem;
    font-weight: var(--theme-font-weight-bold, 700);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.2);
}

.ticket-container .btn-primary:hover:not(:disabled)[b-kfautnx7kc] {
    background: var(--theme-color-primaryHover, #0d5e56);
    border-color: var(--theme-color-primaryHover, #0d5e56);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.35);
}

.ticket-container .btn-primary:disabled[b-kfautnx7kc],
.ticket-container .btn-secondary:disabled[b-kfautnx7kc] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Success State */
.ticket-success-state[b-kfautnx7kc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px;
    gap: 12px;
}

.success-icon-wrapper[b-kfautnx7kc] {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--theme-color-success, #5f7f72) 15%, transparent);
    color: var(--theme-color-success, #5f7f72);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    animation: ticket-scale-up-bounce-b-kfautnx7kc 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes ticket-scale-up-bounce-b-kfautnx7kc {
    from { transform: scale(0.3); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.ticket-success-state h4[b-kfautnx7kc] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: var(--theme-font-headingWeight, 800);
    color: var(--theme-color-heading, #252a27);
}

.ticket-success-state p[b-kfautnx7kc] {
    margin: 0 0 12px 0;
    font-size: 0.88rem;
    color: var(--theme-color-textMuted, #69716a);
    line-height: 1.5;
}

/* Spinner */
.ticket-container .spinner[b-kfautnx7kc] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #ffffff;
    animation: ticket-spin-b-kfautnx7kc 0.8s linear infinite;
    display: inline-block;
}

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

/* Ensure clean click targeting */
.ticket-fab *[b-kfautnx7kc],
.ticket-container .btn-primary *[b-kfautnx7kc],
.ticket-container .btn-secondary *[b-kfautnx7kc],
.ticket-close-btn *[b-kfautnx7kc] {
    pointer-events: none;
}