/* Shared agency identity. Semantic status colours and product identities stay local. */
:root {
  --alex-ink: #0f172a;
  --alex-dark: #080d12;
  --alex-teal: #0f766e;
  --alex-teal-hover: #115e59;
  --alex-mint: #2dd4bf;
  --alex-tint: #e6f7f3;
  --alex-paper: #f8fafc;
  --alex-surface: #ffffff;
  --alex-line: #dce5e9;
  --alex-muted: #526575;
}
.alex-brand-mark {
  display: block;
  position: relative;
  flex: none;
  width: 72px;
  aspect-ratio: 736 / 568;
  overflow: hidden;
  margin: 0;
  line-height: 0;
}
.alex-brand-mark > img {
  position: absolute;
  display: block;
  width: 146.73913%;
  max-width: none;
  height: auto;
  left: -23.2337%;
  top: -39.26056%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  filter: none;
}
.alex-brand-mark--inverse > img { filter: invert(1); }
.brand .alex-brand-mark,.cs-brand .alex-brand-mark { margin: 0; }
.footer__brand .alex-brand-mark { width: 100px; }
.portal-side-brand .alex-brand-mark { width: 78px; }
.portal-mobile-brand .alex-brand-mark { width: 36px; }
.zam-brand .alex-brand-mark { width: 66px; }
.emp-server-sidebar .zam-brand { padding-block: 2px 14px; }
.brand .alex-brand-mark + .brand-copy { margin-left: 12px; }
body.admin-native-navigation,body.portal-alex {
  --color-primary: var(--alex-teal);
  --color-primary-dark: var(--alex-teal-hover);
  --color-primary-light: var(--alex-mint);
}
html body.admin-native-navigation .admin-compact-menu > a[aria-current],
html body.admin-native-navigation .admin-compact-dropdown.is-active > summary {
  background: var(--alex-teal);
  border-color: var(--alex-teal);
}
/* Legacy authentication views retain their accessible brand text. */
.login-header .logo:not(:has(img)) {
  display: block;
  width: 92px;
  height: 71px;
  margin: 0 auto 20px;
  overflow: hidden;
  text-indent: -9999px;
  background: url('/static/brand/alex-digital-original-20261026.png') 49.7093% 43.5547% / 146.73913% auto no-repeat;
}
@media (max-width: 600px) {
  .alex-brand-mark { width: 62px; }
  .footer__brand .alex-brand-mark { width: 86px; }
}