/* =========================================================
   That I.T. Company – Zammad UI Branding
   Accent-based theming (safe for upgrades)
   ========================================================= */

/* Brand color variables */
:root {
  --thatit-primary: #2FB5C0;
  --thatit-primary-dark: #1E8F99;
  --thatit-primary-soft: rgba(47,181,192,0.35);
}

/* ---------------------------------------------------------
   Links
--------------------------------------------------------- */
a,
.link,
.u-link,
.js-link,
.js-submit {
  color: var(--thatit-primary) !important;
}

a:hover,
.link:hover {
  color: var(--thatit-primary-dark) !important;
}

/* ---------------------------------------------------------
   Primary buttons
--------------------------------------------------------- */
.btn--primary,
.btn.btn--primary,
button.btn--primary,
.button--primary,
button[type="submit"],
input[type="submit"] {
  background-color: var(--thatit-primary) !important;
  border-color: var(--thatit-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 1px var(--thatit-primary-soft);
}

.btn--primary:hover,
.btn.btn--primary:hover,
button.btn--primary:hover,
.button--primary:hover,
button[type="submit"]:hover {
  background-color: var(--thatit-primary-dark) !important;
  border-color: var(--thatit-primary-dark) !important;
}

/* ---------------------------------------------------------
   Active / selected states
--------------------------------------------------------- */
.is-active,
.is-active > a,
.active,
.nav-item.is-active,
.tab.is-active,
.sidebar .is-active {
  border-left-color: var(--thatit-primary) !important;
}

/* ---------------------------------------------------------
   Checkboxes, radios, toggles (modern browsers)
--------------------------------------------------------- */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: var(--thatit-primary);
}

/* ---------------------------------------------------------
   Ticket highlights / badges (best effort)
--------------------------------------------------------- */
.badge--important,
.badge--primary,
.tag.is-active {
  background-color: var(--thatit-primary) !important;
  color: #ffffff !important;
}

/* ---------------------------------------------------------
   Focus outlines (keyboard users)
--------------------------------------------------------- */
*:focus-visible {
  outline: 2px solid var(--thatit-primary) !important;
  outline-offset: 2px;
}

/* ---------------------------------------------------------
   Login screen polish
--------------------------------------------------------- */
.login-container button[type="submit"] {
  background-color: var(--thatit-primary) !important;
  border-color: var(--thatit-primary) !important;
}

.login-container a {
  color: var(--thatit-primary) !important;
}

/* ---------------------------------------------------------
   Do NOT touch backgrounds, fonts, or layout.
   Keep Zammad dark, clean, and readable.
--------------------------------------------------------- */