.mobile-nav-actions {
  display: none;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 3px solid rgba(240, 90, 50, 0.45);
  outline-offset: 4px;
}

.footer-logo {
  filter: none;
  opacity: 1;
}

@media (max-width: 700px) {
  .nav-links.open .mobile-nav-actions {
    display: grid;
    gap: 10px;
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
  }

  .mobile-nav-actions .text-link {
    padding: 8px 12px;
    text-align: center;
  }

  .mobile-nav-actions .button {
    width: 100%;
    padding: 12px 18px;
  }

  .real-ui .dash-head strong {
    font-size: 15px;
  }

  .real-ui .dash-head p,
  .quick-actions span {
    font-size: 8px;
  }

  .fleet-title,
  .money-head strong {
    font-size: 10px;
  }

  .fleet-stats small,
  .money-grid small {
    font-size: 8px;
  }

  .fleet-stats span {
    font-size: 7px;
  }

  .money-grid strong {
    font-size: 13px;
  }
}

@media (max-width: 420px) {
  h1 {
    font-size: 37px;
    letter-spacing: -0.045em;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-grid > div:first-child,
  .rulo {
    grid-column: auto;
  }

  .footer-bottom {
    gap: 12px;
  }
}