/* SPOTIA — símbolo principal alinhado à faixa do header */
@media (min-width: 769px) {
  .side-nav .side-brand,
  .side-nav:hover .side-brand {
    position: fixed;
    top: 28px; /* alinhamento visual com a barra de comando e o perfil */
    left: 40px; /* alinhado ao mesmo eixo vertical dos ícones */
    bottom: auto;
    width: 48px;
    height: 48px;
    margin: 0;
    transform: translateX(-50%);
    transform-origin: center;
    writing-mode: horizontal-tb;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 10000;
  }

  .side-brand .spotia-side-mark {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
    object-position: center;
    transform: translateY(1px);
    user-select: none;
    -webkit-user-drag: none;
  }
}

@media (max-width: 768px) {
  .side-brand {
    display: none !important;
  }
}