/* Mantiene la misma cabecera autenticada en todas las vistas moviles. */
@media (max-width: 768px) {
  html[data-resolved-theme] body[data-auth-state='active'][data-v2-view] .mv7-topbar {
    position: sticky !important;
    top: 0 !important;
    width: auto !important;
    min-height: calc(70px + env(safe-area-inset-top)) !important;
    margin: 0 8px !important;
    padding: max(9px, env(safe-area-inset-top)) 10px 8px !important;
    border: 0 !important;
    border-radius: 0 0 24px 24px !important;
    background: rgba(242, 244, 242, 0.88) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  html[data-resolved-theme] body[data-auth-state='active'][data-v2-view] .mv7-mobile-topbar-start,
  html[data-resolved-theme] body[data-auth-state='active'][data-v2-view] .mv7-topbar-actions {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  html[data-resolved-theme] body[data-auth-state='active'][data-v2-view] .mv7-mobile-topbar-start {
    gap: 10px !important;
  }

  html[data-resolved-theme] body[data-auth-state='active'][data-v2-view] .mv7-mobile-brand strong {
    width: auto !important;
    font-size: 21px !important;
    line-height: 1.05 !important;
  }

  html[data-resolved-theme] body[data-auth-state='active'][data-v2-view] #sidebar-open {
    background: rgba(255, 255, 255, 0.88) !important;
  }

  html[data-resolved-theme] body[data-auth-state='active'][data-v2-view] .mv7-topbar-actions {
    border-color: rgba(255, 255, 255, 0.9) !important;
    background:
      radial-gradient(130% 100% at 14% -28%, rgba(255, 255, 255, 0.98), transparent 54%),
      linear-gradient(155deg, rgba(255, 255, 255, 0.88), rgba(244, 248, 245, 0.66)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 253, 248, 0.98),
      inset 0 0 0 1px rgba(21, 31, 24, 0.02),
      0 1px 2px rgba(26, 39, 30, 0.075),
      0 12px 28px -18px rgba(26, 39, 30, 0.24),
      0 30px 58px -38px rgba(26, 39, 30, 0.28) !important;
  }

  html[data-resolved-theme] body[data-auth-state='active'][data-v2-view] #notification-bell {
    color: #626a67 !important;
    background: rgba(78, 88, 83, 0.1) !important;
    box-shadow: inset 0 0 0 1px rgba(64, 74, 69, 0.07) !important;
  }

  html[data-resolved-theme='dark'] body[data-auth-state='active'][data-v2-view] .mv7-topbar {
    background: rgba(0, 0, 0, 0.88) !important;
  }

  html[data-resolved-theme='dark'] body[data-auth-state='active'][data-v2-view] #sidebar-open {
    border-color: rgba(255, 255, 255, 0.17) !important;
    background: rgba(28, 28, 30, 0.73) !important;
    color: #b0b0b5 !important;
  }

  html[data-resolved-theme='dark'] body[data-auth-state='active'][data-v2-view] .mv7-topbar-actions {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: #1c1c1e !important;
    box-shadow: none !important;
  }

  html[data-resolved-theme='dark'] body[data-auth-state='active'][data-v2-view] #notification-bell {
    color: #fff !important;
    background: rgba(8, 10, 12, 0.49) !important;
    box-shadow: none !important;
  }
}
