/* Public site buttons (scoped to button panel; account buttons untouched) */
.button-panel .btn {
  font-family: "Onest", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-weight: 600;
  border-radius: 12px;
  padding: 9px 16px;
  font-size: 16px;
  line-height: 1.25;
  min-height: 42px;
  border: 1px solid transparent;
  box-shadow: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.button-panel .btn-lg {
  padding: 12px 20px;
  font-size: 18px;
  line-height: 1.25;
  border-radius: 12px;
  min-height: 48px;
}

.button-panel .btn.btn-sm {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 9px;
  min-height: 34px;
}

.button-panel .btn-primary {
  background-color: #009fc1;
  border-color: #009fc1;
  color: #ffffff;
}

.button-panel .btn-primary:hover,
.button-panel .btn-primary:focus {
  background-color: #008aa8;
  border-color: #008aa8;
  color: #ffffff;
}

.button-panel .btn-primary:active,
.button-panel .btn-primary.active {
  background-color: #009fc1;
  border-color: #009fc1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 2px rgba(102, 175, 233, 0.2);
}

.button-panel .btn-secondary {
  background-color: #5c6a70;
  border-color: #5c6a70;
  color: #ffffff;
}

.button-panel .btn-secondary:hover,
.button-panel .btn-secondary:focus {
  background-color: #515d62;
  border-color: #515d62;
  color: #ffffff;
}

.button-panel .btn-success {
  background-color: #31b58e;
  border-color: #31b58e;
  color: #ffffff;
}

.button-panel .btn-success:hover,
.button-panel .btn-success:focus {
  background-color: #2ca17e;
  border-color: #2ca17e;
  color: #ffffff;
}

.button-panel .btn-success:active,
.button-panel .btn-success.active {
  background-color: #31b58e;
  border-color: #31b58e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 2px rgba(49, 193, 120, 0.2);
}

.button-panel .btn-danger {
  background-color: #f65858;
  border-color: #f65858;
  color: #ffffff;
}

.button-panel .btn-danger:hover,
.button-panel .btn-danger:focus {
  background-color: #ec4949;
  border-color: #ec4949;
  color: #ffffff;
}

.button-panel .btn-danger:active,
.button-panel .btn-danger.active {
  background-color: #f65858;
  border-color: #f65858;
  box-shadow: inset 0 1px 1px rgba(246, 88, 88, 0.3), 0 0 0 2px rgba(246, 88, 88, 0.3);
}

.button-panel .btn-warning {
  background-color: #ffaa06;
  border-color: #ffaa06;
  color: #1f1f1f;
}

.button-panel .btn-warning:hover,
.button-panel .btn-warning:focus {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #1f1f1f;
}

.button-panel .btn-info {
  background-color: #0b99b2;
  border-color: #0b99b2;
  color: #ffffff;
}

.button-panel .btn-info:hover,
.button-panel .btn-info:focus {
  background-color: #087f95;
  border-color: #087f95;
  color: #ffffff;
}

.button-panel .btn-dark {
  background-color: #1f2327;
  border-color: #1f2327;
  color: #ffffff;
}

.button-panel .btn-dark:hover,
.button-panel .btn-dark:focus {
  background-color: #14171a;
  border-color: #14171a;
}

.button-panel .btn-light {
  background-color: #f6f7f8;
  border-color: #f6f7f8;
  color: #000000;
  box-shadow: inset 0 0 0 1px #e6ecec;
}

.button-panel .btn-light:hover,
.button-panel .btn-light:focus {
  background-color: #eef1f2;
  border-color: #eef1f2;
  color: #000000;
}

.button-panel .btn-outline-primary {
  color: #009fc1;
  border-color: #009fc1;
  background-color: transparent;
}

.button-panel .btn-outline-primary:hover,
.button-panel .btn-outline-primary:focus {
  color: #ffffff;
  background-color: #009fc1;
  border-color: #009fc1;
}

.button-panel .btn-outline-secondary {
  color: #5c6a70;
  border-color: #5c6a70;
  background-color: transparent;
}

.button-panel .btn-outline-secondary:hover,
.button-panel .btn-outline-secondary:focus {
  color: #ffffff;
  background-color: #5c6a70;
  border-color: #5c6a70;
}

.button-panel .btn-outline-success {
  color: #31b58e;
  border-color: #31b58e;
  background-color: transparent;
}

.button-panel .btn-outline-success:hover,
.button-panel .btn-outline-success:focus {
  color: #ffffff;
  background-color: #31b58e;
  border-color: #31b58e;
}

.button-panel .btn-outline-danger {
  color: #f65858;
  border-color: #f65858;
  background-color: transparent;
}

.button-panel .btn-outline-danger:hover,
.button-panel .btn-outline-danger:focus {
  color: #ffffff;
  background-color: #f65858;
  border-color: #f65858;
}

.button-panel .btn-outline-warning {
  color: #1f1f1f;
  border-color: #ffaa06;
  background-color: transparent;
}

.button-panel .btn-outline-warning:hover,
.button-panel .btn-outline-warning:focus {
  color: #1f1f1f;
  background-color: #ffaa06;
  border-color: #ffaa06;
}

.button-panel .btn-outline-info {
  color: #0b99b2;
  border-color: #0b99b2;
  background-color: transparent;
}

.button-panel .btn-outline-info:hover,
.button-panel .btn-outline-info:focus {
  color: #ffffff;
  background-color: #0b99b2;
  border-color: #0b99b2;
}

.button-panel .btn-outline-dark {
  color: #1f2327;
  border-color: #1f2327;
  background-color: transparent;
}

.button-panel .btn-outline-dark:hover,
.button-panel .btn-outline-dark:focus {
  color: #ffffff;
  background-color: #1f2327;
  border-color: #1f2327;
}

.button-panel .btn-soft-primary {
  background-color: rgba(0, 159, 193, 0.14);
  color: #009fc1;
  border-color: rgba(0, 159, 193, 0.2);
}

.button-panel .btn-soft-success {
  background-color: rgba(49, 181, 142, 0.14);
  color: #1f7f64;
  border-color: rgba(49, 181, 142, 0.22);
}

.button-panel .btn-soft-warning {
  background-color: rgba(255, 170, 6, 0.2);
  color: #7a5b00;
  border-color: rgba(255, 170, 6, 0.28);
}

.button-panel .btn-soft-danger {
  background-color: rgba(246, 88, 88, 0.16);
  color: #b44343;
  border-color: rgba(246, 88, 88, 0.24);
}

.button-panel .btn-ghost {
  background-color: transparent;
  color: #000000;
  border-color: transparent;
}

.button-panel .btn-ghost:hover,
.button-panel .btn-ghost:focus {
  background-color: #f2f5f5;
  color: #000000;
}

.button-panel .btn-link {
  color: #009fc1;
  text-decoration: underline;
  background: transparent;
  border: 0;
  padding: 0;
}

.button-panel .btn:disabled,
.button-panel .btn.disabled {
  background-color: #7aa0ff;
  border-color: #7aa0ff;
  color: #ffffff;
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
}