/**
 * Phase 6 — ALT Library workspace polish (extracted from library-tab.php)
 * Scoped to body.bbai-dashboard
 * Owns the former inline <style id="bbai-library-workspace-styles"> block from library-workspace.php.
 */


    body.bbai-dashboard #bbai-alt-coverage-card,
    body.bbai-dashboard #bbai-review-filter-tabs { display: block !important; visibility: visible !important; opacity: 1 !important; }
    /* Banner → library card: same gap as Dashboard plan hero → command row (command-hero-host.css). */
    body.bbai-dashboard .bbai-library-workspace #bbai-alt-coverage-card.bbai-library-surface-root {
        --bbai-command-banner-gap: var(--section-spacing, var(--bbai-space-6));
        margin-bottom: var(--bbai-command-banner-gap, 24px);
    }
    body.bbai-dashboard .bbai-library-workspace #bbai-alt-coverage-card.bbai-library-surface-root > .bbai-command-hero-host.bbai-hero-full,
    body.bbai-dashboard .bbai-library-workspace #bbai-alt-coverage-card.bbai-library-surface-root > .bbai-hero-full {
        margin-bottom: 0;
    }
    body.bbai-dashboard .bbai-toolbar.bbai-library-toolbar { margin: var(--card-gap, 16px) 0 var(--card-gap, 16px); }
    body.bbai-dashboard .bbai-library-summary-card,
    body.bbai-dashboard .bbai-library-selection-bar {
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    }
    body.bbai-dashboard .bbai-library-summary-card { padding: var(--section-spacing, 24px); margin: var(--section-spacing, 24px) 0 var(--card-gap, 16px); }
    body.bbai-dashboard .bbai-library-summary-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--section-spacing, 24px); }
    body.bbai-dashboard .bbai-library-summary-card__eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 8px;
        font-size: var(--bbai-admin-type-label, 12px);
        font-weight: var(--bbai-admin-type-weight-semibold, 600);
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #0f766e;
    }
    body.bbai-dashboard .bbai-library-summary-card__title { margin: 0; font-size: var(--bbai-admin-type-section-title, 24px); line-height: 1.15; color: var(--bbai-admin-color-text, #0f172a); }
    body.bbai-dashboard .bbai-library-summary-card__copy { margin: 8px 0 0; max-width: 640px; font-size: var(--bbai-admin-type-body, 14px); line-height: 1.55; color: var(--bbai-admin-color-text-secondary, #475569); }
    body.bbai-dashboard .bbai-library-summary-card__stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--card-gap, 16px);
        margin: var(--section-spacing, 24px) 0 var(--card-gap, 16px);
    }
    body.bbai-dashboard .bbai-library-summary-card__stat {
        padding: 14px 16px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid #e5e7eb;
    }
    body.bbai-dashboard .bbai-library-summary-card__stat-label { display: block; font-size: var(--bbai-admin-type-meta, 13px); color: var(--bbai-admin-color-text-muted, #64748b); }
    body.bbai-dashboard .bbai-library-summary-card__stat-value { display: block; margin-top: 6px; font-size: var(--bbai-text-3xl, 28px); font-weight: var(--bbai-admin-type-weight-bold, 700); color: var(--bbai-admin-color-text, #0f172a); }
    body.bbai-dashboard .bbai-library-summary-card__stat--optimized { border-color: #bbf7d0; background: #f0fdf4; }
    body.bbai-dashboard .bbai-library-summary-card__stat--weak { border-color: #fde68a; background: #fffbeb; }
    body.bbai-dashboard .bbai-library-summary-card__stat--missing {
        border-color: #e2e8f0;
        background: #ffffff;
        box-shadow: inset 3px 0 0 rgba(201, 122, 0, 0.38);
    }
    body.bbai-dashboard .bbai-library-summary-card__bar {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--card-gap, 16px);
        align-items: center;
    }
    body.bbai-dashboard .bbai-library-summary-card__progress {
        grid-column: 1 / -1;
        height: 12px;
        border-radius: 999px;
        overflow: hidden;
        background: #e2e8f0;
        display: flex;
    }
    body.bbai-dashboard .bbai-library-summary-card__segment { height: 100%; display: block; }
    body.bbai-dashboard .bbai-library-summary-card__segment--optimized { background: linear-gradient(90deg, #20b26c 0%, #22b573 100%); }
    body.bbai-dashboard .bbai-library-summary-card__segment--weak { background: linear-gradient(90deg, #d9a441 0%, #e0b35a 100%); }
    body.bbai-dashboard .bbai-library-summary-card__segment--missing { background: linear-gradient(90deg, #c97a00 0%, #d48806 100%); }
    body.bbai-dashboard .bbai-library-summary-card__foot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--card-gap, 16px);
        margin-top: var(--card-gap, 16px);
        color: var(--bbai-admin-color-text-secondary, #475569);
        font-size: var(--bbai-admin-type-meta, 13px);
    }
    body.bbai-dashboard .bbai-library-summary-card__foot strong { color: var(--bbai-admin-color-text, #0f172a); }
    body.bbai-dashboard .bbai-library-guidance-host {
        margin-bottom: var(--card-gap, 16px);
    }
    body.bbai-dashboard .bbai-library-credits-banner-host {
        margin-top: var(--card-gap, 16px);
    }
    body.bbai-dashboard .bbai-library-workspace-cta-host {
        padding: 0 var(--bbai-ws-space-lg) var(--bbai-ws-space-sm);
    }
    body.bbai-dashboard .bbai-library-bulk-banner {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: var(--card-gap, 16px);
        margin: 0 0 var(--card-gap, 16px);
        padding: 20px 22px;
        border-radius: 18px;
        border: 1px solid #fcd34d;
        background: linear-gradient(180deg, #fffdf5 0%, #fffbeb 100%);
        box-shadow: 0 18px 40px rgba(120, 53, 15, 0.08);
    }
    body.bbai-dashboard .bbai-library-bulk-banner--ready {
        border-color: #dbe7f5;
        background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
    }
    body.bbai-dashboard .bbai-library-bulk-banner--blocked {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff7f7 0%, #fef2f2 100%);
        box-shadow: 0 18px 40px rgba(153, 27, 27, 0.08);
    }
    body.bbai-dashboard .bbai-library-bulk-banner--workspace {
        margin: 0;
        padding: 16px 18px;
        border-radius: 16px;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    }
    body.bbai-dashboard .bbai-library-bulk-banner__main {
        display: flex;
        align-items: flex-start;
        gap: var(--card-gap, 16px);
        min-width: 0;
        flex: 1;
    }
    body.bbai-dashboard .bbai-library-bulk-banner__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border-radius: 12px;
        color: #b45309;
        background: rgba(251, 191, 36, 0.18);
    }
    body.bbai-dashboard .bbai-library-bulk-banner--ready .bbai-library-bulk-banner__icon {
        color: #1d4ed8;
        background: rgba(59, 130, 246, 0.12);
    }
    body.bbai-dashboard .bbai-library-bulk-banner--blocked .bbai-library-bulk-banner__icon {
        color: #b91c1c;
        background: rgba(239, 68, 68, 0.12);
    }
    body.bbai-dashboard .bbai-library-bulk-banner__eyebrow {
        margin: 0 0 6px;
        font-size: var(--bbai-admin-type-label, 12px);
        font-weight: var(--bbai-admin-type-weight-semibold, 600);
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #92400e;
    }
    body.bbai-dashboard .bbai-library-bulk-banner--ready .bbai-library-bulk-banner__eyebrow {
        color: #1d4ed8;
    }
    body.bbai-dashboard .bbai-library-bulk-banner--blocked .bbai-library-bulk-banner__eyebrow {
        color: #b91c1c;
    }
    body.bbai-dashboard .bbai-library-bulk-banner__title {
        margin: 0;
        font-size: var(--bbai-admin-type-card-title, 20px);
        line-height: 1.15;
        color: var(--bbai-admin-color-text, #111827);
    }
    body.bbai-dashboard .bbai-library-bulk-banner__copy {
        margin: 8px 0 0;
        color: var(--bbai-admin-color-text-secondary, #4b5563);
        font-size: var(--bbai-admin-type-body, 14px);
    }
    body.bbai-dashboard .bbai-library-bulk-banner__stats {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 12px 0 0;
    }
    body.bbai-dashboard .bbai-library-bulk-banner__fact {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(148, 163, 184, 0.2);
        color: #334155;
        font-size: var(--bbai-admin-type-meta, 13px);
        font-weight: var(--bbai-admin-type-weight-medium, 500);
    }
    body.bbai-dashboard .bbai-library-bulk-banner__fact strong {
        color: #0f172a;
    }
    body.bbai-dashboard .bbai-library-bulk-banner--blocked .bbai-library-bulk-banner__fact {
        background: rgba(255, 255, 255, 0.72);
        border-color: rgba(98, 116, 184, 0.28);
    }
    body.bbai-dashboard .bbai-library-bulk-banner__meta {
        margin: 10px 0 0;
        color: #92400e;
        font-size: var(--bbai-admin-type-meta, 13px);
        font-weight: var(--bbai-admin-type-weight-semibold, 600);
    }
    body.bbai-dashboard .bbai-library-bulk-banner--ready .bbai-library-bulk-banner__meta {
        color: #1e40af;
    }
    body.bbai-dashboard .bbai-library-bulk-banner--blocked .bbai-library-bulk-banner__meta {
        color: #b91c1c;
    }
    body.bbai-dashboard .bbai-library-bulk-banner__actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--card-gap, 16px);
        flex: 0 0 auto;
    }
    body.bbai-dashboard .bbai-library-bulk-banner__cta {
        min-width: 232px;
        justify-content: center;
        box-shadow: var(--bbai-admin-btn-primary-shadow);
    }
    body.bbai-dashboard .bbai-library-bulk-banner__cta--secondary {
        min-width: 232px;
        justify-content: center;
    }
    body.bbai-dashboard .bbai-library-bulk-banner__plan-note {
        margin: 0;
        color: #92400e;
        font-size: var(--bbai-admin-type-label, 12px);
        font-weight: var(--bbai-admin-type-weight-semibold, 600);
    }
    body.bbai-dashboard .bbai-library-bulk-banner--ready .bbai-library-bulk-banner__plan-note {
        color: #475569;
    }
    body.bbai-dashboard .bbai-library-bulk-banner--blocked .bbai-library-bulk-banner__plan-note {
        color: #991b1b;
    }
    body.bbai-dashboard .bbai-library-selection-bar {
        position: sticky;
        top: var(--section-spacing, 24px);
        z-index: 6;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--card-gap, 16px);
        padding: 14px 18px;
        margin: 0 0 var(--card-gap, 16px);
    }
    body.bbai-dashboard .bbai-library-selection-bar__summary {
        display: flex;
        align-items: center;
        gap: var(--card-gap, 16px);
        min-width: 0;
        flex-wrap: wrap;
    }
    body.bbai-dashboard .bbai-library-selection-bar__lead {
        display: inline-flex;
        align-items: center;
        gap: var(--card-gap, 16px);
        font-weight: 700;
        color: #0f172a;
    }
    body.bbai-dashboard .bbai-library-selection-bar__count { font-size: var(--bbai-admin-type-body, 14px); color: var(--bbai-admin-color-text-secondary, #475569); }
    body.bbai-dashboard .bbai-library-selection-bar__actions { display: flex; align-items: center; gap: var(--card-gap, 16px); flex-wrap: wrap; }
    body.bbai-dashboard .bbai-library-selection-bar .bbai-toolbar__btn { box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); }
    body.bbai-dashboard .bbai-library-selection-bar .bbai-toolbar__btn:disabled { opacity: var(--bbai-admin-interaction-disabled-opacity); cursor: not-allowed; }
    body.bbai-dashboard .bbai-library-table-wrapper { margin-top: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05); }
    body.bbai-dashboard .bbai-library-table thead th {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .12em;
        color: #64748b;
        background: #f8fafc;
    }
    body.bbai-dashboard .bbai-library-table tbody td { vertical-align: top; border-bottom: 1px solid #edf2f7; }
    body.bbai-dashboard .bbai-library-table tbody tr:hover,
    body.bbai-dashboard .bbai-library-table tbody tr:hover > td { background: var(--bbai-admin-table-hover-bg) !important; }
    body.bbai-dashboard .bbai-library-row--hidden { display: none; }
    body.bbai-dashboard .bbai-library-cell--select { width: 56px; }
    body.bbai-dashboard .bbai-library-cell--asset { width: 270px; }
    body.bbai-dashboard .bbai-library-cell--alt-text { width: 42%; min-width: 320px; }
    body.bbai-dashboard .bbai-library-cell--status { width: 280px; }
    body.bbai-dashboard .bbai-library-asset { display: flex; gap: 14px; }
    body.bbai-dashboard .bbai-library-thumbnail-button {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        padding: 0;
        cursor: pointer;
    }
    body.bbai-dashboard .bbai-library-thumbnail,
    body.bbai-dashboard .bbai-library-thumbnail-placeholder {
        width: 72px;
        height: 72px;
        border-radius: 16px;
        object-fit: cover;
        background: #e2e8f0;
        border: 1px solid #dbeafe;
    }
    body.bbai-dashboard .bbai-library-hover-preview {
        position: absolute;
        left: calc(100% + 14px);
        top: 50%;
        transform: translateY(-50%);
        width: 190px;
        padding: 10px;
        border-radius: 18px;
        background: rgba(15, 23, 42, 0.96);
        box-shadow: 0 24px 48px rgba(15, 23, 42, 0.2);
        opacity: 0;
        pointer-events: none;
        transition: opacity .18s ease, transform .18s ease;
        z-index: 4;
    }
    body.bbai-dashboard .bbai-library-hover-preview img { display: block; width: 100%; border-radius: 12px; }
    body.bbai-dashboard .bbai-library-thumbnail-button:hover .bbai-library-hover-preview,
    body.bbai-dashboard .bbai-library-thumbnail-button:focus-visible .bbai-library-hover-preview {
        opacity: 1;
        transform: translateY(-50%) scale(1.01);
    }
    body.bbai-dashboard .bbai-library-info-cell { display: flex; flex-direction: column; gap: 6px; }
    body.bbai-dashboard .bbai-library-info-name { font-size: 14px; font-weight: 700; color: #0f172a; word-break: break-word; }
    body.bbai-dashboard .bbai-library-info-meta,
    body.bbai-dashboard .bbai-library-info-updated { font-size: 12px; color: #64748b; }
    body.bbai-dashboard .bbai-library-review-block { display: flex; flex-direction: column; gap: 8px; }
    body.bbai-dashboard .bbai-library-review-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 700;
        color: #475569;
        text-transform: uppercase;
        letter-spacing: .08em;
    }
    body.bbai-dashboard .bbai-library-review-tip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        border: 1px solid #cbd5e1;
        color: #475569;
        background: #ffffff;
    }
    body.bbai-dashboard .bbai-library-alt-trigger {
        width: 100%;
        min-height: 70px;
        padding: 14px 16px;
        border-radius: 14px;
        border: 1px solid #dbe4ee;
        background: #ffffff;
        text-align: left;
        cursor: text;
        transition: border-color var(--bbai-admin-ix-duration) var(--bbai-admin-ix-ease), box-shadow var(--bbai-admin-ix-duration) var(--bbai-admin-ix-ease);
    }
    body.bbai-dashboard .bbai-library-alt-trigger:hover,
    body.bbai-dashboard .bbai-library-alt-trigger:focus-visible {
        border-color: #38bdf8;
        box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12);
        outline: none;
    }
    body.bbai-dashboard .bbai-alt-text-preview {
        font-size: 14px;
        line-height: 1.55;
        color: #0f172a;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
    }
    body.bbai-dashboard .bbai-alt-text-missing { font-size: 13px; color: #64748b; font-style: italic; }
    body.bbai-dashboard .bbai-library-alt-helper { margin: 0; font-size: 12px; color: #64748b; }
    body.bbai-dashboard .bbai-library-alt-summary { margin: 0; font-size: 12px; color: #92400e; }
    body.bbai-dashboard .bbai-library-inline-edit { display: flex; flex-direction: column; gap: 10px; }
    body.bbai-dashboard .bbai-library-inline-edit__textarea {
        width: 100%;
        min-height: 96px;
        padding: 12px 14px;
        border-radius: 14px;
        border: 1px solid #38bdf8;
        box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12);
        resize: vertical;
    }
    body.bbai-dashboard .bbai-library-inline-edit__actions { display: flex; align-items: center; gap: 8px; }
    body.bbai-dashboard .bbai-library-inline-edit__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 999px;
        border: 1px solid #d1d5db;
        background: #ffffff;
        color: #334155;
        cursor: pointer;
    }
    body.bbai-dashboard .bbai-library-inline-edit__icon--save { background: #dcfce7; border-color: #86efac; color: #166534; }
    body.bbai-dashboard .bbai-library-inline-edit__error { margin: 0; min-height: 18px; font-size: 12px; color: #dc2626; }
    body.bbai-dashboard .bbai-library-status-stack { display: flex; flex-direction: column; gap: 12px; }
    body.bbai-dashboard .bbai-library-status-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 7px 12px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;
        width: fit-content;
    }
    body.bbai-dashboard .bbai-library-status-badge--optimized { background: #dcfce7; color: #166534; }
    body.bbai-dashboard .bbai-library-status-badge--weak { background: #fff8e8; color: #7c5719; border: 1px solid rgba(217, 164, 65, 0.34); }
    body.bbai-dashboard .bbai-library-status-badge--missing { background: #fff7ed; color: #805112; border: 1px solid rgba(201, 122, 0, 0.28); }
    body.bbai-dashboard .bbai-library-status-copy { margin: 0; font-size: 12px; color: #64748b; }
    body.bbai-dashboard .bbai-library-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
    body.bbai-dashboard .bbai-library-actions__main { display: flex; flex-direction: column; gap: 6px; }
    body.bbai-dashboard .bbai-library-actions__extras { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
    body.bbai-dashboard .bbai-row-action-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 12px;
        border-radius: 999px;
        border: 1px solid #d1d5db;
        background: #ffffff;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
        transition: var(--bbai-admin-ix-transition-interactive);
    }
    body.bbai-dashboard .bbai-row-action-btn:focus-visible {
        outline: var(--bbai-ds-focus-outline);
        outline-offset: 2px;
    }
    body.bbai-dashboard .bbai-row-action-btn:hover:not(:disabled) { background: #f8fafc; border-color: #94a3b8; box-shadow: var(--bbai-admin-ix-hover-lift-shadow); }
    body.bbai-dashboard .bbai-row-action-btn:active:not(:disabled) { filter: var(--bbai-admin-ix-filter-press); }
    body.bbai-dashboard .bbai-row-action-btn svg { flex: 0 0 auto; }
    body.bbai-dashboard .bbai-row-action-btn--primary {
        background: var(--bbai-cta-primary-bg, #10b981);
        border-color: var(--bbai-cta-primary-bg-active, #047857);
        color: #ffffff;
    }
    body.bbai-dashboard .bbai-row-action-btn--primary:hover:not(:disabled) {
        background: var(--bbai-cta-primary-bg-hover, #059669);
        border-color: var(--bbai-cta-primary-bg-active, #047857);
    }
    body.bbai-dashboard .bbai-row-action-btn--primary:focus-visible {
        outline: var(--bbai-ds-focus-outline);
        outline-offset: 2px;
    }
    body.bbai-dashboard .bbai-row-action-btn--primary:active:not(:disabled) { filter: var(--bbai-admin-ix-filter-press-primary); }
    body.bbai-dashboard .bbai-row-action-btn--ghost {
        background: #ffffff;
        border-color: #e2e8f0;
        color: #64748b;
        font-weight: 600;
    }
    body.bbai-dashboard .bbai-row-action-btn--ghost:hover:not(:disabled) {
        background: #f8fafc;
        border-color: #cbd5e1;
        color: #334155;
    }
    body.bbai-dashboard .bbai-row-action-btn--ghost:focus-visible {
        outline: var(--bbai-ds-focus-outline);
        outline-offset: 2px;
    }
    body.bbai-dashboard .bbai-row-action-btn--ghost.bbai-is-locked {
        cursor: pointer;
        background: #fffbeb;
        border-color: #fde68a;
        color: #b45309;
    }
    body.bbai-dashboard .bbai-row-action-btn.is-loading { opacity: var(--bbai-admin-ix-loading-opacity); pointer-events: none; cursor: progress; }
    body.bbai-dashboard .bbai-row-action-spinner {
        width: 12px;
        height: 12px;
        border-radius: 999px;
        border: 2px solid currentColor;
        border-right-color: transparent;
        animation: bbai-ix-spin 0.7s linear infinite;
    }
    body.bbai-dashboard .bbai-library-reviewing { display: inline-flex; align-items: center; gap: 8px; color: #0f172a; font-size: 13px; font-weight: 600; }
    body.bbai-dashboard .bbai-library-row--regen-flash {
        animation: bbai-library-row-regen-flash 1.6s ease-out;
    }
    @keyframes bbai-library-row-regen-flash {
        0% {
            background: rgba(16, 185, 129, 0.16);
            box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.22);
        }
        65% {
            background: rgba(16, 185, 129, 0.06);
            box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.1);
        }
        100% {
            background: transparent;
            box-shadow: none;
        }
    }
    body.bbai-dashboard .bbai-library-filter-empty__cell { padding: 28px !important; text-align: center; color: #64748b; }
    body.bbai-dashboard .bbai-library-preview-modal__dialog { border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); padding: 24px; }
    @media (max-width: 960px) {
        body.bbai-dashboard .bbai-library-summary-card__stats { grid-template-columns: 1fr; }
        body.bbai-dashboard .bbai-library-summary-card__head,
        body.bbai-dashboard .bbai-library-selection-bar { flex-direction: column; align-items: stretch; }
        body.bbai-dashboard .bbai-library-bulk-banner { flex-direction: column; align-items: stretch; }
        body.bbai-dashboard .bbai-library-bulk-banner__actions { width: 100%; }
        body.bbai-dashboard .bbai-library-bulk-banner__cta { width: 100%; min-width: 0; }
        body.bbai-dashboard .bbai-library-selection-bar__actions { width: 100%; }
    }
    @media (max-width: 782px) {
        body.bbai-dashboard .bbai-library-table thead { display: none; }
        body.bbai-dashboard .bbai-library-table,
        body.bbai-dashboard .bbai-library-table tbody,
        body.bbai-dashboard .bbai-library-table tr,
        body.bbai-dashboard .bbai-library-table td { display: block; width: 100%; }
        body.bbai-dashboard .bbai-library-table tbody tr { padding: 12px 14px; border-bottom: 1px solid #e2e8f0; }
        body.bbai-dashboard .bbai-library-cell--select { padding-bottom: 4px !important; }
        body.bbai-dashboard .bbai-library-cell--alt-text,
        body.bbai-dashboard .bbai-library-cell--status,
        body.bbai-dashboard .bbai-library-cell--asset { width: 100%; min-width: 0; }
        body.bbai-dashboard .bbai-library-hover-preview { display: none; }
    }
    


/* Library workspace surface styles migrated from admin/partials/library-workspace.php */
.bbai-library-workspace {
/* Map to unified + foundation tokens — keeps Library on the same colour rail as Dashboard/filters */
--bbai-library-border: var(--bbai-border, #dfe8f6);
--bbai-library-border-strong: var(--bbai-border-secondary, #cfd9ea);
--bbai-library-surface: linear-gradient(135deg, var(--bbai-bg-secondary, #f7fbff) 0%, var(--bbai-info-bg, #eef4ff) 58%, var(--bbai-bg-primary, #ffffff) 100%);
--bbai-library-card-shadow: var(--bbai-surface-card-shadow, 0 10px 24px rgba(15, 23, 42, 0.06));
--bbai-library-soft-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
--bbai-library-text: var(--bbai-text-primary, #111827);
--bbai-library-muted: var(--bbai-text-secondary, #6b7280);
--bbai-library-subtle: var(--bbai-status-neutral-indicator, #94a3b8);
--bbai-library-track: var(--bbai-bg-tertiary, #e6edf8);
--bbai-library-green: var(--bbai-status-optimized-accent, #22b573);
--bbai-library-green-bg: var(--bbai-status-optimized-bg, #effbf3);
--bbai-library-amber: var(--bbai-status-needs-review-accent, #d9a441);
--bbai-library-amber-bg: var(--bbai-status-needs-review-bg, #fffbeb);
--bbai-library-red: var(--bbai-status-missing-accent, #c97a00);
--bbai-library-red-bg: var(--bbai-status-missing-bg, #fff7ed);
/* Legacy name — maps to brand primary (green CTAs), not UI info blue */
--bbai-library-blue: var(--bbai-primary, #10b981);
--bbai-library-blue-bg: var(--bbai-info-bg, #eff6ff);
/* Row rail + status wash — Phase 4 tokens (bbai-admin-foundation-tokens.css) */
--bbai-row-rail-w: var(--bbai-status-row-rail-width);
--bbai-row-rail-radius: var(--bbai-status-row-rail-radius);
--bbai-row-rail-missing: var(--bbai-status-missing-rail);
--bbai-row-rail-missing-strong: var(--bbai-status-missing-rail-strong);
--bbai-row-rail-weak: var(--bbai-status-needs-review-rail);
--bbai-row-rail-weak-strong: var(--bbai-status-needs-review-rail-strong);
--bbai-row-rail-opt: var(--bbai-status-optimized-rail);
--bbai-row-rail-opt-strong: var(--bbai-status-optimized-rail-strong);
--bbai-row-content-inset: var(--bbai-status-row-content-inset);
--bbai-link-row-strong: #047857;
--bbai-link-row-secondary: #1d4ed8;
--bbai-link-row-secondary-border: rgba(59, 130, 246, 0.42);
--bbai-link-row-tertiary: #2563eb;
/* Row action stack — one system for primary / secondary / menu trigger */
--bbai-lib-act-h: 36px;
--bbai-lib-act-radius: 9px;
--bbai-lib-act-fs: 12px;
--bbai-lib-act-fw: 600;
--bbai-lib-act-gap: 8px;
--bbai-lib-act-pad-x: 12px;
--bbai-lib-act-border: #cbd5e1;
--bbai-lib-act-border-strong: #94a3b8;
--bbai-lib-act-surface: #ffffff;
--bbai-lib-act-surface-hover: #f8fafc;
--bbai-lib-act-text: #334155;
--bbai-lib-act-text-muted: #64748b;
color: var(--bbai-library-text);
}
 /* Full-width tool surface — horizontal inset lives on body.bbai-dashboard .bbai-content-shell (saas-consistency.css) */
.bbai-library-container.bbai-library-workspace.bbai-container {
max-width: none;
width: 100%;
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
}
 /* Dimensions + radius: bbai-admin-button-system.css (shared .bbai-btn scale) */
 .bbai-library-page-actions .bbai-btn,
.bbai-library-summary-actions .bbai-btn,
.bbai-library-task-banner__actions .bbai-btn,
.bbai-library-sidebar-card .bbai-btn,
.bbai-library-selection-bar .bbai-btn {
box-shadow: none;
font-weight: var(--bbai-admin-type-weight-semibold, 600);
}
 .bbai-library-page-actions .bbai-btn-primary,
.bbai-library-summary-actions .bbai-btn-primary,
.bbai-library-task-banner__actions .bbai-btn-primary,
.bbai-library-sidebar-card .bbai-btn-primary,
.bbai-library-selection-bar .bbai-btn-primary {
box-shadow: var(--bbai-admin-btn-primary-shadow);
}
 .bbai-library-page-actions .bbai-btn-primary:hover:not(:disabled),
.bbai-library-summary-actions .bbai-btn-primary:hover:not(:disabled),
.bbai-library-task-banner__actions .bbai-btn-primary:hover:not(:disabled),
.bbai-library-sidebar-card .bbai-btn-primary:hover:not(:disabled),
.bbai-library-selection-bar .bbai-btn-primary:hover:not(:disabled) {
box-shadow: var(--bbai-admin-btn-primary-shadow-hover);
transform: var(--bbai-admin-btn-primary-lift, translateY(-1px));
}
 .bbai-library-page-actions .bbai-btn-secondary,
.bbai-library-summary-actions .bbai-btn-secondary,
.bbai-library-task-banner__actions .bbai-btn-secondary,
.bbai-library-sidebar-card .bbai-btn-secondary,
.bbai-library-selection-bar .bbai-btn-secondary {
border-color: var(--bbai-admin-btn-secondary-border);
background: var(--bbai-admin-btn-secondary-bg);
color: var(--bbai-admin-btn-secondary-text);
font-weight: var(--bbai-admin-type-weight-medium, 500);
}
 .bbai-library-page-actions .bbai-btn-secondary:hover:not(:disabled),
.bbai-library-summary-actions .bbai-btn-secondary:hover:not(:disabled),
.bbai-library-task-banner__actions .bbai-btn-secondary:hover:not(:disabled),
.bbai-library-sidebar-card .bbai-btn-secondary:hover:not(:disabled),
.bbai-library-selection-bar .bbai-btn-secondary:hover:not(:disabled) {
border-color: var(--bbai-admin-btn-secondary-border-hover);
background: var(--bbai-admin-btn-secondary-bg-hover);
color: var(--bbai-admin-btn-secondary-text-hover);
}
 .bbai-library-scan-feedback {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--card-gap, 16px);
margin: 0 0 20px;
padding: 18px 20px;
border: 1px solid #dbe7f5;
border-radius: 16px;
background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}
 .bbai-library-trial-banner,
.bbai-library-generation-feedback {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0 0 20px;
padding: 14px 18px;
border: 1px solid #dbe7f5;
border-radius: 16px;
background: #f8fbff;
}
 .bbai-library-generation-feedback[hidden] {
display: none !important;
}
 .bbai-library-trial-banner__copy,
.bbai-library-generation-feedback__copy {
min-width: 0;
flex: 1;
}
 .bbai-library-trial-banner__eyebrow {
margin: 0 0 4px;
font-size: 11px;
line-height: 1;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 700;
color: #0f766e;
}
 .bbai-library-trial-banner__remaining,
.bbai-library-generation-feedback__summary,
.bbai-library-generation-feedback__detail {
margin: 0;
}
 .bbai-library-trial-banner__remaining,
.bbai-library-generation-feedback__summary {
font-size: 14px;
line-height: 1.5;
font-weight: 600;
color: var(--bbai-library-text);
}
 .bbai-library-generation-feedback__detail {
margin-top: 4px;
font-size: 13px;
line-height: 1.5;
color: var(--bbai-library-muted);
}
 .bbai-library-trial-banner__cta {
flex-shrink: 0;
font-size: 13px;
line-height: 1.4;
font-weight: 600;
color: #0f766e;
text-decoration: none;
}
 .bbai-library-trial-banner__cta:hover,
.bbai-library-trial-banner__cta:focus-visible {
color: #115e59;
text-decoration: underline;
}
 .bbai-library-generation-feedback[data-state="success"] {
border-color: #bbf7d0;
background: #f6fff8;
}
 .bbai-library-generation-feedback[data-state="warning"] {
border-color: #fde68a;
background: #fffaf0;
}
 .bbai-library-scan-feedback[hidden] {
display: none !important;
}
 .bbai-library-scan-feedback[data-state="attention"] {
border-color: #bfdbfe;
background: linear-gradient(135deg, #f7fbff 0%, #eef5ff 100%);
}
 .bbai-library-scan-feedback[data-state="clear"] {
border-color: #bbf7d0;
background: linear-gradient(135deg, #f7fff9 0%, #effbf3 100%);
}
 .bbai-library-scan-feedback__copy {
min-width: 0;
flex: 1;
}
 .bbai-library-scan-feedback__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 6px;
font-size: 11px;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
font-weight: 700;
color: #0f766e;
}
 .bbai-library-scan-feedback__summary,
.bbai-library-scan-feedback__detail {
margin: 0;
color: var(--bbai-library-text);
line-height: 1.55;
}
 .bbai-library-scan-feedback__summary {
font-size: 15px;
font-weight: 600;
}
 .bbai-library-scan-feedback__detail {
margin-top: 4px;
font-size: 13px;
color: var(--bbai-library-muted);
}
 .bbai-library-scan-feedback__actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
flex-shrink: 0;
}
 .bbai-library-results--highlight {
outline: 2px solid rgba(59, 130, 246, 0.45);
outline-offset: 4px;
animation: bbaiLibraryResultsPulse 1.6s ease;
}
 @keyframes bbaiLibraryResultsPulse {
0% {
    outline-color: rgba(59, 130, 246, 0.55);
}
 100% {
    outline-color: transparent;
}
}
 .bbai-library-summary-card,
.bbai-library-task-banner,
.bbai-library-sidebar-card,
.bbai-library-selection-bar {
border: 1px solid var(--bbai-library-border);
border-radius: 16px;
background: #ffffff;
box-shadow: var(--bbai-library-card-shadow);
}
 .bbai-library-summary-card {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
gap: var(--section-spacing, 24px);
padding: 22px 24px;
margin: 0 0 18px;
background: var(--bbai-library-surface);
}
 .bbai-library-summary-main {
min-width: 0;
}
 .bbai-library-summary-layout {
display: flex;
align-items: flex-start;
gap: var(--card-gap, 16px);
}
 .bbai-library-summary-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
flex: 0 0 48px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(15, 23, 42, 0.08);
color: #166534;
}
 .bbai-library-summary-card[data-state="missing"] .bbai-library-summary-icon {
color: #b91c1c;
}
 .bbai-library-summary-card[data-state="weak"] .bbai-library-summary-icon {
color: #b45309;
}
 .bbai-library-summary-eyebrow,
.bbai-library-task-banner__eyebrow,
.bbai-library-sidebar-card__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 8px;
font-size: 11px;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
font-weight: 700;
color: #0f766e;
}
 .bbai-library-summary-title,
.bbai-library-task-banner__title,
.bbai-library-sidebar-card__title {
margin: 0;
font-size: 24px;
line-height: 1.15;
letter-spacing: -0.03em;
color: var(--bbai-library-text);
}
 .bbai-library-summary-copy,
.bbai-library-task-banner__copy,
.bbai-library-sidebar-card__copy {
margin: 10px 0 0;
font-size: 14px;
line-height: 1.6;
color: var(--bbai-library-muted);
}
 .bbai-library-summary-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: var(--card-gap, 16px);
}
 .bbai-library-summary-stat {
padding: 11px 13px;
border-radius: 12px;
border: 1px solid #e4ebf4;
background: rgba(255, 255, 255, 0.88);
}
 .bbai-library-summary-stat--optimized {
background: var(--bbai-library-green-bg);
border-color: #bbf7d0;
}
.bbai-library-summary-stat--missing {
background: rgba(255, 255, 255, 0.88);
border-color: #e4ebf4;
box-shadow: inset 3px 0 0 rgba(201, 122, 0, 0.38);
}
 .bbai-library-summary-stat-label {
display: block;
font-size: 12px;
line-height: 1.4;
color: var(--bbai-library-muted);
}
 .bbai-library-summary-stat-value {
display: block;
margin-top: 4px;
font-size: 22px;
line-height: 1;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--bbai-library-text);
}
 .bbai-library-summary-progress-wrap {
margin-top: var(--card-gap, 16px);
}
 .bbai-library-summary-progress {
display: flex;
overflow: hidden;
width: 100%;
height: 12px;
border-radius: 999px;
background: var(--bbai-library-track);
}
 .bbai-library-summary-progress > span {
display: block;
height: 100%;
}
 .bbai-library-summary-progress > .bbai-library-summary-progress__optimized {
background: linear-gradient(90deg, #20b26c 0%, #22b573 100%);
}
 .bbai-library-summary-progress > .bbai-library-summary-progress__missing {
background: linear-gradient(90deg, #c97a00 0%, #d48806 100%);
}
 .bbai-library-summary-foot {
margin-top: var(--card-gap, 16px);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
font-size: 12px;
color: var(--bbai-library-muted);
}
 .bbai-library-summary-foot strong {
color: var(--bbai-library-text);
}
 .bbai-library-summary-side {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 14px;
padding: 18px;
border-radius: 14px;
border: 1px solid rgba(37, 99, 235, 0.08);
background: rgba(255, 255, 255, 0.84);
}
 .bbai-library-summary-next {
display: flex;
flex-direction: column;
gap: 7px;
}
 .bbai-library-summary-next-label {
margin: 0;
font-size: 12px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--bbai-library-subtle);
}
 .bbai-library-summary-next-copy {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: var(--bbai-library-text);
}
 .bbai-library-summary-usage {
display: flex;
flex-direction: column;
gap: 7px;
}
 .bbai-library-summary-usage-line,
.bbai-library-summary-usage-copy {
margin: 0;
font-size: 13px;
line-height: 1.6;
color: var(--bbai-library-muted);
}
 .bbai-library-summary-usage-line strong {
color: var(--bbai-library-text);
}
 .bbai-library-summary-usage-bar {
width: 100%;
height: 10px;
border-radius: 999px;
overflow: hidden;
background: #e5edf6;
}
 .bbai-library-summary-usage-fill {
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
transition: width 0.3s ease;
}
 .bbai-library-summary-actions {
display: flex;
flex-direction: column;
gap: 8px;
align-items: stretch;
flex-wrap: wrap;
}
 .bbai-library-summary-actions .bbai-btn {
justify-content: center;
text-align: center;
}
 /* No card chrome — avoids a “divider” seam between coverage grid and review workspace */
.bbai-library-toolbar-card {
position: sticky;
top: 24px;
z-index: 9;
margin: 8px 0 0;
padding: 4px 0 10px;
border: none;
border-radius: 0;
background: transparent;
box-shadow: none;
backdrop-filter: none;
}
 /*
 * Workspace card — lightweight dashboard-style sectioning (spacing + dividers, no nested boxes).
 */
.bbai-library-workspace-card {
--bbai-ws-space-xs: 8px;
--bbai-ws-space-sm: 12px;
--bbai-ws-space-md: 16px;
--bbai-ws-space-lg: 24px;
--bbai-ws-radius: var(--bbai-surface-card-radius, 14px);
--bbai-ws-divider: #eef2f7;
 background: var(--bbai-surface-card-bg, #ffffff);
border: var(--bbai-surface-card-border, 1px solid #e5e7eb);
border-radius: var(--bbai-ws-radius);
box-shadow: var(--bbai-surface-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.04));
overflow: hidden;
/* Spacing from plan banner lives on #bbai-alt-coverage-card (parity with Dashboard hero margin). */
margin-top: 0;
}
 /* Card header: padding + type from bbai-section-header.css + saas-consistency (Dashboard command-card parity) */
 .bbai-library-workspace-card__head.bbai-section-header--split-end {
	background: transparent;
	border-bottom: none;
	}
	.bbai-library-workspace-cta-host[hidden],
	.bbai-library-credits-banner-host[hidden] {
	display: none !important;
	}
 /* Inline filter toolbar — flows from same section as header */
	.bbai-library-workspace-card__filter-toolbar {
	padding: 16px var(--bbai-ws-space-lg) var(--bbai-ws-space-sm);
margin: 0;
background: transparent;
border: none;
border-bottom: 1px solid var(--bbai-ws-divider);
border-radius: 0;
}
 /* Table region — same surface as card; padding only */
.bbai-library-workspace-card__table-surface {
padding: var(--bbai-ws-space-sm) var(--bbai-ws-space-lg) var(--bbai-ws-space-md);
background: #ffffff;
border: none;
}
 .bbai-library-workspace-card__controls-row {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: var(--bbai-ws-space-xs);
padding: 0 0 var(--bbai-ws-space-sm);
margin: 0;
background: transparent;
border-bottom: none;
}
 .bbai-library-workspace-card__controls-row .bbai-library-search {
flex: 1 1 220px;
min-width: 0;
max-width: 420px;
margin-right: auto;
}
 .bbai-library-workspace-card__table-surface .bbai-library-main {
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
overflow: visible;
}
 .bbai-library-workspace-card__table-surface .bbai-library-table-shell {
margin: 0;
padding: 0;
background: transparent;
}
  @media (max-width: 960px) {
.bbai-library-workspace-card__controls-row {
    justify-content: stretch;
}
.bbai-library-workspace-card__controls-row .bbai-library-search {
    flex: 1 1 100%;
    max-width: none;
    margin-right: 0;
}
}
 @media (max-width: 782px) {
.bbai-library-workspace-card__filter-toolbar {
    padding: 16px var(--bbai-ws-space-md) var(--bbai-ws-space-sm);
}
.bbai-library-workspace-card__table-surface {
    padding: var(--bbai-ws-space-sm) var(--bbai-ws-space-md) var(--bbai-ws-space-md);
}
}
/* Hide hero duplicate primary when Missing bulk bar is the in-context primary */
.bbai-library-top-hero--suppress-duplicate-missing-cta [data-bbai-hero-primary-item] {
    display: none !important;
}

/* Missing filter: credit-aware “generate all” row (ties CTA to the list) */
.bbai-library-missing-bulk-bar {
    padding: 0 var(--bbai-ws-space-md, 20px) 12px;
    border-bottom: 1px solid #eef2f7;
}
.bbai-library-missing-bulk-bar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 16px;
}
.bbai-library-missing-bulk-bar__ready {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    min-width: 0;
}
.bbai-library-missing-bulk-bar__helper {
    margin: 0;
    max-width: min(52ch, 100%);
    font-size: 13px;
    line-height: 1.45;
    color: var(--bbai-admin-color-text-muted, var(--bbai-library-muted));
}
.bbai-library-missing-bulk-bar__no-credits {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    min-width: 0;
}
/* Author `display:flex` wins over the HTML hidden attribute otherwise — keep out of layout + a11y when hidden */
.bbai-library-missing-bulk-bar__ready[hidden],
.bbai-library-missing-bulk-bar__no-credits[hidden] {
    display: none !important;
}
.bbai-library-missing-bulk-bar__no-credits-text {
    margin: 0;
    max-width: min(60ch, 100%);
    font-size: 13px;
    line-height: 1.45;
    color: var(--bbai-admin-color-text-secondary, #475569);
}
@media (max-width: 600px) {
    .bbai-library-missing-bulk-bar__ready,
    .bbai-library-missing-bulk-bar__no-credits {
        flex-direction: column;
        align-items: stretch;
    }
    .bbai-library-missing-bulk-bar__ready .bbai-btn,
    .bbai-library-missing-bulk-bar__no-credits .bbai-btn {
        width: 100%;
        justify-content: center;
    }
}
 /* Old filter-strip now lives inside the card — hide the standalone version */
.bbai-library-workspace-filter-strip {
display: none;
}
 .bbai-library-workspace-intro {
margin: 0;
padding: 14px 0 8px;
border-bottom: 1px solid #eef2f7;
}
.bbai-library-workspace-intro__title {
margin: 0 0 4px;
font-size: var(--bbai-admin-type-card-title, 20px);
line-height: 1.22;
font-weight: var(--bbai-admin-type-weight-bold, 700);
letter-spacing: var(--bbai-tracking-tight, -0.03em);
color: var(--bbai-admin-color-text, #0f172a);
}
 .bbai-library-workspace-intro__tagline {
margin: 0 0 6px;
font-size: var(--bbai-admin-type-body, 14px);
line-height: 1.45;
color: var(--bbai-admin-color-text-secondary, var(--bbai-library-text));
max-width: min(56ch, 100%);
}
 .bbai-library-workspace-intro__meta {
margin: 0;
font-size: var(--bbai-admin-type-meta, 13px);
line-height: 1.4;
font-weight: var(--bbai-admin-type-weight-medium, 500);
color: var(--bbai-admin-color-text-muted, var(--bbai-library-muted));
font-variant-numeric: tabular-nums;
}
 .bbai-library-workspace-intro__hint {
margin: 6px 0 0;
font-size: var(--bbai-admin-type-meta, 13px);
line-height: 1.42;
color: var(--bbai-admin-color-text-muted, var(--bbai-library-subtle));
max-width: min(68ch, 100%);
}
 .bbai-library-section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: var(--card-gap, 16px);
margin-bottom: var(--card-gap, 16px);
}
 .bbai-library-section-title {
margin: 0;
font-size: var(--bbai-admin-type-card-title, 20px);
line-height: 1.3;
color: var(--bbai-admin-color-text, var(--bbai-library-text));
}
 .bbai-library-section-copy {
margin: 4px 0 0;
font-size: var(--bbai-admin-type-body, 14px);
line-height: 1.6;
color: var(--bbai-admin-color-text-secondary, var(--bbai-library-muted));
}
 .bbai-library-toolbar {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--card-gap, 16px);
flex-wrap: wrap;
}
 .bbai-library-toolbar__left {
min-width: 0;
}
 .bbai-library-toolbar__right {
flex: 1 1 260px;
display: flex;
justify-content: flex-end;
gap: 12px;
flex-wrap: wrap;
min-width: 0;
}
 .bbai-library-toolbar__right--full {
flex: 1 1 100%;
max-width: 100%;
justify-content: flex-end;
}
 .bbai-library-toolbar__controls {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
 .bbai-library-search {
display: flex;
align-items: center;
gap: 10px;
min-width: 260px;
padding: 0 14px;
border-radius: 12px;
border: 1px solid #dce4f0;
background: #ffffff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
 .bbai-library-search svg {
flex: 0 0 auto;
color: var(--bbai-library-subtle);
}
 .bbai-library-search input {
width: 100%;
min-height: 42px;
border: 0;
padding: 0;
background: transparent;
color: var(--bbai-library-text);
font-size: 14px;
box-shadow: none;
}
 .bbai-library-search input:focus {
outline: none;
box-shadow: none;
}
 .bbai-library-select {
min-width: 150px;
min-height: 42px;
padding: 0 38px 0 14px;
border-radius: 12px;
border: 1px solid #dce4f0;
background-color: #ffffff;
color: var(--bbai-library-text);
font-size: 14px;
line-height: 1.4;
}
 .bbai-library-select:focus,
.bbai-library-search input:focus-visible,
.bbai-filter-group__item:focus-visible,
.bbai-library-row-action:focus-visible,
.bbai-row-action-btn:focus-visible,
.bbai-library-alt-trigger:focus-visible,
.bbai-library-thumbnail-button:focus-visible {
outline: 3px solid rgba(37, 99, 235, 0.28);
outline-offset: 2px;
}
 .bbai-library-work-grid {
display: block;
}
 .bbai-library-main {
min-width: 0;
}
 .bbai-library-sidebar {
min-width: 0;
}
 .bbai-library-sidebar__inner {
position: sticky;
top: 104px;
display: flex;
flex-direction: column;
gap: var(--card-gap, 16px);
}
 .bbai-library-sidebar-card {
padding: 20px;
}
 .bbai-library-sidebar-card__meta {
margin: 10px 0 0;
font-size: 13px;
line-height: 1.6;
color: var(--bbai-library-muted);
}
 .bbai-library-sidebar-card__actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: var(--card-gap, 16px);
}
 .bbai-library-sidebar-card--queue {
background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
 .bbai-library-sidebar-card--upgrade {
background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
}
 .bbai-library-sidebar-card--selection[hidden] {
display: none !important;
}
 .bbai-library-upgrade-price {
display: flex;
align-items: baseline;
gap: 8px;
margin-top: var(--card-gap, 16px);
color: var(--bbai-library-text);
}
 .bbai-library-upgrade-price strong {
font-size: 28px;
line-height: 1;
letter-spacing: -0.03em;
}
 .bbai-library-upgrade-price span {
font-size: 14px;
color: var(--bbai-library-muted);
}
 .bbai-library-upgrade-list {
display: grid;
gap: 10px;
padding: 0;
margin: 16px 0 0;
list-style: none;
}
 .bbai-library-upgrade-list li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
line-height: 1.5;
color: var(--bbai-library-text);
}
 .bbai-library-upgrade-list svg {
flex: 0 0 auto;
margin-top: 2px;
color: var(--bbai-library-green);
}
 .bbai-library-selection-bar {
position: sticky;
top: 76px;
z-index: 8;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 11px 14px;
margin: 0 0 12px;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(12px);
}
 .bbai-library-selection-bar[hidden] {
display: none !important;
}
 .bbai-library-selection-bar__summary {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
min-width: 0;
}
 .bbai-library-selection-bar__lead {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 700;
color: var(--bbai-library-text);
}
 .bbai-library-selection-bar__count,
.bbai-library-selection-bar__credits {
font-size: 13px;
line-height: 1.5;
color: var(--bbai-library-muted);
}
 .bbai-library-selection-bar__actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
 .bbai-library-table-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 4px 0 10px;
margin: 0 0 2px;
border-bottom: 1px solid #e2e8f0;
}
 .bbai-library-table-head--bulk-only {
padding: 10px 0 12px;
margin: 0;
border-bottom: 1px solid #eef2f7;
min-height: 0;
}
 .bbai-library-main:not([data-bbai-bulk-mode="true"]) .bbai-library-table-head--bulk-only {
display: none;
}
 .bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-table-head--bulk-only {
display: flex;
align-items: center;
}
 .bbai-library-table-title {
margin: 0;
font-size: 18px;
line-height: 1.25;
font-weight: 700;
letter-spacing: -0.025em;
color: #0f172a;
}
 .bbai-library-table-meta {
margin: 4px 0 0;
font-size: 13px;
line-height: 1.5;
color: var(--bbai-library-muted);
}
 .bbai-library-table {
width: 100%;
min-width: 880px;
border-collapse: separate;
border-spacing: 0 8px;
margin: -8px 0 0;
}
 .bbai-library-table thead th {
padding: 0 16px 8px;
font-size: 11px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--bbai-library-subtle);
}
 .bbai-library-table tbody td {
vertical-align: top;
padding: 12px 13px;
background: #ffffff;
border-top: 1px solid #e7edf6;
border-bottom: 1px solid #e7edf6;
transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}
 .bbai-library-table tbody td:first-child {
border-left: 1px solid #e7edf6;
border-top-left-radius: 18px;
border-bottom-left-radius: 18px;
}
 .bbai-library-table tbody td:last-child {
border-right: 1px solid #e7edf6;
border-top-right-radius: 18px;
border-bottom-right-radius: 18px;
}
 .bbai-library-table tbody tr:hover td,
.bbai-library-table tbody tr:focus-within td {
background: #fbfdff;
border-color: #d7e2f0;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 16px 30px rgba(15, 23, 42, 0.04);
}
 .bbai-library-row--hidden {
display: none;
}
 .bbai-library-table .bbai-library-cell--select {
width: 52px;
padding-top: var(--card-gap, 16px) !important;
}
 .bbai-library-table .bbai-library-cell--asset {
width: 280px;
}
 .bbai-library-table .bbai-library-cell--alt-text {
width: 42%;
min-width: 300px;
}
 .bbai-library-table .bbai-library-cell--status {
width: 280px;
}
 .bbai-library-asset {
display: flex;
gap: 14px;
}
 .bbai-library-thumbnail-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
 .bbai-library-thumbnail,
.bbai-library-thumbnail-placeholder {
width: 58px;
height: 58px;
border-radius: 10px;
object-fit: cover;
background: #e5edf7;
border: 1px solid #dbe5f2;
}
 .bbai-library-thumbnail-placeholder {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--bbai-library-subtle);
}
 .bbai-library-hover-preview {
position: absolute;
left: calc(100% + 14px);
top: 50%;
transform: translateY(-50%);
width: 180px;
padding: 10px;
border-radius: 18px;
background: rgba(15, 23, 42, 0.96);
box-shadow: 0 28px 56px rgba(15, 23, 42, 0.24);
opacity: 0;
pointer-events: none;
transition: opacity 0.16s ease, transform 0.16s ease;
z-index: 6;
}
 .bbai-library-hover-preview img {
display: block;
width: 100%;
border-radius: 12px;
}
 .bbai-library-thumbnail-button:hover .bbai-library-hover-preview,
.bbai-library-thumbnail-button:focus-visible .bbai-library-hover-preview {
opacity: 1;
transform: translateY(-50%) scale(1.01);
}
 .bbai-library-info-cell {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
}
 .bbai-library-info-name {
margin: 0;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: var(--bbai-library-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 210px;
}
 .bbai-library-info-meta,
.bbai-library-info-updated {
display: block;
font-size: 11px;
line-height: 1.5;
color: var(--bbai-library-muted);
}
 .bbai-library-review-block {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
 .bbai-library-review-label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--bbai-library-subtle);
}
 .bbai-library-review-tip {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 999px;
border: 1px solid #dbe4ee;
background: #ffffff;
color: var(--bbai-library-muted);
font-size: 11px;
line-height: 1;
}
 .bbai-library-alt-trigger {
width: 100%;
min-height: 62px;
padding: 12px 14px;
border-radius: 12px;
border: 1px solid #dbe5f2;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
text-align: left;
cursor: text;
transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
 .bbai-library-alt-trigger:hover {
border-color: #bfd1ea;
transform: translateY(-1px);
}
 .bbai-alt-text-preview {
display: block;
font-size: 14px;
line-height: 1.65;
color: var(--bbai-library-text);
white-space: normal;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
 .bbai-alt-text-missing {
display: block;
font-size: 14px;
line-height: 1.5;
font-style: italic;
color: var(--bbai-library-red);
}
 .bbai-library-status-stack {
display: flex;
flex-direction: column;
gap: 9px;
min-height: 100%;
}
 .bbai-library-status-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
padding: 3px 8px;
border-radius: 999px;
font-size: 11px;
line-height: 1.15;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
 /* Status + score chips — colors from bbai-admin-semantic-status.css (--bbai-status-*) */
 .bbai-library-score-badge {
display: inline-flex;
align-items: baseline;
gap: 3px;
padding: 3px 8px;
border-radius: 999px;
font-size: 11px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.01em;
border: 1px solid transparent;
white-space: nowrap;
}
 .bbai-library-score-badge__value {
font-variant-numeric: tabular-nums;
}
 .bbai-library-score-badge__label {
font-weight: 600;
opacity: 0.92;
}
 .bbai-library-card__score-hint {
margin: 4px 0 0;
font-size: 11px;
line-height: 1.4;
color: var(--bbai-library-muted);
}
 .bbai-library-actions {
display: flex;
align-items: stretch;
gap: var(--bbai-lib-act-gap);
flex-wrap: wrap;
margin-top: auto;
}
 .bbai-row-action-btn {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: var(--bbai-lib-act-h);
height: var(--bbai-lib-act-h);
padding: 0 var(--bbai-lib-act-pad-x);
border-radius: var(--bbai-lib-act-radius);
border: 1px solid var(--bbai-lib-act-border);
background: var(--bbai-lib-act-surface);
color: var(--bbai-lib-act-text);
font-size: var(--bbai-lib-act-fs);
line-height: 1.2;
font-weight: var(--bbai-lib-act-fw);
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
 .bbai-row-action-btn:hover:not(:disabled) {
background: var(--bbai-lib-act-surface-hover);
border-color: var(--bbai-lib-act-border-strong);
color: #0f172a;
}
 .bbai-row-action-btn:focus-visible {
outline: none;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(100, 116, 139, 0.35);
}
 .bbai-row-action-btn--primary {
background: var(--bbai-admin-btn-primary-bg, #10b981);
border-color: var(--bbai-admin-btn-primary-border, #047857);
color: #ffffff;
box-shadow: var(--bbai-admin-btn-primary-shadow);
}
 .bbai-row-action-btn--primary:hover:not(:disabled) {
background: var(--bbai-admin-btn-primary-bg, #059669);
border-color: var(--bbai-admin-color-primary-active, #047857);
color: #ffffff;
box-shadow: var(--bbai-admin-btn-primary-shadow-hover);
transform: var(--bbai-admin-btn-primary-lift, translateY(-1px));
}
 .bbai-row-action-btn--primary:focus-visible {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(16, 185, 129, 0.4);
}
 .bbai-row-action-btn--ghost {
background: var(--bbai-lib-act-surface);
color: var(--bbai-lib-act-text-muted);
border-color: #e2e8f0;
font-weight: var(--bbai-admin-type-weight-medium, 500);
}
 .bbai-row-action-btn.is-loading {
pointer-events: none;
opacity: 0.78;
}
 .bbai-row-action-btn.bbai-is-locked,
 .bbai-row-action-btn.bbai-is-locked[aria-disabled="true"] {
background: #f9f7ff;
border-color: rgba(102, 87, 189, 0.18);
color: #6657bd;
box-shadow: 0 2px 6px rgba(102, 87, 189, 0.045);
opacity: 1;
cursor: pointer;
pointer-events: auto;
}
 .bbai-row-action-btn.bbai-is-locked:hover,
 .bbai-row-action-btn.bbai-is-locked:focus-visible {
background: #f5f2ff;
border-color: rgba(102, 87, 189, 0.24);
color: #5548a8;
box-shadow: 0 3px 8px rgba(102, 87, 189, 0.06);
outline: none;
}
 .bbai-row-action-spinner {
width: 12px;
height: 12px;
border-radius: 999px;
border: 2px solid currentColor;
border-right-color: transparent;
animation: bbaiLibrarySpin 0.8s linear infinite;
}
 .bbai-library-inline-edit {
display: flex;
flex-direction: column;
gap: 8px;
}
 .bbai-library-inline-edit__textarea {
width: 100%;
min-height: 64px;
max-height: 200px;
padding: 10px 12px;
border-radius: 12px;
border: 1px solid #60a5fa;
box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.12);
resize: vertical;
line-height: 1.45;
box-sizing: border-box;
}
 .bbai-library-inline-edit__actions {
display: flex;
align-items: center;
gap: 8px;
}
 .bbai-library-inline-edit__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 999px;
border: 1px solid #dbe4ee;
background: #ffffff;
color: #334155;
cursor: pointer;
}
 .bbai-library-inline-edit__icon--save {
background: var(--bbai-library-green-bg);
border-color: #86efac;
color: #166534;
}
 .bbai-library-inline-edit__error {
margin: 0;
min-height: 18px;
font-size: 12px;
color: var(--bbai-library-red);
}
 .bbai-library-filter-empty__cell {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
 @keyframes bbaiLibrarySpin {
to {
    transform: rotate(360deg);
}
}
 @media (max-width: 1180px) {
.bbai-library-summary-card {
    grid-template-columns: 1fr;
}
 .bbai-library-work-grid {
    grid-template-columns: 1fr;
}
 .bbai-library-sidebar__inner {
    position: static;
}
}
 @media (max-width: 960px) {
.bbai-library-hover-preview {
    display: none;
}
}
 @media (max-width: 782px) {
.bbai-library-summary-card,
.bbai-library-selection-bar,
.bbai-library-workspace .bbai-pagination.bbai-table-meta {
    flex-direction: column;
    align-items: stretch;
}
 .bbai-library-summary-actions,
.bbai-library-selection-bar__actions,
.bbai-library-workspace .bbai-pagination.bbai-table-meta .bbai-pagination-controls {
    justify-content: flex-start;
}
 .bbai-library-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
 .bbai-library-toolbar-card {
    position: static;
}
 .bbai-library-section-head,
.bbai-library-summary-layout,
.bbai-library-summary-side {
    align-items: flex-start;
}
}
 @media (max-width: 640px) {
.bbai-library-container {
    padding-bottom: 24px;
}
 .bbai-library-surface-root .bbai-page-hero .bbai-banner__headline.bbai-dashboard-hero__headline {
    font-size: 20px;
}
 .bbai-library-summary-title,
.bbai-library-sidebar-card__title {
    font-size: 22px;
}
 .bbai-library-search {
    min-width: 100%;
}
 .bbai-library-select,
#bbai-library-apply-bulk,
.bbai-library-toolbar__controls > .bbai-btn {
    width: 100%;
}
 .bbai-library-toolbar__right,
.bbai-library-toolbar__controls {
    width: 100%;
    justify-content: stretch;
}
 .bbai-library-summary-stats {
    grid-template-columns: 1fr;
}
}
 /* ALT Library refactor overrides */
 .bbai-library-workspace .bbai-queue-workflow[data-bbai-wf-mode="compact"] .bbai-queue-workflow__steps {
display: none;
}
 .bbai-library-workspace .bbai-queue-workflow[data-bbai-wf-mode="steps"] .bbai-queue-workflow__healthy {
display: none;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr) auto;
gap: var(--card-gap, 16px);
align-items: center;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-main {
display: flex;
align-items: flex-start;
gap: 14px;
min-width: 0;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 14px;
color: #166534;
background: #ecfdf3;
border: 1px solid #bbf7d0;
flex: 0 0 44px;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-eyebrow {
margin: 0 0 6px;
font-size: 11px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: #15803d;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-title {
margin: 0;
font-size: 22px;
line-height: 1.15;
letter-spacing: -.02em;
color: #0f172a;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-copy {
margin: 8px 0 0;
font-size: 14px;
line-height: 1.6;
color: #475569;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-metrics {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 10px;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-metric {
padding: 14px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #dbe7f4;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-metric-label {
display: block;
font-size: 11px;
line-height: 1.4;
letter-spacing: .08em;
text-transform: uppercase;
color: #64748b;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-metric-value {
display: block;
margin-top: 6px;
font-size: 22px;
line-height: 1;
letter-spacing: -.03em;
color: #0f172a;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 16px;
border-radius: 12px;
border: 1px solid #dce6f2;
background: #ffffff;
color: #1e293b;
font-size: 13px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-btn--primary {
background: #0f172a;
border-color: #0f172a;
color: #ffffff;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-btn--upgrade {
background: #f8fbff;
}
 .bbai-library-summary-stat--weak {
background: var(--bbai-library-amber-bg);
border-color: #fcd34d;
}
 .bbai-library-summary-stat--credits {
background: var(--bbai-library-blue-bg);
border-color: #bfdbfe;
}
 .bbai-library-summary-progress > .bbai-library-summary-progress__weak {
background: linear-gradient(90deg, #d9a441 0%, #e0b35a 100%);
}
 .bbai-library-summary-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin-top: var(--card-gap, 16px);
}
 .bbai-library-summary-next-title {
margin: 0;
font-size: 17px;
line-height: 1.25;
letter-spacing: -.02em;
color: var(--bbai-library-text);
}
 .bbai-library-summary-automation {
display: flex;
flex-direction: column;
gap: 6px;
padding: 11px 13px;
border-radius: 12px;
border: 1px solid #dbe7f4;
background: #f8fbff;
}
 .bbai-library-summary-tension {
padding: 9px 12px;
border-radius: 10px;
border: 1px solid #fde68a;
background: #fffbeb;
font-size: 12px;
line-height: 1.55;
color: #92400e;
font-weight: 600;
margin: 0;
}
 .bbai-library-summary-reassurance {
margin: 0;
font-size: 11px;
line-height: 1.5;
color: var(--bbai-library-subtle);
text-align: center;
}
 .bbai-library-usage-alert {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 11px 13px;
border-radius: 12px;
border: 1px solid rgba(252, 211, 77, 0.78);
background: #fffbeb;
}
 .bbai-library-usage-alert--out {
border-color: rgba(254, 202, 202, 0.82);
background: #fff1f2;
}
 .bbai-library-usage-alert__copy {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
font-size: 13px;
line-height: 1.5;
color: #475569;
}
 .bbai-library-usage-alert__copy strong {
color: #0f172a;
}
 .bbai-library-toolbar__upgrade {
border-style: dashed;
}
 .bbai-library-selection-bar {
top: 72px;
}
 .bbai-library-selection-bar__meta {
display: flex;
flex-direction: column;
gap: 2px;
}
 .bbai-library-selection-bar__plan {
font-size: 12px;
line-height: 1.5;
color: var(--bbai-library-subtle);
}
 .bbai-library-info-meta-grid {
display: flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
}
 .bbai-library-info-meta {
display: inline-flex;
align-items: center;
padding: 2px 6px;
border-radius: 999px;
background: #f1f5f9;
border: 1px solid #e2e8f0;
font-size: 10px;
line-height: 1;
color: #64748b;
}
 .bbai-library-alt-preview-card {
display: flex;
flex-direction: column;
gap: 8px;
padding: 11px 13px;
border-radius: 12px;
border: 1px solid #dbe5f2;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
 .bbai-library-alt-preview-card--collapsible .bbai-alt-text-preview {
-webkit-line-clamp: 2;
}
 .bbai-library-alt-preview-card.is-expanded .bbai-alt-text-preview {
display: block;
overflow: visible;
}
 .bbai-library-alt-expand {
align-self: flex-start;
padding: 0;
border: 0;
background: transparent;
color: var(--bbai-link-row-tertiary);
font-size: 12px;
font-weight: 700;
cursor: pointer;
text-decoration: underline;
text-decoration-color: rgba(37, 99, 235, 0.35);
text-underline-offset: 3px;
transition: color 0.14s ease, text-decoration-color 0.14s ease;
}
 .bbai-library-alt-expand:hover,
.bbai-library-alt-expand:focus-visible {
color: #1d4ed8;
text-decoration-color: rgba(29, 78, 216, 0.75);
outline: none;
}
 .bbai-library-alt-helper,
.bbai-library-status-copy {
margin: 0;
font-size: 12px;
line-height: 1.6;
color: var(--bbai-library-muted);
}
 .bbai-library-status-tags {
display: inline-flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
padding: 5px 8px;
border-radius: 10px;
background: rgba(248, 250, 252, 0.95);
border: 1px solid #e8edf4;
max-width: 100%;
}
 .bbai-library-status-badge--secondary {
background: #f8fafc;
color: #475569;
border: 1px solid #dbe5f2;
}
 .bbai-library-status-badge--ai {
background: #eff6ff;
color: #1d4ed8;
border-color: #bfdbfe;
}
 .bbai-library-status-badge--reviewed {
background: #f0fdf4;
color: #166534;
border-color: #bbf7d0;
}
 .bbai-library-actions {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
 .bbai-library-action-group {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
 .bbai-row-action-btn--review {
background: #ecfdf3;
border-color: #bbf7d0;
color: #166534;
}
 .bbai-row-action-btn--quiet {
background: #f8fafc;
}
 .bbai-library-filter-empty__cell .bbai-library-empty-card {
margin-top: var(--card-gap, 16px);
}
 @media (max-width: 1120px) {
.bbai-library-workspace .bbai-queue-workflow__healthy {
    grid-template-columns: 1fr;
}
}
 @media (max-width: 960px) {
.bbai-library-summary-side,
.bbai-library-usage-alert {
    gap: 12px;
}
 .bbai-library-selection-bar {
    position: static;
}
}
 @media (max-width: 782px) {
.bbai-library-scan-feedback {
    flex-direction: column;
}
 .bbai-library-scan-feedback__actions {
    width: 100%;
}
 .bbai-library-usage-alert,
.bbai-library-workspace .bbai-queue-workflow__healthy-actions {
    flex-direction: column;
    align-items: stretch;
}
 .bbai-library-workspace .bbai-queue-workflow__healthy-metrics {
    grid-template-columns: 1fr;
}
}
 /* Library command hero: use shared product-banner.css surfaces + CTA rail (parity with Analytics). */
 .bbai-library-credits-banner-host--strip {
display: none;
}
 /* =====================================================
   REVIEW WORKSPACE — Table v2
   ===================================================== */
 /* Single-line metadata (PNG • 1200×630 • 37KB • Updated 22 Mar) */
.bbai-library-info-meta-line {
display: block;
font-size: 11px;
line-height: 1.4;
color: var(--bbai-library-subtle);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
margin-top: 2px;
}
 /* ALT preview card — v2: no label, cleaner bg */
.bbai-library-alt-preview-card--v2 {
min-height: 40px;
background: #f6f9fd;
border-color: #dde8f4;
cursor: pointer;
}
 .bbai-library-alt-preview-card--v2:hover {
border-color: #b8cfe8;
background: #f0f6fc;
}
 .bbai-library-alt-preview-card--v2 .bbai-alt-text-preview {
font-size: 14px;
line-height: 1.45;
color: var(--bbai-library-text);
-webkit-line-clamp: 2;
}
 .bbai-library-alt-preview-card--v2 .bbai-alt-text-missing {
font-size: 13px;
color: var(--bbai-library-subtle);
font-style: normal;
}
 /* Actions v2 — Generate/Regenerate is primary when AI action leads; Edit manually is secondary */
.bbai-library-actions--v2 {
flex-direction: row;
flex-wrap: wrap;
gap: 6px;
}
 /* Row inline text links (View image • Copy ALT) */
.bbai-library-row-links {
display: flex;
align-items: center;
gap: 7px;
margin-top: 4px;
}
 .bbai-row-link {
padding: 0;
border: 0;
background: transparent;
color: var(--bbai-link-row-secondary);
font-size: 11px;
font-weight: 600;
cursor: pointer;
text-underline-offset: 2px;
text-decoration-color: rgba(37, 99, 235, 0.35);
transition: color 0.14s ease, text-decoration-color 0.14s ease;
line-height: 1;
}
 .bbai-row-link:hover,
.bbai-row-link:focus-visible {
color: #1e3a8a;
text-decoration: underline;
text-decoration-color: rgba(30, 58, 138, 0.65);
outline: none;
}
 .bbai-row-link:disabled,
.bbai-row-link[aria-disabled='true'] {
color: #94a3b8 !important;
text-decoration: none !important;
cursor: not-allowed !important;
opacity: 1;
}
 .bbai-row-link:disabled:hover,
.bbai-row-link[aria-disabled='true']:hover {
color: #94a3b8 !important;
text-decoration: none !important;
}
 .bbai-row-link-sep {
color: #d1dae8;
font-size: 11px;
user-select: none;
}
 /* Compact selection / bulk bar */
.bbai-selection-bar-left {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
min-width: 0;
}
 .bbai-selection-all-label {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 13px;
font-weight: 600;
color: var(--bbai-library-text);
cursor: pointer;
user-select: none;
}
 .bbai-selection-bar-count {
font-size: 13px;
font-weight: 700;
color: var(--bbai-library-text);
}
 .bbai-selection-bar-sep {
color: #d1dae8;
font-size: 14px;
user-select: none;
}
 .bbai-selection-clear {
color: var(--bbai-library-muted) !important;
background: transparent !important;
border-color: transparent !important;
font-weight: 600 !important;
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-color: transparent;
padding-left: 4px !important;
padding-right: 4px !important;
}
 .bbai-selection-clear:hover {
color: var(--bbai-library-text) !important;
text-decoration-color: currentColor;
background: transparent !important;
}
 /* Table cell column widths — v2 (legacy <table> layout only; not review cards) */
.bbai-library-table .bbai-library-cell--asset { width: 240px; }
.bbai-library-table .bbai-library-cell--alt-text { width: auto; min-width: 280px; }
.bbai-library-table .bbai-library-cell--status { width: 200px; }
 /* =====================================================
   REVIEW QUEUE — Card workflow
   ===================================================== */
.bbai-library-toolbar {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px 20px;
align-items: center;
}
 @media (min-width: 720px) {
.bbai-library-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
}
 .bbai-library-toolbar__right {
    justify-self: end;
}
}
 .bbai-library-toolbar__left,
.bbai-library-toolbar__right,
.bbai-library-toolbar__controls {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
 .bbai-library-toolbar__right {
justify-content: flex-end;
}
 .bbai-library-toolbar__controls {
justify-content: flex-end;
}
 .bbai-library-filter-reset {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 4px;
border: 0;
background: transparent;
color: var(--bbai-link-row-secondary);
font-size: 12px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-color: rgba(37, 99, 235, 0.35);
cursor: pointer;
transition: color 0.14s ease, text-decoration-color 0.14s ease;
}
 .bbai-library-filter-reset:hover,
.bbai-library-filter-reset:focus-visible {
color: #1e3a8a;
text-decoration-color: rgba(30, 58, 138, 0.65);
outline: none;
}
 .bbai-library-container[data-bbai-has-filters="false"] .bbai-library-filter-reset {
display: none;
}
 .bbai-library-bulk-toggle[aria-pressed="true"] {
background: #eef4ff;
border-color: #c6d7f1;
color: var(--bbai-library-text);
}
 .bbai-library-selection-bar {
top: 76px;
z-index: 8;
padding: 12px 14px;
border: 1px solid #dbe6f2;
border-radius: 18px;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}
 .bbai-library-selection-bar__credits {
display: none;
}
 .bbai-library-table-shell {
padding: 0;
margin: 2px 0 0;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
}
 .bbai-library-head-bulk {
display: none;
align-items: center;
gap: 8px;
margin-top: 2px;
flex: 0 0 auto;
font-size: 13px;
font-weight: 600;
color: var(--bbai-library-text);
cursor: pointer;
user-select: none;
}
 .bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-head-bulk {
display: inline-flex;
}
 .bbai-library-head-bulk__label {
line-height: 1.2;
}
 .bbai-library-table-perfect-hint {
margin: 6px 0 0;
font-size: 13px;
line-height: 1.45;
color: var(--bbai-library-subtle);
max-width: min(72ch, 100%);
}
 .bbai-library-review-queue {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-top: 1px solid #f1f5f9;
}
 .bbai-library-review-card {
--bbai-row-rail-current: transparent;
--bbai-row-rail-hover: transparent;
position: relative;
display: grid;
grid-template-columns: 60px minmax(0, 1fr);
align-items: center;
gap: var(--bbai-table-row-gap-y, var(--bbai-admin-table-row-gap-y)) var(--bbai-table-row-gap-x, var(--bbai-admin-table-row-gap-x));
padding: var(--bbai-table-row-pad-y, var(--bbai-admin-table-row-pad-y)) var(--bbai-table-row-pad-x, var(--bbai-admin-table-row-pad-x)) var(--bbai-table-row-pad-y, var(--bbai-admin-table-row-pad-y)) calc(var(--bbai-row-rail-w) + var(--bbai-row-content-inset));
margin: 0;
background: #ffffff;
border: none;
border-bottom: 1px solid #f1f5f9;
border-radius: 0;
box-shadow: none;
min-height: 0;
box-sizing: border-box;
isolation: isolate;
transition:
    background-color 0.16s ease,
    border-color 0.16s ease;
}
 /* Structural left rail — flush to row edge, full height */
.bbai-library-review-card[data-status]::after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: var(--bbai-row-rail-w);
border-radius: 0 var(--bbai-row-rail-radius) var(--bbai-row-rail-radius) 0;
background: var(--bbai-row-rail-current);
pointer-events: none;
z-index: 0;
transition: background-color 0.16s ease, opacity 0.16s ease;
}
 .bbai-library-review-card[data-status] > * {
position: relative;
z-index: 1;
}
 .bbai-library-review-card[data-status='missing'] {
--bbai-row-rail-current: var(--bbai-row-rail-missing);
--bbai-row-rail-hover: var(--bbai-row-rail-missing-strong);
background: var(--bbai-status-missing-row-bg);
}
 .bbai-library-review-card[data-status='weak'] {
--bbai-row-rail-current: var(--bbai-row-rail-weak);
--bbai-row-rail-hover: var(--bbai-row-rail-weak-strong);
background: var(--bbai-status-needs-review-row-bg);
}
 .bbai-library-review-card[data-status='optimized'] {
--bbai-row-rail-current: var(--bbai-row-rail-opt);
--bbai-row-rail-hover: var(--bbai-row-rail-opt-strong);
background: var(--bbai-status-optimized-row-bg);
}
 .bbai-library-review-card:last-child {
border-bottom: none;
}
 .bbai-library-review-card:hover,
.bbai-library-review-card:focus-within {
background: #fafbfc;
}
 .bbai-library-review-card[data-status='missing']:hover,
.bbai-library-review-card[data-status='missing']:focus-within {
background: #f8fafc;
}
 .bbai-library-review-card[data-status='missing']:hover::after,
.bbai-library-review-card[data-status='missing']:focus-within::after {
background: var(--bbai-row-rail-hover);
}
 .bbai-library-review-card[data-status='weak']:hover,
.bbai-library-review-card[data-status='weak']:focus-within {
background: rgba(254, 243, 199, 0.52);
}
 .bbai-library-review-card[data-status='weak']:hover::after,
.bbai-library-review-card[data-status='weak']:focus-within::after {
background: var(--bbai-row-rail-hover);
}
 .bbai-library-review-card[data-status='optimized']:hover,
.bbai-library-review-card[data-status='optimized']:focus-within {
background: rgba(220, 252, 231, 0.52);
}
 .bbai-library-review-card[data-status='optimized']:hover::after,
.bbai-library-review-card[data-status='optimized']:focus-within::after {
background: var(--bbai-row-rail-hover);
}
 .bbai-library-review-card.bbai-library-row--editing {
background: rgba(239, 246, 255, 0.72);
border-bottom-color: #dbeafe;
}
 .bbai-library-review-card.bbai-library-row--editing::after {
background: rgba(59, 130, 246, 0.55);
border-radius: 0 var(--bbai-row-rail-radius) var(--bbai-row-rail-radius) 0;
}
 .bbai-library-review-card.bbai-library-row--editing:hover::after,
.bbai-library-review-card.bbai-library-row--editing:focus-within::after {
background: rgba(37, 99, 235, 0.72);
}
 .bbai-library-review-card.bbai-library-row--saved-flash {
animation: bbai-library-row-saved 0.85s ease;
}
 @keyframes bbai-library-row-saved {
0% {
    background-color: rgba(220, 252, 231, 0.78);
}
100% {
    background-color: transparent;
}
}
 .bbai-library-inline-alt {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
min-width: 0;
}
 .bbai-library-inline-alt__textarea {
width: 100%;
min-height: 48px;
max-height: 120px;
margin: 0;
padding: 8px 11px;
border: 1px solid #c7d5e8;
border-radius: 10px;
background: #ffffff;
font-size: 14px;
line-height: 1.45;
color: var(--bbai-library-text);
resize: vertical;
transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
box-sizing: border-box;
}
 .bbai-library-inline-alt__textarea:focus {
outline: none;
border-color: #2563eb;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2), 0 4px 12px rgba(15, 23, 42, 0.06);
background: #ffffff;
}
 .bbai-library-inline-alt__toolbar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
 .bbai-library-inline-alt__toolbar .bbai-btn {
min-height: 34px;
}
 .bbai-library-inline-alt__saved {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
font-weight: 600;
color: #15803d;
opacity: 0;
transition: opacity 0.2s ease;
}
 .bbai-library-inline-alt__saved.is-visible {
opacity: 1;
}
 .bbai-library-inline-alt__error {
margin: 0;
font-size: 12px;
color: #b91c1c;
}
 .bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-review-card {
grid-template-columns: auto 60px minmax(0, 1fr);
}
 .bbai-library-card__select {
display: none;
align-items: center;
padding-top: 0;
}
 .bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-card__select {
display: flex;
}
 .bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-review-card.is-selected {
background: rgba(239, 246, 255, 0.72);
border-bottom-color: #dbeafe;
}
 .bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-review-card.is-selected::after {
background: rgba(37, 99, 235, 0.58);
}
 .bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-review-card.is-selected:hover::after,
.bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-review-card.is-selected:focus-within::after {
background: rgba(29, 78, 216, 0.72);
}
 .bbai-library-review-card .bbai-library-thumbnail,
.bbai-library-review-card .bbai-library-thumbnail-placeholder {
width: 52px;
height: 52px;
border-radius: 8px;
}
 .bbai-library-card__thumb {
display: flex;
align-items: center;
justify-content: center;
padding-top: 0;
}
 /* Main cell: full width of row track (do not inherit legacy table .bbai-library-cell--alt-text 42% width). */
.bbai-library-review-card .bbai-library-cell--alt-text.bbai-library-card__main {
width: 100%;
max-width: none;
min-width: 0;
}
 .bbai-library-card__main {
min-width: 0;
width: 100%;
display: flex;
flex-direction: column;
gap: 6px;
}
 .bbai-library-card__col--meta {
min-width: 0;
}
 .bbai-library-card__col--status {
min-width: 0;
}
 .bbai-library-status-tags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
 .bbai-library-card__review-body {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 6px;
min-width: 0;
width: 100%;
}
 .bbai-library-card__review-body .bbai-library-alt-slot {
flex: 0 1 auto;
min-width: 0;
width: 100%;
}
 .bbai-library-card__review-body .bbai-library-card__action-cluster {
flex: 0 0 auto;
align-self: stretch;
}
 .bbai-library-card__tool-row,
.bbai-library-card__action-cluster {
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: var(--bbai-lib-act-gap);
flex-wrap: wrap;
}
 .bbai-library-card__tool-row.bbai-row-actions {
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
gap: 6px;
}
 .bbai-library-card__tool-row.bbai-row-actions .bbai-library-card__quick-actions {
flex-direction: column;
width: 100%;
gap: 6px;
}
 .bbai-library-card__extra-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
width: 100%;
}
 .bbai-library-card__action-cluster {
margin-top: 0;
width: 100%;
min-width: 0;
}
 .bbai-library-card__quick-actions {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: var(--bbai-lib-act-gap);
opacity: 0.92;
transition: opacity 0.18s ease;
}
 .bbai-library-review-card:hover .bbai-library-card__quick-actions,
.bbai-library-review-card:focus-within .bbai-library-card__quick-actions {
opacity: 1;
}
 @media (hover: none) {
.bbai-library-card__quick-actions {
    opacity: 1;
}
}
 /* Shared metrics: every row action control uses the same box model */
.bbai-library-card__quick-action {
box-sizing: border-box;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--bbai-lib-act-h);
height: var(--bbai-lib-act-h);
padding: 0 var(--bbai-lib-act-pad-x);
border-radius: var(--bbai-lib-act-radius);
font-size: var(--bbai-lib-act-fs);
font-weight: var(--bbai-lib-act-fw);
line-height: 1.2;
cursor: pointer;
border: 1px solid transparent;
text-decoration: none;
-webkit-appearance: none;
appearance: none;
transition: box-shadow 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, filter 0.15s ease;
}
 /* Primary — Generate / Regenerate on missing & needs-review rows */
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--primary:not(:disabled):not(.bbai-is-locked) {
background: var(--bbai-admin-btn-primary-bg, #10b981) !important;
background-color: var(--bbai-admin-btn-primary-bg, #10b981) !important;
border-color: var(--bbai-admin-btn-primary-border, #047857) !important;
color: #ffffff !important;
font-weight: var(--bbai-lib-act-fw);
box-shadow: var(--bbai-admin-btn-primary-shadow) !important;
opacity: 1 !important;
cursor: pointer !important;
pointer-events: auto !important;
filter: none;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--primary:hover:not(:disabled):not(.bbai-is-locked),
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--primary:focus-visible:not(.bbai-is-locked) {
background: var(--bbai-admin-btn-primary-bg, #059669) !important;
background-color: var(--bbai-admin-btn-primary-bg, #059669) !important;
border-color: var(--bbai-admin-color-primary-active, #047857) !important;
color: #ffffff !important;
box-shadow: var(--bbai-admin-btn-primary-shadow-hover) !important;
filter: brightness(0.98);
outline: none;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--primary:focus-visible:not(.bbai-is-locked) {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(16, 185, 129, 0.4) !important;
}
 /* Secondary — Edit manually (outlined) */
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--secondary:not(:disabled):not(.bbai-is-locked) {
background: var(--bbai-admin-btn-secondary-bg) !important;
border: 1px solid var(--bbai-admin-btn-secondary-border) !important;
color: var(--bbai-admin-btn-secondary-text) !important;
font-weight: var(--bbai-admin-type-weight-medium, 500);
box-shadow: none !important;
opacity: 1 !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--secondary:hover:not(:disabled):not(.bbai-is-locked),
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--secondary:focus-visible:not(.bbai-is-locked) {
background: var(--bbai-admin-btn-secondary-bg-hover) !important;
border-color: var(--bbai-admin-btn-secondary-border-hover) !important;
color: var(--bbai-admin-btn-secondary-text-hover) !important;
outline: none;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--secondary:focus-visible:not(.bbai-is-locked) {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(100, 116, 139, 0.35) !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--soft-primary:not(:disabled):not(.bbai-is-locked) {
background: #ecfdf5 !important;
border: 1px solid #86efac !important;
color: #166534 !important;
font-weight: var(--bbai-admin-type-weight-semibold, 600);
box-shadow: none !important;
opacity: 1 !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--soft-primary:hover:not(:disabled):not(.bbai-is-locked),
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--soft-primary:focus-visible:not(.bbai-is-locked) {
background: #dcfce7 !important;
border-color: #4ade80 !important;
color: #14532d !important;
outline: none;
box-shadow: 0 1px 3px rgba(22, 101, 52, 0.08) !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--soft-primary:focus-visible:not(.bbai-is-locked) {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(34, 197, 94, 0.24) !important;
}
 /* Quiet secondary — Regenerate on optimized rows (same shape, lower urgency than primary pipeline) */
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--quiet:not(:disabled):not(.bbai-is-locked) {
background: var(--bbai-lib-act-surface) !important;
border: 1px solid #e2e8f0 !important;
color: var(--bbai-lib-act-text-muted) !important;
font-weight: var(--bbai-admin-type-weight-medium, 500);
box-shadow: none !important;
opacity: 1 !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--quiet:hover:not(:disabled):not(.bbai-is-locked),
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--quiet:focus-visible:not(.bbai-is-locked) {
background: var(--bbai-lib-act-surface-hover) !important;
border-color: var(--bbai-lib-act-border) !important;
color: #475569 !important;
outline: none;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--quiet:focus-visible:not(.bbai-is-locked) {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(148, 163, 184, 0.35) !important;
}
 /* Native disabled — not confused with primary */
.bbai-library-workspace button.bbai-library-card__quick-action:disabled {
background: #e5e7eb !important;
border-color: #d1d5db !important;
color: #6b7280 !important;
box-shadow: none !important;
opacity: 0.85 !important;
cursor: not-allowed !important;
pointer-events: none !important;
filter: none !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--primary:disabled {
background: #e5e7eb !important;
color: #6b7280 !important;
border-color: #d1d5db !important;
}
 /* Legacy class aliases (older rows / cached markup) */
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--lead:not(:disabled):not(.bbai-is-locked) {
background: var(--bbai-lib-act-surface) !important;
border: 1px solid var(--bbai-lib-act-border) !important;
color: var(--bbai-lib-act-text) !important;
font-weight: var(--bbai-lib-act-fw);
box-shadow: none !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--lead:hover:not(:disabled):not(.bbai-is-locked),
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--lead:focus-visible:not(.bbai-is-locked) {
background: var(--bbai-lib-act-surface-hover) !important;
border-color: var(--bbai-lib-act-border-strong) !important;
color: #0f172a !important;
outline: none;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--ghost:not(:disabled):not(.bbai-is-locked) {
background: var(--bbai-lib-act-surface) !important;
border: 1px solid #e2e8f0 !important;
color: var(--bbai-lib-act-text-muted) !important;
font-weight: var(--bbai-lib-act-fw);
box-shadow: none !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--ghost:hover:not(:disabled):not(.bbai-is-locked),
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-library-card__quick-action--ghost:focus-visible:not(.bbai-is-locked) {
background: var(--bbai-lib-act-surface-hover) !important;
border-color: var(--bbai-lib-act-border) !important;
color: #475569 !important;
outline: none;
}
 /* Locked / credits — muted non-primary; still clickable for upgrade (delegated click) */
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-is-locked {
opacity: 1 !important;
cursor: pointer !important;
pointer-events: auto !important;
transform: none;
background: #f9f7ff !important;
border: 1px solid rgba(102, 87, 189, 0.18) !important;
color: #6657bd !important;
box-shadow: 0 2px 6px rgba(102, 87, 189, 0.045) !important;
filter: none !important;
}
 .bbai-library-workspace button.bbai-library-card__quick-action.bbai-is-locked:hover,
.bbai-library-workspace button.bbai-library-card__quick-action.bbai-is-locked:focus-visible {
background: #f5f2ff !important;
border-color: rgba(102, 87, 189, 0.24) !important;
color: #5548a8 !important;
outline: none;
box-shadow: 0 3px 8px rgba(102, 87, 189, 0.06) !important;
}
 .bbai-library-card__meta-wrap {
min-width: 0;
display: grid;
gap: 2px;
flex: 1;
}
 .bbai-library-card__filename {
margin: 0;
font-size: 12px;
line-height: 1.35;
font-weight: 700;
color: var(--bbai-library-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
 .bbai-library-card__meta {
margin: 0;
font-size: 10px;
line-height: 1.4;
letter-spacing: 0.02em;
color: rgba(100, 116, 139, 0.88);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
 .bbai-library-workspace .bbai-library-card__extra-actions .bbai-library-card__quick-action--ghost.bbai-is-locked {
opacity: 1 !important;
cursor: pointer !important;
pointer-events: auto !important;
background: #f9f7ff !important;
border-color: rgba(102, 87, 189, 0.18) !important;
color: #6657bd !important;
box-shadow: 0 2px 6px rgba(102, 87, 189, 0.045) !important;
}
 .bbai-library-alt-preview-card--queue {
box-sizing: border-box;
width: 100%;
min-width: 0;
max-width: 100%;
min-height: 48px;
max-height: 5.5rem;
padding: 8px 10px;
border-radius: 10px;
background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
border: 1px solid #c7d2e4;
cursor: pointer;
transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
overflow: hidden;
}
 .bbai-library-alt-preview-card--queue.is-expanded,
.bbai-library-review-card.bbai-library-row--editing .bbai-library-alt-preview-card--queue {
max-height: none;
overflow: visible;
}
 .bbai-library-alt-preview-card--queue:hover {
background: linear-gradient(180deg, #f1f5f9 0%, #e8edf4 100%);
border-color: #94a3b8;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}
 .bbai-library-alt-preview-card--queue:focus-within {
border-color: #3b82f6;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2), 0 2px 10px rgba(15, 23, 42, 0.06);
background: #f8fafc;
}
 .bbai-library-alt-preview-card--queue .bbai-alt-text-preview {
font-size: 14px;
line-height: 1.45;
-webkit-line-clamp: 2;
}
 .bbai-library-alt-preview-card--queue.is-expanded .bbai-alt-text-preview {
-webkit-line-clamp: unset;
max-height: none;
}
 .bbai-library-alt-preview-card--queue .bbai-alt-text-missing {
font-size: 13px;
line-height: 1.5;
font-style: italic;
color: #475569;
}
 .bbai-library-filter-empty {
display: block;
}
 .bbai-library-filter-empty[hidden] {
display: none !important;
}
 .bbai-library-filter-empty__cell {
display: block;
padding: 0;
background: transparent;
border: 0;
}
 @media (max-width: 1100px) {
.bbai-library-toolbar__controls {
    justify-content: flex-start;
}
 .bbai-library-review-card {
    grid-template-columns: 60px minmax(0, 1fr);
}
 .bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-review-card {
    grid-template-columns: auto 60px minmax(0, 1fr);
}
 .bbai-library-workspace-filter-strip {
    padding-top: 12px;
    padding-bottom: 14px;
}
 .bbai-library-workspace-intro {
    padding-top: 16px;
}
}
 @media (max-width: 720px) {
.bbai-library-selection-bar {
    top: 64px;
}
 .bbai-library-review-card,
.bbai-library-main[data-bbai-bulk-mode="true"] .bbai-library-review-card {
    grid-template-columns: 1fr;
}
 .bbai-library-card__select {
    order: -1;
    padding-top: 0;
}
 .bbai-library-card__thumb {
    justify-content: flex-start;
}
 }
 /* =====================================================
   ALT EDIT MODAL
   ===================================================== */
.bbai-library-edit-modal {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.22s ease, visibility 0.22s ease;
}
 .bbai-library-edit-modal.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
 .bbai-library-edit-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.44);
backdrop-filter: blur(10px);
}
 .bbai-library-edit-modal__dialog {
position: relative;
width: min(1040px, calc(100vw - 32px));
max-height: min(820px, calc(100vh - 32px));
overflow: auto;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
border: 1px solid rgba(219, 230, 242, 0.92);
border-radius: 28px;
box-shadow: 0 36px 90px rgba(15, 23, 42, 0.22);
padding: 28px;
}
 .bbai-library-edit-modal__close {
position: absolute;
top: 18px;
right: 18px;
width: 38px;
height: 38px;
border-radius: 999px;
border: 1px solid #dbe6f2;
background: rgba(248, 251, 255, 0.92);
color: var(--bbai-library-text);
font-size: 22px;
line-height: 1;
cursor: pointer;
transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}
 .bbai-library-edit-modal__close:hover,
.bbai-library-edit-modal__close:focus-visible {
background: #ffffff;
border-color: #c7d7ea;
transform: translateY(-1px);
}
 .bbai-library-edit-modal__layout {
display: grid;
grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
gap: 28px;
align-items: start;
}
 .bbai-library-edit-modal__media {
display: grid;
gap: 14px;
padding: 14px;
border-radius: 22px;
background: #f7fafe;
border: 1px solid #e3ebf5;
}
 .bbai-library-edit-modal__preview-wrap {
aspect-ratio: 1 / 1;
border-radius: 18px;
overflow: hidden;
background: #eef4fb;
display: flex;
align-items: center;
justify-content: center;
}
 .bbai-library-edit-modal__preview {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
 .bbai-library-edit-modal__preview-fallback {
display: grid;
place-items: center;
color: #8ca0b8;
width: 100%;
height: 100%;
}
 .bbai-library-edit-modal__meta {
display: grid;
gap: 10px;
}
 .bbai-library-edit-modal__meta-row {
display: grid;
gap: 4px;
padding: 10px 12px;
border-radius: 14px;
background: #ffffff;
border: 1px solid #e7eef7;
}
 .bbai-library-edit-modal__meta-label {
font-size: var(--bbai-admin-type-label, 12px);
line-height: 1.2;
font-weight: var(--bbai-admin-type-weight-semibold, 600);
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--bbai-library-subtle);
}
 .bbai-library-edit-modal__meta-value {
font-size: var(--bbai-admin-type-meta, 13px);
line-height: 1.5;
color: var(--bbai-library-text);
word-break: break-word;
}
 .bbai-library-edit-modal__panel {
display: grid;
gap: var(--section-spacing, 24px);
min-width: 0;
}
 .bbai-library-edit-modal__header {
display: grid;
gap: 6px;
padding-right: 42px;
}
 .bbai-library-edit-modal__title {
margin: 0;
font-size: var(--bbai-admin-type-section-title, 24px);
line-height: 1.05;
letter-spacing: var(--bbai-tracking-tight, -0.03em);
color: var(--bbai-admin-color-text, var(--bbai-library-text));
}
 .bbai-library-edit-modal__subtitle {
margin: 0;
font-size: var(--bbai-admin-type-body, 14px);
line-height: 1.6;
color: var(--bbai-admin-color-text-secondary, var(--bbai-library-muted));
}
 .bbai-library-edit-modal__stack {
display: grid;
gap: 10px;
}
 .bbai-library-edit-modal__label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: var(--bbai-admin-type-label, 12px);
line-height: 1.2;
font-weight: var(--bbai-admin-type-weight-semibold, 600);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--bbai-library-subtle);
}
 .bbai-library-edit-modal__label-badge {
display: inline-flex;
align-items: center;
min-height: 20px;
padding: 0 8px;
border-radius: 999px;
background: #eef4ff;
color: #425c8c;
font-size: 10px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.08em;
}
 .bbai-library-edit-modal__suggestion {
padding: 16px 18px;
border-radius: 18px;
background: #f7fafe;
border: 1px solid #dfe8f4;
color: var(--bbai-library-text);
font-size: var(--bbai-admin-type-body, 14px);
line-height: 1.7;
min-height: 78px;
white-space: pre-wrap;
}
 .bbai-library-edit-modal__suggestion--empty {
color: var(--bbai-library-muted);
}
 .bbai-library-edit-modal__textarea {
width: 100%;
min-height: 150px;
padding: 16px 18px;
border-radius: 18px;
border: 1px solid #c7d8ec;
background: #ffffff;
box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03), 0 0 0 0 rgba(96, 165, 250, 0);
font-size: var(--bbai-admin-type-body-lg, 16px);
line-height: 1.7;
color: var(--bbai-library-text);
resize: vertical;
transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
 .bbai-library-edit-modal__textarea:focus {
outline: none;
border-color: #60a5fa;
box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.12);
background: #ffffff;
}
 .bbai-library-edit-modal__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--card-gap, 16px);
flex-wrap: wrap;
}
 .bbai-library-edit-modal__ai-actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
 .bbai-library-edit-modal__ai-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid #d6e1ee;
background: #f9fbfe;
color: var(--bbai-library-text);
font-size: var(--bbai-admin-type-label, 12px);
font-weight: var(--bbai-admin-type-weight-semibold, 600);
cursor: pointer;
transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease, color 0.16s ease;
}
 .bbai-library-edit-modal__ai-btn:hover,
.bbai-library-edit-modal__ai-btn:focus-visible {
background: #eef5fc;
border-color: #c3d5e9;
transform: translateY(-1px);
}
 .bbai-library-edit-modal__ai-btn.is-loading {
pointer-events: none;
color: #547293;
}
 .bbai-library-edit-modal__quality {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-radius: 14px;
background: #f7fafc;
border: 1px solid #e2e8f0;
}
 .bbai-library-edit-modal__quality-label {
font-size: var(--bbai-admin-type-label, 12px);
line-height: 1.3;
color: var(--bbai-library-muted);
}
 .bbai-library-edit-modal__quality-value {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 0 10px;
border-radius: 999px;
font-size: var(--bbai-admin-type-label, 12px);
line-height: 1;
font-weight: var(--bbai-admin-type-weight-semibold, 600);
}
 .bbai-library-edit-modal__quality-value--high {
background: rgba(22, 163, 74, 0.10);
color: #166534;
}
 .bbai-library-edit-modal__quality-value--good {
background: rgba(59, 130, 246, 0.10);
color: #1d4ed8;
}
 .bbai-library-edit-modal__quality-value--needs-work {
background: rgba(245, 158, 11, 0.14);
color: #92400e;
}
 .bbai-library-edit-modal__quality-copy {
font-size: var(--bbai-admin-type-meta, 13px);
line-height: 1.5;
color: var(--bbai-library-muted);
}
 .bbai-library-edit-modal__automation {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
padding: 14px 16px;
border-radius: 18px;
background: linear-gradient(180deg, #faf7ff 0%, #f6faff 100%);
border: 1px solid #e6def7;
}
 .bbai-library-edit-modal__automation-copy {
display: grid;
gap: 4px;
min-width: 0;
}
 .bbai-library-edit-modal__automation-title {
margin: 0;
font-size: var(--bbai-admin-type-body, 14px);
line-height: 1.4;
font-weight: var(--bbai-admin-type-weight-semibold, 600);
color: var(--bbai-library-text);
}
 .bbai-library-edit-modal__automation-text {
margin: 0;
font-size: var(--bbai-admin-type-meta, 13px);
line-height: 1.5;
color: var(--bbai-library-muted);
}
 .bbai-library-edit-modal__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
}
.bbai-library-edit-modal__hint,
.bbai-library-edit-modal__error {
margin: 0;
font-size: var(--bbai-admin-type-meta, 13px);
line-height: 1.5;
}
 .bbai-library-edit-modal__hint {
color: var(--bbai-library-subtle);
}
 .bbai-library-edit-modal__error {
color: var(--bbai-library-red);
min-height: 18px;
}
 .bbai-library-edit-modal__actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
 @media (max-width: 900px) {
.bbai-library-edit-modal__layout {
    grid-template-columns: 1fr;
}
 .bbai-library-edit-modal__media {
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: start;
}
 .bbai-library-edit-modal__preview-wrap {
    aspect-ratio: 1 / 1;
}
}
 @media (max-width: 640px) {
.bbai-library-edit-modal {
    padding: 12px;
}
 .bbai-library-edit-modal__dialog {
    width: min(100vw - 8px, 100%);
    max-height: calc(100vh - 16px);
    padding: 20px 16px 18px;
    border-radius: 22px;
}
 .bbai-library-edit-modal__media {
    grid-template-columns: 1fr;
}
 .bbai-library-edit-modal__footer {
    align-items: stretch;
}
 .bbai-library-edit-modal__actions {
    width: 100%;
}
 .bbai-library-edit-modal__actions .bbai-btn {
    flex: 1 1 auto;
    justify-content: center;
}
}

/* ─── Row processing / done states ──────────────────────────────────────── */

/* Bulk generation: queued (waiting) vs failed (single row error) */
.bbai-library-row--bulk-queued {
	position: relative;
	opacity: 0.92;
}

.bbai-library-row--bulk-queued::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	border: 1px dashed rgba(100, 116, 139, 0.35);
}

.bbai-library-row--bulk-failed {
	box-shadow: inset 0 0 0 2px rgba(220, 38, 38, 0.35);
}

.bbai-library-review-card.bbai-library-row--processing {
    background: rgba(239, 246, 255, 0.55);
    border-bottom-color: #bfdbfe;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.bbai-library-review-card.bbai-library-row--processing::after {
    background: rgba(59, 130, 246, 0.45) !important;
}

/* "Generating..." shimmer on the alt-text slot while a regen is in-flight */
.bbai-library-row--processing .bbai-library-inline-alt,
.bbai-library-row--processing [data-bbai-alt-slot] {
    opacity: 0.55;
    pointer-events: none;
}

.bbai-library-row--done {
    animation: bbai-row-done-flash 0.9s ease forwards;
}

.bbai-library-review-card.bbai-library-row--resolved {
    background: rgba(220, 252, 231, 0.72);
    border-bottom-color: #86efac;
}

.bbai-library-row--filter-exit {
    opacity: 1;
    overflow: hidden;
    transition:
        opacity 0.24s ease,
        transform 0.24s ease,
        max-height 0.28s ease,
        margin 0.28s ease,
        padding 0.28s ease,
        border-bottom-width 0.28s ease;
}

.bbai-library-row--filter-exit.bbai-library-row--filter-exit-active {
    opacity: 0;
    transform: translateX(10px);
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom-width: 0 !important;
    pointer-events: none;
}

.bbai-library-row--next-up {
    animation: bbai-row-next-up 1.2s ease;
}

@keyframes bbai-row-done-flash {
    0%   { background-color: rgba(220, 252, 231, 0.85); }
    60%  { background-color: rgba(220, 252, 231, 0.6); }
    100% { background-color: transparent; }
}

@keyframes bbai-row-next-up {
    0%   { box-shadow: inset 0 0 0 0 rgba(59, 130, 246, 0); }
    25%  { box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.22); }
    100% { box-shadow: inset 0 0 0 0 rgba(59, 130, 246, 0); }
}

/* ─── Approve → fade-out transition ─────────────────────────────────────── */

.bbai-library-row--approve-pending {
    opacity: 1;
    transition: opacity 0.35s ease, max-height 0.4s ease 0.3s, padding 0.4s ease 0.3s, margin 0.4s ease 0.3s;
    overflow: hidden;
}

.bbai-library-row--approve-out {
    opacity: 0;
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom-width: 0 !important;
    pointer-events: none;
}

/* ─── Global library progress bar — processing state ────────────────────── */

[data-bbai-library-progressbar].bbai-library-progressbar--busy [data-bbai-library-progress-optimized] {
    transition: flex-basis 0.5s ease;
}

[data-bbai-library-progressbar].bbai-library-progressbar--busy [data-bbai-library-progress-weak] {
    transition: flex-basis 0.5s ease;
}

[data-bbai-library-progressbar].bbai-library-progressbar--busy [data-bbai-library-progress-missing] {
    transition: flex-basis 0.5s ease;
}

body.bbai-dashboard .bbai-library-workspace .bbai-queue-workflow { display: none !important; }

/* ─── Surface parity: plan top banner (.bbai-banner--success) + ALT Library workspace card ─── */
body.bbai-dashboard .bbai-library-workspace .bbai-library-workspace-card {
    --bbai-ws-radius: 16px;
    background: var(--bbai-command-hero-success-bg);
    border: 1px solid var(--bbai-command-hero-success-border);
    border-radius: var(--bbai-ws-radius);
    box-shadow: var(--bbai-command-hero-success-shadow-rest);
    transition:
        transform var(--bbai-motion-base, 180ms) var(--bbai-ease-premium, cubic-bezier(0.2, 0.8, 0.2, 1)),
        box-shadow var(--bbai-motion-base, 180ms) var(--bbai-ease-premium, cubic-bezier(0.2, 0.8, 0.2, 1)),
        border-color var(--bbai-motion-base, 180ms) ease;
}

body.bbai-dashboard .bbai-library-workspace .bbai-library-workspace-card:hover {
    transform: translateY(-1px);
    box-shadow: var(--bbai-command-hero-success-shadow-hover);
}

body.bbai-dashboard .bbai-library-workspace-card__head .bbai-ui-section-header__title,
body.bbai-dashboard .bbai-library-workspace-card__head h2.bbai-section-title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.08;
    color: #0f172a;
}