@charset "UTF-8";

/* Global link behavior: never underline */
a,
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none !important;
}

/* Button styles moved from global.css */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  font-weight: 700;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.1;
  background: #fff;
  color: #111;
}

button.button {
  -webkit-appearance: none;
  appearance: none;
}

.button.primary,
.button.primary1 {
  background: var(--brand);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.06);
}

.button.primary2 {
  background: #fff;
  color: #111;
  border-color: rgba(0, 0, 0, 0.18);
}

.button.primary3 {
  background: rgba(0, 0, 0, 0.25);
  color: #111;
  border-color: rgba(0, 0, 0, 0.18);
}

.button.gray {
  background: rgba(0, 0, 0, 0.25);
  color: #111;
  border-color: rgba(0, 0, 0, 0.18);
}

/* Compact button variants (used e.g. for filter / pager controls) */
.button.compact {
  height: 20px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 20px;
}

.button.compact-secondary {
  background: transparent;
  color: #333;
  border: 1px solid #d0d0d0;
}

.button.compact-secondary:hover {
  border-color: rgba(194, 0, 0, 0.35);
  background: rgba(194, 0, 0, 0.14);
  color: #c20000;
}

.button.compact-primary {
  background: var(--brand);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.06);
}

.button.compact-primary:hover {
  background: #a80000;
  border-color: #a80000;
  color: #fff;
}

.button.compact-primary3 {
  background: rgba(0, 0, 0, 0.25);
  color: #111;
  border-color: rgba(0, 0, 0, 0.18);
}

.button.compact-primary3:hover {
  background: rgba(0, 0, 0, 0.45);
  color: #111;
}

.button:hover {
  text-decoration: none;
  background: #f2f2f2;
}

.button.primary:hover {
  background: #a00000;
  border-color: #a00000;
  color: #fff;
}

.button.primary1:hover {
  background: #a00000;
  border-color: #a00000;
  color: #fff;
}

.button.primary2:hover {
  background: #f2f2f2;
  color: #111;
}

.button.primary3:hover {
  background: rgba(0, 0, 0, 0.45);
  color: #111;
}

.button.gray:hover {
  background: rgba(0, 0, 0, 0.45);
  color: #111;
}

.button[disabled],
.button[aria-disabled="true"],
button.button:disabled {
  background: #cfcfcf !important;
  color: #666 !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.button.primary[disabled],
.button.primary[aria-disabled="true"],
button.button.primary:disabled {
  background: #9b9b9b !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #fff !important;
}

.button[disabled]:hover,
.button[aria-disabled="true"]:hover,
button.button:disabled:hover {
  text-decoration: none;
}