/* CČSH: text pod loginem – jen login stránka */
.task-login .login-help {
  margin: 2em 0 1em 0;
  padding: 0.8em 0 0 0;
  font-size: 0.95em;
  border-top: 1px solid #ddd;
  color: #555;
}

.task-login .login-help a { text-decoration: none; }
.task-login .login-help a:hover { text-decoration: underline; }


/* ===== CČSH brand ===== */
:root {
  --brand: #8b1d2c;          				/* hlavní (vínová / burgundy) */
  --brand-hover: #b08a2e;    				/* doplňková (okrová / zlatá) */
  --brand-tint: color-mix(in srgb, var(--brand) 12%, transparent);
  --brand-focus: color-mix(in srgb, var(--brand) 35%, transparent);
}

/* odkazy */
a, .button.link, .listing a {
  color: var(--brand);
}
a:hover, a:focus {
  color: var(--brand-hover);
}

/* primární akce (Login / Send / Save) – selektory jsou schválně širší */
.btn-primary,
button.mainaction,
input.mainaction,
a.mainaction {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}
.btn-primary:hover,
button.mainaction:hover,
input.mainaction:hover,
a.mainaction:hover {
  background: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
}

/* jemné zvýraznění vybraných položek */
.listing li.selected,
.listing tr.selected td,
#mailboxlist li.selected > a {
  background-color: var(--brand-tint) !important;
}

/* focus ring (klávesnice) */
:focus-visible {
  outline: 2px solid var(--brand-focus);
  outline-offset: 2px;
}

/* login – aby to ladilo i tam (když chceš) */
.task-login .form-control:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 2px var(--brand-focus) !important;
}