ul.ulist, ul.ulist > li { list-style: none; padding: 0; margin: 0; }
vr {
  display: inline-block;
  align-self: stretch;
  width: .01em;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
  margin: .1rem 0;
}
.cursor-pointer { cursor: pointer; }
.min-w-0 { min-width: 0; }
.min-w-1 { min-width: 72px; }
.min-w-2 { min-width: 116px; }
.min-w-3 { min-width: 136px; }

/* Reduce inputs shadow (e.g., email/password/etc) */
.selectplus-toggle:focus,
.form-check-input:focus,
.form-control:focus,
.btn:focus, .btn:active:focus,
.btn-link.nav-link:focus {
  box-shadow: 0 0 3px 1px rgba(var(--bs-primary-rgb), .25);
  border-color: rgba(var(--bs-primary-rgb), .35);
  outline: none;
}
.hx-select:focus-within .hx-visual,
.form-select:focus {
  box-shadow: 0 0 3px 1px rgba(var(--bs-primary-rgb), .25);
  outline: none;
  border-color: rgba(var(--bs-primary-rgb), .515);
}
.form-select {
    transition: none;
}
.form-select.bi-caret-down {
  background-size: 17.5px 17.5px;
  background-position: right .7rem center;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23888' d='M3.204 5h9.592L8 11.481 3.204 5z'/%3E%3C/svg%3E");
}
.form-control {
  box-shadow: none;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.form-floating > textarea.form-control {
  height: auto;
  resize: vertical;
}

/** #region::Native select – scrollbar styling (scrollable only) */

/* Firefox */
select[multiple],
select[size] {
  scrollbar-width: inherit;
  scrollbar-color: rgba(var(--bs-tertiary-color-rgb), .35) transparent;
}

  /* Chromium / WebKit */
  select[multiple]::-webkit-scrollbar-track,
  select[size]::-webkit-scrollbar-track {
    margin-block: .375rem;
  }

  /*select[multiple]::-webkit-scrollbar-thumb,*/
  select[size]::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(var(--bs-tertiary-color-rgb), .35);
  }

/** #endregion::Native select – scrollbar styling (scrollable only) */

/* Override bootstrap checkbox theme */
.form-check-label { cursor: pointer; }
.form-check-input {
  cursor: pointer;
  transform: translateY(-1px);
  margin-right: 0rem;
  border-color: var(--bs-tertiary-color);
  height: 1rem;
  width: 1rem;
}

.fs-6 { font-size:1rem !important; }
.fs-7 { font-size:.875rem !important; }
.fs-8 { font-size:.75rem !important; }
.fs-9 { font-size:.65rem !important; }

/* 🔥 custom softer replacement for bootstrap btn-secondary */

.btn-secondary {
  /* 🔥 +8% brighter */
  --bs-btn-bg: #c9d0d7;
  --bs-btn-border-color: #b8c0c8;
  --bs-btn-color: #2f3439;
  --bs-btn-hover-bg: #d6dce2;
  --bs-btn-hover-border-color: #c4cbd3;
  --bs-btn-hover-color: #1f2327;
  --bs-btn-active-bg: #b9c1c9;
  --bs-btn-active-border-color: #a9b2bc;
  --bs-btn-active-color: #111418;
  --bs-btn-disabled-bg: #eef1f3;
  --bs-btn-disabled-border-color: #dce2e6;
  --bs-btn-disabled-color: #8b949e;
}

.btn-secondary-light {
  /* 🔥 +8% brighter */
  --bs-btn-bg: #e8ecf0;
  --bs-btn-border-color: #d7dce2;
  --bs-btn-color: #495057;
  --bs-btn-hover-bg: #fbfcfd;
  --bs-btn-hover-border-color: #ced5db;
  --bs-btn-hover-color: #343a40;
  --bs-btn-active-bg: #d9dfe5;
  --bs-btn-active-border-color: #c8cfd7;
  --bs-btn-active-color: #212529;
  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-disabled-border-color: #eceff2;
  --bs-btn-disabled-color: #adb5bd;
}

[data-bs-theme="dark"] .btn-secondary {
  /* 🔥 between secondary-light and bootstrap secondary */
  --bs-btn-bg: #555d66;
  --bs-btn-border-color: #656e78;
  --bs-btn-color: #f1f3f5;
  --bs-btn-hover-bg: #626b75;
  --bs-btn-hover-border-color: #727c87;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-active-bg: #4b535c;
  --bs-btn-active-border-color: #5f6872;
  --bs-btn-active-color: #ffffff;
  --bs-btn-disabled-bg: #3b4147;
  --bs-btn-disabled-border-color: #4a5158;
  --bs-btn-disabled-color: #8b949e;
}

[data-bs-theme="dark"] .btn-secondary-light {
  --bs-btn-bg: #3c4248;
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-color: #e9ecef;
  --bs-btn-hover-bg: #464d54;
  --bs-btn-hover-border-color: #59616a;
  --bs-btn-hover-color: #ffffff;
  /* 🔥 active slightly deeper than hover */
  --bs-btn-active-bg: #343a40;
  --bs-btn-active-border-color: #515861;
  --bs-btn-active-color: #ffffff;
  --bs-btn-disabled-bg: #2e3338;
  --bs-btn-disabled-border-color: var(--bs-border-color);
  --bs-btn-disabled-color: #6c757d;
}

/* ==== custom override bootstrap: btn-light ==== */

[data-bs-theme="light"] .btn-light.border {
  background-color: var(--bs-light);
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
  transition: background-color .1s ease-in-out, color .15s ease-in-out;
}

[data-bs-theme="dark"] .btn-light.border {
  background-color: var(--bs-dark-bg-subtle);
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
  transition: background-color .1s ease-in-out, color .15s ease-in-out;
}

[data-bs-theme="light"] .btn-light.border:hover {
  background-color: var(--bs-tertiary-bg); /* fallback */
  --btn-light-bgcolor: color-mix(in srgb, var(--bs-body-color) 8%, var(--bs-light));
  background-color: var(--btn-light-bgcolor);
}

[data-bs-theme="dark"] .btn-light.border:hover {
  background-color: var(--bs-secondary-bg); /* fallback */
  --btn-light-bgcolor: color-mix(in srgb, var(--bs-body-color) 12%, var(--bs-dark-bg-subtle));
  background-color: var(--btn-light-bgcolor);
}