/* Paisible UX — composants transversaux : toasts + aria-live (T2/T4) + empty states (T1) */

/* ===== Toasts / feedback ===== */
.ps-toast-region{position:fixed;z-index:99999;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;max-width:360px;pointer-events:none}
.ps-toast{display:flex;align-items:flex-start;gap:10px;background:#fff;color:#13314a;border:1px solid #dceaf5;border-left:4px solid #185FA5;border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px rgba(15,58,94,.16);font:500 14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease;pointer-events:auto}
.ps-toast--show{opacity:1;transform:translateY(0)}
.ps-toast--success{border-left-color:#1f9d55}
.ps-toast--error{border-left-color:#d64545}
.ps-toast--info{border-left-color:#185FA5}
.ps-toast__icon{flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;background:#185FA5}
.ps-toast--success .ps-toast__icon{background:#1f9d55}
.ps-toast--error .ps-toast__icon{background:#d64545}
.ps-toast__msg{flex:1 1 auto;padding-top:1px}
.ps-toast__close{flex:0 0 auto;background:none;border:0;color:#7a8aa0;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.ps-toast__close:hover{color:#13314a}
@media (max-width:480px){.ps-toast-region{left:12px;right:12px;bottom:12px;max-width:none}}
@media (prefers-reduced-motion:reduce){.ps-toast{transition:none}}

/* ===== Empty states (T1) ===== */
.ps-empty{text-align:center;max-width:520px;margin:48px auto;padding:32px 24px}
.ps-empty__icon{font-size:40px;line-height:1;margin-bottom:14px;opacity:.85}
.ps-empty__title{font:700 20px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#13314a;margin:0 0 8px}
.ps-empty__text{font:400 15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#5a6b80;margin:0 0 20px}
.ps-empty__cta{display:inline-block;background:#185FA5;color:#fff;text-decoration:none;font-weight:600;padding:11px 20px;border-radius:8px;transition:background .15s ease}
.ps-empty__cta:hover{background:#134c85}

/* ===== T5 — Réseaux de publication (statut) ===== */
.ps-networks-wrap{margin:24px auto 0;max-width:980px}
.ps-networks-title{font:700 18px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#13314a;margin:0 0 4px}
.ps-networks-hint{font:400 14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#5a6b80;margin:0 0 16px}
.ps-networks{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.ps-network{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e5ecf3;border-radius:10px;padding:12px 14px}
.ps-network__name{font-weight:600;color:#13314a;flex:1 1 auto}
.ps-network__badge{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.ps-network__badge--connected{background:#e6f5ec;color:#1f7a45}
.ps-network__badge--expired{background:#fdf0e6;color:#b5651d}
.ps-network__badge--off{background:#eef1f5;color:#7a8aa0}
.ps-network__count{font-size:12px;color:#7a8aa0;flex-basis:100%}

/* ===== T3 — Onboarding checklist ===== */
.ps-onboard{background:linear-gradient(180deg,#f5f9fc,#fff);border:1px solid #dceaf5;border-radius:14px;padding:20px 22px;margin:0 0 22px}
.ps-onboard__title{font:700 18px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#13314a;margin:0 0 12px}
.ps-onboard__steps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:9px}
.ps-onboard__step{display:flex;align-items:center;gap:10px;font:500 15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#13314a}
.ps-onboard__step.is-done{color:#5a6b80}
.ps-onboard__mark{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#eef1f5;color:#7a8aa0}
.ps-onboard__step.is-done .ps-onboard__mark{background:#1f9d55;color:#fff}
.ps-onboard__cta{display:inline-block;background:#185FA5;color:#fff;text-decoration:none;font-weight:600;padding:10px 18px;border-radius:8px;transition:background .15s ease}
.ps-onboard__cta:hover{background:#134c85}

/* ===== Parcours auth — cartes de confirmation (signup / validation) ===== */
.ps-auth-wrap{display:flex;justify-content:center;padding:48px 16px}
.ps-auth-card{background:#fff;border:1px solid #e5ecf3;border-radius:16px;box-shadow:0 10px 30px rgba(15,58,94,.08);max-width:560px;width:100%;padding:36px 32px;text-align:center}
.ps-auth-icon{font-size:42px;line-height:1;margin-bottom:14px}
.ps-auth-card h1{font:800 24px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#13314a;margin:0 0 12px}
.ps-auth-card p{font:400 15px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#5a6b80;margin:0 0 14px}
.ps-auth-card .ps-auth-note{font-size:14px;color:#7a8aa0}
.ps-auth-cta{display:inline-block;background:#185FA5;color:#fff;text-decoration:none;font-weight:700;padding:12px 26px;border-radius:10px;margin:10px 0 16px}
.ps-auth-cta:hover{background:#134c85}
.ps-auth-help{font-size:13px;color:#94a3b8;margin:0}
.ps-auth-help a{color:#185FA5}
