/* ============================================================
   V17-C4-P3-F1 — Polimento visual dos filtros dos Simulados

   Objetivos:
   - evitar campos esmagados no desktop/tablet;
   - dar mais espaco a Assunto/Tema/Subtema;
   - preservar a cascata e toda a logica JS existente;
   - preservar o mobile em uma unica coluna.
   ============================================================ */

.simPage #simSetup{
  overflow:visible;
}

.simPage #simSetup .sectionHead{
  margin-bottom:18px;
}

.simPage #simSetup .simPremiumNotice{
  margin-bottom:18px;
}

.simPage #simSetup .simFormGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
  align-items:start;
}

.simPage #simSetup .simFormGrid > .field{
  min-width:0;
  margin:0;
}

.simPage #simSetup .simFormGrid label{
  display:block;
  margin-bottom:6px;
}

.simPage #simSetup .simFormGrid input,
.simPage #simSetup .simFormGrid select{
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:44px;
  box-sizing:border-box;
}

.simPage #simSetup #simAssSearch,
.simPage #simSetup #simTemaSearch,
.simPage #simSetup #simSubtemaSearch{
  margin-bottom:7px;
}

.simPage #simSetup .simFormGrid input:disabled,
.simPage #simSetup .simFormGrid select:disabled{
  cursor:not-allowed;
}

.simPage #simSetup .simPresetRow{
  margin-top:18px;
}

.simPage #simSetup .simSetupActions{
  margin-top:18px;
  gap:16px;
}

/* Tablet: continua em duas colunas para evitar largura excessiva
   e mantém os campos de taxonomia legíveis. */
@media (max-width:900px) and (min-width:761px){
  .simPage #simSetup .simFormGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
  }
}

/* Mobile: preserva explicitamente a arquitetura já validada. */
@media (max-width:760px){
  .simPage #simSetup .simFormGrid{
    grid-template-columns:1fr!important;
    gap:12px;
  }

  .simPage #simSetup .simFormGrid input,
  .simPage #simSetup .simFormGrid select{
    min-height:48px;
  }

  .simPage #simSetup #simAssSearch,
  .simPage #simSetup #simTemaSearch,
  .simPage #simSetup #simSubtemaSearch{
    margin-bottom:6px;
  }

  .simPage #simSetup .simPresetRow{
    margin-top:16px;
  }

  .simPage #simSetup .simSetupActions{
    margin-top:16px;
  }
}

/* Celulares estreitos: nenhuma largura fixa. */
@media (max-width:430px){
  .simPage #simSetup .simFormGrid{
    min-width:0;
  }
}