/* IT Tech Académie — V33 : page Planning (online-planning.html). Une carte par parcours. */
.planning-hero{margin-bottom:18px}
.planning-hero h1{margin:0 0 6px}
.planning-hero p{margin:0;color:#475569}
.planning-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.plan-fact{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eef5ff;color:#123c74;font-weight:700;font-size:13.5px;border:1px solid #d6e6fb}

.planning-groups{display:grid;gap:20px}
.plan-card{--accent:#2563eb;--accent-soft:#eaf1ff;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px rgba(15,45,80,.06);overflow:hidden}
.plan-card.plan-p2{--accent:#7c3aed;--accent-soft:#f1eaff}
.plan-card.plan-p3{--accent:#0d9488;--accent-soft:#e2f6f3}
.plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--accent-soft);border-bottom:3px solid var(--accent)}
.plan-card-head h2{margin:0;font-size:1.08rem;line-height:1.3;color:#0f172a}
.plan-count{flex:none;padding:5px 12px;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;font-size:13px}

.plan-table-wrap{width:100%;overflow-x:auto}
.plan-table{width:100%;border-collapse:collapse}
.plan-table th{padding:11px 20px;text-align:left;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:#f8fafc;border:0;border-bottom:1px solid #e2e8f0}
.plan-table td{padding:14px 20px;border:0;border-bottom:1px solid #eef2f7;vertical-align:middle}
.plan-table tbody tr:last-child td{border-bottom:0}
.plan-table tbody tr:hover{background:#fafcff}
.plan-module{min-width:260px}
.plan-num{display:block;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--accent)}
.plan-title{display:block;font-weight:700;color:#0f172a;line-height:1.35}
.plan-chips{display:flex;flex-wrap:nowrap;gap:6px}
.plan-table td:nth-child(2){min-width:210px}
.plan-table td:nth-child(3){min-width:150px}
.plan-chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:#0f172a;font-weight:700;font-size:13.5px;white-space:nowrap}
.plan-chip-time{background:#0f172a;color:#fff}
.plan-chip-soft{background:#f1f5f9;color:#475569;font-weight:600}
.plan-org{color:#475569;font-size:14px}
.plan-empty{padding:22px;text-align:center;color:#475569;background:#fff;border:1px dashed #cbd5e1;border-radius:14px}

/* Téléphone : chaque module devient une fiche lisible, sans défilement horizontal */
@media (max-width:720px){
  .plan-card-head{padding:14px 16px}
  .plan-table thead{display:none}
  .plan-table,.plan-table tbody,.plan-table tr,.plan-table td{display:block;width:100%;box-sizing:border-box}
  .plan-table tr{padding:14px 16px;border-bottom:1px solid #e2e8f0}
  .plan-table tbody tr:last-child{border-bottom:0}
  .plan-table td{padding:5px 0;border:0}
  .plan-table td[data-label]::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin-bottom:3px}
  .plan-chips{flex-wrap:wrap}
  .plan-table td:nth-child(2),.plan-table td:nth-child(3){min-width:0}
  .plan-table td.plan-module{min-width:0;padding-bottom:8px}
  .plan-table td.plan-module::before{display:none}
  .plan-table td[data-label="Jours"],.plan-table td[data-label="Créneau"]{display:inline-block;width:auto;vertical-align:top;margin-right:18px}
}