/* Logo LunexPOS — responsivo (Jinja + futuros frontends) */
.lunexpos-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  transition: opacity 0.18s ease;
}

.lunexpos-logo-link:hover {
  opacity: 0.88;
}

.lunexpos-logo-link:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 4px;
  border-radius: 10px;
}

.lunexpos-logo {
  display: inline-block;
  height: var(--lunexpos-logo-height, 40px);
  width: auto;
  aspect-ratio: 168 / 40;
  max-width: var(--lunexpos-logo-max-width, 200px);
  min-height: 28px;
  flex-shrink: 0;
  vertical-align: middle;
}

.sidebar .lunexpos-logo {
  --lunexpos-logo-height: 40px;
  --lunexpos-logo-max-width: 168px;
}

.lp-brand .lunexpos-logo {
  --lunexpos-logo-height: 40px;
}

@media (max-width: 480px) {
  .lunexpos-logo {
    max-width: min(var(--lunexpos-logo-max-width, 180px), 42vw);
  }
}

@media (max-width: 360px) {
  .lunexpos-logo {
    max-width: 34vw;
  }
}