/* ─── New Project Button Styling ─── */
.new-project-btn {
  background-color: var(--bs-light) !important;
  color: var(--bs-primary) !important;
  border: 1px solid var(--bs-primary) !important;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.new-project-btn:hover {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
  border-color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .new-project-btn {
  background-color: var(--bs-body-bg) !important;
  color:#fff !important;
  border-color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .new-project-btn:hover {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* ─── Style Enhanced Button Styling ─── */
.btn {
  border-radius: 6px;
  font-weight: 500;
  letter-spacing: 0.025em;
  transition: all 0.2s ease-in-out;
  border: none;
  position: relative;
  overflow: hidden;
}

.btn-primary {
  background: linear-gradient(145deg, #00baff, #0077cc);
  color: white;
  box-shadow: 0 0 10px rgba(0, 186, 255, 0.4);
}

.btn-primary:hover {
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(0, 186, 255, 0.6);
  color: white;
}

.btn-secondary {
  background: linear-gradient(145deg, #ff4757, #cc3a47);
  color: white;
  box-shadow: 0 0 10px rgba(255, 71, 87, 0.4);
}

.btn-secondary:hover {
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(255, 71, 87, 0.6);
  color: white;
}

.btn-success {
  background: linear-gradient(145deg, #2fcf90, #25a372);
  color: white;
  box-shadow: 0 0 10px rgba(47, 207, 144, 0.4);
}

.btn-success:hover {
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(47, 207, 144, 0.6);
  color: white;
}

.btn-danger {
  background: linear-gradient(145deg, #f24747, #c13939);
  color: white;
  box-shadow: 0 0 10px rgba(242, 71, 71, 0.4);
}

.btn-danger:hover {
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(242, 71, 71, 0.6);
  color: white;
}

.btn-warning {
  background: linear-gradient(145deg, #e5c84c, #b69f3c);
  color: black;
  box-shadow: 0 0 10px rgba(229, 200, 76, 0.4);
}

.btn-warning:hover {
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(229, 200, 76, 0.6);
  color: black;
}

.btn-info {
  background: linear-gradient(145deg, #17a2b8, #117a8b);
  color: white;
  box-shadow: 0 0 10px rgba(23, 162, 184, 0.4);
}

.btn-info:hover {
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(23, 162, 184, 0.6);
  color: white;
}

/* Outline button variants with glow */
.btn-outline-primary {
  color: #00baff;
  border: 1px solid #00baff;
  background: rgba(0, 186, 255, 0.05);
  box-shadow: 0 0 10px rgba(0, 186, 255, 0.25);
}

.btn-outline-primary:hover {
  background: linear-gradient(145deg, #00baff, #0077cc);
  color: white;
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(0, 186, 255, 0.6);
}

.btn-outline-secondary {
  color: #00baff;
  border: 1px solid #00baff;
  background: rgba(139, 148, 158, 0.05);
  box-shadow: 0 0 10px rgba(139, 148, 158, 0.2);
}

.btn-outline-secondary:hover {
  background: #00baff;
  color: white;
  transform: scale(1.03);
  box-shadow: 0 0 10px rgba(0, 186, 255, 0.25) !important;
}

.btn-outline-success {
  color: #2fcf90;
  border: 1px solid #2fcf90;
  background: rgba(47, 207, 144, 0.05);
  box-shadow: 0 0 10px rgba(47, 207, 144, 0.25);
}

.btn-outline-success:hover {
  background: linear-gradient(145deg, #2fcf90, #25a372);
  color: white;
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(47, 207, 144, 0.6);
}

.btn-outline-danger {
  color: #f24747;
  border: 1px solid #f24747;
  background: rgba(242, 71, 71, 0.05);
  box-shadow: 0 0 10px rgba(242, 71, 71, 0.25);
}

.btn-outline-danger:hover {
  background: linear-gradient(145deg, #f24747, #c13939);
  color: white;
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(242, 71, 71, 0.6);
}

.btn-outline-warning {
  color: #e5c84c;
  border: 1px solid #e5c84c;
  background: rgba(229, 200, 76, 0.05);
  box-shadow: 0 0 10px rgba(229, 200, 76, 0.25);
}

.btn-outline-warning:hover {
  background: linear-gradient(145deg, #e5c84c, #b69f3c);
  color: black;
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(229, 200, 76, 0.6);
}

.btn-outline-info {
  color: #17a2b8;
  border: 1px solid #17a2b8;
  background: rgba(23, 162, 184, 0.05);
  box-shadow: 0 0 10px rgba(23, 162, 184, 0.25);
}

.btn-outline-info:hover {
  background: linear-gradient(145deg, #17a2b8, #117a8b);
  color: white;
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(23, 162, 184, 0.6);
}

/* Button sizes */
.btn-sm {
  font-size: 0.8rem;
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}

.btn-lg {
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  border-radius: 8px;
}

/* Action buttons in tables */
.actions-col .btn {
  margin: 0 2px;
  transition: all 0.2s ease;
}

/* Specific button focus states */
.btn:focus {
  outline: none;
  box-shadow: inherit;
}