/* Yoobizz Trading Lab finishing pass */
.botSetup{min-height:48px!important;cursor:pointer!important}
.botCard{position:relative;overflow:hidden}
.botCard .cta{min-height:48px;display:flex;align-items:center;justify-content:center}
.botConfigPanel{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fbff;display:none}
.botConfigPanel.open{display:block}
.botConfigGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.botConfigPanel label{font-size:11px;font-weight:800;color:var(--muted);display:block;margin-bottom:4px}
.botConfigPanel input,.botConfigPanel select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 10px;font:inherit;color:var(--text)}
.botConfigActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.botRun{border:0;border-radius:11px;min-height:46px;background:var(--navy);color:#fff;font-weight:900}
.botClose{border:1px solid var(--line);border-radius:11px;min-height:46px;background:#fff;color:var(--text);font-weight:850}
.botResult{margin-top:10px;padding:10px 12px;border-radius:10px;background:#eef5ff;color:var(--text);font-size:12px;line-height:1.45}
.lesson{cursor:pointer;transition:.16s transform,.16s border-color,.16s box-shadow}
.lesson:hover,.lesson.active{transform:translateY(-1px);border-color:#9fc5f5;box-shadow:0 8px 20px rgba(16,42,76,.08)}
.lessonDetail{grid-column:1/-1;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fbff;display:none;line-height:1.55}
.lessonDetail.open{display:block}
.tableCard button,.tableCard .pillBtn{min-height:44px!important;min-width:72px!important}

@media(max-width:680px){
  .botCards{grid-template-columns:1fr!important}
  .botCard{padding:15px!important}
  .botCard p{min-height:0!important}
  .botConfigGrid{grid-template-columns:1fr!important}
  .steps{grid-template-columns:1fr 1fr!important;text-align:left!important}
  .steps>div{padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}
  .stepIcon{margin:0 0 8px!important}
  .lessonGrid{grid-template-columns:1fr!important}
}

@media(max-width:520px){
  body:has(#summary) .tableCard table{min-width:0!important}
  body:has(#summary) .tableCard thead{display:none}
  body:has(#summary) .tableCard tbody,body:has(#summary) .tableCard tr,body:has(#summary) .tableCard td{display:block;width:100%}
  body:has(#summary) .tableCard tr{margin:10px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff}
  body:has(#summary) .tableCard td{border:0;padding:5px 4px;display:flex;justify-content:space-between;gap:10px;align-items:center}
  body:has(#summary) .tableCard td:before{font-size:10px;color:var(--muted);font-weight:800}
  body:has(#summary) .tableCard td:nth-child(1):before{content:'Instrument'}
  body:has(#summary) .tableCard td:nth-child(2):before{content:'Type'}
  body:has(#summary) .tableCard td:nth-child(3):before{content:'Quantité'}
  body:has(#summary) .tableCard td:nth-child(4):before{content:"Prix d'entrée"}
  body:has(#summary) .tableCard td:nth-child(5):before{content:'Prix actuel'}
  body:has(#summary) .tableCard td:nth-child(6):before{content:'P&L'}
  body:has(#summary) .tableCard td:nth-child(7):before{content:'Action'}
  body:has(#summary) .tableCard td:nth-child(7) button{width:100%;min-height:46px!important}
}
