/* V7.5 — logo plus visible et tableau de bord facile à parcourir. */
.brand.has-company-logo {
  min-height: 98px;
  justify-content: center;
  padding: 4px;
}

.company-brand-logo {
  width: 100%;
  max-width: 180px;
  height: 88px;
  padding: 6px;
  cursor: pointer;
}

.top-company-logo {
  width: 80px;
  height: 56px;
  padding: 4px;
  cursor: pointer;
}

.menu-company-logo {
  max-width: 220px;
  max-height: 78px;
  cursor: pointer;
}

.paper-company-logo {
  max-width: 190px;
  max-height: 92px;
  cursor: pointer;
}

.company-brand-logo:focus-visible,
.top-company-logo:focus-visible,
.menu-company-logo:focus-visible,
.paper-company-logo:focus-visible,
.dashboard-stat-link:focus-visible {
  outline: 4px solid color-mix(in srgb, var(--company-primary) 35%, white);
  outline-offset: 3px;
}

.dashboard-stat-link {
  cursor: pointer;
  position: relative;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.stats button.stat {
  width: 100%;
  appearance: none;
  color: inherit;
  font: inherit;
  text-align: left;
}

.dashboard-stat-link::after {
  content: 'Ouvrir  →';
  display: block;
  margin-top: 12px;
  color: var(--company-ink);
  font-size: 12px;
  font-weight: 800;
}

.dashboard-stat-link:hover {
  transform: translateY(-2px);
  border-color: var(--company-primary);
  box-shadow: 0 10px 24px rgba(23, 61, 47, .10);
}

.dashboard-stat-link:active {
  transform: translateY(0);
}

@media (max-width: 780px) {
  .top-company-logo {
    display: block;
    top: 7px;
    left: 90px;
  }
}