/* Thème — Widget Viager (largeur contenue) */
.viager-sim {
    background: #c6ede3;
    color: #000000;
    padding: 12px;
    border-radius: 12px;
    max-width: 900px;
    margin: 0 auto;
  }
  /* Masquer le H2 interne (le thème a déjà un titre de page) */
  .viager-sim > h2 { display: none; }
  
  /* Titres */
  .viager-sim h1, .viager-sim h2, .viager-sim h3 { color: #0033a0; }
  
  /* Cartes */
  .viager-sim .card {
    background: #ffffff;
    border: 2px solid #0fd3a0;
    border-radius: 12px;
    padding: 16px;
  }
  
  /* Grille */
  .viager-sim .row {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 12px;
  }
  .viager-sim .row > * { min-width: 0; }
  @media (max-width: 800px) { .viager-sim .row { grid-template-columns: 1fr; } }
  
  /* Labels et champs */
  .viager-sim label { display: block; width: 100%; max-width: 100%; font-weight: 700; }
  .viager-sim label input,
  .viager-sim label select,
  .viager-sim label textarea { font-weight: 400; }
  
  .viager-sim input,
  .viager-sim select,
  .viager-sim textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0fd3a0;
    border-radius: 8px;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
  }
  
  /* Accordéon */
  .viager-sim summary { color: #000; font-weight: 700; cursor: pointer; }
  
  /* Boutons */
  .viager-sim button {
    background: #0033a0;
    color: #ffffff;
    border: 2px solid #0033a0;
    border-radius: 8px;
    box-shadow: none;
    padding: 10px 16px;
    font-weight: 600;
    cursor: pointer;
  }
  .viager-sim button:hover { background:#00297f; border-color:#00297f; }
  .viager-sim button:active { background:#002166; border-color:#002166; }
  .viager-sim button:disabled {
    background:#8ea6d6; border-color:#8ea6d6; color:#f2f5ff;
    cursor: not-allowed; opacity: .85;
  }
  
  /* Focus */
  .viager-sim button:focus,
  .viager-sim input:focus,
  .viager-sim select:focus,
  .viager-sim textarea:focus {
    outline: 2px solid #0fd3a0;
    outline-offset: 2px;
  }
  
  /* KPIs et pastilles verdict */
  .viager-sim .muted { color: #1f5c52; }
  .viager-sim .kpi { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
  .viager-sim .kpi .card { text-align: center; }
  .viager-sim .big { font-size: 28px; font-weight: 700; }
  
  .viager-sim .verdict-pill { display: inline-block; padding: 6px 10px; border-radius: 999px; font-weight: 700; }
  .viager-sim .verdict-good { background: rgba(34,197,94,.15); color: #22c55e; }
  .viager-sim .verdict-warn { background: rgba(245,158,11,.15); color: #f59e0b; }
  .viager-sim .verdict-bad  { background: rgba(239,68,68,.15); color: #ef4444; }