.itl-topbar {
  background: var(--itl-surface);
  border-bottom: 1px solid var(--itl-border);
  padding: var(--itl-space-2) 0;
}

.itl-topbar .itl-logo {
  height: 40px;
  width: auto;
  border-radius: var(--itl-radius-sm);
}

.itl-topbar .itl-brand-name {
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.1;
}

.itl-topbar .itl-brand-tagline {
  font-size: 0.72rem;
  color: var(--itl-text-muted);
  display: block;
}

.itl-topbar .itl-topbar-actions {
  gap: var(--itl-space-2);
}

.itl-font-btn {
  border: 1px solid var(--itl-border);
  background: var(--itl-surface);
  color: var(--itl-text);
  border-radius: var(--itl-radius-sm);
  width: 32px;
  height: 32px;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
}

.itl-font-btn.active {
  background: var(--itl-primary);
  color: #fff;
  border-color: var(--itl-primary);
}

.itl-dark-toggle {
  border: 1px solid var(--itl-border);
  background: var(--itl-surface);
  color: var(--itl-text);
  border-radius: var(--itl-radius-sm);
  width: 32px;
  height: 32px;
}

.itl-call-us-dropdown {
  position: relative;
}

.itl-call-us-panel {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1050;
  min-width: 320px;
  background: var(--itl-surface);
  border: 1px solid var(--itl-border);
  border-radius: var(--itl-radius-md);
  box-shadow: var(--itl-shadow-lg);
  padding: var(--itl-space-3);
}

.itl-call-us-panel.show {
  display: block;
}

.itl-call-us-panel .itl-call-block + .itl-call-block {
  margin-top: var(--itl-space-3);
  padding-top: var(--itl-space-3);
  border-top: 1px solid var(--itl-border);
}

.itl-call-us-panel .itl-call-title {
  font-weight: 600;
  margin-bottom: 2px;
}

.itl-call-us-panel .itl-call-number {
  color: var(--itl-primary);
  font-weight: 600;
}

.btn-itl-login {
  border: 1.5px solid var(--itl-primary);
  color: var(--itl-primary);
  background: transparent;
  border-radius: var(--itl-radius-sm);
  font-weight: 600;
}

.btn-itl-register {
  border: 1.5px solid var(--itl-primary);
  background: var(--itl-primary);
  color: #fff;
  border-radius: var(--itl-radius-sm);
  font-weight: 600;
}

.btn-itl-login:disabled,
.btn-itl-register:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}