/* Bridge CX Support - brand layer for Zammad (injected by the bridgecx-brand proxy; Zammad itself is unmodified).
   Brand: red #A82B28, ink #111110, sand background #F7F5F2, Figtree. */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap');

:root {
  --bcx-red: #A82B28;
  --bcx-red-dark: #8A2220;
  --bcx-pink: #F0C2C0;
  --bcx-ink: #111110;
  --bcx-ink-2: #2A2A28;
  --bcx-bg: #F7F5F2;
  --bcx-line: #E4E0DA;
}

body, input, textarea, select, button, .btn, .ProseMirror,
.knowledge-base, .knowledge-base * {
  font-family: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

/* Primary actions in Bridge CX red */
.btn--primary, .btn.btn--primary, .btn--create, button[type="submit"].btn--primary {
  background-color: var(--bcx-red) !important;
  border-color: var(--bcx-red) !important;
  color: #fff !important;
}
.btn--primary:hover, .btn--create:hover { background-color: var(--bcx-red-dark) !important; }

/* Agent navigation (left bar) */
.navigation { background-color: var(--bcx-ink) !important; }
.navigation .menu-item.is-active,
.navigation .menu-item.is-active:hover { background-color: var(--bcx-ink-2) !important; box-shadow: inset 3px 0 0 var(--bcx-red); }
.navigation .tasks .task.is-active { box-shadow: inset 3px 0 0 var(--bcx-red); }

/* Sign-in, password reset and customer portal entry pages */
.login, .reset_password, .signup, .fullscreen { background-color: var(--bcx-bg) !important; }
.login .hero-unit, .reset_password .hero-unit, .signup .hero-unit {
  border-top: 4px solid var(--bcx-red);
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(17, 17, 16, .08) !important;
}
.login .company-logo img, .login .logo img { max-height: 56px; width: auto; }
.login h1, .login h2 { color: var(--bcx-ink); letter-spacing: -0.01em; }

/* Links, focus and selection accents */
.login a, .reset_password a, .footer a { color: var(--bcx-red) !important; }
::selection { background: var(--bcx-pink); }
input:focus, textarea:focus, select:focus, .form-control:focus { border-color: var(--bcx-red) !important; box-shadow: 0 0 0 2px rgba(168, 43, 40, .15) !important; }

/* Ticket priority 3 high reads as P1 */
.priority-icon--high, .icon-priority-high { color: var(--bcx-red) !important; fill: var(--bcx-red) !important; }

/* Footer note on the sign-in page */
.login::after {
  content: "Bridge CX Support - sign in with your Bridge CX account";
  display: block; text-align: center; color: #5C5A55; font-size: 12px; margin: 24px 0;
}

/* Dark theme (Zammad follows the OS setting): white wordmark and ink backgrounds */
html[data-theme="dark"] img.company-logo { content: url("/bridgecx-assets/logo-white.png"); }
html[data-theme="dark"] .login, html[data-theme="dark"] .reset_password,
html[data-theme="dark"] .signup, html[data-theme="dark"] .fullscreen { background-color: var(--bcx-ink) !important; }
html[data-theme="dark"] .login h1, html[data-theme="dark"] .login h2 { color: #fff; }