/* Corporate button palette restore */
.btn-primary {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus { filter: brightness(1.05); }

/* Outline variants back to semantic/corporate colors */
.btn-outline-primary  { color: var(--brand-blue) !important; border-color: var(--brand-blue) !important; }
.btn-outline-secondary{ color: var(--bs-secondary, #6c757d) !important; border-color: var(--bs-secondary, #6c757d) !important; }
.btn-outline-success  { color: var(--bs-success, #198754) !important; border-color: var(--bs-success, #198754) !important; }
.btn-outline-info     { color: var(--bs-info, #0dcaf0) !important; border-color: var(--bs-info, #0dcaf0) !important; }
.btn-outline-warning  { color: var(--bs-warning, #ffc107) !important; border-color: var(--bs-warning, #ffc107) !important; }
.btn-outline-danger   { color: var(--bs-danger, #dc3545) !important; border-color: var(--bs-danger, #dc3545) !important; }
.btn-outline-dark     { color: var(--bs-dark, #212529) !important; border-color: var(--bs-dark, #212529) !important; }
.btn-outline-light    { color: var(--bs-dark, #212529) !important; border-color: #e9ecef !important; background-color: rgba(255,255,255,.85) !important; }

/* Attractive "Add" button (used for new item actions) */
.btn-add {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .7rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(0,123,255,1) 0%, rgba(0,86,179,1) 100%);
  color: #fff !important;
  border: none;
  box-shadow: 0 6px 14px rgba(3, 97, 214, 0.18), inset 0 -2px 4px rgba(255,255,255,0.05);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.btn-add .bi { font-size: 1.05rem; }
.btn-add:hover, .btn-add:focus {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(3,97,214,0.22);
  filter: brightness(1.03);
}
.btn-add:active {
  transform: translateY(0);
  box-shadow: 0 6px 12px rgba(3,97,214,0.18);
}
/* small variant to match btn-sm sizing */
.btn-sm.btn-add { padding: .35rem .55rem; font-size: .875rem; }

/* Ensure button text doesn't force wrapping inside tight header */
.btn-add { white-space: nowrap; }

/* Mobile tweaks for plForm search */
@media (max-width: 576px) {
  /* Ensure clear button hidden on small screens (defensive in case utilities not available) */
  #plClear { display: none !important; }
  /* Allow the search input to grow and be more touch-friendly */
  #plForm .input-group { max-width: none !important; }
  #plQ { font-size: 1rem; padding: .6rem .75rem; }
  /* Give some breathing room to the Add button on very small screens */
  .btn-add { margin-left: .5rem !important; }
}

/* Improve visibility of Bootstrap close buttons on dark backgrounds (modals/offcanvas) */
.modal-header .btn-close,
.offcanvas .btn-close,
.modal .btn-close,
.card .btn-close {
  /* subtle light backdrop so the close icon has contrast on dark UIs */
  background-color: rgba(255,255,255,0.06) !important;
  --bs-close-color: #ffffff !important;
  padding: .35rem !important;
  border-radius: .375rem !important;
  transition: background-color .12s ease, transform .08s ease;
}
.modal-header .btn-close:hover,
.offcanvas .btn-close:hover,
.modal .btn-close:hover,
.card .btn-close:hover {
  background-color: rgba(255,255,255,0.12) !important;
  transform: translateY(-1px);
}
.modal-header .btn-close:focus,
.offcanvas .btn-close:focus,
.modal .btn-close:focus,
.card .btn-close:focus {
  box-shadow: 0 0 0 3px rgba(0,123,255,0.12);
  outline: none;
}

/* In dark mode, force the close icon to white for maximum contrast. */
@media (prefers-color-scheme: dark) {
  .btn-close,
  .modal-header .btn-close,
  .offcanvas .btn-close,
  .modal .btn-close,
  .card .btn-close {
    color: #ffffff !important;
    --bs-close-color: #ffffff !important;
    background-color: rgba(255,255,255,0.04) !important;
  }
  .btn-close svg,
  .btn-close .bi {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
  }
}

/* Also support explicit .dark-theme or .theme-dark classes if the app toggles theme via class */
.dark-theme .btn-close,
.theme-dark .btn-close,
.dark-mode .btn-close {
  color: #ffffff !important;
}