#audit .dg-table td,
#serverlogs .dg-table td,
#reportlogs .dg-table td,
#usermanager .dg-table td {
  text-align: left;
}

.audit-inline-details { display: grid; gap: 10px; margin: 0; padding: 4px 4px 2px; border: 0; background: transparent; }
.audit-inline-details > strong { color: #8d98a8; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.audit-change-from { color: var(--dg-text-muted); }
.audit-change-to { color: var(--dg-text); font-weight: 600; }
.audit-detail-list { display: grid; grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); margin: 0; overflow: hidden; border: 1px solid var(--dg-line); border-radius: 10px; }
.audit-detail-list dt, .audit-detail-list dd { margin: 0; padding: 9px 14px; border-bottom: 1px solid var(--dg-border-soft); }
.audit-detail-list dt { background: rgba(255, 255, 255, .025); color: var(--dg-text-muted); font-size: .8rem; font-weight: 600; text-transform: capitalize; }
.audit-detail-list dd { color: #e6eef6; font-size: .85rem; overflow-wrap: anywhere; }
.audit-detail-list dt:nth-last-of-type(1), .audit-detail-list dd:last-of-type { border-bottom: 0; }

.toggle-details-btn { min-height: 32px; padding: 0 12px; border: 1px solid var(--dg-line); border-radius: var(--dg-r-md); background: rgba(11, 15, 20, .6); color: var(--dg-text); font-size: 12.5px; font-weight: 600; cursor: pointer; transition: border-color .2s var(--dg-ease), background .2s var(--dg-ease), color .2s var(--dg-ease); }
.toggle-details-btn:hover, tr.shown .toggle-details-btn { border-color: rgba(var(--dg-highlight-rgb), .45); background: rgba(var(--dg-highlight-rgb), .08); color: var(--dg-highlight); }