/* V4.3.2 - logo loup + icône paramètres parfaitement centrée */
.brand-logo {
  --brand-mark-size: 60px;
  width: 72px !important;
  min-width: 72px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  padding: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 6px !important;
}

.brand-logo:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px
}

.wolf-logo {
  width: var(--brand-mark-size, 60px) !important;
  height: var(--brand-mark-size, 60px) !important;
  display: block !important;
  object-fit: contain;
  flex-shrink: 0;
}

.lock-logo {
  --brand-mark-size: 144px;
  width: var(--brand-mark-size);
  height: var(--brand-mark-size);
  background: transparent;
}

.connection-brand {
  --brand-mark-size: 144px;
  width: var(--brand-mark-size);
  height: var(--brand-mark-size);
  margin: 0 auto 24px;
}

.connection-gate {
  padding: 16px !important;
  overflow-y: auto
}

.connection-card {
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  scrollbar-width: thin
}

.dashboard-head {
  justify-content: flex-start;
  gap: 0
}

.dashboard-head img {
  display: none !important
}

.dashboard-heading {
  min-width: 0
}

.dashboard-heading h1 {
  font-size: 22px;
  line-height: 1.3;
  overflow-wrap: anywhere
}

.dashboard-heading p {
  font-size: 12px;
  overflow-wrap: anywhere
}

.settings-title-logo.wolf-logo {
  --brand-mark-size: 40px;
  display: none !important;
  padding: 0;
  background: transparent
}

@media(max-width:640px) {
  .settings-title-logo.wolf-logo {
    display: block !important
  }
}

.settings-icon-btn {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.settings-icon-btn svg {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
}