/* Mobile v26. A camada inteira fica limitada ao breakpoint mobile existente.
   Cores, fontes, bordas e estados continuam vindo do tema original do desktop. */
@media (max-width: 860px) {
  /* Retira apenas textos de apoio redundantes. IDs com valores/estados,
     dicas de campos, confirmacoes e mensagens de erro continuam visiveis. */
  .panel-eyebrow:has(~ h2),
  .panel-eyebrow:has(~ h3),
  .panel-description:not([id]),
  .stat-footnote:not([id]),
  .goals-helper,
  .goal-input-helper,
  .expense-control-helper,
  .bet-core-hero > div > p,
  .bet-core-cash-hint,
  .bet-classic-heading-hint,
  .bet-core-panel > .panel > .panel-header > div > p:not([id]),
  .sm-settings-copy > p,
  .audit-panel-description,
  .today-kpi-strip article > small:not([id]),
  .bet-core-kpis .stat-card > small:not([id]),
  .bet-core-cash-item > small:not([id]),
  .automation-summary-card > small:not([id]) {
    display: none !important;
  }

  /* Uma hierarquia consistente: titulo, conteudo e acoes. */
  .panel,
  .chart-panel,
  .table-panel,
  .settings-panel,
  .goals-panel {
    padding: 14px !important;
  }

  .panel-header,
  .panel-header-split,
  .today-panel-heading,
  .bet-classic-heading,
  .bet-core-terminal-heading {
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .panel-header h2,
  .today-header h2,
  .today-panel-heading h3,
  .bet-core-hero h2,
  .bet-classic-heading h2,
  .bet-core-terminal-heading h2 {
    margin-block: 0 !important;
    font-size: 1.125rem !important;
    line-height: 1.3 !important;
  }

  .today-panel-heading {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center !important;
    justify-content: space-between;
  }

  .today-link-button {
    width: auto !important;
    min-height: 44px !important;
    font-size: .8125rem !important;
  }

  /* Rotulos legiveis e metricas alinhadas, sem transformar dados em microtexto. */
  .cards-grid-main,
  .summary-grid,
  .today-kpi-strip,
  .bet-core-kpis,
  .club365-kpi-grid,
  .automation-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .cards-grid-main .stat-card:nth-child(4) {
    grid-column: auto !important;
  }

  .cards-grid-main .stat-card:first-child,
  .cards-grid-main .stat-card:last-child:nth-child(even) {
    grid-column: 1 / -1 !important;
  }

  .stat-card,
  .today-kpi-strip article,
  .automation-summary-card {
    min-height: 0 !important;
    padding: 14px !important;
  }

  .stat-label,
  .today-kpi-strip article > span,
  .automation-summary-card > span,
  .bet-core-cash-item > span {
    font-size: .8125rem !important;
    line-height: 1.4 !important;
  }

  .stat-value,
  .stat-value.small,
  .today-kpi-strip article > strong {
    font-size: clamp(1.125rem, 4.8vw, 1.5rem) !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere;
  }

  .today-kpi-strip article > small[id],
  .bet-core-kpis .stat-card > small[id],
  .stat-footnote[id] {
    font-size: .8125rem !important;
    line-height: 1.4 !important;
  }

  /* Resumos com rotulo e valor na mesma linha, sem tres colunas estreitas. */
  .today-month-summary,
  .today-betting-summary,
  .today-house-summary {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .today-month-summary > span,
  .today-betting-summary > span,
  .today-house-summary > span {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px !important;
    font-size: .8125rem !important;
    line-height: 1.4;
  }

  .today-month-summary strong,
  .today-betting-summary strong,
  .today-house-summary strong {
    margin: 0 !important;
    text-align: right;
    font-size: .9375rem !important;
  }

  /* Mes/ano juntos; aplicar e importar/exportar em linhas previsiveis. */
  #financeToolbarPanel .filters-inline {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: end;
  }

  #financeToolbarPanel #applyFilterButton {
    grid-column: 1 / -1 !important;
  }

  #financeToolbarPanel #exportCsvButton,
  #financeToolbarPanel #openImportButton {
    grid-column: auto !important;
    white-space: normal;
  }

  .filter-group label,
  .bet-core-field > span,
  .bet-core-field > label,
  .bet-classic-manual-grid label > span {
    font-size: .8125rem !important;
    line-height: 1.4;
  }

  .finance-internal-tabs > button,
  .bet-core-tabs > button,
  .automation-tabs > button {
    min-height: 44px !important;
    font-size: .875rem !important;
  }

  .filters-inline button,
  .form-actions > button,
  .settings-actions > button,
  .bet-classic-actions > button,
  .today-quick-actions button,
  .bet-core-hero .sm-actions > button {
    min-height: 44px !important;
    min-width: 0 !important;
    white-space: normal;
  }

  .bet-core-hero .sm-actions {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .bet-core-cash-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .bet-core-cash-item:has(.bet-core-cash-actions) {
    grid-column: 1 / -1;
  }

  .bet-core-cash-item-featured {
    grid-column: 1 / -1;
  }

  .bet-core-cash-actions {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .bet-classic-manual-grid,
  .bet-classic-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .bet-classic-market {
    grid-column: 1 / -1 !important;
  }

  .bet-entry-mode-switch {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .bet-entry-mode-switch > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px 4px !important;
    font-size: .8125rem !important;
    white-space: normal;
  }

  .bet-entry-mode-switch > #bettingVhImportButton {
    grid-column: 1 / -1 !important;
  }

  .goals-form-grid,
  .goals-progress-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .today-quick-actions > div {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }
}

@media (max-width: 359px) {
  .bet-classic-manual-grid,
  .bet-classic-meta-grid,
  .bet-core-cash-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .stat-card,
  .today-kpi-strip article,
  .automation-summary-card {
    padding: 10px !important;
  }
}