/* Outil « Test CV ATS » (22/10) : formulaire et résultat ; la mise en page générale vient de salaire.css (.sal, .sal-tete…). */
/* .sal-tete p (salaire.css) est plus précis que .ats-prive seul : sans « .sal-tete », la pastille serait grise et en 19 px. */
.sal-tete .ats-prive{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:10px;background:#eaf6ef;color:#2f6b4f;font-size:15px;line-height:1.5}
.ats-outil{display:flex;flex-direction:column;gap:14px;margin-top:22px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.ats-onglets{display:flex;flex-wrap:wrap;gap:6px}
.ats-onglets button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.ats-onglets button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.ats-onglets button:focus-visible,.ats-depot:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.ats-depot{position:relative;display:grid;gap:4px;place-items:center;text-align:center;padding:26px 16px;border:2px dashed #b9c5dc;border-radius:16px;background:#f7f9fd;cursor:pointer}
.ats-depot[data-survol]{border-color:var(--blue);background:#eef3fc}
.ats-depot b{color:var(--ink)}.ats-depot span{font-size:14px;color:var(--muted)}
.ats-depot em{font-style:normal;font-size:14px;color:var(--blue)}.ats-depot em:empty{display:none}
.ats-fichier{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;overflow:hidden}
.ats-champ{display:grid;gap:6px;font-weight:600;color:var(--ink)}.ats-champ small{font-weight:400;color:var(--muted)}
.ats-outil textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;resize:vertical}
.ats-erreur{margin:0;color:#b42318;font-size:15px}.ats-erreur:empty{display:none}
.ats-go{align-self:flex-start}
.ats-res{margin-top:22px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.ats-bilan{margin:0 0 12px;font-size:18px;line-height:1.5;color:var(--ink)}
.ats-liste{list-style:none;margin:0;padding:0;display:grid}
.ats-liste li{position:relative;display:grid;grid-template-columns:28px 1fr;column-gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.ats-liste li::before{grid-row:span 2;width:22px;height:22px;margin-top:2px;border-radius:50%;color:#fff;font-weight:700;font-size:14px;line-height:22px;text-align:center}
.ats-liste li.ok::before{content:"✓";background:#2f9e6b}
.ats-liste li.ko::before{content:"×";background:#d9534f}
.ats-liste li.mid::before{content:"~";background:#d48a1f}
.ats-liste li.na::before{content:"–";background:#a3adbf}
.ats-liste li.na b{color:var(--muted)}
.ats-etat{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ats-liste b{color:var(--ink)}.ats-liste span{font-size:15px;line-height:1.5;color:#33435c}
.ats-lu{margin-top:12px}.ats-lu summary{cursor:pointer;color:var(--blue);font-weight:600}
.ats-lu pre{margin:10px 0 0;max-height:320px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.5;background:#f3f5f9;padding:10px 12px;border-radius:8px;color:#33435c}
.sal-page .pass-cta{margin-top:28px}
@media (max-width:560px){.ats-outil,.ats-res{padding:16px}.ats-onglets button{flex:1 1 auto}}