@media (max-width: 900px) {
  :root {
    --sidebar-w: 0px;
  }

  html {
    font-size: 15px;
  }

  body {
    overflow-x: hidden;
  }

  .shell.svelte-12qhfyh {
    display: block !important;
  }

  .main.svelte-12qhfyh {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 20px 16px 88px !important;
  }

  .sidebar.svelte-129hoe0 {
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 66px !important;
    z-index: 300 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 -8px 24px rgba(33, 25, 8, 0.16) !important;
  }

  .sidebar__brand.svelte-129hoe0,
  .sidebar__footer.svelte-129hoe0 {
    display: none !important;
  }

  .sidebar__nav.svelte-129hoe0 {
    height: 100% !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    gap: 4px !important;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  .sidebar__link.svelte-129hoe0 {
    min-width: 74px !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 7px 6px !important;
    border-radius: 10px !important;
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .sidebar__icon.svelte-129hoe0 {
    width: auto !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
  }

  .page.svelte-x1i5gj,
  .page.svelte-1j1jr9z,
  .page.svelte-fafl3z,
  .page.svelte-1cfum5m {
    max-width: none !important;
  }

  .page__header.svelte-1j1jr9z,
  .page__header.svelte-fafl3z,
  .page__header.svelte-1cfum5m {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
  }

  .page__title.svelte-x1i5gj,
  .page__title.svelte-1j1jr9z,
  .page__title.svelte-fafl3z,
  .page__title.svelte-1cfum5m {
    font-size: clamp(1.35rem, 7vw, 1.7rem) !important;
    overflow-wrap: anywhere !important;
  }

  .page__actions.svelte-fafl3z,
  .form-actions.svelte-1j1jr9z,
  .form-actions.svelte-fafl3z,
  .form-actions.svelte-1cfum5m,
  .novo-externo__actions.svelte-w4472y {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .page__actions.svelte-fafl3z > *,
  .form-actions.svelte-1j1jr9z > *,
  .form-actions.svelte-fafl3z > *,
  .form-actions.svelte-1cfum5m > *,
  .novo-externo__actions.svelte-w4472y > * {
    flex: 1 1 0 !important;
  }

  .filters.svelte-1j1jr9z {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .filters.svelte-1cfum5m {
    margin-bottom: 12px !important;
  }

  .search.svelte-1j1jr9z,
  .search.svelte-1cfum5m,
  .filter-select.svelte-1j1jr9z {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .stats.svelte-x1i5gj {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .stat-card.svelte-x1i5gj,
  .card.svelte-x1i5gj,
  .card.svelte-fafl3z {
    padding: 16px !important;
    border-radius: 12px !important;
  }

  .stat-card__value.svelte-x1i5gj {
    font-size: 2rem !important;
  }

  .alerts.svelte-x1i5gj {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
  }

  .alert-card.svelte-x1i5gj {
    justify-content: space-between !important;
  }

  .charts.svelte-x1i5gj,
  .grid.svelte-fafl3z,
  .health-grid.svelte-fafl3z {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .card.svelte-1j1jr9z,
  .card.svelte-1cfum5m,
  .card.svelte-x1i5gj {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 12px !important;
  }

  .table.svelte-1j1jr9z,
  .table.svelte-1cfum5m,
  .table.svelte-x1i5gj {
    min-width: 680px !important;
  }

  .table.svelte-1j1jr9z th:where(.svelte-1j1jr9z),
  .table.svelte-1j1jr9z td:where(.svelte-1j1jr9z),
  .table.svelte-1cfum5m th:where(.svelte-1cfum5m),
  .table.svelte-1cfum5m td:where(.svelte-1cfum5m),
  .table.svelte-x1i5gj th:where(.svelte-x1i5gj),
  .table.svelte-x1i5gj td:where(.svelte-x1i5gj) {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .form-row.svelte-1j1jr9z,
  .form-row.svelte-fafl3z,
  .form-row.svelte-1cfum5m {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .modal.svelte-ta60gp {
    max-height: calc(100vh - 24px) !important;
    border-radius: 16px !important;
  }

  .overlay.svelte-ta60gp {
    align-items: flex-end !important;
    padding: 12px !important;
  }

  .modal__header.svelte-ta60gp {
    padding: 18px 18px 14px !important;
  }

  .modal__body.svelte-ta60gp {
    padding: 18px !important;
  }

  .resp-row.svelte-w4472y {
    align-items: stretch !important;
  }

  .toast-container.svelte-1cpok13 {
    right: 12px !important;
    bottom: 78px !important;
    left: 12px !important;
  }

  .toast.svelte-1cpok13 {
    max-width: none !important;
  }
}

@media (max-width: 520px) {
  .main.svelte-12qhfyh {
    padding: 16px 12px 86px !important;
  }

  .login.svelte-1x05zx6 {
    min-height: 100dvh !important;
  }

  .login__right.svelte-1x05zx6 {
    padding: 28px 18px !important;
  }

  .login__brand.svelte-1x05zx6 {
    margin-bottom: 22px !important;
  }

  .stats.svelte-x1i5gj {
    grid-template-columns: 1fr !important;
  }

  .bar-chart.svelte-x1i5gj {
    min-width: 520px !important;
  }

  .donut-row.svelte-x1i5gj {
    align-items: flex-start !important;
  }

  .donut-row__left.svelte-x1i5gj {
    width: 94px !important;
    overflow-wrap: anywhere !important;
  }

  .info-row.svelte-fafl3z {
    flex-direction: column !important;
    gap: 3px !important;
  }

  .info-row.svelte-fafl3z dt:where(.svelte-fafl3z) {
    min-width: 0 !important;
  }

  .vacina-item.svelte-fafl3z,
  .cast-status.svelte-fafl3z,
  .user-cell.svelte-1cfum5m {
    align-items: flex-start !important;
  }

  .sidebar__link.svelte-129hoe0 {
    min-width: 64px !important;
    font-size: 0.68rem !important;
  }

  .btn.svelte-18sv61c {
    min-height: 40px !important;
    white-space: normal !important;
  }
}