select { width: 100%; margin-top: 6px; padding: 10px 11px; border: 1px solid #cbd7e6; border-radius: 7px; color: #233a59; background: #fff; }
.page-buttons { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.page-buttons .primary, .page-buttons .secondary { margin: 5px 0 0; white-space: nowrap; }
.danger-button { background: #b34a4d; border-color: #a63f42; }
.role-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.role-card { padding: 16px; }
.role-history-card { grid-column: 1 / -1; padding: 16px; }
.card-head, .assignment-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.card-head h3 { margin: 0; }
.assignment-list { display: grid; gap: 8px; margin-top: 12px; }
.assignment-row { padding: 10px; border: 1px solid #e5ebf3; border-radius: 7px; background: #fbfcfe; }
.history-row { padding: 10px; border: 1px solid #e5ebf3; border-radius: 7px; background: #fbfcfe; }
.assignment-row b { display: block; color: #345273; font-size: 12px; }
.assignment-row span, .history-row span { display: block; margin-top: 4px; color: #6c7e95; font-size: 12px; line-height: 1.45; }
.history-row b { display: block; color: #345273; font-size: 12px; }
.assignment-row.inactive { opacity: .6; background: #f6f7f9; }
.technical-code { display: inline-block; margin: 5px 0 0; color: #6c7e95; font-size: 12px; }
.technical-code summary { cursor: pointer; color: #53749a; }
.technical-code code { display: inline-block; margin-top: 4px; overflow-wrap: anywhere; color: #405a78; }
.history-filters { display: flex; gap: 8px; align-items: end; flex-wrap: wrap; }
.history-filters label { display: grid; gap: 3px; color: #6c7e95; font-size: 12px; }
.history-filters select, .history-filters input { margin-top: 0; min-width: 126px; padding: 7px 8px; }
.audit-full-view { padding: 16px; }
.audit-history-filters { display: flex; gap: 8px; align-items: end; flex-wrap: wrap; margin-top: 16px; }
.audit-history-filters label { display: grid; gap: 3px; color: #6c7e95; font-size: 12px; }
.audit-history-filters select, .audit-history-filters input { margin-top: 0; min-width: 150px; padding: 7px 8px; }
.history-pager { display: flex; gap: 8px; align-items: center; justify-content: flex-end; margin-top: 12px; color: #6c7e95; font-size: 12px; }
.history-pager button:disabled { cursor: not-allowed; opacity: .5; }
@media (max-width: 760px) { .role-detail-grid { grid-template-columns: 1fr; } .role-history-card { grid-column: auto; } .card-head { align-items: flex-start; flex-direction: column; } }