/* Phase 40.2 — Executive Decision Simulator */

.fo-decision-sim-page {
    padding: 1rem 0 2rem;
}

.fo-decision-sim-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.fo-decision-sim-title {
    font-size: 1.35rem;
    font-weight: 600;
}

.fo-decision-sim-category {
    margin-bottom: 1.5rem;
}

.fo-decision-sim-category-title {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--fo-muted, rgba(255, 255, 255, 0.55));
    margin-bottom: 0.75rem;
}

.fo-decision-sim-card {
    background: var(--fo-card);
    border: 1px solid var(--fo-border);
    border-radius: 0.65rem;
    padding: 1rem 1.1rem;
    height: 100%;
}

.fo-decision-sim-card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.fo-decision-sim-card-question {
    font-size: 0.8rem;
    color: var(--fo-muted, rgba(255, 255, 255, 0.6));
    margin-bottom: 0.75rem;
}

.fo-decision-sim-metrics {
    width: 100%;
    font-size: 0.8rem;
    margin-bottom: 0.75rem;
}

.fo-decision-sim-metrics th {
    font-weight: 500;
    color: var(--fo-muted, rgba(255, 255, 255, 0.55));
    padding: 0.2rem 0.35rem 0.2rem 0;
}

.fo-decision-sim-metrics td {
    padding: 0.2rem 0.35rem 0.2rem 0;
}

.fo-decision-sim-metrics .diff-positive {
    color: rgb(var(--fo-green-rgb));
}

.fo-decision-sim-metrics .diff-negative {
    color: rgb(var(--fo-red-rgb));
}

.fo-decision-sim-impact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.fo-decision-sim-impact-item {
    padding: 0.4rem 0.5rem;
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--fo-border);
}

.fo-decision-sim-impact-label {
    font-size: 0.65rem;
    color: var(--fo-muted, rgba(255, 255, 255, 0.5));
}

.fo-decision-sim-impact-value {
    font-size: 0.8rem;
    font-weight: 600;
}

.fo-decision-sim-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.8rem;
}

.fo-decision-sim-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
}

.fo-decision-sim-badge--low {
    background: rgba(var(--fo-green-rgb), 0.15);
    color: rgb(var(--fo-green-rgb));
}

.fo-decision-sim-badge--moderate {
    background: rgba(var(--fo-yellow-rgb), 0.15);
    color: rgb(var(--fo-yellow-rgb));
}

.fo-decision-sim-badge--elevated,
.fo-decision-sim-badge--high {
    background: rgba(var(--fo-red-rgb), 0.15);
    color: rgb(var(--fo-red-rgb));
}

.fo-decision-sim-badge--confidence {
    background: rgba(var(--fo-accent-rgb, 59, 130, 246), 0.15);
    color: rgb(var(--fo-accent-rgb, 59, 130, 246));
}

@media print {
    .fo-decision-sim-card {
        break-inside: avoid;
        border-color: #ccc;
    }
}