/* ═══════════ PROCHAINE ACTION + COMPTE À REBOURS — LOT A « zéro je ne savais pas » (30/09/2026) ═══════════
   Composants : partials/prochaine-action.blade.php (.umc-pa), .umc-rebours (js/rebours.js),
   récapitulatif avant paiement (.umc-recap, front-end/forfaits/recapitulatif).
   Clair ET sombre (data-theme + système), mouvement réduit respecté, aucun saut de mise en page. */

.umc-pa{
  --pa-ink:#101114; --pa-ink-2:#4a4f5a; --pa-bg:#f6f7f9; --pa-line:#e3e5ea; --pa-acc:#b64700; --pa-acc-bg:#fff1e6;
  --pa-btn:#b64700; --pa-btn-ink:#fff;
  margin:10px 0 0; padding:11px 13px; border-radius:12px; background:var(--pa-bg); border:1px solid var(--pa-line);
  border-left:4px solid var(--pa-line); color:var(--pa-ink); font-size:14px; line-height:1.45; font-variant-numeric:tabular-nums;
  display:grid; grid-template-columns:1fr auto; grid-template-areas:"phrase btn" "quand btn"; gap:4px 12px; align-items:center;
}
.umc-pa--vous{border-left-color:var(--pa-acc); background:var(--pa-acc-bg);}
.umc-pa--upmychain,.umc-pa--banque{border-left-color:#7c3aed;}
.umc-pa--personne{border-left-color:#16a34a;}
.umc-pa--auto{border-left-color:#2563eb;}
.umc-pa-phrase{grid-area:phrase; margin:0; min-width:0; overflow-wrap:anywhere;}
.umc-pa-qui{font-weight:800; color:var(--pa-ink);}
.umc-pa--vous .umc-pa-qui{color:var(--pa-acc);}
.umc-pa-texte{color:var(--pa-ink);}
.umc-pa-quand{grid-area:quand; margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:13px; color:var(--pa-ink-2);}
.umc-pa-ech2{display:inline-flex; flex-wrap:wrap; align-items:center; gap:4px 6px;}
.umc-pa-btn{grid-area:btn; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 16px; border-radius:10px;
  background:var(--pa-btn); color:var(--pa-btn-ink) !important; font-weight:700; font-size:14px; text-decoration:none !important; white-space:nowrap;
  transition:transform .15s, filter .15s;}
.umc-pa-btn:hover{filter:brightness(1.08);}
.umc-pa-btn:active{transform:scale(.97);}
.umc-pa-btn:focus-visible{outline:3px solid var(--pa-acc); outline-offset:2px;}
.umc-pa--compact{padding:9px 11px; font-size:13.5px;}
@media (max-width:520px){
  .umc-pa{grid-template-columns:1fr; grid-template-areas:"phrase" "quand" "btn";}
  .umc-pa-btn{width:100%; margin-top:4px;}
}

/* ── Compte à rebours : largeur réservée, chiffres tabulaires, orange puis rouge ── */
.umc-rebours{display:inline-block; min-width:9.5ch; text-align:center; padding:2px 9px; border-radius:999px; font-weight:700; font-size:12.5px;
  line-height:1.45; white-space:nowrap; font-variant-numeric:tabular-nums; background:#e8f5ec; color:#146c34;
  transition:background-color .4s, color .4s;}
.umc-rebours:empty{visibility:hidden;}
.umc-rebours--bientot{background:#fff1d6; color:#8a3c00;}
.umc-rebours--urgent{background:#fee2e2; color:#b91c1c;}
.umc-rebours--depasse{background:#fee2e2; color:#991b1b;}
.umc-rebours--doux.umc-rebours--ok{background:#eef0f4; color:#3f4451;}
@keyframes umc-rebours-pouls{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.35);}50%{box-shadow:0 0 0 5px rgba(220,38,38,0);}}
.umc-rebours--urgent{animation:umc-rebours-pouls 2s ease-in-out infinite;}

/* ── Récapitulatif avant paiement ── */
.umc-recap{--rc-ink:#101114; --rc-ink-2:#4a4f5a; --rc-bg:#fff; --rc-soft:#f6f7f9; --rc-line:#e3e5ea; --rc-acc:#ff6300; --rc-acc-ink:#14100c;
  max-width:720px; margin:24px auto 40px; padding:0 16px; color:var(--rc-ink); font-size:15px; line-height:1.55;}
.umc-recap h1{font-size:24px; line-height:1.25; margin:0 0 4px; color:var(--rc-ink);}
.umc-recap-sous{margin:0 0 18px; color:var(--rc-ink-2); font-size:14px;}
.umc-recap-montant{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:14px 16px; border-radius:12px;
  background:var(--rc-soft); border:1px solid var(--rc-line); margin:0 0 14px; font-variant-numeric:tabular-nums;}
.umc-recap-montant b{font-size:24px;}
.umc-recap-bloc{background:var(--rc-bg); border:1px solid var(--rc-line); border-radius:12px; padding:14px 16px; margin:0 0 10px;}
.umc-recap-bloc h2{font-size:15px; margin:0 0 6px; color:var(--rc-ink); display:flex; align-items:center; gap:8px;}
.umc-recap-bloc ul{margin:0; padding:0 0 0 18px;}
.umc-recap-bloc li{margin:3px 0; color:var(--rc-ink-2);}
.umc-recap-bloc--non_inclus h2{color:#9a3b00;}
.umc-recap-case{display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border:2px solid var(--rc-acc); border-radius:12px; margin:16px 0 12px;
  cursor:pointer; background:var(--rc-bg); font-weight:600;}
.umc-recap-case input{width:22px; height:22px; flex:0 0 auto; margin:1px 0 0; accent-color:var(--rc-acc);}
.umc-recap-erreur{margin:0 0 12px; padding:10px 14px; border-radius:10px; background:#fee2e2; color:#991b1b; font-weight:600;}
.umc-recap-payer{display:flex; width:100%; align-items:center; justify-content:center; min-height:52px; border:0; border-radius:12px;
  background:var(--rc-acc); color:var(--rc-acc-ink); font-weight:800; font-size:16px; cursor:pointer; transition:transform .15s, filter .15s, opacity .2s;}
.umc-recap-payer:hover{filter:brightness(1.06);}
.umc-recap-payer:active{transform:scale(.985);}
.umc-recap-payer:focus-visible{outline:3px solid var(--rc-ink); outline-offset:2px;}
.umc-recap form:has(.umc-recap-case input:not(:checked)) .umc-recap-payer{opacity:.55;}
.umc-recap-note{margin:10px 0 0; font-size:13px; color:var(--rc-ink-2); text-align:center;}
.umc-recap-retour{display:inline-block; margin:14px 0 0; color:var(--rc-ink-2);}

/* ── Sombre ── */
html[data-theme="dark"] .umc-pa{--pa-ink:#eceef2; --pa-ink-2:#b6bac4; --pa-bg:#1b1e24; --pa-line:#343944; --pa-acc:#ffa266; --pa-acc-bg:#2d1b0f; --pa-btn:#ff8f45; --pa-btn-ink:#101114;}
html[data-theme="dark"] .umc-rebours{background:#0f2b1b; color:#86efac;}
html[data-theme="dark"] .umc-rebours--bientot{background:#2e2410; color:#fcd34d;}
html[data-theme="dark"] .umc-rebours--urgent,html[data-theme="dark"] .umc-rebours--depasse{background:#321516; color:#fca5a5;}
html[data-theme="dark"] .umc-rebours--doux.umc-rebours--ok{background:#23262d; color:#c3c7cf;}
html[data-theme="dark"] .umc-recap{--rc-ink:#eceef2; --rc-ink-2:#b6bac4; --rc-bg:#16181d; --rc-soft:#1b1e24; --rc-line:#343944;}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) .umc-pa{--pa-ink:#eceef2; --pa-ink-2:#b6bac4; --pa-bg:#1b1e24; --pa-line:#343944; --pa-acc:#ffa266; --pa-acc-bg:#2d1b0f; --pa-btn:#ff8f45; --pa-btn-ink:#101114;}
  html:not([data-theme="light"]) .umc-rebours{background:#0f2b1b; color:#86efac;}
  html:not([data-theme="light"]) .umc-rebours--bientot{background:#2e2410; color:#fcd34d;}
  html:not([data-theme="light"]) .umc-rebours--urgent,html:not([data-theme="light"]) .umc-rebours--depasse{background:#321516; color:#fca5a5;}
  html:not([data-theme="light"]) .umc-rebours--doux.umc-rebours--ok{background:#23262d; color:#c3c7cf;}
  html:not([data-theme="light"]) .umc-recap{--rc-ink:#eceef2; --rc-ink-2:#b6bac4; --rc-bg:#16181d; --rc-soft:#1b1e24; --rc-line:#343944;}
}
@media (prefers-reduced-motion:reduce){
  .umc-pa *, .umc-rebours, .umc-recap *{animation:none !important; transition:none !important;}
}
@media print{.umc-pa-btn{display:none;}}