/* A wordmark-only font alias keeps auth and dashboard typography independent. */
@font-face {
  font-family: "CallBotAgent Wordmark";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(./outfit-v15-latin.woff2) format("woff2");
}

.cba-app-brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
}
.cba-app-brand > img { display: block; width: 33px; height: 33px; flex: none; }
.cba-app-brand__wordmark {
  font-family: "CallBotAgent Wordmark", "Outfit Fallback", system-ui, sans-serif;
  font-size: 21px;
  font-weight: 650;
  letter-spacing: -1px;
}
.cba-app-brand__suffix { color: #ccc5e4; font-weight: 400; }
.cba-app-brand--ink { color: #1b192c; }
.cba-app-brand--ink .cba-app-brand__suffix { color: #716b84; }
.cba-app-brand--icon > img { width: 28px; height: 28px; }
@media (max-width: 379px) {
  .cba-app-brand__wordmark { font-size: 19px; }
  .cba-app-brand > img { width: 29px; height: 29px; }
}

/* Static docs context; canonical mark and wordmark above remain unchanged. */
.cba-app-brand:hover{text-decoration:none}
.cba-docs-brand-label{font:500 12px/1.3 system-ui,sans-serif;letter-spacing:normal;color:inherit;opacity:.8}
.dark .cba-app-brand--ink{color:#fff}
.dark .cba-app-brand--ink .cba-app-brand__suffix{color:#ccc5e4}
@media(max-width:1180px){.topbar .cba-docs-brand-label{display:none}}
@media(max-width:600px){
  .topbar{flex-wrap:wrap;height:auto;gap:8px;padding:10px 12px}
  .topbar .brand{flex:1;gap:8px}
  .topbar .top-spacer{display:none}
  .topbar::after{content:'';order:1;flex-basis:100%}
  .topbar>.searchbtn,.topbar>.lang-seg,.topbar>.dashlink{order:2}
  .topbar>.lang-seg{display:flex}
  .topbar>.searchbtn{flex:1}
  .topbar>.themebtn{flex:none}
}