[data-page="home"].home-page {
  min-width: 0;
}

.home-page__card-toggle:hover:not(:disabled) {
  box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.25);
  transform: scale(1.05);
}

.home-page__card-toggle:active:not(:disabled) {
  transform: scale(0.95);
}

.home-page__card-toggle:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.home-page__card-toggle:focus-visible {
  outline: 2px solid rgba(250, 204, 21, 0.85);
  outline-offset: 2px;
}

@media (max-width: 1180px) {
  [data-page="home"] .home-page__sidebar {
    width: 184px !important;
  }

  [data-page="home"] .home-page__main {
    padding: 18px 20px 20px !important;
  }

  [data-page="home"] .home-page__scene {
    aspect-ratio: auto !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 10px !important;
  }

  [data-page="home"] .home-page__card-anchor {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 940px) {
  [data-page="home"].home-page {
    display: block !important;
  }

  [data-page="home"] .home-page__sidebar {
    display: none !important;
  }

  [data-page="home"] .home-page__main {
    padding: 18px 16px 20px !important;
  }

  [data-page="home"] .home-page__topbar,
  [data-page="home"] .home-page__greeting {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  [data-page="home"] .home-page__kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  [data-page="home"] .home-page__scene {
    aspect-ratio: 1 / 1.2 !important;
  }

  [data-page="home"] .home-page__kpis {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-page="home"] .home-page__voice-fab {
    right: 16px !important;
    bottom: 16px !important;
  }
}