/* ==== LOT H · PAUSE RCF — VIE D'USINE ====
   Composant DÉDIÉ (PAUSE_RCF_UI_SPEC.md) : bandeau + panneau chaleureux distincts
   de la carte événement métier. Réutilise les tokens du thème RCF actif ; pas de
   nouvelle palette. Bleu industriel désaturé (var(--plate)/var(--panel)) + ambre
   discret pour le bandeau/marqueur (var(--hivis)) : "papier" léger, pas cartoon. */
.pause-rcf{
  padding:18px 18px 16px; margin-bottom:14px; border-radius:var(--radius);
  background:var(--panel); border:1px solid var(--edge); border-left:3px solid var(--hivis);
  position:relative; overflow:hidden;
  animation:pauseRcfIn .22s ease-out;
}
/* décor "papier" discret : un coin plié, un seul détail — pas deux effets superposés */
.pause-rcf::after{
  content:""; position:absolute; top:0; right:0; width:26px; height:26px;
  background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.06) 50%);
  pointer-events:none;
}
@keyframes pauseRcfIn{
  from{opacity:0; transform:translateY(8px) rotate(-.4deg)}
  to{opacity:1; transform:none}
}
@media(prefers-reduced-motion:reduce){ .pause-rcf{animation:pauseRcfIn .01s linear} }

.pause-rcf__header{display:flex; align-items:flex-start; gap:11px; margin-bottom:12px}
.pause-rcf__marker{font-size:22px; line-height:1; flex:none}
.pause-rcf__kicker{font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--hivis); margin:0}
.pause-rcf__subline{font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--faint); margin:2px 0 0}

.pause-rcf__note{background:var(--plate); border:1px solid var(--edge); border-radius:var(--radius-sm,11px);
  padding:13px 14px; margin-bottom:14px}
.pause-rcf__title{font-family:var(--disp); font-weight:600; font-size:19px; line-height:1.2;
  color:var(--ink); margin:0 0 8px}
.pause-rcf__situation{font-size:14.5px; line-height:1.55; color:var(--dim); margin:0; max-width:62ch}

.pause-rcf__choices{display:flex; flex-direction:column; gap:9px}
.pause-rcf__choice{
  text-align:left; cursor:pointer; background:var(--floor2); border:1px solid var(--edge);
  border-left:3px solid var(--steel); border-radius:5px; padding:12px 14px; color:var(--ink);
  transition:.14s; display:block; width:100%; min-height:var(--tap,48px); font:inherit;
}
.pause-rcf__choice:hover{border-left-color:var(--hivis); transform:translateX(2px)}
.pause-rcf__choice:focus-visible{outline:2px solid var(--hivis); outline-offset:2px}
.pause-rcf__choice-l{font-weight:600; font-size:14.5px; display:block}
.pause-rcf__choice-h{font-size:12px; color:var(--faint); margin-top:3px; display:block}

/* résultat : la chute d'abord, dans un encart dédié, puis les deltas du moteur */
.pause-rcf--result{padding:18px}
.pause-rcf__punchline{
  font-family:var(--disp); font-size:16.5px; line-height:1.45; color:var(--ink);
  background:var(--plate); border:1px solid var(--edge); border-left:3px solid var(--hivis);
  border-radius:var(--radius-sm,11px); padding:13px 14px; margin:0 0 14px;
}
.pause-rcf__continue{min-height:var(--tap,48px)}

@media(max-width:560px){
  .pause-rcf{padding:14px 13px 12px}
  .pause-rcf__title{font-size:17px}
  .pause-rcf__situation{font-size:13.5px}
  .pause-rcf__note{padding:11px 12px}
}
@media(max-width:400px), (max-height:640px){
  .pause-rcf__header{gap:9px}
  .pause-rcf__marker{font-size:19px}
}