/* governance.css — Darwin review gate + Byzantine consensus styles */

.governance-container { padding: 4px 0; }

/* Darwin proposal cards */
.darwin-card { margin-bottom: 14px; padding: 16px 18px; }

.darwin-card-hd {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.darwin-hypothesis {
    font-size: var(--text);
    font-weight: var(--weight-semibold);
    color: var(--text);
    flex: 1;
}

.darwin-meta { display: flex; align-items: center; gap: 6px; flex-shrink: 0; flex-wrap: wrap; }

.darwin-approach {
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin-bottom: 10px;
    line-height: 1.45;
}

.darwin-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.darwin-metric {
    font-family: var(--font-mono);
    font-size: var(--caption);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    background: var(--surface-2);
}
.darwin-metric.metric-up   { color: var(--ok); }
.darwin-metric.metric-down { color: var(--bad); }
.darwin-metric.metric-flat { color: var(--text-muted); }

.darwin-validation {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
    font-size: var(--text-sm);
}

.ok-dot::before  { content: '●'; color: var(--ok);  margin-right: 5px; }
.err-dot::before { content: '●'; color: var(--bad); margin-right: 5px; }

.darwin-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.darwin-learnings {
    font-size: var(--caption);
    color: var(--text-muted);
    font-style: italic;
    border-top: 1px solid var(--border);
    padding-top: 8px;
    margin-top: 4px;
}

/* Diff preview */
.diff-block {
    font-family: var(--font-mono);
    font-size: var(--caption);
    background: var(--surface-0);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 10px 12px;
    overflow-x: auto;
    max-height: 480px;
    overflow-y: auto;
    line-height: 1.55;
    margin: 0;
}

.diff-block .diff-add  { color: var(--ok);       background: rgba(0,255,136,0.06); }
.diff-block .diff-del  { color: var(--bad);      background: rgba(255,95,87,0.08); }
.diff-block .diff-hunk { color: var(--accent);   }
.diff-block .diff-ctx  { color: var(--text-muted); }
.diff-empty { color: var(--text-muted); font-size: var(--text-sm); padding: 8px 0; }

/* Byzantine consensus bar — added in Cut 22 */
.consensus-bar { margin-bottom: 16px; }
.consensus-track {
    height: 8px;
    border-radius: 4px;
    background: var(--surface-2);
    overflow: hidden;
    display: flex;
    margin: 6px 0;
}
.consensus-seg-approve { background: var(--ok); }
.consensus-seg-reject  { background: var(--bad); }
.consensus-seg-pending { background: var(--text-muted); opacity: .4; }

.consensus-label {
    font-size: var(--text-sm);
    color: var(--text-muted);
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
}

.btn-ok  { color: var(--ok);  border-color: var(--ok);  }
.btn-bad { color: var(--bad); border-color: var(--bad); }
