/* =========================================================
   PDF PILOT — RESPONSIVIDADE
   Arquivo: css/responsive.css
   ========================================================= */

@media (max-width: 980px) {
  .home-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .topbar {
    flex-wrap: wrap;
  }

  .topbar-search {
    position: static;

    width: 100%;

    margin-top: 10px;

    order: 3;

    transform: none;
  }

  .managed-counter-row {
    justify-content: center;
  }
}

@media (max-width: 680px) {
  .app-stage {
    padding: 10px;
  }

  .app-window {
    flex-direction: column;

    min-height: calc(100vh - 20px);

    border-radius: 23px;
  }

  .sidebar,
  .sidebar:hover {
    flex-direction: row;
    align-items: center;

    width: 100%;

    padding: 12px 14px;

    overflow-x: auto;

    border-right: 0;
    border-bottom: 1px solid var(--color-border-soft);
  }

  .sidebar-logo {
    margin: 0 7px 0 0;
  }

  .sidebar-nav,
  .sidebar:hover .sidebar-nav {
    flex-direction: row;
    align-items: center;

    width: auto;
  }

  .sidebar-item,
  .sidebar:hover .sidebar-item {
    justify-content: center;

    width: 46px;

    padding: 0;
  }

  .sidebar-item__label,
  .sidebar:hover .sidebar-item__label {
    display: none;
  }

  .sidebar-item.is-active::before {
    display: none;
  }

  .topbar {
    padding: 13px 16px;
  }

  .topbar-brand {
    min-width: 0;
  }

  .local-processing-badge {
    display: none;
  }

  .app-view {
    padding: 23px 16px 30px;
  }
}

@media (max-width: 610px) {
  .home-tools {
    grid-template-columns: 1fr;
  }

  .field-grid,
  .option-grid {
    grid-template-columns: 1fr;
  }

  .home-hero__title {
    font-size: clamp(38px, 12vw, 50px);
  }
}

@media (max-width: 430px) {
  .language-selector {
    max-width: 104px;
  }

  .managed-counter-row {
    font-size: 10px;
  }

  .card-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}