/* Marché à terme agricole (investissement) — styles. */
.ai-intro { background: linear-gradient(135deg, #16A34A, #7C3AED); color: #fff; border-radius: 14px;
  padding: 13px 14px; font-size: 13px; font-weight: 600; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.ai-actions { display: flex; gap: 8px; margin-bottom: 14px; }
.ai-card { background: #161620; border: 1px solid #2A2A3A; border-radius: 14px; padding: 14px; margin-bottom: 12px;
  cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.18); }
.ai-card:active { transform: scale(.99); }
.ai-card .ai-ttl { font-weight: 900; font-size: 16px; color: #fff; }
.ai-card .ai-meta { font-size: 12px; color: #9A9AB0; margin-top: 3px; }
.ai-gauge { height: 8px; border-radius: 999px; background: #2A2A3A; overflow: hidden; margin-top: 10px; }
.ai-gauge > i { display: block; height: 100%; background: linear-gradient(90deg, #16A34A, #22C55E); }
.ai-pill { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; }
.ai-btn { display: block; width: 100%; text-align: center; padding: 13px; border-radius: 12px; border: none;
  font-weight: 800; font-size: 15px; color: #fff; background: linear-gradient(135deg, #16A34A, #7C3AED); cursor: pointer; }
.ai-btn.sec { background: #222230; color: #fff; flex: 1; }
.ai-btn:disabled { opacity: .5; }
.ai-field { width: 100%; box-sizing: border-box; padding: 11px 12px; border-radius: 10px; border: 1px solid #2A2A3A;
  background: #12121C; color: #fff; font-size: 14px; margin-top: 6px; }
.ai-label { font-size: 12px; color: #9A9AB0; font-weight: 700; margin-top: 12px; display: block; }
.ai-row { display: flex; gap: 8px; flex-wrap: wrap; }
.ai-box { background: #161620; border: 1px solid #2A2A3A; border-radius: 14px; padding: 14px; margin-bottom: 12px; }
.ai-jalon { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid #22222E; }
.ai-jalon:last-child { border-bottom: none; }
.ai-back { color: #0EA5E9; font-weight: 800; font-size: 14px; cursor: pointer; display: inline-block; margin-bottom: 10px; }
.ai-note { background: #1d1a2e; border: 1px solid #3a2f5e; border-radius: 12px; padding: 12px; font-size: 13px; color: #ddd; margin-top: 10px; }
.ai-ref { font-family: monospace; font-size: 16px; font-weight: 800; color: #22C55E; letter-spacing: .5px; }