/* ============================================================
   ATLAS TECHNICIEN · Certifications & Qualifications
   Réutilise atlas-admin.css · scopé cf-*
   ============================================================ */
.cf-view{display:none}
.cf-view.show{display:block;animation:fade .4s var(--ease)}

/* certifications */
.cf-cert{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--glass);margin-bottom:10px}
.cf-cert .cf-cert-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:rgba(96,165,250,.14);border:1px solid var(--line2);flex-shrink:0}
.cf-cert .cf-cert-b{flex:1;min-width:0}
.cf-cert .cf-cert-b h4{font-size:.92rem;font-weight:700;color:#fff}
.cf-cert .cf-cert-b p{font-size:.78rem;color:var(--dim);margin-top:2px}
.cf-add{border:1.5px dashed var(--line2);border-radius:14px;padding:16px;background:rgba(8,16,40,.3)}
.cf-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:12px}
@media(max-width:560px){.cf-add-grid{grid-template-columns:1fr}}
.cf-add label{display:block;font-size:.72rem;font-weight:600;color:var(--mid);margin-bottom:6px}
.cf-add input{width:100%;padding:10px 13px;border-radius:11px;background:rgba(8,16,40,.6);border:1px solid var(--line2);color:var(--txt);font-size:.85rem}
.cf-add input:focus{outline:0;border-color:var(--blue-l)}
body.theme-light .cf-cert,body.theme-light .cf-add input{background:#fff;border-color:rgba(13,31,92,.1)}
body.theme-light .cf-cert .cf-cert-b h4{color:#0d1f5c}

/* compétences déclarées */
.cf-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}
.cf-skill{padding:15px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--glass)}
.cf-skill-h{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.cf-skill-h .cf-sk-e{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;background:rgba(96,165,250,.12);border:1px solid var(--line2)}
.cf-skill-h h4{font-size:.9rem;font-weight:700;color:#fff;flex:1}
.cf-lv{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;margin-bottom:7px}
.cf-lv .cf-lv-l{color:var(--dim)}
.cf-lv .cf-lv-v{font-weight:700;color:var(--mid)}
.cf-lv .cf-lv-v.ok{color:#4ade80}
.cf-skill-f{display:flex;align-items:center;gap:8px;margin-top:11px}
.cf-vbadge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:50px}
.cf-vbadge.ok{background:rgba(34,197,94,.16);color:#4ade80} .cf-vbadge.no{background:rgba(170,182,208,.14);color:var(--mid)}
body.theme-light .cf-skill{background:#fff} body.theme-light .cf-skill-h h4{color:#0d1f5c}

/* tests */
.cf-tests{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px}
.cf-test{padding:16px;border-radius:14px;border:1px solid var(--line2);background:var(--glass)}
.cf-test h4{font-size:.92rem;font-weight:700;color:#fff;margin-bottom:10px}
.cf-test-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.76rem;color:var(--mid);margin-bottom:13px}
.cf-test-meta span{display:inline-flex;align-items:center;gap:5px}
body.theme-light .cf-test{background:#fff} body.theme-light .cf-test h4{color:#0d1f5c}

/* formations */
.cf-forms{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px}
.cf-form{border-radius:14px;border:1px solid var(--line2);background:var(--glass);overflow:hidden}
.cf-form-top{height:84px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,rgba(168,130,255,.2),rgba(37,99,235,.12))}
.cf-form-b{padding:13px 15px}
.cf-form-b h4{font-size:.86rem;font-weight:700;color:#fff}
.cf-form-b p{font-size:.74rem;color:var(--dim);margin:3px 0 10px}
body.theme-light .cf-form{background:#fff} body.theme-light .cf-form-b h4{color:#0d1f5c}

/* missions débloquées */
.cf-unlock{display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border-radius:14px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.28);margin-bottom:10px}
.cf-unlock .cf-un-e{font-size:1.3rem}
.cf-unlock h4{font-size:.88rem;font-weight:700;color:#4ade80}
.cf-unlock .cf-un-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.cf-unlock .cf-un-list span{font-size:.74rem;font-weight:600;color:var(--txt);background:var(--glass);border:1px solid var(--line2);padding:3px 10px;border-radius:50px}

/* statut chips spécifiques */
.cf-st{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:50px;flex-shrink:0}
.cf-st.val{background:rgba(34,197,94,.16);color:#4ade80}
.cf-st.wait{background:rgba(245,158,11,.16);color:var(--gold)}
.cf-st.exp{background:rgba(170,182,208,.14);color:var(--mid)}
.cf-st.ref{background:rgba(248,113,113,.16);color:#fca5a5}

/* modal résultat test */
.cf-scrim{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,7,22,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cf-scrim.show{display:flex;animation:fade .25s var(--ease)}
.cf-modal{width:100%;max-width:440px;border-radius:22px;border:1px solid var(--line2);background:linear-gradient(170deg,rgba(18,34,78,.96),rgba(10,20,52,.98));padding:28px;text-align:center;box-shadow:0 50px 110px -30px rgba(2,6,28,.9)}
.cf-modal .cf-m-ic{width:74px;height:74px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:2rem}
.cf-modal.pass .cf-m-ic{background:linear-gradient(160deg,#22c55e,#16a34a);box-shadow:0 18px 40px -12px rgba(34,197,94,.8)}
.cf-modal.fail .cf-m-ic{background:linear-gradient(160deg,#f87171,#dc2626);box-shadow:0 18px 40px -12px rgba(248,113,113,.8)}
.cf-modal h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.3rem;color:#fff}
.cf-modal p{font-size:.88rem;color:var(--mid);margin-top:8px}
body.theme-light .cf-modal{background:#fff} body.theme-light .cf-modal h2{color:#0d1f5c}