/*
  This is intentionally specific to override any page-local styles
  that might target `.tab-btn`/`.tab-content` globally (e.g. user-details.html).
*/
.key-requests-card #keyTabs .tab-btn {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0.75rem 1.5rem !important;
  cursor: pointer;
  font-weight: 500;
  color: var(--secondary-color) !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.3s;
}

.key-requests-card #keyTabs .tab-btn.active {
  background: none !important;
  color: var(--primary-color) !important;
  border-bottom-color: var(--primary-color) !important;
}

.key-requests-card #keyTabContents .tab-content { display: none !important; }
.key-requests-card #keyTabContents .tab-content.active { display: block !important; }

.key-requests-card .ledger-impact { font-weight: 600; }
.key-requests-card .ledger-impact-in { color: var(--success-color); }
.key-requests-card .ledger-impact-out { color: var(--danger-color); }