/* ============================================================
   Icon Button Color Variants
   Usage: add alongside .btn-custom  e.g. class="btn-custom btn-icon-danger"
   - delete   → btn-icon-danger
   - archive  → btn-icon-warning
   - edit     → btn-icon-info
   - view     → btn-icon-info
   Double-class selectors (.btn-custom.btn-icon-*) give higher specificity
   than style.css's single-class .btn-custom rule so colors always win.
   ============================================================ */

.btn-custom.btn-icon-success,
.btn-icon-success {
  color: #28a745 !important;
}

.btn-custom.btn-icon-success:hover,
.btn-icon-success:hover {
  color: #1e7e34 !important;
  background-color: rgba(40, 167, 69, 0.1);
  border-radius: 4px;
}

.btn-custom.btn-icon-info,
.btn-icon-info {
  color: #03a9f3 !important;
}

.btn-custom.btn-icon-info:hover,
.btn-icon-info:hover {
  color: #117a8b !important;
  background-color: rgba(23, 162, 184, 0.1);
  border-radius: 4px;
}

.btn-custom.btn-icon-primary,
.btn-icon-primary {
  color: #3881cf !important;
}

.btn-custom.btn-icon-primary:hover,
.btn-icon-primary:hover {
  color: #3881cf !important;
  background-color: rgba(0, 123, 255, 0.1);
  border-radius: 4px;
}

.btn-custom.btn-icon-danger,
.btn-icon-danger {
  color: #dc3545 !important;
}

.btn-custom.btn-icon-danger:hover,
.btn-icon-danger:hover {
  color: #a71d2a !important;
  background-color: rgba(220, 53, 69, 0.1);
  border-radius: 4px;
}

.btn-custom.btn-icon-warning,
.btn-icon-warning {
  color: #e6a817 !important;
}

.btn-custom.btn-icon-warning:hover,
.btn-icon-warning:hover {
  color: #c17d0b !important;
  background-color: rgba(255, 193, 7, 0.12);
  border-radius: 4px;
}

.btn-custom.btn-icon-secondary,
.btn-icon-secondary {
  color: #6c757d !important;
}

.btn-custom.btn-icon-secondary:hover,
.btn-icon-secondary:hover {
  color: #494f54 !important;
  background-color: rgba(108, 117, 125, 0.1);
  border-radius: 4px;
}

/* ============================================================ */

.btn-save-changes {
  color: #212529;
  background-color: #fec107;
  border-color: #fec107;
}

.renew-save-btn {
  position: absolute;
  right: 172px;
}