/* FEAT-263-A — Role Reconciliation Report (.accr-*) */

.accr-page {
    padding: 1.5rem;
    max-width: 1200px;
}

.accr-summary {
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: #8899aa;
}

.accr-drift-warn {
    color: #f0a04a;
    font-weight: 600;
}

.accr-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.accr-table th,
.accr-table td {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #2e3240;
    vertical-align: top;
    text-align: left;
}

.accr-table th {
    background: #1e2130;
    color: #8899aa;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.accr-table ul {
    margin: 0;
    padding-left: 1.2rem;
}

.accr-table li {
    font-family: monospace;
    font-size: 0.8rem;
}

.accr-role-key {
    font-family: monospace;
    font-weight: 600;
}

.accr-row-drift {
    background: rgba(240, 160, 74, 0.05);
}

.accr-db-only li {
    color: #e8734a;
}

.accr-badge {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 700;
    font-size: 0.8rem;
}

.accr-match {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.accr-drift {
    background: rgba(240, 160, 74, 0.15);
    color: #f0a04a;
}

.accr-error {
    color: #e8734a;
    padding: 1rem;
}

.accr-empty {
    color: #8899aa;
    padding: 1rem;
}

/* Light theme overrides */
body[data-theme="light"] .accr-table th {
    background: #f0f2f5;
    color: #5a6070;
}

body[data-theme="light"] .accr-table th,
body[data-theme="light"] .accr-table td {
    border-bottom-color: #dee2e6;
}

body[data-theme="light"] .accr-row-drift {
    background: rgba(240, 160, 74, 0.08);
}

body[data-theme="light"] .accr-summary {
    color: #5a6070;
}