/*
 * Orange accent branding for Roundcube (Elastic skin), matching the
 * Mailadmin panel's color (#f97316). This is a best-effort CSS override:
 * Elastic doesn't expose a single official theming API, so both CSS custom
 * properties (newer builds) and direct selector overrides (older builds)
 * are set here. Verify visually after deployment and adjust selectors if
 * a particular Roundcube version renders something unstyled.
 */

:root {
  --accent: #f97316;
  --accent-dark: #c2410c;
  --rc-color-primary: #f97316;
  --rc-color-list-selection: #f97316;
}

body.task-login .login-form,
body.task-login #login-form {
  border-top: 3px solid #f97316;
}

a,
.btn-link {
  color: #c2410c;
}

.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
  background-color: #f97316 !important;
  border-color: #ea580c !important;
}

.btn-primary:hover,
button.btn-primary:hover {
  background-color: #fb923c !important;
  border-color: #f97316 !important;
}

#layout-menu .selected,
.listing tr.selected,
.listing tr.selected td,
li.selected > a {
  background-color: #f97316 !important;
  color: #1a1206 !important;
}

.task-buttons a.selected,
.tabsbar a.selected,
.pagenav .selected {
  border-color: #f97316 !important;
}

::selection {
  background: #fdba74;
}