/* Prialys × Néoliane — parcours Obsèques (même charte que le module Chien & Chat) */
.po-app{--po-green:#67C27C;--po-green-d:#3d8f53;--po-ink:#1f2933;--po-muted:#5f6b76;--po-line:#e1e6ea;--po-soft:#f3f9f4;--po-warn:#fff6dd;--po-err:#b42318;
max-width:780px;margin:0 auto;color:var(--po-ink);font-size:16px;line-height:1.5;box-sizing:border-box}
.po-app *,.po-app *::before,.po-app *::after{box-sizing:border-box}
.po-app h2{font-size:1.45em;line-height:1.25;margin:0 0 .3em;color:var(--po-ink)}
.po-app h3{font-size:1.05em;margin:1.4em 0 .6em;color:var(--po-ink)}
.po-app h4{font-size:.95em;margin:1.2em 0 .5em;color:var(--po-ink);text-transform:uppercase;letter-spacing:.03em}
.po-loading{padding:24px;text-align:center;color:var(--po-muted)}
.po-card{background:#fff;border:1px solid var(--po-line);border-radius:16px;padding:24px;box-shadow:0 6px 24px rgba(31,41,51,.06)}
.po-lead{color:var(--po-muted);margin:0 0 1.2em}
.po-muted{color:var(--po-muted)}
.po-small{font-size:.85em}
.po-hint{margin:10px 0 0}
.po-banner{display:flex;align-items:center;gap:8px;background:var(--po-ink);color:#fff;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:.95em}
.po-dot{width:10px;height:10px;border-radius:50%;background:var(--po-green);box-shadow:0 0 0 3px rgba(103,194,124,.35);flex:none}
.po-test{background:#fde8e6;color:#8a1c12;border-radius:10px;padding:8px 12px;margin-bottom:12px;font-size:.9em;font-weight:600}
/* Étapes */
.po-steps{display:flex;gap:4px;list-style:none;margin:0 0 16px;padding:0}
.po-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.74em;color:var(--po-muted);text-align:center;position:relative;margin:0}
.po-steps li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#eef1f3;color:var(--po-muted)}
.po-steps li.is-on span{background:var(--po-green);color:#fff;box-shadow:0 0 0 4px rgba(103,194,124,.25)}
.po-steps li.is-done span{background:var(--po-green-d);color:#fff}
.po-steps li.is-on em{color:var(--po-ink);font-weight:600}
.po-steps em{font-style:normal}
.po-step-label{display:none}
@media (max-width:600px){.po-steps em{display:none}.po-steps{margin-bottom:6px}.po-step-label{display:block;text-align:center;font-size:.85em;font-weight:600;color:var(--po-ink);margin:0 0 12px}}
/* Erreurs / notes */
.po-error{background:#fdecea;border:1px solid #f5c2bc;color:var(--po-err);border-radius:10px;padding:10px 14px;margin-bottom:12px}
.po-error a{color:inherit;font-weight:700}
.po-note{background:var(--po-warn);border-radius:10px;padding:10px 14px;margin:8px 0 14px;font-size:.95em}
/* Champs */
.po-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
@media (max-width:560px){.po-grid{grid-template-columns:1fr}.po-card{padding:18px 14px;border-radius:12px}}
.po-field{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative}
.po-wide{grid-column:1/-1}
.po-field label{font-weight:600;font-size:.92em}
.po-field small{color:var(--po-muted);font-size:.82em}
.po-app input:not([type=radio]):not([type=checkbox]),.po-app select{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid #cfd6dc;border-radius:10px;background:#fff;font:inherit;color:inherit;margin:0}
.po-app input:focus,.po-app select:focus{outline:none;border-color:var(--po-green);box-shadow:0 0 0 3px rgba(103,194,124,.25)}
.po-app .po-invalid{border-color:var(--po-err)!important;background:#fffafa}
.po-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
/* Qui assurer */
.po-who{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0 0 18px}
.po-who legend,.po-choices legend,.po-caps legend,.po-clauses legend{font-weight:600;margin-bottom:8px;padding:0}
.po-sp{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--po-line);border-radius:14px;padding:16px;cursor:pointer;transition:.15s;text-align:center}
.po-sp b{font-size:2.2em;line-height:1}
.po-sp span{font-weight:600}
.po-sp input,.po-offre input,.po-choice input,.po-cap input,.po-clause input{position:absolute;opacity:0;pointer-events:none}
.po-sp.is-on,.po-offre.is-on,.po-choice.is-on,.po-cap.is-on,.po-clause.is-on{border-color:var(--po-green);background:var(--po-soft)}
.po-sp:focus-within,.po-offre:focus-within,.po-choice:focus-within,.po-cap:focus-within,.po-clause:focus-within{box-shadow:0 0 0 3px rgba(103,194,124,.3)}
/* Capitaux */
.po-caps{border:0;padding:0;margin:4px 0 6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.po-caps legend{grid-column:1/-1}
.po-cap{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid var(--po-line);border-radius:12px;padding:10px 8px;cursor:pointer;transition:.15s;text-align:center}
.po-cap b{font-size:1.08em;white-space:nowrap}
.po-cap small{color:var(--po-muted);font-size:.8em}
/* Offres */
.po-offres{display:grid;gap:10px}
.po-offre{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"n p" "g p";align-items:center;column-gap:12px;border:2px solid var(--po-line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.15s}
.po-offre-n{grid-area:n;font-weight:700;font-size:1.08em}
.po-offre-g{grid-area:g;color:var(--po-muted);font-size:.85em}
.po-offre-p{grid-area:p;font-weight:800;font-size:1.3em;color:var(--po-green-d);white-space:nowrap}
.po-offre-p small,.po-recap-top small{font-size:.6em;font-weight:500;color:var(--po-muted);margin-left:2px}
/* Choix besoins */
.po-choices{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.po-choices legend{width:100%}
.po-choice{position:relative;border:2px solid var(--po-line);border-radius:999px;padding:8px 16px;cursor:pointer;font-size:.95em}
/* Blocs personnes / bénéficiaires */
.po-person{border-top:1px solid var(--po-line);margin-top:18px;padding-top:4px}
.po-person:first-of-type{border-top:0;margin-top:0;padding-top:0}
.po-clauses{border:0;padding:0;margin:0 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.po-clauses legend{grid-column:1/-1}
@media (max-width:560px){.po-clauses{grid-template-columns:1fr}}
.po-clause{position:relative;display:flex;flex-direction:column;gap:2px;border:2px solid var(--po-line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.15s}
.po-clause small{color:var(--po-muted);font-size:.85em}
.po-benef{background:#f8fafb;border:1px solid var(--po-line);border-radius:12px;padding:12px 14px;margin:10px 0}
.po-benef-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.po-sub{font-weight:700;font-size:.85em;text-transform:uppercase;letter-spacing:.03em;color:var(--po-muted);margin:14px 0 6px}
.po-benef-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.po-add{background:#fff;border:1.5px dashed var(--po-green-d);color:var(--po-green-d);border-radius:999px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer}
.po-add:hover{background:var(--po-soft)}
.po-link{background:none;border:0;color:var(--po-err);font:inherit;font-size:.9em;cursor:pointer;text-decoration:underline;padding:4px}
/* Boîtes, documents */
.po-box{background:#f8fafb;border:1px solid var(--po-line);border-radius:12px;padding:12px 16px;margin-top:16px}
.po-box h3{margin:.2em 0 .5em;font-size:1em}
.po-docs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.po-docs li{margin:0}
.po-docs a{display:flex;align-items:center;gap:8px;color:var(--po-ink);text-decoration:none;font-weight:500}
.po-docs a:hover{color:var(--po-green-d);text-decoration:underline}
.po-pdf{font-size:.65em;font-weight:800;background:#e5484d;color:#fff;border-radius:4px;padding:2px 5px}
.po-tag{font-size:.75em;color:var(--po-muted)}
.po-check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;cursor:pointer}
.po-check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--po-green-d)}
/* Récap */
.po-recap{border:1px solid var(--po-line);border-radius:12px;overflow:hidden;margin-bottom:12px}
.po-recap-top{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--po-soft);padding:12px 16px;font-weight:700}
.po-recap-top b{font-size:1.3em;color:var(--po-green-d);white-space:nowrap}
.po-row{display:flex;justify-content:space-between;gap:12px;padding:9px 16px;border-top:1px solid var(--po-line);font-size:.95em}
.po-row span{color:var(--po-muted)}
.po-row strong{text-align:right;font-weight:600}
@media (max-width:560px){.po-row{flex-direction:column;gap:0}.po-row strong{text-align:left}}
/* Navigation */
.po-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}
.po-next{background:var(--po-green);color:#fff;border:0;border-radius:999px;padding:13px 26px;font:inherit;font-weight:700;cursor:pointer;min-height:48px;transition:.15s}
.po-next:hover{background:var(--po-green-d)}
.po-next:disabled{opacity:.7;cursor:wait}
.po-back{background:none;border:0;color:var(--po-muted);font:inherit;cursor:pointer;padding:10px 4px}
.po-back:hover{color:var(--po-ink)}
@media (max-width:560px){.po-next{flex:1}}
.po-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:po-spin .8s linear infinite;vertical-align:-2px}
@keyframes po-spin{to{transform:rotate(360deg)}}
/* Fin */
.po-done{text-align:center}
.po-ok{width:64px;height:64px;border-radius:50%;background:var(--po-green);color:#fff;font-size:2em;display:grid;place-items:center;margin:0 auto 10px}
.po-legal{font-size:.75em;color:var(--po-muted);text-align:center;margin-top:14px}
