/* Intagen global rebrand layer (May 2026) */
:root{
  --zazi-navy:#032743;
  --zazi-navy-soft:#0d3a5d;
  --zazi-shell:#f4f6f8;
  --zazi-ink:#1b2735;
  --zazi-muted:#5d6b7a;
  --zazi-line:#c7cfd8;
  --zazi-blue:#0b63b9;
  --zazi-blue-deep:#094f93;
  --zazi-pill-gray:#e5e7eb;
}

html,body{
  font-family:"Aptos","Segoe UI Variable Text","Segoe UI","Helvetica Neue","Trebuchet MS",sans-serif;
  color:var(--zazi-ink);
}

a{
  color:var(--zazi-blue);
  text-decoration:none !important;
  cursor:pointer;
}

a:hover,
a:focus-visible{
  text-decoration:none !important;
}

a:not([class]),
.terms-link,
.forgot-link,
.text-link,
.inline-link,
.evidence-open-link,
.post-attachments a,
.field a,
.footer a,
.meta a{
  color:var(--zazi-blue) !important;
  text-decoration:none !important;
}

a:not([class]):hover,
.terms-link:hover,
.forgot-link:hover,
.text-link:hover,
.inline-link:hover,
.evidence-open-link:hover,
.post-attachments a:hover,
.field a:hover,
.footer a:hover,
.meta a:hover{
  color:var(--zazi-blue-deep) !important;
  text-decoration:none !important;
}

.brand-mark,
.brand-pill,
.logo,
.logo-wrap .brand-mark{
  display:inline-flex;
  align-items:center;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #bac3cd;
  background:#fff;
  box-shadow:0 8px 20px rgba(3,39,67,.08);
}

.brand-mark .za,
.brand-pill .za,
.logo .za{
  background:var(--zazi-navy) !important;
  color:#fff !important;
}

.brand-mark .zi,
.brand-pill .zi,
.logo .zi{
  background:var(--zazi-pill-gray) !important;
  color:#526171 !important;
  border-left:1px solid #c9d1d9 !important;
}

.brand-pill .za,
.brand-pill .zi,
.brand-mark .brand-half,
.brand-mark .za,
.brand-mark .zi,
.logo .za,
.logo .zi{
  min-width:66px !important;
  padding:0 12px !important;
  font-size:16px !important;
  font-weight:780 !important;
  letter-spacing:-.02em !important;
  text-transform:lowercase !important;
}

.brand-pill.intagen-logo{
  border-radius:999px !important;
  border:3px solid #ffffff !important;
  box-shadow:0 12px 28px rgba(2, 23, 48, .24) !important;
  background:#ffffff !important;
}
.brand-pill.intagen-logo .za,
.brand-pill.intagen-logo .zi{
  min-width:158px !important;
  height:74px !important;
  padding:0 28px !important;
  font-size:64px !important;
  font-weight:820 !important;
  letter-spacing:-.03em !important;
  line-height:.85 !important;
}
.brand-pill.intagen-logo .za{
  color:#ffffff !important;
}
.brand-pill.intagen-logo .zi{
  color:#032743 !important;
}

@media (max-width: 900px){
  .brand-pill.intagen-logo .za,
  .brand-pill.intagen-logo .zi{
    min-width:118px !important;
    height:60px !important;
    padding:0 20px !important;
    font-size:46px !important;
  }
}

@media (max-width: 640px){
  .brand-pill.intagen-logo .za,
  .brand-pill.intagen-logo .zi{
    min-width:84px !important;
    height:46px !important;
    padding:0 12px !important;
    font-size:27px !important;
  }
}

.submit,
.action.primary,
.cta.primary,
.btn-primary,
.primary-btn{
  background:var(--zazi-blue) !important;
  border-color:var(--zazi-blue) !important;
  color:#fff !important;
}

.submit:hover,
.action.primary:hover,
.cta.primary:hover,
.btn-primary:hover,
.primary-btn:hover{
  background:var(--zazi-blue-deep) !important;
  border-color:var(--zazi-blue-deep) !important;
}

.field input:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:var(--zazi-blue) !important;
  box-shadow:0 0 0 2px rgba(11,99,185,.12) !important;
}

/* Core shell */
.topbar{
  background:linear-gradient(180deg,#062b4a 0%,#05233f 100%) !important;
  border-bottom:1px solid #103e67 !important;
}

.topbar-inner{
  max-width:1360px !important;
}

.nav a.active,
.top-links a.active{
  color:#dce9f5 !important;
}

.topbar a,
.topbar a:hover,
.topbar a:focus-visible{
  text-decoration:none !important;
}

.topbar .nav a,
.topbar .nav a:not([class]),
.topbar .top-right a,
.topbar .top-right a:not([class]),
.topbar .me-trigger,
.topbar .nav-label{
  color:#dce9f5 !important;
}

.topbar .nav a:hover,
.topbar .nav a.active,
.topbar .top-right a:hover,
.topbar .top-right a.active,
.topbar .me-trigger:hover{
  color:#f2f7fc !important;
  text-decoration:none !important;
}

.nav a.active::after{
  background:#5ea6ea !important;
}

.brand-badge,
.logo{
  background:var(--zazi-navy) !important;
  color:#fff !important;
}

.brand-copy strong,
.logo-text strong{
  color:var(--zazi-ink) !important;
}

.brand-copy span,
.logo-text span{
  color:var(--zazi-muted) !important;
}

/* Controls */
.ghost-btn,
.tool-btn,
.secondary-btn,
.small-btn,
.snapshot-btn,
.secondary,
.action,
.cta{
  border:1px solid var(--zazi-line) !important;
  background:#fff !important;
  color:#334155 !important;
}

.ghost-btn:hover,
.tool-btn:hover,
.secondary-btn:hover,
.small-btn:hover,
.snapshot-btn:hover,
.secondary:hover,
.action:hover,
.cta:hover{
  border-color:#aebccc !important;
  background:#f8fbff !important;
}

/* Active states */
.tab-btn.active,
.view-tab.active,
.filter-btn.active,
.chip-btn.active,
.family-switch-btn.active,
.tool-btn.active{
  background:var(--zazi-blue) !important;
  border-color:var(--zazi-blue) !important;
  color:#fff !important;
}

/* Surfaces */
.card,
.panel,
.member-card,
.person-card,
.cluster-card,
.notif,
.conv,
.item,
.notice,
.modal,
.modal-box{
  border-color:#dbe5ef !important;
  box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}

/* Secondary chips and pills */
.eyebrow,
.person-tag,
.relation-chip,
.cluster-section-label,
.member-badge,
.notif-pill,
.status,
.badge,
.pill{
  background:#eef3f9 !important;
  border-color:#d6e0ec !important;
  color:#33526e !important;
}