/* Preflight Light Theme — per Pete's PR #490 three-panel UI spec
   "Light NCW operator theme. White or near-white surfaces.
    Thin hairline borders. No heavy shadowing/glassmorphism.
    Serious internal operator workspace typography."
*/

/* Scoped to preflight pages via .pf-workspace wrapper */
.pf-workspace {
    --pf-bg: #ffffff;
    --pf-surface: #f8f9fb;
    --pf-surface-hover: #f0f1f4;
    --pf-surface-active: #e8eaf0;
    --pf-border: #e2e5ea;
    --pf-border-light: #eef0f3;
    --pf-text-primary: #1a1d23;
    --pf-text-secondary: #6b7280;
    --pf-text-tertiary: #9ca3af;
    --pf-accent: #4f46e5;
    --pf-accent-bg: rgba(79, 70, 229, 0.08);
    --pf-success: #059669;
    --pf-warning: #d97706;
    --pf-danger: #dc2626;
    --pf-mono: 'SF Mono', 'Menlo', 'Monaco', monospace;

    background: var(--pf-bg);
    color: var(--pf-text-primary);
}

/* Overrides for preflight-scoped elements */
.pf-workspace .pf-search {
    background: var(--pf-surface);
    color: var(--pf-text-primary);
    border-color: var(--pf-border);
}

.pf-workspace .pf-select {
    background: var(--pf-surface);
    color: var(--pf-text-primary);
    border-color: var(--pf-border);
}

.pf-workspace .pf-input {
    background: var(--pf-bg);
    color: var(--pf-text-primary);
    border-color: var(--pf-border);
}

.pf-workspace .pf-view:hover {
    background: var(--pf-surface-hover);
}

.pf-workspace .pf-view--active {
    background: var(--pf-accent-bg);
    color: var(--pf-accent);
}

.pf-workspace .pf-row:hover {
    background: var(--pf-surface-hover);
}

.pf-workspace .pf-row--selected {
    background: var(--pf-accent-bg);
}

.pf-workspace .pf-row td {
    border-bottom-color: var(--pf-border-light);
}

.pf-workspace .pf-table th {
    border-bottom-color: var(--pf-border);
    color: var(--pf-text-secondary);
}

.pf-workspace .pf-cycle-card {
    background: var(--pf-surface);
    border-color: var(--pf-border-light);
}

.pf-workspace .pf-action:hover {
    background: var(--pf-surface-hover);
}

.pf-workspace .pf-overlay {
    background: rgba(0, 0, 0, 0.3);
}

.pf-workspace .pf-modal {
    background: var(--pf-bg);
    border-color: var(--pf-border);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

.pf-workspace .pf-version-badge {
    background: var(--pf-accent-bg);
    color: var(--pf-accent);
}

.pf-workspace .pf-health-alert {
    background: rgba(217, 119, 6, 0.06);
    border-color: rgba(217, 119, 6, 0.2);
    color: var(--pf-warning);
}

.pf-workspace .pf-human-alert {
    background: rgba(217, 119, 6, 0.06);
    border-color: rgba(217, 119, 6, 0.2);
    color: var(--pf-warning);
}

.pf-workspace .pf-error {
    background: rgba(220, 38, 38, 0.06);
    border-color: rgba(220, 38, 38, 0.2);
    color: var(--pf-danger);
}

/* Light-mode status badges */
.pf-workspace .pf-status--draft { background: #f3f4f6; color: #6b7280; }
.pf-workspace .pf-status--inreview { background: #eff6ff; color: #2563eb; }
.pf-workspace .pf-status--returnedtocustomer { background: #fffbeb; color: #d97706; }
.pf-workspace .pf-status--approved,
.pf-workspace .pf-status--customerapproved { background: #ecfdf5; color: #059669; }
.pf-workspace .pf-status--approvedtoproceed { background: #ecfdf5; color: #059669; }
.pf-workspace .pf-status--approvedtoproceedwithadvisoryfindings { background: #fefce8; color: #ca8a04; }
.pf-workspace .pf-status--handedofftofgspecs { background: #f5f3ff; color: #7c3aed; }
.pf-workspace .pf-status--handoffpending { background: #fffbeb; color: #d97706; }
.pf-workspace .pf-status--reopenedbyfgspecs { background: #fef2f2; color: #dc2626; }
.pf-workspace .pf-status--closed { background: #f3f4f6; color: #374151; }

/* Light-mode risk colors */
.pf-workspace .pf-risk--low { color: #059669; }
.pf-workspace .pf-risk--medium { color: #d97706; }
.pf-workspace .pf-risk--high { color: #ea580c; }
.pf-workspace .pf-risk--critical { color: #dc2626; }

/* Light-mode findings */
.pf-workspace .pf-finding { border-left: 3px solid var(--pf-border); padding: 0.75rem; margin-bottom: 0.5rem; background: var(--pf-surface); border-radius: 0.35rem; }
.pf-workspace .pf-finding--critical { border-left-color: #dc2626; }
.pf-workspace .pf-finding--high { border-left-color: #ea580c; }
.pf-workspace .pf-finding--medium { border-left-color: #d97706; }
.pf-workspace .pf-finding--low { border-left-color: #059669; }

/* Summary cards light mode */
.pf-workspace .pf-card {
    background: var(--pf-surface);
    border: 1px solid var(--pf-border-light);
    border-radius: 0.4rem;
    padding: 0.75rem;
}

.pf-workspace .pf-card__label {
    color: var(--pf-text-secondary);
}

/* Buttons */
.pf-workspace .pf-btn {
    border-color: var(--pf-border);
    color: var(--pf-text-primary);
}

.pf-workspace .pf-btn:hover {
    background: var(--pf-surface-hover);
}

.pf-workspace .pf-btn--primary {
    background: var(--pf-accent);
    color: white;
    border-color: var(--pf-accent);
}

.pf-workspace .pf-btn--accent {
    background: var(--pf-accent);
    color: white;
    border-color: var(--pf-accent);
}

/* Tabs */
.pf-workspace .pf-tab {
    border-bottom: 2px solid transparent;
    color: var(--pf-text-secondary);
    background: transparent;
}

.pf-workspace .pf-tab--active {
    border-bottom-color: var(--pf-accent);
    color: var(--pf-accent);
}

.pf-workspace .pf-tab:hover {
    color: var(--pf-text-primary);
}

/* Timeline */
.pf-workspace .pf-timeline-item {
    border-left: 2px solid var(--pf-border);
    color: var(--pf-text-primary);
}

.pf-workspace .pf-timeline-date,
.pf-workspace .pf-timeline-version {
    color: var(--pf-text-secondary);
}

/* Findings panel badges */
.pf-workspace .pf-badge { padding: 0.15rem 0.5rem; border-radius: 1rem; font-size: 0.75rem; font-weight: 500; }
.pf-workspace .pf-badge--critical { background: #fef2f2; color: #dc2626; }
.pf-workspace .pf-badge--high { background: #fff7ed; color: #ea580c; }
.pf-workspace .pf-badge--medium { background: #fffbeb; color: #d97706; }
.pf-workspace .pf-badge--low { background: #ecfdf5; color: #059669; }

/* Human review flag */
.pf-workspace .pf-human-flag { color: #d97706; font-size: 0.75rem; font-weight: 500; }

/* Note text */
.pf-workspace .pf-note { color: var(--pf-text-secondary); font-size: 0.85rem; }
.pf-workspace .pf-placeholder { color: var(--pf-text-tertiary); font-size: 0.85rem; }