/* Audit Trail — Minimal section-specific styles.
   Uses standard .execution-list / .card / .table from main.css / components.css. */

/* ── Method pills ────────────────────────────────────────────── */
.at-method-pill {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: var(--font-size-body-xs);
    font-weight: 600;
    letter-spacing: 0.02em;
    background: var(--bg-muted);
    color: var(--text-secondary);
}
.at-method--get    { color: var(--accent-confirm); }
.at-method--post   { color: var(--accent-main); }
.at-method--put    { color: var(--accent-caution); }
.at-method--patch  { color: var(--accent-caution); }
.at-method--delete { color: var(--accent-danger); }

/* ── Status code badge ───────────────────────────────────────── */
.at-status-badge {
    font-size: var(--font-size-body-xs);
    font-weight: 600;
    color: var(--text-secondary);
}
.at-status--ok    { color: var(--accent-confirm); }
.at-status--error { color: var(--accent-danger); }

/* ── Event type badge ────────────────────────────────────────── */
.at-event-badge {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    border: 1px solid;
    font-size: var(--font-size-body-xs);
    font-weight: 500;
    white-space: nowrap;
}

/* ── Row styles ──────────────────────────────────────────────── */
.at-row {
    cursor: pointer;
}

.at-cell-user {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.at-cell-route {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'SF Mono', 'Fira Code', monospace;
    font-size: var(--font-size-body-xs);
}

.at-cell-ip {
    font-family: 'SF Mono', 'Fira Code', monospace;
    font-size: var(--font-size-body-xs);
}

/* ── Inline detail row ───────────────────────────────────────── */
.at-detail-row td {
    padding: 0 !important;
    border-top: none !important;
}

.at-detail-content {
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--bg-muted);
    border-top: 1px solid var(--border-subtle);
}

.at-detail-summary {
    display: flex;
    gap: var(--spacing-md);
    flex-wrap: wrap;
    margin-bottom: var(--spacing-sm);
    font-size: var(--font-size-body-sm);
    color: var(--text-secondary);
}

.at-detail-summary strong {
    color: var(--text-primary);
}

/* ── EventData key-value table ───────────────────────────────── */
.at-detail-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-body-xs);
}

.at-detail-table th {
    text-align: left;
    padding: 4px 8px;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-subtle);
    font-weight: 500;
}

.at-detail-table td {
    padding: 4px 8px;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-primary);
}

.at-detail-table tr:last-child td {
    border-bottom: none;
}

.at-detail-value {
    font-family: 'SF Mono', 'Fira Code', monospace;
    word-break: break-all;
}